@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kadwa:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Kadwa:wght@400;700&display=swap);

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: #ffffffb3;
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error)
}

.Toastify__toast-container {
  box-sizing: border-box;
  color: #fff;
  padding: 4px;
  position: fixed;
  -webkit-transform: translateZ(9999);
  -webkit-transform: translateZ(var(--toastify-z-index));
  width: 320px;
  width: var(--toastify-toast-width);
  z-index: 9999;
  z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
  left: 1em;
  top: 1em
}

.Toastify__toast-container--top-center {
  left: 50%;
  top: 1em;
  transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
  right: 1em;
  top: 1em
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em
}

@media only screen and (max-width:480px) {
  .Toastify__toast-container {
    left: 0;
    margin: 0;
    padding: 0;
    width: 100vw
  }

  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0)
  }

  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0)
  }

  .Toastify__toast-container--rtl {
    left: auto;
    right: 0
  }
}

.Toastify__toast {
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 #0000001a, 0 2px 15px 0 #0000000d;
  box-sizing: border-box;
  cursor: default;
  direction: ltr;
  display: flex;
  font-family: sans-serif;
  font-family: var(--toastify-font-family);
  justify-content: space-between;
  margin-bottom: 1rem;
  max-height: 800px;
  max-height: var(--toastify-toast-max-height);
  min-height: 64px;
  min-height: var(--toastify-toast-min-height);
  overflow: hidden;
  padding: 8px;
  position: relative;
  z-index: 0
}

.Toastify__toast--rtl {
  direction: rtl
}

.Toastify__toast--close-on-click {
  cursor: pointer
}

.Toastify__toast-body {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  margin: auto 0;
  padding: 6px
}

.Toastify__toast-body>div:last-child {
  flex: 1 1;
  word-break: break-word
}

.Toastify__toast-icon {
  -webkit-margin-end: 10px;
  display: flex;
  flex-shrink: 0;
  margin-inline-end: 10px;
  width: 20px
}

.Toastify--animate {
  animation-duration: .7s;
  animation-fill-mode: both
}

.Toastify--animate-icon {
  animation-duration: .3s;
  animation-fill-mode: both
}

@media only screen and (max-width:480px) {
  .Toastify__toast {
    border-radius: 0;
    margin-bottom: 0
  }
}

.Toastify__toast-theme--dark {
  background: #121212;
  background: var(--toastify-color-dark);
  color: #fff;
  color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
  background: #fff;
  background: var(--toastify-color-light);
  color: #757575;
  color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  background: #3498db;
  background: var(--toastify-color-info);
  color: #fff;
  color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  background: #07bc0c;
  background: var(--toastify-color-success);
  color: #fff;
  color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  background: #f1c40f;
  background: var(--toastify-color-warning);
  color: #fff;
  color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  background: #e74c3c;
  background: var(--toastify-color-error);
  color: #fff;
  color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
  background: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
  background: #bb86fc;
  background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
  background: #3498db;
  background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
  background: #07bc0c;
  background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
  background: #f1c40f;
  background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
  background: #e74c3c;
  background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
  background: #ffffffb3;
  background: var(--toastify-color-transparent)
}

.Toastify__close-button {
  align-self: flex-start;
  background: #0000;
  border: none;
  color: #fff;
  cursor: pointer;
  opacity: .7;
  outline: none;
  padding: 0;
  transition: .3s ease
}

.Toastify__close-button--light {
  color: #000;
  opacity: .3
}

.Toastify__close-button>svg {
  fill: currentColor;
  height: 16px;
  width: 14px
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
  opacity: 1
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1)
  }

  to {
    transform: scaleX(0)
  }
}

.Toastify__progress-bar {
  bottom: 0;
  height: 5px;
  left: 0;
  opacity: .7;
  position: absolute;
  transform-origin: left;
  width: 100%;
  z-index: 9999;
  z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
  transition: transform .2s
}

.Toastify__progress-bar--rtl {
  left: auto;
  right: 0;
  transform-origin: right
}

.Toastify__spinner {
  animation: Toastify__spin .65s linear infinite;
  border: 2px solid #e0e0e0;
  border-color: var(--toastify-spinner-color-empty-area);
  border-radius: 100%;
  border-right-color: #616161;
  border-right-color: var(--toastify-spinner-color);
  box-sizing: border-box;
  height: 20px;
  width: 20px
}

@keyframes Toastify__bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    transform: translate3d(10px, 0, 0)
  }

  90% {
    transform: translate3d(-5px, 0, 0)
  }

  to {
    transform: none
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes Toastify__bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0)
  }

  75% {
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    transform: translate3d(5px, 0, 0)
  }

  to {
    transform: none
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes Toastify__bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0)
  }

  75% {
    transform: translate3d(0, 10px, 0)
  }

  90% {
    transform: translate3d(0, -5px, 0)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes Toastify__bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0)
  }

  75% {
    transform: translate3d(0, -10px, 0)
  }

  90% {
    transform: translate3d(0, 5px, 0)
  }

  to {
    transform: none
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
  animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
  animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
  animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
  animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

@keyframes Toastify__zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg)
  }

  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateX(-20deg)
  }

  60% {
    opacity: 1;
    transform: perspective(400px) rotateX(10deg)
  }

  80% {
    transform: perspective(400px) rotateX(-5deg)
  }

  to {
    transform: perspective(400px)
  }
}

@keyframes Toastify__flipOut {
  0% {
    transform: perspective(400px)
  }

  30% {
    opacity: 1;
    transform: perspective(400px) rotateX(-20deg)
  }

  to {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg)
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
  0% {
    transform: translate3d(110%, 0, 0);
    visibility: visible
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes Toastify__slideInLeft {
  0% {
    transform: translate3d(-110%, 0, 0);
    visibility: visible
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes Toastify__slideInUp {
  0% {
    transform: translate3d(0, 110%, 0);
    visibility: visible
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes Toastify__slideInDown {
  0% {
    transform: translate3d(0, -110%, 0);
    visibility: visible
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes Toastify__slideOutRight {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(110%, 0, 0);
    visibility: hidden
  }
}

@keyframes Toastify__slideOutLeft {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(-110%, 0, 0);
    visibility: hidden
  }
}

@keyframes Toastify__slideOutDown {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(0, 500px, 0);
    visibility: hidden
  }
}

@keyframes Toastify__slideOutUp {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(0, -500px, 0);
    visibility: hidden
  }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
  animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
  animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
  animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
  animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown
}

@keyframes Toastify__spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.loader-container {
  align-items: center;
  background-color: #00000080;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10
}

.loader {
  animation: spin 1s linear infinite;
  border: 4px solid orange;
  border-radius: 50%;
  border-top: 5px solid #4d68d9 !important;
  height: 40px;
  width: 40px
}

.home__loader__container {
  align-items: center;
  display: flex;
  justify-content: center
}

.home__loader {
  animation: spin 1s linear infinite;
  border: 4px solid orange;
  border-radius: 50%;
  border-top: 5px solid #4d68d9 !important;
  height: 40px;
  width: 40px
}

.gaming-screen {
  margin: 0 auto;
  max-width: 1500px;
  width: 100%
}

.gaming-screen-body {
  align-items: center;
  display: flex;
  gap: 40px;
  height: 100%;
  width: 100%
}

.gaming-screen-body-left {
  width: calc(100% - 420px)
}

.gaming-screen-body-left nav {
  margin: 0 30px
}

.gaming-screen-body-left nav .nav {
  border: none
}

.gaming-screen-body-left nav .nav .nav-link {
  background: #4723af;
  color: #fff;
  font-size: 12px;
  margin: 0 4px
}

.gaming-screen-body-left nav .nav .nav-link.active {
  background: #7224f9;
  border: 5px solid #853be2;
  border-bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  position: relative
}

.gaming-screen-body-left nav .nav .nav-link.active:after {
  background: #7224f9;
  bottom: -5px;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%
}

.gaming-screen-body-left nav .nav .nav-link:focus,
.gaming-screen-body-left nav .nav .nav-link:hover {
  border-color: #853be2
}

.gaming-screen-body-left .tab-content {
  background: #7224f9;
  border: 5px solid #853be2;
  border-radius: 24px;
  overflow: hidden
}

.gaming-screen-body-left .tab-content .head-links {
  padding: 16px 44px
}

.gaming-screen-body-left .tab-content .head-links ul {
  gap: 16px
}

.gaming-screen-body-left .tab-content .head-links ul li a {
  color: #fff;
  font-size: 12px
}

.gaming-screen-body-left .tab-content .content-scroll {
  background: #fff;
  height: 100%;
  max-height: 800px;
  min-height: 800px;
  overflow-y: auto
}

.gaming-screen-body-left .tab-content .content-scroll .image-card {
  position: relative
}

.gaming-screen-body-left .tab-content .content-scroll .image-card .image-wrapper {
  min-height: 250px;
  overflow: hidden;
  position: relative
}

.gaming-screen-body-left .tab-content .content-scroll .image-card .image-wrapper:after {
  background: #0000005e;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.gaming-screen-body-left .tab-content .content-scroll .image-card .image-wrapper img {
  width: 100%
}

@media screen and (max-width:1500px) {
  .gaming-screen-body-left .tab-content .content-scroll .image-card .image-wrapper img {
    height: 100%;
    width: auto
  }
}

.gaming-screen-body-left .tab-content .content-scroll .image-card .card-content {
  color: #fff;
  height: 100%;
  left: 0;
  padding: 0 44px;
  position: absolute;
  top: 0;
  width: 100%
}

.gaming-screen-body-left .tab-content .content-scroll .image-card .card-content h2 {
  font-size: 44px;
  font-weight: 600
}

.gaming-screen-body-left .tab-content .content-scroll .image-card .card-content p {
  font-size: 20px
}

.gaming-screen-body-left .tab-content .content-scroll .diga-labs-content {
  background: #fff;
  padding: 60px 44px
}

.gaming-screen-body-left .tab-content .content-scroll .diga-labs-content h2 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 30px
}

.gaming-screen-body-left .tab-content .content-scroll .diga-labs-content p {
  font-size: 16px;
  line-height: 1.7
}

.gaming-screen-body-left .tab-content .content-scroll .diga-labs-content h3 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 24px
}

.gaming-screen-body-left .tab-content .content-scroll .diga-labs-content ul {
  margin-bottom: 16px
}

.gaming-screen-body-left .tab-content .content-scroll .diga-labs-content ul li {
  font-size: 16px;
  line-height: 1.7
}

.gaming-screen-body-right {
  display: flex;
  margin-top: 42px;
  max-width: 380px;
  min-width: 380px;
  position: relative;
  width: 100%
}

.gaming-screen-body-right,
.video-wrapper {
  border-radius: 24px;
  overflow: hidden
}

.video-wrapper video {
  border-radius: 16px
}

.absolute-content {
  height: 100%;
  left: 0;
  padding: 100px 30px 0;
  position: absolute;
  top: 0;
  width: 100%
}

.absolute-content .blurr-bg {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background: #5751513b;
  border-radius: 25px;
  margin-bottom: 20px;
  padding: 20px
}

.absolute-content .blurr-bg h1 {
  color: #fff;
  font-size: 44px;
  font-weight: 600
}

.absolute-content .btn-orange {
  background: #ff6619;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 10px 16px;
  width: 100%
}

.overlay-form {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background: #2f2e2e38;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.overlay-form h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  height: 54px;
  margin-bottom: 0;
  padding: 16px;
  text-align: center
}

.overlay-form .white-card {
  background: #fff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 54px);
  justify-content: space-between;
  position: relative
}

.overlay-form .white-card .card-content {
  padding: 40px 20px 20px
}

.overlay-form .white-card .card-content>p {
  color: #434149;
  font-size: 16px;
  font-weight: 500;
  opacity: .3;
  padding: 0 30px;
  text-align: center
}

.overlay-form .white-card .card-content .stepper {
  padding: 30px 16px;
  text-align: center
}

.overlay-form .white-card .card-content .stepper ul {
  display: inline-flex;
  gap: 20px;
  margin: 0 auto;
  position: relative
}

.overlay-form .white-card .card-content .stepper ul li a {
  align-items: center;
  background: #fff;
  border: 1px solid #505050;
  border-radius: 36px;
  color: #505050;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  height: 36px;
  justify-content: center;
  padding: 4px 8px;
  position: relative;
  text-transform: uppercase;
  width: 36px;
  z-index: 1
}

.overlay-form .white-card .card-content .stepper ul li a i {
  font-size: 16px
}

.overlay-form .white-card .card-content .stepper ul li a.active {
  border-color: #0dcb2a;
  width: auto
}

.overlay-form .white-card .card-content .stepper ul li a.badge-icon {
  border-color: #ff1515
}

.overlay-form .white-card .card-content .stepper ul li a.badge-icon i {
  color: #ff1515
}

.overlay-form .white-card .card-content .stepper ul:after {
  border: 1px dashed #ccc;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.overlay-form .white-card .card-content .input-box {
  display: block;
  margin-bottom: 20px
}

.overlay-form .white-card .card-content .input-box label {
  color: #959595;
  display: block;
  font-size: 12px;
  margin-bottom: 4px
}

.overlay-form .white-card .card-content .input-box .form-control {
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 16px;
  width: 100%
}

.overlay-form .white-card .card-content .input-box .form-control:focus {
  border-color: #ff6717;
  box-shadow: none
}

.overlay-form .white-card .card-content .input-box .connect-wallet {
  align-items: center;
  background: #f7f7f7;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  margin-bottom: 12px;
  padding: 16px
}

.overlay-form .white-card .card-content .input-box .connect-wallet img {
  margin-right: 16px;
  width: 26px
}

.overlay-form .white-card .card-content .input-box .connect-wallet span {
  font-size: 16px;
  font-weight: 600
}

.overlay-form .white-card .card-content .input-box .connect-wallet span .connected {
  font-size: 12px;
  margin-bottom: 0;
  width: calc(100% - 74px)
}

.overlay-form .white-card .card-content .input-box .connect-wallet span .badge-green {
  align-items: center;
  background: #0dcb2a;
  border-radius: 20px;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  width: 20px
}

.overlay-form .white-card .card-content .input-box .connect-wallet span .badge-green svg {
  color: #fff;
  height: 16px;
  width: 16px
}

.overlay-form .white-card .card-content .input-box .grayed-wallet {
  background: #f7f7f7;
  border-radius: 6px;
  padding: 12px 16px
}

.overlay-form .white-card .card-content .input-box .grayed-wallet p {
  font-size: 13px;
  font-weight: 500
}

.overlay-form .white-card .card-content.complete-step {
  padding-top: 100px
}

.overlay-form .white-card .card-content.complete-step .btn-outline img {
  margin-right: 12px;
  width: 24px
}

.overlay-form .white-card .card-content.complete-step .complete-title {
  color: #000;
  font-size: 20px;
  font-weight: 600
}

.overlay-form .white-card .card-content.complete-step p {
  font-size: 12px;
  opacity: 1;
  padding: 0 50px
}

.overlay-form .white-card .p-20 {
  padding: 20px
}

.overlay-form .white-card .btn-outline {
  align-items: center;
  border: 1px solid #ff6619;
  border-radius: 30px;
  display: flex;
  padding: 8px 16px;
  width: 100%
}

.overlay-form .white-card .btn-outline span {
  font-weight: 500;
  padding-right: 20px;
  width: 100%
}

.overlay-form .white-card .btn-outline i {
  font-size: 20px
}

.overlay-form .white-card .btn-outline:hover {
  background: #ff6619;
  color: #fff
}

.overlay-form .white-card .btn-outline:hover i {
  color: #fff
}

.overlay-form .white-card .btn-close {
  position: absolute;
  right: 12px;
  top: 12px
}

.influencer-detail-widget-form {
  border-radius: 24px;
  display: flex;
  height: 450px;
  max-width: 100%;
  min-width: 100%;
  position: relative;
  width: 100%
}

.influencer-detail-widget-form .absolute-content {
  padding: 0
}

.influencer-detail-widget-form .absolute-content .blurr-bg {
  background: #0000003b;
  padding: 40px 20px
}

.influencer-detail-widget-form .absolute-content .blurr-bg h1 {
  font-size: 28px;
  line-height: 1.3
}

.stream-form {
  position: relative
}

.stream-form .overlay-form {
  background: #1f1f1f6e;
  border-radius: 20px;
  box-shadow: -10px 0 20px #0003;
  overflow: hidden
}

.stream-form .overlay-form .white-card .card-content .input-box .grayed-wallet p,
.stream-form .overlay-form .white-card .card-content .input-box label {
  text-align: left
}

.gamingScreen {
  border-radius: 16px;
  display: flex;
  height: calc(100vh - 165px);
  margin: 0 auto;
  max-width: 1600px;
  position: relative;
  width: 100%
}

@media screen and (max-width:1440px) {
  .gamingScreen {
    height: calc(100vh - 150px)
  }
}

.gamingScreen-sidebar {
  align-items: auto;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #fffc;
  border-radius: 16px 0 0 16px;
  box-shadow: 0 0 18px rgba(0, 0, 0, .161);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  min-width: 224px;
  overflow-y: auto;
  padding: 20px 12px;
  width: 224px;
  z-index: 100
}

.gamingScreen-sidebar .balance-meter {
  display: flex;
  flex-grow: 1;
  height: 70px;
  margin-bottom: 30px
}

.gamingScreen-sidebar .balance-meter .left {
  align-items: start;
  background-color: #fff;
  border-radius: 8px 0 0 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 10px;
  width: 55%
}

.gamingScreen-sidebar .balance-meter .left h1 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
  margin: 0
}

.gamingScreen-sidebar .balance-meter .left h1 img {
  margin-left: 5px;
  width: 20px
}

.gamingScreen-sidebar .balance-meter .right {
  align-items: center;
  background-color: #48ac0a;
  border-radius: 0 8px 8px 0;
  color: #bfff98;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 45%
}

.gamingScreen-sidebar .balance-meter .right h1 {
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
  margin: 0
}

.gamingScreen-sidebar .balance-meter .right h2 {
  display: none;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  margin: 0
}

.gamingScreen-sidebar .balance-meter .right small {
  font-size: 10px
}

.gamingScreen-sidebar .balance-meter .right:hover h1 {
  display: none
}

.gamingScreen-sidebar .balance-meter .right:hover h2 {
  display: block
}

.gamingScreen-sidebar .balance-meter .right:hover small {
  display: none
}

.gamingScreen-sidebar .balance-meter .right:hover {
  background-color: #ff6616;
  color: #fff
}

.gamingScreen-sidebar ul.menu {
  margin: 0 3px;
  width: 100%
}

.gamingScreen-sidebar ul.menu li {
  display: block;
  margin-bottom: 3px
}

.gamingScreen-sidebar ul.menu li a {
  align-items: center;
  border-radius: 5px;
  color: #000;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  padding: 5px
}

.gamingScreen-sidebar ul.menu li a>small {
  margin-left: 10px
}

.gamingScreen-sidebar ul.menu li a.disabled {
  background-color: #0000 !important;
  cursor: not-allowed
}

.gamingScreen-sidebar ul.menu li a.active,
.gamingScreen-sidebar ul.menu li a:hover {
  background-color: #f2f4f7
}

.gamingScreen-sidebar .rewards-card {
  align-items: start;
  background: url(/static/media/card-gradient.3be37a48e22a513d6b90.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  color: #fff;
  display: flex;
  gap: 10px;
  margin: 30px 0 10px;
  padding: 10px;
  width: 160px
}

.gamingScreen-sidebar .rewards-card .icon-wrapper {
  background-color: #fff;
  border-radius: 20px;
  padding: 3px 4px
}

.gamingScreen-sidebar .rewards-card p {
  font-size: 12px;
  line-height: 22px;
  margin: 0
}

.gamingScreen-sidebar .rewards-card h1 {
  font-size: 32px;
  font-weight: 600;
  line-height: 39px;
  margin: 0
}

.gamingScreen-sidebar .gaming-card {
  align-items: start;
  background: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid #d6b1ff;
  border-radius: 12px;
  color: #881dff;
  display: flex;
  gap: 10px;
  padding: 10px;
  width: 160px
}

.gamingScreen-sidebar .gaming-card .icon-wrapper {
  background-color: #fff;
  border-radius: 20px;
  padding: 3px 4px
}

.gamingScreen-sidebar .gaming-card p {
  font-size: 12px;
  line-height: 22px;
  margin: 0
}

.gamingScreen-sidebar .gaming-card span {
  background-color: #f2f2f2;
  border-radius: 5px;
  display: block;
  font-size: 10px;
  margin-top: 5px;
  padding: 1px 10px 1px 5px
}

.gamingScreen-main {
  width: 100%
}

.gamingScreen-all {
  background-color: #fff;
  border-radius: 0 16px 16px 0;
  height: 100%;
  position: relative
}

.gamingScreen-all-body {
  height: 100%
}

.gamingScreen-all-section {
  padding: 42px 42px 0;
  width: 100%
}

.gamingScreen-all-section .title {
  margin-bottom: 15px;
  width: 100%
}

.gamingScreen-all-section .title h6 {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 37px;
  margin-bottom: 0
}

.gamingScreen-all-section .title h6 small {
  font-weight: 400
}

.gamingScreen-all-section-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 65px
}

@media screen and (max-width:1500px) {
  .gamingScreen-all-section-grid {
    gap: 35px
  }
}

.gamingScreen-all-section-grid.small {
  gap: 30px
}

.gamingScreen-all-section-grid b {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px
}

.gamingScreen-all-section-grid small {
  color: #747474;
  font-size: 12px;
  line-height: 18px
}

.gamingScreen-all-section-block {
  height: 300px;
  max-width: 300px;
  padding: 24px;
  position: relative;
  width: 300px
}

@media screen and (max-width:1400px) {
  .gamingScreen-all-section-block {
    height: 250px;
    max-width: 250px;
    width: 250px
  }
}

.gamingScreen-all-section-block {
  background-position: 0;
  background-size: cover;
  border-radius: 14px;
  color: #fff
}

.gamingScreen-all-section-block video {
  border-radius: 14px;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.gamingScreen-all-section-block.small {
  border-radius: 14px;
  height: 180px;
  max-width: 180px;
  padding: 14px;
  width: 180px
}

.gamingScreen-all-section-block .gradient {
  background: linear-gradient(0deg, rgba(0, 0, 0, .757), #0000);
  border-radius: 14px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.gamingScreen-all-section-block .overlay {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 14px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.gamingScreen-all-section-block.a1 {
  background-image: url(/static/media/a1.d7ef31c32325dac1c880.png)
}

.gamingScreen-all-section-block.a2 {
  background-image: url(/static/media/a2.d181dd0b127b8ee9da5a.png)
}

.gamingScreen-all-section-block.a3 {
  background-image: url(/static/media/a3.8d3b1937a0d71026c63e.png)
}

.gamingScreen-all-section-block.asphalt {
  background-image: url(/static/media/asphalt.21edea037c7c88bb0b72.jpg)
}

.gamingScreen-all-section-block.eldarune {
  background-image: url(/static/media/eldarune.0ed1f21eb258991e874a.jpg)
}

.gamingScreen-all-section-block.diga {
  background-image: url(/static/media/diga.4d25f562ea065d5e5053.png)
}

.gamingScreen-all-section-block h2 {
  align-items: center;
  font-size: 28px;
  font-weight: 600;
  left: 50px;
  line-height: 12px;
  position: absolute;
  top: 50%
}

@media screen and (max-width:1400px) {
  .gamingScreen-all-section-block h2 {
    left: 25px
  }
}

.gamingScreen-all-section-block h3 {
  align-items: center;
  font-size: 28px;
  font-weight: 600;
  line-height: 12px;
  margin-bottom: 15px
}

.gamingScreen-all-section-block p {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0
}

.gamingScreen-all-section-block .zindex-1 {
  z-index: 1
}

.gamingScreen-all-section-block .btn {
  background: #ff6616;
  border: 2px solid #ff6616;
  border-radius: 30px;
  color: #fff;
  display: none;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  margin: auto;
  width: 120px
}

.gamingScreen-all-section-block .btn a {
  color: #fff
}

.gamingScreen-all-section-block .btn:hover {
  border: 2px solid #fff
}

.gamingScreen-all-section-block .btn:active,
.gamingScreen-all-section-block .btn:focus {
  opacity: .8
}

.gamingScreen-all-section-block .low-balance {
  background: #779ae3;
  border: 2px solid #779ae3;
  border-radius: 30px;
  display: none;
  height: 18px;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 100px
}

.gamingScreen-all-section-block .low-balance b,
.gamingScreen-all-section-block .low-balance span {
  font-size: 10px;
  line-height: 14px
}

.gamingScreen-all-section-block .low-balance .initial {
  display: block
}

.gamingScreen-all-section-block .low-balance .later,
.gamingScreen-all-section-block .low-balance:hover .initial {
  display: none
}

.gamingScreen-all-section-block .low-balance:hover .later {
  display: block
}

.gamingScreen-all-section-block .low-balance:hover {
  background: #ff6616;
  border: 2px solid #ff6616
}

.gamingScreen-all-section-block .low-balance:active,
.gamingScreen-all-section-block .low-balance:focus {
  opacity: .8
}

.gamingScreen-all-section-block:hover h3,
.gamingScreen-all-section-block:hover p {
  display: none
}

.gamingScreen-all-section-block:hover .btn,
.gamingScreen-all-section-block:hover video {
  display: block
}

.gamingScreen-all-section-block:hover .gradient {
  display: none
}

.gamingScreen-all-section-block:hover.coming h3,
.gamingScreen-all-section-block:hover.coming p {
  display: block
}

.gamingScreen-view {
  background-color: #fff;
  border-radius: 16px;
  height: 100%;
  width: 100%
}

.gamingScreen-view-body {
  border-top-left-radius: 18px;
  display: flex;
  height: 100%
}

.gamingScreen-view-body-left {
  border-bottom-left-radius: 18px;
  border-top-left-radius: 18px;
  height: 100%;
  width: 100%
}

.gamingScreen-view-body-left .scrolable {
  height: calc(100% - 286px)
}

@media screen and (max-width:1280px) {
  .gamingScreen-view-body-left .scrolable {
    height: calc(100% - 230px)
  }
}

.gamingScreen-view-body-right {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  min-width: 280px;
  padding: 0;
  width: 50%
}

@media screen and (max-width:1280px) {
  .gamingScreen-view-body-right {
    align-items: start
  }
}

.gamingScreen-view-body-right {
  border-left: .5px solid #cecece;
  margin: 0 auto
}

.gamingScreen-view-body .display {
  height: 286px;
  padding: 45px 36px;
  position: relative
}

@media screen and (max-width:1280px) {
  .gamingScreen-view-body .display {
    height: 230px
  }
}

.gamingScreen-view-body .display {
  background-image: url(/static/media/eldarune-bg.e6dd1216782152a5c6bd.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 14px
}

.gamingScreen-view-body .display .btn-back svg {
  height: 34px;
  width: 34px
}

.gamingScreen-view-body .display .btn-back {
  border: 2px solid #000;
  border-radius: 100px;
  cursor: pointer;
  left: 20px;
  position: absolute;
  top: 20px
}

.gamingScreen-view-body .display .btn-back:hover {
  opacity: .8
}

.gamingScreen-view-body .display .btn-back:active,
.gamingScreen-view-body .display .btn-back:focus {
  border: 2px solid #fff
}

.gamingScreen-view-body .display .widget {
  align-items: center;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background-color: rgba(52, 64, 84, .565);
  border-radius: 20px;
  bottom: 30px;
  display: flex;
  gap: 20px;
  left: 30px;
  padding: 20px;
  position: absolute;
  width: -webkit-fit-content;
  width: fit-content
}

.gamingScreen-view-body .display .widget img {
  width: 64px
}

.gamingScreen-view-body .display .widget h3 {
  color: #fff;
  font-size: 28px;
  margin-bottom: 3px
}

.gamingScreen-view-body .display .widget p {
  color: #fff;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 0
}

.gamingScreen-view-body .display .widget .btn {
  background-color: #ff6717;
  border-color: #ff6717;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  height: 40px;
  line-height: 26px;
  margin-left: 10px;
  padding: 6px 20px
}

.gamingScreen-view-body .display .widget .btn:active,
.gamingScreen-view-body .display .widget .btn:focus {
  scale: .99
}

.gamingScreen-view-body .display .widget .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ff6717
}

.gamingScreen-view-body .content-body {
  max-height: calc(100% - 286px);
  padding: 30px
}

.gamingScreen-view-body .content-body .shots {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}

.gamingScreen-view-body .content-body .shots .shot {
  width: calc(20% - 10px)
}

.gamingScreen-view-body .content-body .stats img {
  margin: 30px 10px;
  width: 80%
}

.gamingScreen-view-body .content-body p {
  color: #000;
  font-size: 14px;
  line-height: 28px
}

.gamingScreen-view-body .main-card {
  background-image: url(/static/media/eldarune-mbl-bg.f3762dbd2a8d91da9781.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 6px solid #000;
  border-radius: 40px;
  color: #fff;
  height: 500px;
  min-height: 400px;
  padding: 15px;
  position: relative;
  width: 240px
}

.gamingScreen-view-body .main-card .content {
  align-items: center;
  display: flex;
  flex-direction: column
}

.gamingScreen-view-body .main-card .content .profile-img {
  align-items: center;
  background-color: #000;
  border-radius: 100px;
  display: flex;
  height: 120px;
  justify-content: center;
  width: 120px
}

.gamingScreen-view-body .main-card .content .profile-img img {
  width: 80px
}

.gamingScreen-view-body .main-card .content h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin: 15px 0 0;
  text-align: center
}

.gamingScreen-view-body .main-card .content small {
  color: #fff;
  font-size: 14px;
  line-height: 20px
}

.gamingScreen-view-body .main-card .content label {
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 5px;
  text-align: left
}

.gamingScreen-view-body .main-card .content .form-control {
  background-color: #fff;
  border: .5px solid #bfbfbf;
  border-radius: 4px;
  color: #000;
  font-size: 12px;
  height: 36px;
  line-height: 15px;
  margin-bottom: 6px;
  padding: 5px 10px
}

.gamingScreen-view-body .main-card .content .socials {
  display: flex;
  flex-wrap: wrap;
  gap: 8px
}

.gamingScreen-view-body .main-card .content .socials .social img {
  margin-right: 4px;
  width: 15px
}

.gamingScreen-view-body .main-card .content .socials .social span {
  color: #000;
  font-size: 12px;
  line-height: 20px
}

.gamingScreen-view-body .main-card .content .socials .social {
  background-color: #fff;
  border-radius: 4px;
  height: 36px;
  padding: 7px 10px;
  width: calc(50% - 4px)
}

.gamingScreen-view-body .btn-learn {
  background-color: #fff;
  border-color: #ff6717;
  border-radius: 30px;
  color: #000;
  font-size: 16px;
  margin: 20px auto;
  padding: 5px 15px;
  width: 240px
}

.gamingScreen-view-body .btn-create {
  background-color: #ff6717;
  border-color: #ff6717;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  margin: 20px auto 0;
  padding: 7px 15px;
  width: 240px
}

.gamingScreen-categories {
  background-color: #fff;
  border-radius: 0 16px 16px 0;
  height: 100%;
  width: 100%
}

.gamingScreen-categories-body {
  height: 100%;
  width: 100%
}

.gamingScreen-categories-body .display {
  background-image: url(/static/media/eldarune-bg.e6dd1216782152a5c6bd.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 14px;
  height: 266px;
  padding: 45px 36px;
  position: relative;
  width: 100%
}

.gamingScreen-categories-body .display .widget {
  align-items: center;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background-color: rgba(52, 64, 84, .565);
  border-radius: 20px;
  bottom: 30px;
  display: flex;
  gap: 20px;
  left: 30px;
  padding: 20px;
  position: absolute;
  width: -webkit-fit-content;
  width: fit-content
}

.gamingScreen-categories-body .display .widget img {
  width: 64px
}

.gamingScreen-categories-body .display .widget h3 {
  color: #fff;
  font-size: 28px;
  margin-bottom: 3px
}

.gamingScreen-categories-body .display .widget p {
  color: #fff;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 0
}

.gamingScreen-categories-body .display .widget .btn {
  background-color: #ff6717;
  border-color: #ff6717;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  height: 40px;
  line-height: 26px;
  margin-left: 10px;
  padding: 6px 20px
}

.gamingScreen-categories-body .display .widget .btn:active,
.gamingScreen-categories-body .display .widget .btn:focus {
  scale: .99
}

.gamingScreen-categories-body .display .widget .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ff6717
}

.gamingScreen-categories-content {
  height: calc(100% - 266px)
}

.gamingScreen-categories-content .row {
  padding: 25px 40px
}

@media screen and (max-width:1280px) {
  .gamingScreen-categories-content .row {
    padding: 20px
  }
}

.gamingScreen-categories-content .game {
  display: flex;
  gap: 10px;
  justify-content: start;
  margin: 20px 0
}

.gamingScreen-categories-content .game img {
  height: 80px;
  width: 80px
}

.gamingScreen-categories-content .game b {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px
}

.gamingScreen-categories-content .game h3 {
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0
}

.gamingScreen-categories-content .game small {
  color: #747474;
  display: block;
  font-size: 12px;
  line-height: 18px
}

.gamingScreen-categories-content .game .btn-play {
  background-color: #f3f3f1;
  border-radius: 18px;
  color: #2c72ff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  padding: 0 15px
}

.gamingScreen-categories-content .game .btn-play:hover {
  background-color: #ff6717;
  color: #fff
}

.gamingScreen-categories-content .game .btn-play:active,
.gamingScreen-categories-content .game .btn-play:focus {
  scale: .97
}

.influential-hub .influential-container {
  height: calc(100vh - 165px);
  margin: 0 auto;
  max-height: 1000px;
  max-width: 1600px;
  overflow-y: auto;
  position: relative;
  width: 100%
}

@media screen and (max-width:1440px) {
  .influential-hub .influential-container {
    height: calc(100vh - 150px)
  }
}

.influential-hub .influential-container .search_wrapper .form-control {
  background-color: #453c8b80
}

.influential-hub .head-content h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 0
}

.influential-hub .head-content img {
  height: 48px;
  width: 48px
}

@media screen and (max-width:1280px) {
  .influential-hub .head-content img {
    height: 40px;
    width: 40px
  }
}

.influential-hub .hub-followings .nav-underline {
  border-bottom: .5px solid #fff
}

.influential-hub .hub-followings .nav-underline .nav-item .nav-link {
  color: #fff
}

.influential-hub .hub-followings .tab-content {
  border-radius: 16px;
  box-shadow: inset 0 0 10px #0000004d;
  max-height: 485px;
  min-height: 485px;
  overflow-y: auto;
  padding: 12px
}

.influential-hub .hub-followings .tab-content .follower-card {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ffffff40;
  border-radius: 12px;
  color: #fff;
  display: block;
  padding: 16px 12px
}

@media screen and (max-width:1300px) {
  .influential-hub .hub-followings .tab-content .follower-card {
    padding: 8px 12px
  }
}

.influential-hub .hub-followings .tab-content .follower-card p {
  font-size: 12px
}

.influential-hub .hub-followings .tab-content .follower-card p.size-12 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0
}

@media screen and (max-width:1200px) {
  .influential-hub .hub-followings .tab-content .follower-card p.size-12 {
    font-size: 12px
  }
}

.influential-hub .hub-followings .tab-content .follower-card .btn-following {
  background: #ff6619;
  border-radius: 16px;
  color: #fff;
  font-size: 12px;
  padding: 3px 8px
}

.influential-hub .hub-followings .tab-content .follower-card .btn-following.navy-blue {
  background: #1e1379
}

.influential-hub .hub-followings .tab-content .follower-card .user-pic-space {
  border-radius: 45px;
  height: 45px;
  min-width: 45px;
  overflow: hidden;
  width: 45px
}

.influential-hub .hub-followings .tab-content .follower-card .user-pic-space.has-icon {
  align-items: center;
  display: flex;
  justify-content: center
}

.influential-hub .hub-followings .tab-content .follower-card .user-pic-space.has-icon img {
  width: 26px
}

.influential-hub .hub-followings .tab-content .follower-card .user-pic-space.has-icon.yellow {
  background: #ffc107
}

.influential-hub .hub-followings .tab-content .follower-card .user-pic-space.has-icon.blue {
  background: #3f51b5
}

.influential-hub .hub-followings .tab-content .follower-card .user-pic-space.has-icon.purple {
  background: #673ab7
}

@media screen and (max-width:1300px) {
  .influential-hub .hub-followings .tab-content .follower-card .user-pic-space {
    margin-bottom: 6px;
    transform: scale(.8)
  }

  .influential-hub .hub-followings .tab-content .follower-card>.d-flex {
    flex-wrap: wrap
  }
}

.influential-hub .user-cards .crypto-card {
  border-radius: 16px
}

.influential-hub .user-cards .crypto-card .user-image {
  border-radius: 16px;
  overflow: hidden;
  position: relative
}

.influential-hub .user-cards .crypto-card .user-image .this-can-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  padding-bottom: 50px;
  position: absolute;
  top: 0;
  width: 100%
}

.influential-hub .user-cards .crypto-card .user-image .this-can-content .user-icon {
  align-items: center;
  border-radius: 56px;
  color: #fff;
  display: flex;
  height: 56px;
  justify-content: center;
  margin-bottom: 12px;
  width: 56px
}

.influential-hub .user-cards .crypto-card .user-image .this-can-content .user-icon svg {
  height: 50px;
  width: 50px
}

.influential-hub .user-cards .crypto-card .user-image .this-can-content h3 {
  color: #fff;
  font-size: 24px
}

.influential-hub .user-cards .crypto-card .overlay-card {
  background: #00000080;
  bottom: 0;
  color: #fff;
  height: 92px;
  padding: 16px 12px;
  position: absolute;
  width: 100%
}

.influential-hub .user-cards .crypto-card .hub-icon-space {
  -webkit-backdrop-filter: blur(44px);
  backdrop-filter: blur(44px);
  background: #eaecf040;
  border-radius: 44px;
  height: 44px;
  position: absolute;
  right: 16px;
  top: -24px;
  width: 44px;
  z-index: 2
}

.influential-hub .user-cards .crypto-card .hub-icon-space span {
  align-items: center;
  border-radius: 44px;
  display: flex;
  height: 44px;
  justify-content: center;
  width: 44px
}

.influential-hub .user-cards .crypto-card .hub-icon-space span i {
  color: #fff;
  font-size: 26px
}

.influential-hub .user-cards .crypto-card .hub-icon-space.top-share {
  background: #fff;
  cursor: pointer;
  right: 10px;
  top: 10px;
  transition: width .3s ease
}

.influential-hub .user-cards .crypto-card .hub-icon-space.top-share span {
  padding: 0 8px
}

.influential-hub .user-cards .crypto-card .hub-icon-space.top-share span i {
  color: #000
}

.influential-hub .user-cards .crypto-card .hub-icon-space.top-share span.share-content {
  opacity: 0;
  padding: 0;
  transition: width .3s ease;
  width: 0
}

.influential-hub .user-cards .crypto-card .hub-icon-space.top-share:hover,
.influential-hub .user-cards .crypto-card .hub-icon-space.top-share:hover span {
  width: auto
}

.influential-hub .user-cards .crypto-card .hub-icon-space.top-share:hover span .share-content {
  opacity: 1;
  transition: width .3s ease;
  width: auto
}

.influential-hub .user-cards .crypto-card .hub-icon-space .hidden-icon {
  opacity: 0;
  transition: opacity .3s ease
}

.influential-hub .user-cards .crypto-card .hub-icon-space:hover {
  height: auto
}

.influential-hub .user-cards .crypto-card .hub-icon-space:hover .hidden-icon {
  opacity: 1;
  transition: opacity .3s ease
}

.influential-hub .user-cards .crypto-card .hub-icon-space:hover .hidden-icon:hover {
  background: #f4433661
}

.influential-hub .user-cards .crypto-card .icon-space {
  align-items: center;
  background: #fff;
  border-radius: 36px;
  display: flex;
  height: 36px;
  justify-content: center;
  margin-right: 12px;
  padding: 4px;
  width: 36px
}

.influential-hub .user-cards .crypto-card .icon-space i {
  font-size: 30px
}

.influential-hub .user-cards .crypto-card .icon-space i.icon-bio-icon {
  font-size: 24px
}

.influential-hub .user-cards .crypto-card .icon-space i.off {
  display: none;
  font-size: 24px;
  font-weight: 600;
  transition: opacity .5s ease-in-out
}

.influential-hub .user-cards .crypto-card .icon-space:hover .off {
  display: block;
  transition: opacity .5s ease-in-out
}

.influential-hub .user-cards .crypto-card .icon-space:hover .on {
  display: none
}

.influential-hub .user-cards .crypto-card .size-18 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0
}

@media screen and (max-width:1200px) {
  .influential-hub .user-cards .crypto-card .size-18 {
    font-size: 14px
  }
}

.influential-hub .user-cards .crypto-card .card-crypto-relative {
  position: relative
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card {
  color: #fff;
  display: block;
  height: 80px;
  position: relative;
  top: -24px;
  width: 100%;
  z-index: 1
}

@media screen and (max-width:1200px) {
  .influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card {
    font-size: 12px
  }
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card {
  cursor: pointer
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card .card-hover {
  background: #957f77;
  border-radius: 16px 16px 0 0;
  height: 100%;
  padding: 12px;
  position: absolute;
  transition: height .3s ease;
  width: 100%
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card .card-hover:hover {
  top: -10px;
  transition: height .3s ease
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card .card-hover.blue-shade {
  background: #071855
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card .card-hover.gray-shade {
  background: #6e7189;
  color: #000
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-2 {
  top: -48px
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-2 .card-hover {
  background: #836f64
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-2 .card-hover.blue-shade {
  background: #001c70
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-2 .card-hover.gray-shade {
  background: #9c9cb2;
  color: #000
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-3 {
  top: -72px
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-3 .card-hover {
  background: #715d51
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-3 .card-hover.blue-shade {
  background: #002d8c
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-3 .card-hover.gray-shade {
  background: #c9cad0;
  color: #000
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-4 {
  background: #59494a;
  border-radius: 16px;
  height: 140px;
  top: -96px
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-4 .card-hover {
  background: #59494a;
  border-radius: 16px
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-4 .card-hover.white-shade {
  background: #fff
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-4.white-shade {
  background: #fff;
  color: #000
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-4.white-shade .icon-space i {
  color: #000
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card.shade-4.white-shade .icon-space.gray-icon i {
  color: #99999a
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card .icon-space {
  background: #0000
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card .icon-space i {
  color: #fff
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card .nft-button {
  align-items: center;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  padding: 8px 16px
}

@media screen and (max-width:1200px) {
  .influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card .nft-button {
    font-size: 12px
  }

  .influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card .nft-button img {
    transform: scale(.9)
  }
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card .nft-button:hover {
  background: #0000
}

.influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card .btn-orange {
  background: #ff6619;
  border: 1px solid #ff6619;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 12px
}

@media screen and (max-width:1200px) {
  .influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card .btn-orange {
    font-size: 12px
  }
}

@media screen and (max-width:1100px) {
  .influential-hub .user-cards .crypto-card .card-crypto-relative .clickable-card p {
    font-size: 12px
  }
}

.pt-40 {
  padding-top: 40px
}

.confetti {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.confetti .confetti-i {
  background: red;
  display: block;
  height: 5px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 3px
}

.confetti:hover i:first-of-type {
  animation: bang .7s ease-out forwards;
  background: #c4ff00;
  opacity: 0;
  transform: translate3d(-44px, -51px, 0) rotate(351deg)
}

.confetti:hover i:nth-of-type(2) {
  animation: bang .7s ease-out forwards;
  background: #00ff04;
  opacity: 0;
  transform: translate3d(-49px, -56px, 0) rotate(94deg)
}

.confetti:hover i:nth-of-type(3) {
  animation: bang .7s ease-out forwards;
  background: #ff000d;
  opacity: 0;
  transform: translate3d(-73px, -85px, 0) rotate(198deg)
}

.confetti:hover i:nth-of-type(4) {
  animation: bang .7s ease-out forwards;
  background: #00c8ff;
  opacity: 0;
  transform: translate3d(6px, -63px, 0) rotate(222deg)
}

.confetti:hover i:nth-of-type(5) {
  animation: bang .7s ease-out forwards;
  background: #fc0;
  opacity: 0;
  transform: translate3d(-47px, -61px, 0) rotate(17deg)
}

.confetti:hover i:nth-of-type(6) {
  animation: bang .7s ease-out forwards;
  background: #00ffd9;
  opacity: 0;
  transform: translate3d(-41px, -72px, 0) rotate(305deg)
}

.confetti:hover i:nth-of-type(7) {
  animation: bang .7s ease-out forwards;
  background: #ff4800;
  opacity: 0;
  transform: translate3d(-20px, -64px, 0) rotate(342deg)
}

.confetti:hover i:nth-of-type(8) {
  animation: bang .7s ease-out forwards;
  background: #f0b;
  opacity: 0;
  transform: translate3d(-24px, -95px, 0) rotate(322deg)
}

.confetti:hover i:nth-of-type(9) {
  animation: bang .7s ease-out forwards;
  background: #b700ff;
  opacity: 0;
  transform: translate3d(65px, -80px, 0) rotate(208deg)
}

.confetti:hover i:nth-of-type(10) {
  animation: bang .7s ease-out forwards;
  background: #0f4;
  opacity: 0;
  transform: translate3d(-37px, -89px, 0) rotate(344deg)
}

.confetti:hover i:nth-of-type(11) {
  animation: bang .7s ease-out forwards;
  background: #ffae00;
  opacity: 0;
  transform: translate3d(-97px, -59px, 0) rotate(168deg)
}

.confetti:hover i:nth-of-type(12) {
  animation: bang .7s ease-out forwards;
  background: #00ff4d;
  opacity: 0;
  transform: translate3d(53px, -57px, 0) rotate(97deg)
}

.confetti:hover i:nth-of-type(13) {
  animation: bang .7s ease-out forwards;
  background: #f80;
  opacity: 0;
  transform: translate3d(76px, -50px, 0) rotate(212deg)
}

.confetti:hover i:nth-of-type(14) {
  animation: bang .7s ease-out forwards;
  background: #a600ff;
  opacity: 0;
  transform: translate3d(24px, -86px, 0) rotate(55deg)
}

.confetti:hover i:nth-of-type(15) {
  animation: bang .7s ease-out forwards;
  background: #ff9500;
  opacity: 0;
  transform: translate3d(-1px, -90px, 0) rotate(308deg)
}

.confetti:hover i:nth-of-type(16) {
  animation: bang .7s ease-out forwards;
  background: #0ef;
  opacity: 0;
  transform: translate3d(-70px, -77px, 0) rotate(125deg)
}

.confetti:hover i:nth-of-type(17) {
  animation: bang .7s ease-out forwards;
  background: #eaff00;
  opacity: 0;
  transform: translate3d(73px, -73px, 0) rotate(56deg)
}

.confetti:hover i:nth-of-type(18) {
  animation: bang .7s ease-out forwards;
  background: #d500ff;
  opacity: 0;
  transform: translate3d(-46px, -59px, 0) rotate(236deg)
}

.confetti:hover i:nth-of-type(19) {
  animation: bang .7s ease-out forwards;
  background: #0fc;
  opacity: 0;
  transform: translate3d(82px, -85px, 0) rotate(186deg)
}

.confetti:hover i:nth-of-type(20) {
  animation: bang .7s ease-out forwards;
  background: #0fa;
  opacity: 0;
  transform: translate3d(60px, -71px, 0) rotate(60deg)
}

.confetti:hover i:nth-of-type(21) {
  animation: bang .7s ease-out forwards;
  background: #f06;
  opacity: 0;
  transform: translate3d(0, -72px, 0) rotate(3deg)
}

.confetti:hover i:nth-of-type(22) {
  animation: bang .7s ease-out forwards;
  background: #0f6;
  opacity: 0;
  transform: translate3d(-78px, -57px, 0) rotate(228deg)
}

.confetti:hover i:nth-of-type(23) {
  animation: bang .7s ease-out forwards;
  background: #00ff1e;
  opacity: 0;
  transform: translate3d(-55px, -86px, 0) rotate(359deg)
}

.confetti:hover i:nth-of-type(24) {
  animation: bang .7s ease-out forwards;
  background: #00fbff;
  opacity: 0;
  transform: translate3d(7px, -81px, 0) rotate(78deg)
}

.confetti:hover i:nth-of-type(25) {
  animation: bang .7s ease-out forwards;
  background: #c4ff00;
  opacity: 0;
  transform: translate3d(31px, -73px, 0) rotate(295deg)
}

.confetti:hover i:nth-of-type(26) {
  animation: bang .7s ease-out forwards;
  background: #0f1;
  opacity: 0;
  transform: translate3d(15px, -53px, 0) rotate(190deg)
}

.confetti:hover i:nth-of-type(27) {
  animation: bang .7s ease-out forwards;
  background: #ff0059;
  opacity: 0;
  transform: translate3d(-9px, -66px, 0) rotate(7deg)
}

.confetti:hover i:nth-of-type(28) {
  animation: bang .7s ease-out forwards;
  background: #00ff15;
  opacity: 0;
  transform: translate3d(-79px, -66px, 0) rotate(223deg)
}

.confetti:hover i:nth-of-type(29) {
  animation: bang .7s ease-out forwards;
  background: #004dff;
  opacity: 0;
  transform: translate3d(26px, -50px, 0) rotate(306deg)
}

.confetti:hover i:nth-of-type(30) {
  animation: bang .7s ease-out forwards;
  background: #0f3;
  opacity: 0;
  transform: translate3d(23px, -56px, 0) rotate(288deg)
}

.confetti:hover i:nth-of-type(31) {
  animation: bang .7s ease-out forwards;
  background: #03f;
  opacity: 0;
  transform: translate3d(-44px, -82px, 0) rotate(327deg)
}

.confetti:hover i:nth-of-type(32) {
  animation: bang .7s ease-out forwards;
  background: #b3ff00;
  opacity: 0;
  transform: translate3d(-91px, -53px, 0) rotate(295deg)
}

.confetti:hover i:nth-of-type(33) {
  animation: bang .7s ease-out forwards;
  background: #02f;
  opacity: 0;
  transform: translate3d(-29px, -96px, 0) rotate(220deg)
}

.confetti:hover i:nth-of-type(34) {
  animation: bang .7s ease-out forwards;
  background: #f0c;
  opacity: 0;
  transform: translate3d(61px, -80px, 0) rotate(271deg)
}

.confetti:hover i:nth-of-type(35) {
  animation: bang .7s ease-out forwards;
  background: #ff00d9;
  opacity: 0;
  transform: translate3d(67px, -62px, 0) rotate(50deg)
}

.confetti:hover i:nth-of-type(36) {
  animation: bang .7s ease-out forwards;
  background: #0df;
  opacity: 0;
  transform: translate3d(-58px, -87px, 0) rotate(287deg)
}

.confetti:hover i:nth-of-type(37) {
  animation: bang .7s ease-out forwards;
  background: #9f0;
  opacity: 0;
  transform: translate3d(31px, -59px, 0) rotate(58deg)
}

.confetti:hover i:nth-of-type(38) {
  animation: bang .7s ease-out forwards;
  background: #002fff;
  opacity: 0;
  transform: translate3d(-73px, -86px, 0) rotate(353deg)
}

.confetti:hover i:nth-of-type(39) {
  animation: bang .7s ease-out forwards;
  background: #00c4ff;
  opacity: 0;
  transform: translate3d(20px, -58px, 0) rotate(157deg)
}

.confetti:hover i:nth-of-type(40) {
  animation: bang .7s ease-out forwards;
  background: #007bff;
  opacity: 0;
  transform: translate3d(61px, -62px, 0) rotate(159deg)
}

.confetti:hover i:nth-of-type(41) {
  animation: bang .7s ease-out forwards;
  background: #2f0;
  opacity: 0;
  transform: translate3d(-54px, -98px, 0) rotate(79deg)
}

.confetti:hover i:nth-of-type(42) {
  animation: bang .7s ease-out forwards;
  background: #ff00b7;
  opacity: 0;
  transform: translate3d(12px, -96px, 0) rotate(9deg)
}

.confetti:hover i:nth-of-type(43) {
  animation: bang .7s ease-out forwards;
  background: #006fff;
  opacity: 0;
  transform: translate3d(-74px, -89px, 0) rotate(232deg)
}

.confetti:hover i:nth-of-type(44) {
  animation: bang .7s ease-out forwards;
  background: #ff9d00;
  opacity: 0;
  transform: translate3d(87px, -80px, 0) rotate(310deg)
}

.confetti:hover i:nth-of-type(45) {
  animation: bang .7s ease-out forwards;
  background: #ff006a;
  opacity: 0;
  transform: translate3d(6px, -51px, 0) rotate(40deg)
}

.confetti:hover i:nth-of-type(46) {
  animation: bang .7s ease-out forwards;
  background: #00f2ff;
  opacity: 0;
  transform: translate3d(-86px, -62px, 0) rotate(149deg)
}

.confetti:hover i:nth-of-type(47) {
  animation: bang .7s ease-out forwards;
  background: #ffb300;
  opacity: 0;
  transform: translate3d(-56px, -95px, 0) rotate(58deg)
}

.confetti:hover i:nth-of-type(48) {
  animation: bang .7s ease-out forwards;
  background: #0fa;
  opacity: 0;
  transform: translate3d(77px, -79px, 0) rotate(213deg)
}

.confetti:hover i:nth-of-type(49) {
  animation: bang .7s ease-out forwards;
  background: #ff4000;
  opacity: 0;
  transform: translate3d(-95px, -98px, 0) rotate(313deg)
}

.confetti:hover i:nth-of-type(50) {
  animation: bang .7s ease-out forwards;
  background: #ffc400;
  opacity: 0;
  transform: translate3d(32px, -59px, 0) rotate(320deg)
}

@keyframes bang {
  0% {
    opacity: 1;
    transform: translateZ(0)
  }
}

.influencer {
  width: 100%
}

.influencer .space {
  margin: 0 auto;
  max-width: 1460px;
  width: 100%
}

.influencer .space-body-grid {
  display: flex
}

.influencer .space-body-grid-item {
  border-radius: 20px
}

.influencer .space-body-grid-item:first-child {
  background-color: #0000;
  flex: 1 1;
  margin-right: 40px;
  min-width: 380px
}

.influencer .space-body-grid-item:nth-child(2) {
  margin: 34px 0 0;
  width: 380px;
  z-index: 2
}

.influencer .space-body-grid-item:nth-child(3) {
  position: relative;
  width: 40px
}

.influencer .space-guide {
  background-color: #0000;
  border-radius: 20px;
  position: relative;
  z-index: 10
}

.influencer .space-guide .nav {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 30px;
  padding-left: 0
}

.influencer .space-guide .nav-tabs {
  -ms-overflow-style: none;
  border-bottom: 0;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none
}

.influencer .space-guide .nav-tabs::-webkit-scrollbar {
  display: none
}

.influencer .space-guide .nav-tabs .nav-item:first-child .nav-link {
  margin-left: 0
}

.influencer .space-guide .nav-tabs .nav-link {
  background-color: #9f1b35;
  border: none;
  border-radius: 10px 10px 0 0;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  min-width: 160px;
  padding: 8px 15px
}

.influencer .space-guide .nav-tabs .nav-item.show .nav-link,
.influencer .space-guide .nav-tabs .nav-link.active {
  background: #cd2033
}

.influencer .space-guide-header-large {
  background-image: url(/static/media/cover.137b0c3555113157b078.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px 20px 0 0;
  min-height: 170px;
  padding: 15px 15px 0;
  position: relative
}

.influencer .space-guide-header-large h2 {
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  line-height: 15px;
  margin: 0
}

.influencer .space-guide-header-large h2>svg {
  height: 41px;
  margin-right: 16px;
  width: 41px
}

.influencer .space-guide-header-large .display-img-adjuster {
  bottom: -115px;
  left: 50px;
  position: absolute;
  z-index: 10
}

@media screen and (max-width:1440px) {
  .influencer .space-guide-header-large .display-img-adjuster {
    bottom: -75px;
    left: 50px
  }
}

.influencer .space-guide-header-large .display-img-adjuster .display-img-wrapper {
  position: relative
}

.influencer .space-guide-header-large .display-img-adjuster .display-img-wrapper .display-icon-wrapper {
  cursor: pointer;
  position: absolute;
  right: -20px;
  top: 50px
}

.influencer .space-guide-header-large .display-img-adjuster .display-img-wrapper .display-icon-wrapper #main-voice {
  display: block
}

.influencer .space-guide-header-large .display-img-adjuster .display-img-wrapper .display-icon-wrapper #main-mute {
  display: none
}

.influencer .space-guide-header-large .display-img-adjuster .display-img-wrapper .display-icon-wrapper:hover {
  right: -121px
}

.influencer .space-guide-header-large .display-img-adjuster .display-img-wrapper .display-icon-wrapper:hover #main-voice {
  display: none
}

.influencer .space-guide-header-large .display-img-adjuster .display-img-wrapper .display-icon-wrapper:hover #main-mute {
  display: block
}

@media screen and (max-width:1440px) {
  .influencer .space-guide-header-large .display-img-adjuster .display-img-wrapper .display-icon-wrapper {
    top: 30px
  }
}

.influencer .space-guide-header-large .display-img-adjuster .display-img-wrapper img.profile-image {
  border-radius: 100%;
  display: block;
  height: 189px;
  width: 189px
}

.influencer .space-guide-header-large .display-img-adjuster .display-img-wrapper .profile-video {
  border-radius: 50%;
  height: 189px;
  object-fit: cover;
  overflow: hidden;
  width: 189px
}

@media screen and (max-width:1440px) {

  .influencer .space-guide-header-large .display-img-adjuster .display-img-wrapper .profile-video,
  .influencer .space-guide-header-large .display-img-adjuster .display-img-wrapper img.profile-image {
    height: 130px;
    width: 130px
  }
}

.influencer .space-guide-body {
  background-color: #fff;
  border-radius: 0 0 20px 20px;
  height: calc(100vh - 350px);
  max-height: 700px;
  min-height: 600px;
  overflow-y: auto;
  width: 100%
}

.influencer .space-guide-body .portion {
  flex-grow: 1;
  padding: 40px 20px 20px
}

.influencer .space-guide-body .portion:first-child {
  min-width: 25%;
  position: relative
}

.influencer .space-guide-body .portion:nth-child(2) h1 {
  color: #0c111d;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px
}

.influencer .space-guide-body .portion:nth-child(2) h5 {
  color: #0c111d;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 20px
}

.influencer .space-guide-body .portion:nth-child(2) h6 {
  color: #0c111d;
  font-size: 12px;
  font-weight: 400;
  line-height: 23px
}

.influencer .space-guide-body .portion:nth-child(2) p {
  color: #0c111d;
  font-size: 14px;
  line-height: 20px
}

.influencer .space-guide-body .portion:nth-child(3) {
  display: flex;
  justify-content: flex-end;
  min-width: 200px;
  padding: 40px 30px 20px 20px
}

.influencer .space-guide-body .portion:nth-child(3) img.share {
  margin-bottom: 40px;
  width: 150px
}

.influencer .space-guide-body .portion:nth-child(3) a {
  color: #0c111d;
  font-size: 12px;
  font-weight: 600
}

.influencer .space-guide-body .portion:nth-child(3) .arrows {
  background-color: #0000;
  border: none;
  display: inline-block;
  height: 20px;
  margin-left: 5px;
  position: relative;
  width: 20px
}

.influencer .space-guide-body .portion:nth-child(3) .arrows:before {
  background-color: #0000;
  border: solid #000;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  padding: 4px;
  -webkit-transform: rotate(-45deg)
}

@media screen and (max-width:1280px) {
  .influencer .space-guide-body .portion {
    padding: 100px 10px 10px
  }

  .influencer .space-guide-body .portion:first-child {
    min-width: 0;
    position: relative
  }

  .influencer .space-guide-body .portion:nth-child(3) {
    padding: 100px 20px 10px 10px
  }
}

.influencer .space-guide-body .footer {
  background-color: #000;
  bottom: 0;
  gap: 4rem !important;
  padding: 15px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .influencer .space-guide-body .footer {
    gap: 2rem !important
  }
}

.influencer .space-widget {
  align-items: center;
  background-color: #f6f3f9;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  opacity: 1;
  width: 100%
}

.influencer .space-widget .cover {
  align-items: center;
  background-image: url(/static/media/bg-cover.62cf5f297d99edff125c.png);
  border-radius: 20px 20px 0 0;
  display: flex;
  justify-content: center;
  min-height: 260px;
  padding: 0;
  text-align: center
}

.influencer .space-widget .cover .display-img-adjuster {
  margin-top: 30px
}

.influencer .space-widget .cover .display-img-adjuster .display-img-wrapper {
  position: relative
}

.influencer .space-widget .cover .display-img-adjuster .display-img-wrapper .display-icon-wrapper #mute,
.influencer .space-widget .cover .display-img-adjuster .display-img-wrapper .display-icon-wrapper #voice {
  cursor: pointer;
  position: absolute;
  right: -20px;
  top: 50px
}

.influencer .space-widget .cover .display-img-adjuster .display-img-wrapper .display-icon-wrapper #voice {
  display: block
}

.influencer .space-widget .cover .display-img-adjuster .display-img-wrapper .display-icon-wrapper #mute,
.influencer .space-widget .cover .display-img-adjuster .display-img-wrapper .display-icon-wrapper:hover #voice {
  display: none
}

.influencer .space-widget .cover .display-img-adjuster .display-img-wrapper .display-icon-wrapper:hover #mute {
  display: block
}

.influencer .space-widget-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 26px;
  text-align: center
}

.influencer .space-widget-body h1 {
  color: #0c111d;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px
}

.influencer .space-widget-body h6 {
  color: #0c111d;
  font-size: 11px;
  font-weight: 400;
  line-height: 23px
}

.influencer .space-widget-body p {
  color: #0c111d;
  font-size: 12px;
  line-height: 18px
}

.influencer .space-widget-body .social-link {
  background: #eaecf0;
  border-radius: 100px;
  color: #0c111d;
  font-size: 16px;
  height: 55px;
  margin: 10px 30px;
  padding: 15px 0;
  position: relative
}

.influencer .space-widget-body .social-link .social-wrapper {
  background-color: #fff;
  border-radius: 100px;
  height: 55px;
  padding: 15px 12px;
  position: absolute;
  right: 0;
  top: 0;
  width: 55px
}

.influencer .space-widget-body .social-link .social-wrapper img {
  height: 26px;
  width: 26px
}

.influencer .space-widget .nft-badge {
  margin: 0 30px 3rem
}

.influencer .space .btn-next-card {
  background: #9f1b35;
  border: none;
  border-radius: 0 16px 16px 0;
  cursor: pointer;
  height: calc(100% - 70px);
  left: -20px;
  padding: 0;
  position: absolute;
  top: 50px;
  transition: all .2s ease-in-out;
  width: 40px;
  z-index: 1
}

.influencer .space .btn-next-card:hover {
  left: 0
}

.influencer-details .space-guide {
  height: calc(100% - 204px);
  width: 100%
}

.influencer-details .space-guide .nav-tabs .nav-link {
  background-color: #715d51;
  margin: 0 1px
}

@media screen and (max-width:1280px) {
  .influencer-details .space-guide .nav-tabs .nav-link {
    min-width: 100px
  }
}

.influencer-details .space-guide .nav-tabs .nav-link.active {
  background-color: #453535
}

.influencer-details .space-widget {
  background-color: #594949
}

.influencer-details .space-widget .cover {
  background-color: #453535;
  background-image: none;
  width: 100%
}

.influencer-details .space-widget .display-img-adjuster .display-icon-wrapper {
  bottom: 0;
  height: 45px;
  left: auto;
  position: absolute;
  right: 0;
  top: auto;
  width: 45px
}

.influencer-details .space-widget .display-img-adjuster .display-icon-wrapper>svg {
  position: static !important
}

.influencer-details .space-guide-header-large {
  background-image: url(/static/media/Influential-banner.648e0f409e249feb12a7.png)
}

.influencer-details .space-guide-header-large .close-btn {
  align-items: center;
  background-color: #000;
  border-radius: 50%;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px
}

.influencer-details .space-guide-header-large .close-btn>svg {
  height: 12px;
  width: 12px
}

.influencer-details .space-guide-header-large .close-btn>svg>path {
  stroke: #fff
}

.influencer-details .space .btn-next-card {
  background-color: #67534c73
}

.influencer-details .space .btn-next-card:hover {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #ffffffa6
}

.influencer-details .space .cover {
  background-image: url(/static/media/Influential-banner.648e0f409e249feb12a7.png);
  background-position: 50%, 50%;
  margin-bottom: 55px;
  min-height: 170px;
  position: relative
}

.influencer-details .space .cover>.display-img-adjuster {
  bottom: -55px;
  left: 50%;
  margin: 0;
  position: absolute;
  right: auto;
  top: auto;
  transform: translateX(-50%)
}

.influencer-details .space .cover>.display-img-adjuster .profile-image,
.influencer-details .space .cover>.display-img-adjuster .profile-video {
  border-radius: 50%;
  height: 150px;
  object-fit: cover;
  overflow: hidden;
  width: 150px
}

.influencer-details .space-widget-body {
  padding-bottom: 90px;
  width: 100%
}

.influencer-details .space-widget-body h1 {
  color: #fff
}

.influencer-details .space-widget-body h6 {
  color: #fff;
  margin: 0 auto 30px;
  max-width: 240px
}

.influencer-details .space-widget-body .social-link {
  margin: 10px auto;
  max-width: 274px;
  width: 100%
}

.influencer-details .space-guide-body {
  height: -webkit-fit-content;
  height: fit-content;
  max-height: 640px;
  min-height: 100%;
  min-height: 640px;
  overflow-y: auto
}

@media screen and (max-width:1280px) {
  .influencer-details .space-body-grid-item:first-child {
    margin-right: 20px
  }
}

.nft-badge-block {
  align-items: center;
  background-color: #ffffffd9;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  margin: 50px auto 0;
  max-width: 280px;
  padding: 15px 22px;
  width: 100%
}

.nft-badge-block h4 {
  font-size: 20px;
  margin: 0 15px 0 0
}

.nft-badge-block .profile-wrapper {
  border-radius: 50%;
  height: 47px;
  overflow: hidden;
  width: 47px
}

.nft-badge-block .profile-wrapper img {
  width: 100%
}

.stream-slider .slick-slider .slick-list .slick-track {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  padding-bottom: 10px;
  width: 100% !important
}

.stream-slider .slick-slider .slick-list .slick-track .slide-box {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 12px;
  min-width: 180px;
  padding: 10px;
  position: relative
}

.stream-slider .slick-slider .slick-list .slick-track .slide-box .video-wrapper {
  position: relative
}

.stream-slider .slick-slider .slick-list .slick-track .slide-box .video-wrapper .stream-video {
  border-radius: 8px;
  width: 100%
}

.stream-slider .slick-slider .slick-list .slick-track .slide-box .video-wrapper .btn-play-now {
  align-items: center;
  background: #fff;
  border-radius: 48px;
  box-shadow: 0 0 20px #e1e1e1;
  display: flex;
  height: 48px;
  justify-content: center;
  left: 50%;
  padding: 6px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 48px
}

.stream-slider .slick-slider .slick-list .slick-track .slide-box .video-wrapper .btn-play-now svg {
  height: 30px
}

.stream-slider .slick-slider .slick-list .slick-track .slide-box .video-wrapper .btn-play-now:hover {
  box-shadow: 0 0 0 10px #ffffff40
}

.stream-slider .slick-slider .slick-list .slick-track .slide-box .video-wrapper iframe {
  border-radius: 8px;
  max-height: 180px;
  width: 100%
}

.stream-slider .slick-slider .slick-list .slick-track .slide-box .stream-list-title {
  font-size: 16px;
  font-weight: 600
}

.stream-slider .slick-slider .slick-list .slick-track .slide-box .live-stream-text {
  background: #ed2718;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 2px 8px;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 1
}

.stream-slider .slick-slider .slick-list .slick-track .slide-box .live-stream-text.completed {
  align-items: center;
  background: #4caf50;
  border-radius: 24px;
  color: #fff;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 4px;
  width: 24px
}

.stream-slider .slick-slider .slick-list .slick-track .slide-box p {
  font-size: 10px
}

.stream-slider .stream-arrows {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding-right: 12px
}

.stream-slider .stream-arrows .btn {
  background: #fff;
  border-radius: 40px;
  box-shadow: 0 0 20px #e1e1e1;
  height: 40px;
  padding: 4px;
  width: 40px
}

.stream-slider .stream-arrows .btn svg {
  color: #000000b3;
  width: 24px
}

.stream-slider .video-wrapper {
  border-radius: 9px !important
}

.stream-slider .video-wrapper .btn-play-new {
  background-color: #ffffff80;
  border-radius: 4px;
  height: 34px;
  padding: 0;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 34px;
  z-index: 999
}

.stream-slider .video-wrapper .btn-play-new>svg {
  height: 18px;
  width: 18px
}

.stream-slider .video-wrapper .sproutvideo-player {
  border-radius: 12px !important
}

.full-iframe-wrapper {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 10
}

.full-iframe-wrapper,
.full-iframe-wrapper iframe {
  border-radius: 16px;
  height: 100%;
  width: 100%
}

.full-iframe-wrapper .close-btn {
  align-items: center;
  background-color: #000;
  border-radius: 50%;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 32px
}

.full-iframe-wrapper .close-btn svg {
  height: 12px;
  width: 12px
}

.full-iframe-wrapper .close-btn svg path {
  stroke: #fff
}

.full-iframe-wrapper .all-100 {
  height: 100%;
  width: 100%
}

.full-iframe-wrapper.zoomOut {
  animation-name: zooOut;
  transform-origin: bottom left
}

@keyframes zooOut {
  0% {
    opacity: 0;
    transform: scale3d(0, 0, 0)
  }

  50% {
    opacity: .5;
    transform: scale3d(.5, .5, .5)
  }

  to {
    opacity: 1;
    transform: scaleX(1)
  }
}

.error-message {
  text-align: left
}

.streaming-data-not-found {
  align-items: center;
  background-color: #f5f5f5;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  min-height: 180px;
  padding: 30px
}

.stream-form .influencer-detail-widget-form {
  height: 408px
}

.stream-form .overlay-form {
  height: calc(100% + 40px);
  margin-top: -40px
}

.stream-admin {
  background-color: #fff;
  border-radius: 16px;
  margin: 0 auto;
  max-width: 350px;
  overflow: hidden;
  width: 100%
}

.stream-admin-head {
  align-items: center;
  background-color: #f5f5f5;
  display: flex;
  justify-content: space-between;
  padding: 17px 25px
}

.stream-admin-head h4 {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.stream-admin-head h4>img {
  height: 20px;
  margin-right: 12px;
  width: 20px
}

.stream-admin-head h4>.metmask-address {
  font-size: 12px
}

.stream-admin-head>svg {
  margin-left: 10px;
  max-height: 24px;
  max-width: 24px
}

.stream-admin-body {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 35px;
  padding: 25px;
  width: 100%
}

.stream-admin-body .btn {
  border-radius: 6px;
  max-width: 240px
}

.stream-admin-body h4 {
  font-size: 18px;
  font-weight: 600
}

.stream-admin .form-label {
  font-weight: 700
}

.stream-admin .form-control:focus {
  border-color: #ff6717;
  box-shadow: none
}

.stream-admin-listing {
  background-color: #fff;
  border-radius: 16px;
  height: 100vh;
  margin: 0 auto;
  max-height: 800px;
  max-width: 1220px;
  padding: 25px;
  position: relative;
  width: 100%
}

.stream-admin-listing-head {
  align-items: center;
  background-color: #f0f3fa;
  border-radius: 16px;
  display: flex;
  padding: 15px 20px
}

.stream-admin-listing-head>h4 {
  align-items: center;
  display: flex;
  font-weight: 600;
  margin: 0
}

.stream-admin-listing-head>h4>img {
  height: 30px;
  margin-right: 12px;
  width: 30px
}

.stream-admin-listing-head>h4>.metmask-address {
  font-size: 18px
}

.stream-admin-listing-head>h4>svg {
  height: 24px;
  margin-left: 10px;
  width: 24px
}

.stream-admin-listing-head .apikey-input {
  align-items: center;
  display: flex;
  margin: 0 0 0 auto;
  max-width: 350px
}

.stream-admin-listing-head .apikey-input>.form-control:focus {
  border-color: #ff6717;
  box-shadow: none
}

.stream-admin-listing-head .apikey-input>.btn {
  border-radius: 6px;
  margin-left: 10px
}

.stream-admin-listing-body {
  height: calc(100% - 100px);
  margin: 20px 0;
  overflow-y: auto;
  padding: 0 5px 0 0;
  width: 100%
}

.stream-admin-listing-body .title {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px
}

ul.stream-admin-listing-main {
  display: flex;
  flex-wrap: wrap;
  gap: 25px
}

ul.stream-admin-listing-main>li {
  background-color: #fff;
  border: 1px solid #e7ebf4;
  border-radius: 12px;
  padding: 10px;
  width: 23.15%
}

@media screen and (max-width:1280px) {
  ul.stream-admin-listing-main>li {
    width: 31.5%
  }
}

ul.stream-admin-listing-main>li .video-wrapper {
  border-radius: 12px;
  cursor: pointer;
  line-height: 0;
  position: relative;
  z-index: 1
}

ul.stream-admin-listing-main>li .video-wrapper iframe {
  border-radius: 12px;
  height: 220px;
  width: 100%
}

ul.stream-admin-listing-main>li .video-wrapper .video-modal-trigger {
  align-items: center;
  background-color: #ffffff80;
  border-radius: 4px;
  bottom: auto;
  display: block;
  display: flex;
  height: 28px;
  justify-content: center;
  left: auto;
  line-height: 28px;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 28px;
  z-index: 3
}

ul.stream-admin-listing-main>li .video-wrapper .video-modal-trigger>svg {
  height: 16px;
  width: 16px
}

.stream-admin-listing-main-header {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 5px 0 0
}

.stream-admin-listing-main-header h4 {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  margin: 0
}

.metamask-wrapper .metamask-icon {
  height: 70px;
  margin: 20px auto;
  width: 70px
}

.wallet-dropdown {
  position: relative
}

.wallet-dropdown>.btn {
  background-color: #fff;
  color: #9399ab;
  font-size: 12px;
  padding-right: 20px
}

.wallet-dropdown>.btn:active,
.wallet-dropdown>.btn:focus {
  background-color: #fff;
  border-color: #fff;
  outline: none
}

.wallet-dropdown>.btn .icon {
  display: inline-block;
  height: 18px;
  margin-right: 12px;
  vertical-align: text-bottom;
  width: 18px
}

.wallet-dropdown>.btn .icon>img {
  max-width: 100%
}

.wallet-dropdown>.btn>svg {
  fill: #44d212;
  height: 17px;
  margin-left: 12px;
  vertical-align: text-bottom;
  width: 17px
}

.wallet-dropdown>.btn:after {
  display: none
}

.wallet-dropdown>.btn:before {
  border: solid #a9a9a9;
  border-width: 0 1px 1px 0;
  bottom: auto;
  content: "";
  display: inline-block;
  left: auto;
  padding: 2px;
  position: absolute;
  right: 10px;
  top: 12px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.wallet-dropdown>.dropdown-menu {
  border: none;
  box-shadow: 0 5px 5px #0000000d;
  padding: 10px 15px;
  width: 100%
}

.wallet-dropdown>.dropdown-menu li {
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  padding: 7px 0
}

.video-modal {
  align-items: center;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #000000b3;
  border-radius: 16px;
  bottom: auto;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
  z-index: 999
}

.video-modal,
.video-modal>div {
  height: 100%;
  width: 100%
}

.video-modal>div .sproutvideo-player {
  border-radius: 16px;
  height: 100%;
  padding: 70px 0;
  width: 100%
}

.video-close {
  bottom: auto;
  cursor: pointer;
  left: auto;
  position: absolute;
  right: 10px;
  top: 10px
}

.poolManagement {
  background-color: #fff;
  border-radius: 18px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1365px;
  overflow: hidden;
  width: 100%
}

.poolManagement .min-height {
  min-height: 700px
}

.poolManagement_title {
  background-color: #1e1379;
  padding: 30px 15px;
  text-align: center;
  width: 100%
}

.poolManagement_title h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.poolManagement_listing {
  background-color: #f3f1f9;
  flex-basis: calc(100% - 452px);
  flex-grow: 0;
  flex-shrink: 0;
  width: calc(100% - 452px)
}

.poolManagement_listingContainer {
  padding: 15px
}

.poolManagement_listingTop {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px
}

.poolManagement_listingTop h2 {
  font-size: 18px;
  font-weight: 700;
  margin: 0
}

.poolManagement_listingTop_actions {
  align-items: center;
  display: inline-flex
}

.poolManagement_listingTop_actions .search-wrapper {
  line-height: 0;
  position: relative;
  width: 345px
}

.poolManagement_listingTop_actions .search-wrapper>input {
  background-color: #fff;
  border: none;
  border-radius: 35px;
  font-size: 14px;
  min-height: 35px;
  padding: 8px 15px;
  width: 100%
}

.poolManagement_listingTop_actions .search-wrapper>input:focus {
  outline: none
}

.poolManagement_listingTop_actions .search-wrapper .search-icon {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 15px;
  top: 7px
}

.poolManagement_listingTop_actions .search-wrapper .search-icon>svg {
  height: 18px;
  width: 18px
}

.poolManagement_listingTop_actions .search-wrapper .search-icon>svg path {
  stroke: #ababab
}

.poolManagement_listingBottom {
  height: 500px;
  max-height: 650px;
  overflow-y: auto;
  padding-right: 5px;
  width: 100%
}

.poolManagement_listing_wrapper {
  align-items: flex-start;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  margin-bottom: 15px;
  padding: 15px
}

.poolManagement_listing_wrapper>li {
  flex: 0 0 10%;
  padding-right: 15px;
  width: 10%
}

.poolManagement_listing_wrapper>li:first-child {
  flex: 0 0 37%;
  min-width: 37%;
  width: 37%
}

.poolManagement_listing_wrapper>li:nth-child(4) {
  flex: 0 0 22%;
  min-width: 22%;
  width: 22%
}

.poolManagement_listing_wrapper>li:last-child {
  margin-right: 0
}

.poolManagement_listing_wrapper>li>.title {
  color: #4d515c;
  display: block;
  font-size: 11px;
  margin-bottom: 10px
}

.poolManagement_listing_wrapper>li>.value {
  color: #21242b;
  display: block;
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 0
}

.poolManagement_listing_wrapper>li .tokan-list {
  align-items: center;
  display: inline-flex;
  margin-right: 15px
}

.poolManagement_listing_wrapper>li .tokan-list li {
  margin-left: -4px
}

.poolManagement_listing_wrapper>li .tokan-list li>img {
  height: 18px;
  width: 18px
}

.poolManagement_listing_wrapper>li .tag-list {
  align-items: center;
  display: inline-flex
}

.poolManagement_listing_wrapper>li .tag-list>.tag {
  background-color: #f0f3f8;
  border-radius: 4px;
  color: #21242b;
  font-size: 10px;
  margin: 0 5px 5px 0;
  padding: 2px 5px
}

.poolManagement_listing_wrapper>li .tag-list>.tag>abbr {
  color: #9399ab;
  margin-left: 6px
}

.poolManagement_listing_wrapper>li .actions {
  align-items: center;
  display: inline-flex
}

.poolManagement_listing_wrapper>li .actions li {
  margin-left: 8px
}

.poolManagement_listing_wrapper>li .actions li .btn {
  border: 1px solid #efedf3;
  border-radius: 100%;
  height: 34px;
  padding: 0;
  width: 34px
}

.poolManagement_listing_wrapper>li .actions li .btn>svg {
  height: 18px;
  width: 18px
}

.poolManagement_overview {
  background-color: #fff;
  padding: 15px
}

.poolManagement_overviewList {
  align-items: center;
  display: flex
}

.poolManagement_overviewList li {
  margin: 0 15px 0 0;
  max-width: 170px;
  width: 100%
}

.poolManagement_overviewList_block {
  border-radius: 8px;
  padding: 10px
}

.poolManagement_overviewList_block h6 {
  color: #6e768a;
  font-size: 10px;
  margin: 0 0 15px
}

.poolManagement_overviewList_block h4 {
  color: #21242b;
  font-weight: 600;
  margin-bottom: 0
}

.poolManagement_overviewList_block.lightYellow {
  background: #fff0d2
}

.poolManagement_overviewList_block.lightGreen {
  background: #d4f5c8
}

.poolManagement_overviewList_block.lightRed {
  background: #ffdad8
}

.poolManagement_widget {
  background-color: #e7e3f3;
  max-width: 452px;
  padding: 25px;
  width: 100%
}

.poolManagement_widget_title {
  color: #21242b;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px
}

.poolManagement_widget_block {
  background-color: #ffffff80;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 15px
}

.poolManagement_widget_block h6 {
  color: #21242b;
  font-size: 11px;
  margin-bottom: 5px
}

.poolManagement_widget_block h4 {
  color: #21242b;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px
}

.poolManagement_widget_block .network-list>.btn {
  background-color: #fff;
  border-radius: 25px;
  color: #21242b;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  width: 100%
}

.poolManagement_widget_block .network-list>.btn>.icon {
  border-radius: 100%;
  height: 20px;
  margin-right: 8px;
  overflow: hidden;
  width: 20px
}

.poolManagement_widget_block .network-list>.btn>.icon>img {
  width: 100%
}

.poolManagement_widget_block .network-list>.dropdown-menu {
  min-width: auto;
  width: 100%
}

.poolManagement_widget_block .network-list>.dropdown-menu li a {
  color: #21242b;
  font-size: 14px;
  width: 100%
}

.poolManagement_widget_block .network-list>.dropdown-menu li a .icon {
  border-radius: 100%;
  display: inline-block;
  height: 20px;
  margin-right: 8px;
  overflow: hidden;
  width: 20px
}

.poolManagement_widget_block .network-list>.dropdown-menu li a .icon>img {
  width: 100%
}

.poolManagement_widget_block .input-block .input-block-content {
  position: relative
}

.poolManagement_widget_block .input-block .input-block-content>input {
  border: none;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 500;
  min-height: 35px;
  padding: 5px 30px 5px 15px
}

.poolManagement_widget_block .input-block .input-block-content>input:focus {
  box-shadow: none;
  outline: none
}

.poolManagement_widget_block .input-block .input-block-content>.floating-icon {
  bottom: auto;
  font-weight: 500;
  left: auto;
  position: absolute;
  right: 10px;
  top: 7px
}

.poolManagement_widget_block .btn-dark-blue {
  background-color: #1e1379;
  border-radius: 25px;
  color: #fff;
  font-size: 11px;
  padding: 2px 15px
}

.poolManagement_widget_block .btn-dark-blue>svg {
  height: 11px;
  margin-right: 4px;
  width: 11px
}

.poolManagement_table {
  border: 1px solid #e8e8ed;
  border-radius: 8px;
  margin-top: 15px;
  max-height: 575px !important;
  overflow: hidden;
  padding-bottom: 0 !important
}

.poolManagement_table table {
  margin-bottom: 0
}

.poolManagement_table table thead tr th {
  background-color: #eef1f9;
  font-size: 11px;
  line-height: normal
}

.poolManagement_table table tbody tr td {
  font-size: 11px
}

.poolManagement_table table tbody tr td input.form-control {
  font-size: 14px;
  max-width: 100px;
  padding: 5px 10px
}

.poolManagement_table table tbody tr td input.form-control:focus {
  box-shadow: none;
  outline: none
}

.custom-switch-2 {
  display: inline-block
}

.custom-switch-2 input {
  display: none
}

.custom-switch-2 input:checked+label {
  background-color: #44d21233;
  border-color: #44d21233
}

.custom-switch-2 input:checked+label:after {
  background-color: #44d212;
  border-color: #0000;
  left: 14px;
  top: 1px
}

.custom-switch-2 label {
  background-color: #f003;
  border: 1px solid #f003;
  border-radius: 11px;
  cursor: pointer;
  display: block;
  height: 14px;
  position: relative;
  transition: all .2s;
  width: 28px
}

.custom-switch-2 label:after {
  background-color: red;
  border: 1px solid red;
  border-radius: 10px;
  content: "";
  height: 10px;
  left: 2px;
  position: absolute;
  top: 1px;
  transition: all .2s;
  width: 10px
}

.filter-wrapper {
  margin-left: 15px
}

.filter-wrapper .btn-filter {
  background-color: #fff;
  border: none !important;
  border-radius: 25px;
  color: #393737;
  font-size: 14px;
  padding: 5px 15px
}

.filter-wrapper .btn-filter:active,
.filter-wrapper .btn-filter:focus,
.filter-wrapper .btn-filter:visited {
  outline: none
}

.filter-wrapper .btn-filter>svg {
  height: 22px;
  margin-right: 6px;
  width: 22px
}

.filter-wrapper .dropdown-menu {
  min-width: auto;
  width: 100%
}

.filter-wrapper .dropdown-menu li {
  line-height: normal
}

.filter-wrapper .dropdown-menu li a {
  font-size: 14px
}

.react-datepicker-wrapper input {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEVQTFRFAAAAkpmskpmrk5qskZmqk5qqkpmrj5qvkZmrj5erj5mskpmrkZepkpqskZiqkpmokparkZerlJirj5qqkZiskZiqkpmrTg3W0AAAABd0Uk5TAPv/rvuuzlf+cIf+wNvPr6/chVfP+69ro0QGAAAAfElEQVR4nO2U2QqAIBBF82aLaWXr/39qFNlCM4FBy0PnxYsemBGGCYI7EILOOwA6+0ihBImIViemlZHYOQlSRZfLNNR8YZBzPRUoF8lMp5SrNGf3tE0HXpRO8JS++LtfelayKDipWiQFXdOO0mhcbvmZ29SwzC7oeq6PiwxQ3wbv4Y/O7AAAAABJRU5ErkJggg==);
  background-position: calc(100% - 15px);
  background-repeat: no-repeat;
  background-size: 18px;
  border: none;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 500;
  min-height: 35px;
  padding: 5px 15px;
  width: 100%
}

.react-datepicker-wrapper input:focus {
  box-shadow: none;
  outline: none
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px
}

.react-datepicker-wrapper {
  border: 0;
  display: inline-block;
  padding: 0
}

.react-datepicker {
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  color: #000;
  display: inline-block;
  font-family: Helvetica Neue, helvetica, arial, sans-serif;
  font-size: .8rem;
  line-height: normal;
  position: relative
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem
}

.react-datepicker-popper {
  line-height: 0;
  z-index: 1
}

.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff
}

.react-datepicker__header {
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: .3rem;
  padding: 8px 0;
  position: relative;
  text-align: center
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: .3rem
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
  display: inline-block;
  margin: 0 15px
}

.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
  color: #000;
  font-size: .944rem;
  font-weight: 700;
  margin-top: 0
}

.react-datepicker-time__header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  text-indent: -999em;
  top: 2px;
  width: 32px;
  z-index: 1
}

.react-datepicker__navigation--previous {
  left: 2px
}

.react-datepicker__navigation--next {
  right: 2px
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px
}

.react-datepicker__navigation--years {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0
}

.react-datepicker__navigation--years-previous {
  top: 4px
}

.react-datepicker__navigation--years-upcoming {
  top: -4px
}

.react-datepicker__navigation:hover :before {
  border-color: #a6a6a6
}

.react-datepicker__navigation-icon {
  font-size: 20px;
  position: relative;
  top: -1px;
  width: 0
}

.react-datepicker__navigation-icon--next {
  left: -2px
}

.react-datepicker__navigation-icon--next:before {
  left: -7px;
  transform: rotate(45deg)
}

.react-datepicker__navigation-icon--previous {
  right: -2px
}

.react-datepicker__navigation-icon--previous:before {
  right: -7px;
  transform: rotate(225deg)
}

.react-datepicker__month-container {
  float: left
}

.react-datepicker__year {
  margin: .4rem;
  text-align: center
}

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  margin: 2px;
  width: 4rem
}

.react-datepicker__month {
  margin: .4rem;
  text-align: center
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  margin: 2px;
  width: 4rem
}

.react-datepicker__input-time-container {
  clear: both;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
  width: 100%
}

.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  display: inline-block;
  margin-left: 5px
}

.react-datepicker__time-container {
  border-left: 1px solid #aeaeae;
  float: right;
  width: 85px
}

.react-datepicker__time-container--with-today-button {
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  display: inline;
  position: absolute;
  right: -87px;
  top: 0
}

.react-datepicker__time-container .react-datepicker__time {
  background: #fff;
  border-bottom-right-radius: .3rem;
  position: relative
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  border-bottom-right-radius: .3rem;
  margin: 0 auto;
  overflow-x: hidden;
  text-align: center;
  width: 85px
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  box-sizing: initial;
  height: calc(195px + .85rem);
  list-style: none;
  margin: 0;
  overflow-y: scroll;
  padding-left: 0;
  padding-right: 0;
  width: 100%
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  background-color: #f0f0f0;
  cursor: pointer
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: #fff;
  font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  background-color: initial;
  cursor: default
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  line-height: 1.7rem;
  margin: .166rem;
  text-align: center;
  width: 1.7rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected, .react-datepicker__week-number--keyboard-selected):hover {
  background-color: #f0f0f0;
  border-radius: .3rem
}

.react-datepicker__week-number--selected {
  background-color: #216ba5;
  border-radius: .3rem;
  color: #fff
}

.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90
}

.react-datepicker__week-number--keyboard-selected {
  background-color: #2a87d0;
  border-radius: .3rem;
  color: #fff
}

.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90
}

.react-datepicker__day-names {
  margin-bottom: -8px;
  white-space: nowrap
}

.react-datepicker__week {
  white-space: nowrap
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  line-height: 1.7rem;
  margin: .166rem;
  text-align: center;
  width: 1.7rem
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  background-color: #f0f0f0;
  border-radius: .3rem
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: 700
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  background-color: #3dcc4a;
  border-radius: .3rem;
  color: #fff
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: #f0f
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green
}

.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  background-color: #ff6803;
  border-radius: .3rem;
  color: #fff;
  position: relative
}

.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  background-color: #333;
  border-radius: 4px;
  bottom: 100%;
  color: #fff;
  left: 50%;
  opacity: 0;
  padding: 4px;
  position: absolute;
  transform: translateX(-50%);
  transition: visibility 0s, opacity .3s ease-in-out;
  visibility: hidden;
  white-space: nowrap
}

.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300
}

.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  opacity: 1;
  visibility: visible
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
  background-color: #216ba5;
  border-radius: .3rem;
  color: #fff
}

.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__year-text--in-range:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--selected:hover {
  background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  background-color: #bad9f1;
  border-radius: .3rem;
  color: #000
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
  background-color: #216ba580
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  color: #ccc;
  cursor: default
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: initial
}

.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  background-color: #333;
  border-radius: 4px;
  bottom: 70%;
  color: #fff;
  left: 50%;
  opacity: 0;
  padding: 4px;
  position: absolute;
  transform: translateX(-50%);
  transition: visibility 0s, opacity .3s ease-in-out;
  visibility: hidden;
  white-space: nowrap
}

.react-datepicker__input-container {
  display: inline-block;
  position: relative;
  width: 100%
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
  box-sizing: initial;
  padding: .5rem;
  position: absolute
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px
}

.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
  border: 1px solid #0000;
  border-radius: .3rem;
  position: relative
}

.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
  cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
  right: -16px;
  top: 0;
  transform: rotate(135deg)
}

.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  left: 25%;
  position: absolute;
  text-align: center;
  top: 30px;
  width: 50%;
  z-index: 1
}

.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
  cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll
}

.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
  display: block;
  line-height: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
  -webkit-user-select: none;
  user-select: none
}

.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
  background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3
}

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
  left: 15px;
  position: absolute
}

.react-datepicker__close-icon {
  background-color: initial;
  border: 0;
  cursor: pointer;
  display: table-cell;
  height: 100%;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle
}

.react-datepicker__close-icon:after {
  background-color: #216ba5;
  border-radius: 50%;
  color: #fff;
  content: "×";
  cursor: pointer;
  display: table-cell;
  font-size: 12px;
  height: 16px;
  line-height: 1;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  width: 16px
}

.react-datepicker__close-icon--disabled {
  cursor: default
}

.react-datepicker__close-icon--disabled:after {
  background-color: #ccc;
  cursor: default
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  clear: left;
  cursor: pointer;
  font-weight: 700;
  padding: 5px 0;
  text-align: center
}

.react-datepicker__portal {
  align-items: center;
  background-color: #000c;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
  line-height: 3rem;
  width: 3rem
}

@media (max-height:550px),
(max-width:400px) {

  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__time-name {
    line-height: 2rem;
    width: 2rem
  }
}

.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
  font-size: 1.44rem
}

.react-datepicker__children-container {
  height: auto;
  margin: .4rem;
  padding-left: .2rem;
  padding-right: .2rem;
  width: 13.8rem
}

.react-datepicker__aria-live {
  border: 0;
  -webkit-clip-path: circle(0);
  clip-path: circle(0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.react-datepicker__calendar-icon {
  height: 1em;
  vertical-align: -.125em;
  width: 1em
}

.balancer-wrapper {
  border-radius: 16px;
  height: calc(100vh - 190px);
  margin: 0 auto;
  max-height: 100%;
  max-width: 1600px;
  min-height: 650px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.balancer-wrapper.maximized {
  animation: modalAnimation .3s ease-in-out;
  border-radius: 0;
  height: 100vh;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.balancer-wrapper .header {
  align-items: center;
  background: #1e1379;
  color: #fff;
  display: flex;
  height: 70px;
  justify-content: space-between;
  padding: 16px
}

.balancer-wrapper .header .btn-filter {
  align-items: center;
  border: 1px solid #0000;
  color: #fff;
  display: flex;
  justify-content: center;
  outline: none
}

.balancer-wrapper .header .btn-filter:hover {
  background: #4438ab;
  border-color: #4438ab
}

.balancer-wrapper .header .btn-filter span {
  font-size: 14px;
  text-align: left
}

.balancer-wrapper .header .btn-filter svg {
  margin-right: 16px;
  width: 20px
}

.balancer-wrapper .header .defi-header {
  font-size: 16px;
  margin-bottom: 0
}

.balancer-wrapper .header .btn-learn-more {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  margin-right: 15px;
  text-decoration: underline
}

.balancer-wrapper .header .btn-learn-more.back svg {
  margin-right: 5px;
  width: 24px
}

.balancer-wrapper .header .btn-learn-more.back {
  text-decoration: none
}

.balancer-wrapper .header .btn-porfolio {
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 8px 20px
}

.balancer-wrapper .header .btn-porfolio:hover {
  background: #4438ab;
  border-color: #4438ab
}

.balancer-content {
  background-color: #fff;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  height: calc(100% - 71px)
}

.balancer-content .listing {
  background: #fff;
  width: calc(100% - 400px)
}

.balancer-content .widget {
  background: #e7e3f3;
  max-height: 100%;
  overflow-y: auto;
  width: 400px
}

.balancer-content .widget .action-selector {
  background: #fff9;
  padding: 10px 16px
}

.balancer-content .widget .action-selector .action-wrapper {
  align-items: center;
  background: #fff;
  border-radius: 30px;
  display: flex;
  justify-content: space-between
}

.balancer-content .widget .action-selector .action-wrapper .btn-action {
  background: #fff;
  border-radius: 30px;
  color: #21242b;
  font-size: 13px;
  padding: 10px 16px;
  width: 50%
}

.balancer-content .widget .action-selector .action-wrapper .btn-action.active {
  background: #1e1379;
  color: #fff;
  font-weight: 600
}

.balancer-content .widget .action-selector .action-wrapper .btn-action.active svg {
  color: #fff
}

.balancer-content .widget .action-selector .action-wrapper .btn-action svg {
  color: #21242b;
  margin-right: 10px
}

.balancer-content .widget .add-liquidity {
  padding: 16px
}

.balancer-content .widget .add-liquidity .opac-card {
  background: #fff9;
  border-radius: 12px;
  padding: 10px
}

.balancer-content .widget .add-liquidity .opac-card .network-selector {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between
}

.balancer-content .widget .add-liquidity .opac-card .network-selector .dropdown {
  width: calc(50% - 5px)
}

.balancer-content .widget .add-liquidity .opac-card .network-selector .dropdown .btn-network {
  background: #fff;
  border-radius: 30px;
  height: 38px;
  padding: 8px 12px;
  position: relative;
  text-align: left;
  width: 100%
}

.balancer-content .widget .add-liquidity .opac-card .network-selector .dropdown .btn-network:after {
  display: none
}

.balancer-content .widget .add-liquidity .opac-card .network-selector .dropdown .btn-network .chev-down {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.balancer-content .widget .add-liquidity .opac-card .network-selector .dropdown .btn-network .chev-down svg {
  fill: #0000;
  stroke: #21242b;
  width: 18px
}

.balancer-content .widget .add-liquidity .opac-card .network-selector .dropdown .network {
  height: auto;
  padding: 0
}

.balancer-content .widget .add-liquidity .opac-card .network-selector .dropdown .network span {
  font-size: 14px
}

.balancer-content .widget .add-liquidity .opac-card .network-selector .dropdown .network img {
  height: 20px;
  margin-right: 10px;
  width: 20px
}

.balancer-content .widget .add-liquidity .opac-card .network-selector .dropdown .dropdown-menu {
  border: none;
  box-shadow: 0 10px 20px #0000001c;
  width: 100%
}

.balancer-content .widget .add-liquidity .opac-card .network-selector .dropdown .dropdown-menu li {
  cursor: pointer;
  display: flex;
  padding: 7px 10px;
  position: relative
}

.balancer-content .widget .add-liquidity .opac-card .network-selector .dropdown .dropdown-menu li:hover {
  background: #1e137912
}

.balancer-content .widget .add-liquidity .opac-card .network-selector .dropdown .dropdown-menu li.active:before {
  background: #4caf50;
  border-radius: 10px;
  box-shadow: 0 0 0 4px #0080001f;
  content: "";
  height: 8px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.balancer-content .widget .add-liquidity .opac-card .amount-space label {
  font-size: 12px
}

.balancer-content .widget .add-liquidity .opac-card .amount-space .amount-input {
  background: #fff;
  border-radius: 6px;
  padding: 0;
  position: relative
}

.balancer-content .widget .add-liquidity .opac-card .amount-space .amount-input input {
  background: #0000;
  border: 1px solid #0000;
  border-radius: 6px;
  font-size: 22px;
  font-weight: 600;
  padding: 14px 50px 14px 16px
}

.balancer-content .widget .add-liquidity .opac-card .amount-space .amount-input input:focus {
  border: 1px solid #ff6717;
  box-shadow: none;
  outline: none
}

.balancer-content .widget .add-liquidity .opac-card .amount-space .amount-input .usd-amount {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%)
}

.balancer-content .widget .add-liquidity .opac-card .amount-space .percentage-selector {
  align-items: center;
  background: #fff;
  border-radius: 30px;
  display: flex
}

.balancer-content .widget .add-liquidity .opac-card .amount-space .percentage-selector span {
  border-radius: 30px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 10px;
  text-align: center;
  width: 25%
}

.balancer-content .widget .add-liquidity .opac-card .amount-space .percentage-selector span.active {
  background: #1e1379;
  color: #fff;
  font-weight: 600
}

.balancer-content .widget .add-liquidity .opac-card .opac-head h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0
}

.balancer-content .widget .add-liquidity .opac-card .opac-head label {
  font-size: 12px
}

.balancer-content .widget .add-liquidity .opac-card .opac-footer p {
  font-size: 12px;
  margin-bottom: 0
}

.balancer-content .widget .add-liquidity .opac-card .opac-footer .btn-prev {
  background: #1e1379;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 20px
}

.balancer-content .widget .add-liquidity .opac-card .prev-sub-title {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px
}

.balancer-content .widget .add-liquidity .opac-card .card-white {
  background: #fff;
  border-radius: 8px;
  padding: 12px
}

.balancer-content .widget .add-liquidity .opac-card .card-white .amount-area .amount {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 8px
}

.balancer-content .widget .add-liquidity .opac-card .card-white .amount-area p {
  color: #9399ab;
  font-size: 12px
}

.balancer-content .widget .add-liquidity .opac-card .card-white .usd-amount {
  color: #9399ab;
  font-size: 11px;
  margin-bottom: 0
}

.balancer-content .widget .add-liquidity .opac-card .card-white .icon-space,
.balancer-content .widget .add-liquidity .opac-card .card-white .icon-space img {
  width: 30px
}

.balancer-content .widget .add-liquidity .opac-card .card-white.textual-content p {
  font-size: 14px;
  margin-bottom: 0
}

.balancer-content .widget .add-liquidity.preview .prev-head {
  margin-bottom: 10px
}

.balancer-content .widget .add-liquidity.preview .prev-head .back-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px
}

.balancer-content .widget .add-liquidity.preview .prev-head .back-button svg {
  fill: none;
  stroke: #21242b;
  margin-right: 10px;
  width: 24px
}

.balancer-content .widget .add-liquidity.preview .prev-head .prev-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0
}

.balancer-content .widget .add-liquidity.transactions .opac-card .prev-sub-title {
  font-size: 13px;
  margin-bottom: 0
}

.balancer-content .widget .add-liquidity.transactions .opac-card .pool-comp {
  align-items: center;
  display: flex;
  justify-content: flex-start
}

.balancer-content .widget .add-liquidity.transactions .opac-card .pool-comp .pool-icon {
  align-items: center;
  border-radius: 30px;
  display: flex;
  height: 20px;
  justify-content: center;
  width: 20px
}

.balancer-content .widget .add-liquidity.transactions .opac-card .pool-comp .pool-icon img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.balancer-content .widget .add-liquidity.transactions .opac-card .pool-comp .pool-icon:nth-child(n+2) {
  margin-left: -6px
}

.balancer-content .widget .add-liquidity.transactions .opac-card .pool-comp .comp-text {
  font-size: 14px;
  margin-bottom: 0;
  margin-left: 8px
}

.balancer-content .widget .add-liquidity.transactions .opac-card .tran-title {
  font-size: 13px;
  margin-bottom: 4px
}

.balancer-content .widget .add-liquidity.transactions .opac-card .balancer-wrap {
  align-items: center;
  background: #e7e3f3;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  padding: 2px 10px 2px 2px
}

.balancer-content .widget .add-liquidity.transactions .opac-card .balancer-wrap img {
  height: 20px;
  margin-right: 8px;
  object-fit: cover;
  width: 20px
}

.balancer-content .widget .add-liquidity.transactions .opac-card .balancer-wrap span {
  font-size: 12px;
  font-weight: 600
}

.balancer-content .widget .add-liquidity.transactions .opac-card .timeStamp p {
  font-size: 11px
}

.balancer-content .widget .add-liquidity.transactions .opac-card .timeStamp svg {
  cursor: pointer;
  height: 20px
}

.balancer-content .widget .btn-add-liquidity {
  background: #ff6717;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 16px;
  width: 100%
}

.balancer-learn-more {
  display: flex;
  height: 100%;
  width: 100%
}

.balancer-learn-more-content {
  font-size: 14px;
  height: 100%;
  position: relative;
  width: calc(100% - 400px)
}

@media screen and (max-width:1350px) {
  .balancer-learn-more-content {
    width: 100%
  }
}

.balancer-learn-more-content .maximizer-icon {
  display: none;
  padding: 3px;
  position: absolute;
  right: 65px;
  top: 20px;
  z-index: 10
}

@media screen and (max-width:1350px) {
  .balancer-learn-more-content .maximizer-icon {
    display: flex
  }
}

.balancer-learn-more-content .maximizer-icon {
  align-items: center;
  height: 32px;
  justify-content: center;
  width: 32px
}

.balancer-learn-more-content .maximizer-icon svg {
  height: 18px;
  width: 18px
}

.balancer-learn-more-content .maximizer-icon {
  background-color: #ededed;
  border-radius: 6px;
  cursor: pointer
}

.balancer-learn-more-content .maximizer-icon:hover {
  background-color: #ededed
}

.balancer-learn-more-content-nav {
  position: relative
}

.balancer-learn-more-content-nav .nav {
  border: none;
  display: flex;
  justify-content: center;
  margin: 35px auto 20px;
  width: 800px
}

.balancer-learn-more-content-nav .nav.nav-tabs {
  flex-wrap: nowrap
}

.balancer-learn-more-content-nav .nav.nav-tabs .nav-item {
  background-color: #e4e4e4;
  list-style: none
}

.balancer-learn-more-content-nav .nav.nav-tabs .nav-item:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px
}

.balancer-learn-more-content-nav .nav.nav-tabs .nav-item:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px
}

.balancer-learn-more-content-nav .nav.nav-tabs .nav-item .nav-link {
  text-wrap: nowrap;
  border: none;
  border-radius: 4px;
  color: #000;
  cursor: pointer;
  font-size: 14px;
  line-height: 21px;
  margin: 0;
  padding: 5px 15px
}

.balancer-learn-more-content-nav .nav.nav-tabs .nav-item .nav-link.active {
  background: #1e1479;
  border-bottom: none;
  color: #fff
}

.balancer-learn-more-content-body {
  height: calc(100% - 86px);
  overflow-y: auto;
  padding: 20px 0 30px;
  width: 100%
}

.balancer-learn-more-content-body .max-width {
  margin: auto;
  max-width: 800px
}

.balancer-learn-more-content-body img.main {
  border-radius: 8px;
  width: 100%
}

.balancer-learn-more-content-body h1 {
  font-size: 2.14em;
  font-weight: 400;
  line-height: .87em;
  margin-bottom: 30px
}

.balancer-learn-more-content-body h4 {
  font-size: 1.71em;
  line-height: 1.2em;
  margin-bottom: 20px
}

.balancer-learn-more-content-body h5 {
  font-size: 1.425em;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: .5rem;
  margin-top: 0
}

.balancer-learn-more-content-body h6 {
  font-size: 1.285em;
  font-weight: 600;
  line-height: 1.2em
}

.balancer-learn-more-content-body b {
  display: block;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5em;
  margin-bottom: 10px
}

.balancer-learn-more-content-body p {
  font-size: 1.285em;
  font-weight: 300;
  line-height: 1.5em;
  margin-bottom: 30px
}

.balancer-learn-more-content-body p b {
  display: inline
}

.balancer-learn-more-content-body ul {
  list-style: disc;
  margin-bottom: 20px;
  margin-left: 40px;
  margin-top: 20px
}

.balancer-learn-more-content-body ul li {
  font-size: 1.21em;
  font-weight: 400;
  line-height: 2.1em
}

.balancer-learn-more-content-body ul.box {
  grid-gap: 30px;
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
  margin: 10px 0 30px
}

.balancer-learn-more-content-body ul.box li {
  background: #f8f8f8;
  border: .5px solid #b9b9b9;
  border-radius: 12px;
  color: #1d2939;
  font-size: 1.14em;
  line-height: 1.6em;
  list-style: none;
  padding: 30px 15px
}

.balancer-learn-more-content-body .banner {
  background: #f5f5f5;
  border-radius: 12px;
  color: #1d2939;
  margin-bottom: 30px;
  padding: 25px;
  text-align: center
}

.balancer-learn-more-content-body .banner a {
  color: #ff6717;
  text-decoration: underline
}

.balancer-learn-more-content-body .btn-link {
  background-color: #ff6717;
  border-color: #ff6717;
  border-radius: 30px;
  color: #fff;
  font-size: 1em;
  margin: 0 0 10px;
  padding: 5px 15px;
  text-decoration: none
}

.balancer-learn-more-content-body .btn-link:active,
.balancer-learn-more-content-body .btn-link:hover {
  background-color: #fff;
  border-color: #ff6717;
  color: #ff6717
}

.balancer-learn-more-sticky {
  height: 100%;
  width: 400px
}

@media screen and (max-width:1350px) {
  .balancer-learn-more-sticky {
    display: none
  }
}

.balancer-learn-more-sticky {
  background-color: #ededed;
  position: relative
}

.balancer-learn-more-sticky .maximizer-icon {
  border-radius: 6px;
  cursor: pointer;
  padding: 6px;
  position: absolute;
  right: 15px;
  top: 15px
}

.balancer-learn-more-sticky .maximizer-icon:hover {
  background-color: #fff
}

.balancer-learn-more-sticky .inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 100px 45px 20px
}

.balancer-learn-more-sticky .inner .head {
  display: flex;
  margin-bottom: 30px
}

.balancer-learn-more-sticky .inner .head svg {
  margin-right: 12px
}

.balancer-learn-more-sticky .inner .head p {
  color: #000;
  font-size: 15px;
  line-height: 19px;
  margin-bottom: 0;
  margin-top: 0
}

.balancer-learn-more-sticky .inner .head h1 {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  position: relative
}

.balancer-learn-more-sticky .inner .head h1 span {
  bottom: -8px;
  color: #000;
  font-size: 7px;
  font-weight: 400;
  line-height: 12px;
  position: absolute;
  right: 0
}

.balancer-learn-more-sticky .inner b {
  color: #000;
  font-size: 14px;
  line-height: 22px
}

.balancer-learn-more-sticky .inner p {
  color: #475467;
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px
}

.mb-10 {
  margin-bottom: 10px
}

.mb-6 {
  margin-bottom: 6px
}

.mt-10 {
  margin-top: 10px
}

.font-weight-700 {
  font-weight: 700
}

.border-top {
  border-top: 1px solid #e7e3f3 !important
}

.wallet-not-connected {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%
}

.wallet-not-connected h3 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 16px
}

.reverse svg {
  transform: rotate(180deg)
}

.pad-x-16 {
  padding: 0 16px
}

.widget-skeleton {
  background: #e7e3f3;
  width: 400px
}

.widget-skeleton .opac-bg {
  background: #ffffff80
}

.widget-skeleton .react-loading-skeleton {
  --base-color: #fff;
  border-radius: 8px
}

.widget-skeleton .react-loading-skeleton.has-full-radius {
  border-radius: 50px
}

.widget-skeleton .has-radius {
  border-radius: 8px;
  padding: 12px
}

.get-bonus-timer {
  align-items: center;
  background: #ffffff1a;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  padding: 7px 10px;
  width: 240px
}

.get-bonus-timer p {
  font-size: 14px;
  margin-bottom: 0;
  margin-right: 10px
}

.get-bonus-timer span {
  font-size: 16px
}

.graph-space {
  position: relative
}

.graph-space .bpt-tokens {
  background: #fff;
  border-radius: 6px;
  display: inline-block;
  left: 90px;
  padding: 8px 12px;
  position: absolute;
  top: 10px
}

.graph-space .bpt-tokens p {
  font-size: 12px;
  margin-bottom: 0
}

.graph-space .bpt-tokens p.font-semibold {
  font-weight: 800
}

.graph-space .bpt-tokens span {
  font-size: 12px;
  margin-bottom: 0
}

.graph-space .bpt-tokens span.font-semibold {
  font-weight: 800
}

.graph-space .bpt-tokens span .graph-token-icon img {
  height: 20px
}

.successPrompt {
  background: #4caf50;
  border: 1px solid #4caf5073;
  border-radius: 8px;
  color: #fff;
  padding: 16px;
  position: relative;
  text-align: center
}

.successPrompt h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px
}

.successPrompt p {
  font-size: 13px;
  margin-bottom: 8px;
  opacity: 1
}

.successPrompt a {
  background: #fff;
  border-radius: 30px;
  color: #000;
  font-size: 11px;
  font-weight: 500;
  margin: 0 auto;
  padding: 5px 16px
}

.successPrompt .btn-close {
  filter: invert(1);
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 10px
}

.display-show-hide {
  transition: opacity .5s ease-in-out
}

.you-will-receive {
  align-items: center;
  background: #fbfbcf;
  border: 1px solid #f5f531;
  border-radius: 10px;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -13px;
  padding: 16px 8px 4px;
  position: absolute;
  width: 100%
}

.you-will-receive span {
  font-size: 10px;
  margin-bottom: 2px
}

.you-will-receive p {
  font-size: 14px;
  margin-bottom: 0
}

.you-will-receive-rewards {
  align-items: center;
  background: #fbfbcf;
  border: 1px solid #f5f531;
  border-radius: 6px;
  display: inline-flex;
  margin: 0 0 0 10px;
  padding: 4px;
  position: relative
}

.you-will-receive-rewards p {
  font-size: 12px;
  margin-bottom: 0
}

.pool-dropdown {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-out
}

.pool-dropdown.open {
  max-height: 500px
}

.nav-link {
  transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out
}

.balancer-wrapper .portfolio-section .table-wrapper::-webkit-scrollbar {
  height: 4px;
  width: 6px
}

.balancer-wrapper .portfolio-section .table-wrapper::-webkit-scrollbar-thumb {
  background-color: #0003;
  border-radius: 3px
}

.balancer-wrapper .portfolio-section .table-wrapper::-webkit-scrollbar-track {
  background-color: #fff
}

.loading-icon-wrapper {
  margin-bottom: 20px
}

.loading-icon-wrapper img {
  margin: 0 5px;
  opacity: 0;
  width: 20px
}

.loading-pools {
  padding: 30px 16px;
  text-align: center
}

.loading-pools h3 {
  font-size: 18px !important;
  font-weight: 600 !important
}

.loading-icon-wrapper img.delay-1 {
  animation: fadeInOut 1s infinite
}

.loading-icon-wrapper img.delay-2 {
  animation: fadeInOut 1s infinite;
  animation-delay: .2s
}

.loading-icon-wrapper img.delay-3 {
  animation: fadeInOut 1s infinite;
  animation-delay: .3s
}

.loading-icon-wrapper img.delay-4 {
  animation: fadeInOut 1s infinite;
  animation-delay: .4s
}

.loading-icon-wrapper img.delay-5 {
  animation: fadeInOut 1s infinite;
  animation-delay: .5s
}

@keyframes fadeInOut {

  0%,
  to {
    opacity: 0
  }

  20%,
  40% {
    opacity: .3
  }

  40%,
  60% {
    opacity: .6
  }

  60%,
  80% {
    opacity: .8
  }

  20%,
  80% {
    opacity: 1
  }
}

.liquid {
  border-radius: 16px;
  display: flex;
  height: calc(100vh - 181px);
  margin: 0 auto;
  max-width: 1388px;
  position: relative;
  width: 100%
}

@media screen and (max-width:1440px) {
  .liquid {
    height: calc(100vh - 156px)
  }
}

.liquid-main {
  width: 100%
}

.liquid-listing {
  height: 100%;
  overflow: hidden;
  width: 100%
}

.liquid-listing .content-body {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  background-color: #f4f4f4cc;
  display: flex
}

.liquid-listing .content-body-left {
  flex: 1 1;
  height: 100%
}

.liquid-listing .content-body-left .table-wrapper table tr td,
.liquid-listing .content-body-left .table-wrapper table tr th {
  padding: 10px 5px
}

.liquid-listing .content-body-left .table-wrapper table tr td:first-child,
.liquid-listing .content-body-left .table-wrapper table tr th:first-child {
  padding-left: 10px
}

.liquid-listing .content-body-left .table-wrapper table tr td:last-child,
.liquid-listing .content-body-left .table-wrapper table tr th:last-child {
  padding-right: 10px
}

.liquid-listing .content-body-right {
  border-left: .5px solid #cecece;
  height: 100%;
  padding: 30px;
  width: 350px
}

.liquid-widget-tabs {
  align-items: center;
  background-color: #f9fafb;
  border-radius: 34px;
  display: flex
}

.liquid-widget-tabs li {
  width: 100%
}

.liquid-widget-tabs li .btn {
  text-wrap: nowrap;
  border: none;
  border-radius: 34px;
  color: #000;
  display: block;
  font-size: 10px;
  text-align: center;
  width: 100%
}

.liquid-widget-tabs li .btn.large {
  font-size: 14px;
  height: 40px;
  padding: 8px 10px
}

.liquid-widget-tabs li .btn.active {
  background-color: #1d1377;
  border: #dcdcdc;
  color: #fff
}

.liquid-widget-tabs li .btn.active .icon-space {
  display: inline-block
}

.liquid-widget-tabs li .btn.active .icon-space.dark {
  display: none
}

.liquid-widget-tabs li .btn:focus {
  outline: none
}

.liquid-widget-tabs li .btn .icon-space {
  display: none;
  margin-right: 12px
}

.liquid-widget-tabs li .btn .icon-space.dark {
  display: inline-block
}

.liquid-widget-tabs-content,
.liquid-widget-tabs-content>img {
  width: 100%
}

.liquid-widget-amount {
  background-color: #fff;
  border: .5px solid #d0d5dd;
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 10px 15px
}

.liquid-widget-amount .term-amount {
  background-color: #fff;
  border: none;
  color: #0c111d;
  font-size: 28px;
  font-weight: 400;
  line-height: 28px;
  padding: 3px 10px
}

.liquid-widget-amount .term-amount:focus {
  border-color: #d0d5dd;
  box-shadow: none
}

.liquid-widget-amount .term-amount::placeholder {
  color: #98a2b3
}

.liquid-widget-period-tabs {
  align-items: center;
  background-color: #f9fafb;
  border: .5px solid #eaecf0;
  border-radius: 14px;
  display: flex;
  flex: 1 1;
  height: 28px;
  margin: 0 10px 6px 0
}

.liquid-widget-period-tabs li {
  width: 100%
}

.liquid-widget-period-tabs li .btn {
  border: none;
  border-radius: 14px;
  color: #000;
  display: block;
  font-size: 10px;
  height: 28px;
  width: 100%
}

.liquid-widget-period-tabs li .btn.active {
  background-color: #1d1377;
  border: #dcdcdc;
  box-shadow: 0 0 6px rgba(29, 19, 119, .302);
  color: #fff
}

.liquid-widget-period-tabs li .btn:focus {
  outline: none
}

.liquid-widget .widget-table-wrapper {
  border: none;
  height: 100%
}

.liquid-widget .widget-table-wrapper thead {
  background: #d0d5dd;
  border-bottom: .5px solid #d0d5dd
}

.liquid-widget .widget-table-wrapper thead tr th {
  color: #000;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  padding: 15px 10px;
  vertical-align: middle;
  white-space: nowrap
}

.liquid-widget .widget-table-wrapper thead tr th:first-child {
  border-top-left-radius: 6px
}

.liquid-widget .widget-table-wrapper thead tr th:last-child {
  border-top-right-radius: 6px
}

.liquid-widget .widget-table-wrapper tbody tr td {
  border-bottom: .5px solid #d0d5dd;
  color: #000;
  font-size: 10px;
  font-weight: 400;
  padding: 10px;
  transition: all .3s ease-in-out;
  vertical-align: middle;
  white-space: nowrap
}

.liquid-widget .widget-table-wrapper tbody tr td .text-muted {
  font-size: 12px;
  font-weight: 400
}

.liquid-widget .widget-table-wrapper tbody tr:last-child td:first-child {
  border-bottom-left-radius: 6px
}

.liquid-widget .widget-table-wrapper tbody tr:last-child td:last-child {
  border-bottom-right-radius: 6px
}

.liquid-widget .widget-table-wrapper tbody tr.active td,
.liquid-widget .widget-table-wrapper tbody tr:hover td {
  background-color: #f4f5ff
}

.liquid-slide-content .tabs-wrapper {
  margin-bottom: 20px;
  width: 100%
}

.liquid-slide-content .tabs-links {
  align-items: center;
  background-color: #e4e5f7;
  border-radius: 25px;
  display: inline-flex;
  margin-bottom: 20px
}

.liquid-slide-content .tabs-links li .btn {
  border-radius: 25px;
  font-size: 12px;
  font-weight: 600;
  min-width: 150px
}

.liquid-slide-content .tabs-links li .btn-active {
  background-color: #22187b;
  color: #fff
}

.liquid-slide-content .tabs-links li .btn:active,
.liquid-slide-content .tabs-links li .btn:focus,
.liquid-slide-content .tabs-links li .btn:visited {
  border: none
}

.liquid-slide-content .tabs-content-inner {
  display: flex;
  width: 100%
}

.liquid-slide-content .tabs-content-inner-left {
  flex: 0 0 99.5%;
  max-width: 99.5%;
  width: 100%
}

.liquid-slide-content .tabs-content-inner-left .note {
  color: #0c111d;
  font-size: 12px
}

.liquid-slide-content .graph-section {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px #00000014;
  margin-bottom: 15px;
  padding: 20px
}

.liquid-slide-content .graph-section-top {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.liquid-slide-content .graph-section-bottom .title {
  color: #344054;
  font-size: 12px;
  margin-top: 15px;
  text-align: center
}

.liquid-slide-content .graph-tabs>ul {
  border-bottom: 1px solid #b8babd
}

.liquid-slide-content .graph-tabs>ul li button {
  border: none;
  border-radius: 0;
  color: #667085;
  cursor: pointer;
  font-size: 10px;
  line-height: 20px;
  margin-right: 20px;
  padding: 5px 0;
  position: relative
}

.liquid-slide-content .graph-tabs>ul li button.btn-active {
  background-color: #0000;
  color: #000;
  font-weight: 500
}

.liquid-slide-content .graph-tabs>ul li button.btn-active:after {
  background-color: #ff6717;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  width: 100%
}

.liquid-slide-content .graph-tabs>ul li button:focus {
  border-color: #0000
}

.liquid-slide-content .graph-tabs>ul li:last-child button {
  margin-right: 0
}

.liquid-slide-content .graph-info {
  max-width: 280px
}

.liquid-slide-content .graph-info-block {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .078);
  margin-bottom: 16px;
  padding: 16px
}

.liquid-slide-content .graph-info-block h4 {
  font-size: 12px;
  font-weight: 600
}

.liquid-slide-content .graph-info-block h6 {
  font-size: 10px;
  margin-bottom: 0
}

.liquid-slide-content .graph-info-block .price-block {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.liquid-slide-content .graph-info-block .price-block h2 {
  margin-bottom: 0
}

.liquid-slide-content .graph-info-block .price-block h2>span {
  font-size: 12px
}

.liquid-slide-content .graph-info-block .icons-list-wrapper {
  position: relative
}

.liquid-slide-content .graph-info-block .icons-list-wrapper .floating-icon {
  bottom: auto;
  height: 10px;
  left: auto;
  position: absolute;
  right: -3px;
  top: -3px;
  width: 10px
}

.liquid-slide-content .graph-info-block .icons-list-wrapper .floating-icon>img {
  width: 100%
}

.liquid-slide-content .graph-info-block .icons-list {
  align-items: center;
  display: flex
}

.liquid-slide-content .graph-info-block .icons-list li {
  margin-left: -6px
}

.liquid-slide-content .graph-info-block .icons-list li img {
  height: 24px;
  width: 24px
}

.network-list {
  align-items: center;
  display: flex
}

.network-list li {
  margin-left: -6px
}

.network-list li .network-icon {
  border-radius: 100%;
  display: inline-block;
  height: 22px;
  line-height: 0;
  width: 22px
}

.network-list li .network-icon.small-size {
  height: 10px;
  width: 10px
}

.network-list li .network-icon>img {
  max-width: 100%
}

.network-icon.small-size {
  height: 10px;
  width: 10px
}

.network-icon.small-size img {
  width: 100%
}

.composition-tags {
  background: #f4f5ff;
  border-radius: 4px;
  font-size: 12px;
  margin: 0 5px 5px;
  padding: 4px 5px
}

.composition-tags>abbr {
  color: #174298;
  margin-left: 4px
}

.btn-blue-small {
  background: #1d1377;
  border-radius: 15px;
  color: #fff;
  font-size: 10px;
  padding: 3px 15px
}

.btn-blue-small:hover {
  background-color: #ff6717;
  border-color: #ff6717;
  color: #fff
}

.dropmenu svg {
  height: 24px;
  width: 24px
}

.dropmenu .dropdown-menu li a {
  font-size: 13px;
  padding: 8px 14px
}

.portfolio-section {
  background-color: #fff;
  width: 100%
}

.portfolio-section-top {
  background-color: #f3f1f9;
  padding: 20px;
  width: 100%
}

.portfolio-section-top .overview-section {
  display: flex;
  margin-bottom: 20px
}

.portfolio-section-top .overview-section li {
  margin-right: 15px;
  max-width: calc(25% - 15px);
  width: 100%
}

@media screen and (max-width:1340px) {
  .portfolio-section-top .overview-section li {
    max-width: 30%
  }
}

@media screen and (max-width:1150px) {
  .portfolio-section-top .overview-section li {
    max-width: 40%
  }
}

.portfolio-section-top .overview-section li .overview-block {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px #00000014;
  padding: 20px 25px;
  position: relative;
  word-break: break-word;
  z-index: 9
}

.portfolio-section-top .overview-section li .overview-block h4 {
  font-size: 14px
}

.portfolio-section-top .overview-section li .overview-block h4>img,
.portfolio-section-top .overview-section li .overview-block h4>svg {
  margin-right: 6px;
  max-width: 20px
}

.portfolio-section-top .overview-section li .overview-block h5 {
  font-size: 24px;
  font-weight: 700
}

.portfolio-section-top .overview-section li .overview-block h6 {
  color: #a3a3a3;
  font-size: 14px;
  margin: 0
}

.portfolio-section-top .title-section {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 0 25px
}

.portfolio-section-top .title-section>h4 {
  font-weight: 600;
  margin: 0 auto 0 0
}

.portfolio-section-top .title-section .back-btn {
  margin-right: 12px;
  padding: 0
}

.portfolio-section-top .title-section .back-btn>svg {
  width: 22px
}

.portfolio-section-top .title-section .back-btn>svg path {
  stroke: #000;
  stroke-width: 1.5px
}

.portfolio-section-top .title-section .back-btn:active,
.portfolio-section-top .title-section .back-btn:focus,
.portfolio-section-top .title-section .back-btn:visited {
  outline: none
}

.portfolio-section-bottom .title-section {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 20px
}

.portfolio-section-bottom .title-section h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 0
}

.portfolio-section-bottom .tabs-wrapper {
  margin-bottom: 20px;
  width: 100%
}

.portfolio-section-bottom .tabs-links {
  align-items: center;
  background-color: #e4e5f7;
  border-radius: 25px;
  display: inline-flex
}

.portfolio-section-bottom .tabs-links li .btn {
  border-radius: 25px;
  font-size: 12px;
  font-weight: 600;
  min-width: 150px
}

.portfolio-section-bottom .tabs-links li .btn-active {
  background-color: #22187b;
  color: #fff
}

.portfolio-section-bottom .tabs-links li .btn:active,
.portfolio-section-bottom .tabs-links li .btn:focus,
.portfolio-section-bottom .tabs-links li .btn:visited {
  border: none
}

.wallet-address-dropdown>.wallet-address-btn {
  align-items: center;
  background-color: #fff;
  border: none;
  display: flex;
  font-size: 14px
}

.wallet-address-dropdown>.wallet-address-btn:focus {
  outline: none
}

.wallet-address-dropdown>.wallet-address-btn .metamask-icon {
  display: inline-block;
  line-height: 0;
  margin-right: 6px;
  vertical-align: middle;
  width: 18px
}

.wallet-address-dropdown>.wallet-address-btn .metamask-icon>img {
  max-width: 100%
}

.wallet-address-dropdown>.wallet-address-btn .drop-arrow {
  margin-left: 6px
}

.wallet-address-dropdown>.wallet-address-btn .drop-arrow>svg {
  height: 6px;
  width: 18px
}

.wallet-address-dropdown>.dropdown-menu {
  border: none;
  width: 100%
}

.wallet-address-dropdown>.dropdown-menu li a {
  font-size: 14px
}

.balancer-wrap {
  align-items: center;
  background: #e7e3f3;
  border-radius: 30px;
  display: inline-flex;
  justify-content: center;
  padding: 2px 10px 2px 2px
}

.balancer-wrap img {
  height: 20px;
  margin-right: 8px;
  object-fit: cover;
  width: 20px
}

.balancer-wrap span {
  font-size: 12px;
  font-weight: 600
}

.liquidity-network {
  border-radius: 5px;
  font-size: 12px;
  height: 28px;
  padding: 5px 0;
  position: relative
}

.liquidity-network>.small-icon {
  bottom: 3px;
  display: inline-block;
  height: 10px;
  left: 15px;
  position: absolute;
  width: 10px
}

.liquidity-network>.small-icon>img {
  max-width: 100%
}

.liquidity-network>img {
  display: inline-block;
  height: 18px;
  margin-right: 15px;
  width: 18px
}

.liquidity-network.layerone-x {
  background-color: #eedbfa;
  color: #8d0fdd
}

.liquidity-network.ethereum {
  background-color: #eaeefc;
  color: #5773e7
}

.liquidity-network.optimism {
  background-color: #ffccd2;
  color: #ff0420
}

.liquidity-network.bnb {
  background-color: #fff7dd;
  color: #f0b90b
}

.liquidity-network.fantom {
  background-color: #d0f1fc;
  color: #14b5ec
}

.liquidity-network.avalanche {
  background-color: #fce1e1;
  color: #e5393a
}

.liquidity-network.arbitrum {
  background-color: #e7e7ea;
  color: #283042
}

.liquidity-network.polygon {
  background-color: #f0eafc;
  color: #773fe1
}

.liquidity-network.solana {
  background-color: #d1fced;
  color: #94f
}

.droparrow {
  background-color: #0000;
  border: none;
  height: 21px;
  padding: 0;
  width: 21px
}

.listing .table {
  margin: 0
}

.listing .table-wrapper {
  padding: 0
}

.table-wrapper thead {
  background-color: #e4e5f7;
  border-bottom: .5px solid #e4e5f7;
  border-top: .5px solid #e4e5f7;
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 1
}

.table-wrapper thead>tr>th {
  background-color: #e4e5f7;
  border-bottom: .5px solid #f0f3fa;
  color: #000;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 10px;
  padding: 15px 10px;
  vertical-align: middle;
  white-space: nowrap
}

.table-wrapper thead>tr>th:first-child {
  padding-left: 24px
}

.table-wrapper thead>tr>th:last-child {
  padding-right: 24px
}

.table-wrapper tbody>tr {
  background: #fff
}

.table-wrapper tbody>tr>td {
  background-color: #0000;
  border-bottom: .5px solid #f0f3fa;
  color: #000;
  font-size: 13px !important;
  font-weight: 500;
  padding: 13px 10px;
  transition: all .3s ease-in-out;
  vertical-align: middle;
  white-space: nowrap
}

.table-wrapper tbody>tr>td:hover {
  background: #0000
}

.table-wrapper tbody>tr>td {
  cursor: pointer
}

.table-wrapper tbody>tr>td:first-child {
  padding-left: 20px
}

.table-wrapper tbody>tr>td:last-child {
  padding-right: 20px
}

.table-wrapper tbody>tr>td .apr-text {
  color: #000;
  font-size: 13px
}

.table-wrapper tbody>tr>td .text-muted {
  font-size: 12px;
  font-weight: 400
}

.table-wrapper tbody>tr.active>td,
.table-wrapper tbody>tr:hover>td {
  background-color: #f4f5ff
}

.table-wrapper tbody>tr.parent-tr:hover td {
  background: #f8f9ff
}

.liquid-listing .table-wrapper {
  background-color: #fff;
  background: #0000 !important;
  border: none;
  height: 100% !important;
  max-height: 100%
}

.pool-diposit-table {
  border: 1px solid #e8e8ed;
  border-radius: 10px;
  overflow: hidden
}

.pool-diposit-table .table>thead tr th {
  line-height: 18px
}

.pool-diposit-table .table>thead tr th:last-child {
  width: 25%
}

.pool-diposit-table .transaction-icon {
  display: inline-block;
  margin: 0 8px
}

.pool-diposit-table .transaction-icon>svg {
  height: 16px;
  width: 10px
}

.bar-graph {
  overflow-x: auto;
  position: relative
}

.bar-graph::-webkit-scrollbar {
  height: 0;
  width: 6px
}

.bar-graph::-webkit-scrollbar-thumb {
  background-color: #0003;
  border-radius: 3px
}

.bar-graph::-webkit-scrollbar-track {
  background-color: #fff
}

.btn-scroll-arrow {
  align-items: center;
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0 0 10px #ccc;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: -10px;
  top: 60%;
  transform: translateY(-50%);
  width: 30px;
  z-index: 1
}

.btn-scroll-arrow svg {
  width: 16px
}

.btn-scroll-arrow.left {
  left: -10px;
  right: auto
}

.btn-scroll-arrow:hover {
  background: #fff
}

.graph_container {
  position: relative
}

.has-equal-width {
  width: 33.33%
}

@keyframes react-loading-skeleton {
  to {
    transform: translateX(100%)
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  background-color: var(--base-color);
  border-radius: .25rem;
  display: inline-flex;
  line-height: 1;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}

.react-loading-skeleton:after {
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-iteration-count: infinite;
  animation-name: react-loading-skeleton;
  animation-timing-function: ease-in-out;
  background-image: linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%);
  background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%));
  background-repeat: no-repeat;
  content: " ";
  display: var(--pseudo-element-display);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%)
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none
  }
}

.opps-panel {
  background: #fff;
  border-radius: 16px;
  margin: 0 auto;
  max-width: 1280px;
  min-height: 730px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.opps-panel-header {
  align-items: center;
  border-bottom: 1px solid #e8ecf0;
  display: flex;
  justify-content: space-between;
  padding: 20px
}

.opps-panel-header .title {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  margin: 0
}

.opps-panel-footer {
  padding: 20px
}

.opps-panel-modal {
  align-items: center;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #000000b3;
  bottom: auto;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
  width: 100%;
  z-index: 9
}

.opps-panel-modal-inner {
  background: #fff;
  border-radius: 24px;
  padding: 20px;
  width: 600px
}

.opps-panel-modal-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px
}

.opps-panel-modal-header h4 {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0
}

.opps-panel-modal-header .btn-close {
  margin-left: auto;
  padding: 0
}

.opps-panel-modal-body .form-group {
  margin-bottom: 15px
}

.opps-panel-modal-body .form-control {
  border: 1px solid #d4d9de;
  border-radius: 8px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  min-height: 50px
}

.opps-panel-modal-body .form-control:focus {
  box-shadow: none;
  outline: none
}

.opps-panel-modal.confirmation-modal .opps-panel-modal-header {
  margin-bottom: 5px
}

.opps-panel-modal.confirmation-modal .opps-panel-modal-inner {
  max-width: 420px
}

.opps-panel-modal.confirmation-modal .opps-panel-modal-inner h4 {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center
}

.opps-panel-modal.confirmation-modal .opps-panel-modal-inner .confirmation-modal-btn>.btn {
  margin: 0 8px;
  min-width: 120px
}

.opps-panel-options {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  width: 100%
}

.opps-panel-options-left .tabs {
  align-items: center;
  background: #e9ebf1;
  border: 1px solid #e8ecf0;
  border-radius: 30px;
  display: flex
}

.opps-panel-options-left .tabs li button {
  font-size: 12px;
  min-height: 36px;
  min-width: 120px
}

.opps-panel-options-left .tabs li button:focus {
  outline: none
}

.opps-panel-options-right>ul {
  align-items: center;
  display: flex
}

.opps-panel-options-right>ul li {
  margin-left: 15px
}

.opps-panel-options-right>ul li .btn {
  font-size: 12px;
  min-height: 36px;
  padding-left: 15px;
  padding-right: 15px
}

.opps-panel-options-right>ul li .btn-outline-secondary {
  background: #fff;
  border: 1px solid #e8ecf0
}

.opps-panel-options-right>ul li .btn-outline-secondary:hover {
  background-color: #e8ecf0;
  border-color: #e8ecf0;
  color: #000
}

.opps-panel-options-right>ul li .btn>svg {
  height: 18px;
  margin-right: 6px;
  width: 18px
}

.opps-panel-options-right>ul li .btn-active {
  background: #f628280d;
  border: 1px solid #f6282833;
  border-radius: 30px;
  color: #f62828;
  font-size: 12px;
  font-weight: 500
}

.opps-panel-options-right>ul li .has-search-icon>input {
  border-radius: 30px;
  font-size: 14px;
  height: 36px;
  min-width: 300px;
  padding-left: 34px;
  padding-right: 34px
}

.opps-panel-options-right>ul li .has-search-icon svg {
  color: #6e777b;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px
}

.opps-panel-options-right>ul li .has-search-icon .close-icon {
  cursor: pointer
}

.opps-panel-options-right>ul li .has-search-icon .close-icon svg {
  left: auto;
  right: 10px
}

.opps-panel-options-right>ul li .has-search-icon .close-icon:hover svg {
  color: red
}

.opps-panel-table {
  max-height: 100vh;
  overflow-y: auto
}

.opps-panel .outline-dropdown .btn-outline-primary {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 14px;
  font-weight: 400
}

.opps-panel .outline-dropdown .btn-outline-primary:focus,
.opps-panel .outline-dropdown .btn-outline-primary:hover {
  background-color: #ff6717;
  border-color: #ff6717;
  color: #fff
}

.opps-panel .outline-dropdown .btn-outline-primary:focus .arrow,
.opps-panel .outline-dropdown .btn-outline-primary:hover .arrow {
  border-color: #fff
}

.opps-panel .outline-dropdown .btn-outline-primary .arrow {
  border-color: #c1c5c9;
  margin-left: 8px
}

.opps-panel .outline-dropdown .dropdown-menu li a {
  color: #000;
  font-size: 14px
}

.opps-panel .table-wrapper {
  background-color: #0000;
  height: 100%;
  overflow: hidden
}

.opps-panel .table-wrapper table {
  height: 580px;
  overflow-y: auto
}

.opps-panel .table-wrapper table thead tr th {
  background: #eaeff4cc;
  color: #000;
  font-size: 12px;
  font-weight: 500
}

.opps-panel .table-wrapper table thead tr th .form-check {
  margin: 0
}

.opps-panel .table-wrapper table thead tr th .form-check-input {
  height: 18px;
  width: 18px
}

.opps-panel .table-wrapper table tbody tr td {
  color: #545a62;
  font-size: 12px;
  font-weight: 400
}

.opps-panel .table-wrapper table tbody tr td .form-check {
  margin: 0
}

.opps-panel .table-wrapper table tbody tr td .form-check-input {
  height: 18px;
  width: 18px
}

.opps-panel .table-wrapper table tr {
  vertical-align: top
}

.opps-panel .table-wrapper .pagnaination {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 15px 20px 10px
}

.opps-panel .custom-switch {
  display: inline-block
}

.opps-panel .custom-switch input {
  display: none
}

.opps-panel .custom-switch input:checked+label {
  background-color: #e9e1fb;
  border-color: #e9e1fb
}

.opps-panel .custom-switch input:checked+label:after {
  background-color: #00dd30;
  border-color: #00dd30;
  left: 20px
}

.opps-panel .custom-switch label {
  background-color: #e9e1fb;
  border: 1px solid #e9e1fb;
  border-radius: 11px;
  cursor: pointer;
  display: block;
  height: 20px;
  position: relative;
  transition: all .2s;
  width: 40px
}

.opps-panel .custom-switch label:after {
  background-color: #9299ab;
  border: 1px solid #9299ab;
  border-radius: 10px;
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  transition: all .2s;
  width: 18px
}

.opps-panel .form-check-input:checked {
  background-color: #ff6717 !important;
  border: 0
}

.opps-panel .form-check-input:after,
.opps-panel .form-check-input:focus,
.opps-panel .form-check-input:not(:disabled):not(.disabled):active:focus,
.opps-panel .label:after,
.opps-panel label.form-check-label:focus {
  border: 0;
  box-shadow: none;
  color: #000;
  outline: 0
}

.pagination {
  align-items: center;
  padding: 15px 15px 0
}

.pagination-count {
  color: #000;
  font-size: 12px;
  font-weight: 500
}

.pagination-tabs {
  display: inline-block;
  margin-left: auto
}

.pagination-tabs>ul {
  align-items: center;
  display: flex
}

.pagination-tabs>ul li {
  margin-left: 5px
}

.pagination-tabs>ul li a {
  align-items: center;
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 100%;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 10px;
  width: 32px
}

.pagination-tabs>ul li a.active,
.pagination-tabs>ul li a:hover {
  background: #2f80ed;
  border-color: #2f80ed;
  color: #fff !important
}

.pagination-tabs>ul li a.active>svg,
.pagination-tabs>ul li a:hover>svg {
  fill: #fff
}

.pagination-tabs>ul li a>svg {
  height: 20px;
  width: 20px
}

.pagination-tabs>ul li.selected a {
  background: #2f80ed;
  border-color: #2f80ed;
  color: #fff
}

.pagination-tabs>ul li.selected a>svg {
  fill: #fff
}

.filter-dropdown .btn-outline-secondary {
  align-items: center;
  display: flex
}

.filter-dropdown .btn-outline-secondary.show {
  color: #6c757d
}

.filter-dropdown .arrow {
  border-width: 0 1px 1px 0;
  margin-left: 10px
}

.filter-dropdown .dropdown-menu li {
  margin-left: 0
}

.nft-username {
  max-width: 260px;
  word-break: break-all
}

.auth {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #ffffff24;
  border-radius: 30px;
  color: #fff;
  padding: 40px;
  width: 480px
}

.auth-header {
  flex-direction: column;
  margin-bottom: 20px
}

.auth-header-title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .3px;
  margin-bottom: 10px
}

.auth-header svg {
  width: 20px
}

.auth-form {
  text-align: center
}

.auth-form input {
  font-size: 15px;
  margin-bottom: 40px;
  padding: 10px 16px
}

.auth-form .btn-submit {
  background: #ff6717;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  min-width: 150px;
  padding: 8px 20px
}

.auth .l1x-logo {
  background: #fff;
  border-radius: 100%;
  margin-bottom: 20px;
  padding: 10px
}

.confirmation-modal-btn button {
  font-size: 15px;
  min-width: 140px;
  padding: 8px 16px
}

.react-tooltip-lite {
  background: #333;
  color: #fff;
  max-width: 300px
}

.react-tooltip-lite-arrow {
  border-color: #333
}

[data-tip] {
  max-width: 380px
}

.username-activity .opps-panel-modal-inner {
  width: 700px
}

.username-activity .opps-panel-modal-inner .opps-panel-modal-header {
  border-bottom: 1px solid #e3e7ef;
  margin-bottom: 16px;
  padding-bottom: 16px
}

.username-activity .opps-panel-modal-inner .opps-panel-modal-body>p {
  margin-bottom: 8px
}

.username-activity .opps-panel-modal-inner .opps-panel-modal-body .table-wrapper {
  background: #fff;
  margin-top: 20px;
  max-height: 500px;
  overflow-y: auto
}

.username-activity .opps-panel-modal-inner .opps-panel-modal-body .table-wrapper table thead {
  background: #f1f2fa
}

.user-names .btn-check-activity {
  border: .5px solid #1e1479;
  border-radius: 30px;
  color: #1e1479;
  font-size: 11px;
  margin-left: 8px;
  padding: 2px 6px;
  transition: background-color .3s ease
}

.user-names .btn-check-activity:hover {
  background: #1e1479;
  color: #fff;
  transition: background-color .3s ease
}

.no-records img {
  width: 120px
}

.no-records-title {
  font-size: 24px;
  font-weight: 700
}

.no-records-description {
  font-size: 14px
}

.nodeOperator {
  background-color: #fff;
  border-radius: 12px;
  margin: 0 auto;
  max-height: calc(100vh - 165px);
  max-width: 1280px;
  overflow-y: hidden;
  width: 100%
}

.nodeOperator-header {
  padding: 30px 30px 0;
  width: 100%
}

.nodeOperator-header .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px
}

.nodeOperator-header .title>img {
  margin-right: 10px;
  max-height: 20px;
  max-width: 20px
}

.nodeOperator-header .link-wrapper {
  margin-top: 20px
}

.nodeOperator-header .link-wrapper .tabWrapper {
  background-color: #0000;
  border-radius: 25px
}

.nodeOperator-header .link-wrapper li {
  display: inline-block
}

.nodeOperator-header .link-wrapper li button {
  background-color: #0000;
  border: none;
  border-bottom: 3px solid #0000;
  border-radius: 0;
  color: #2d4665;
  font-size: 12px;
  line-height: 16px;
  margin-right: 10px;
  padding: 20px 5px 10px
}

.nodeOperator-header .link-wrapper li button.active {
  background-color: #0000;
  border-bottom: 3px solid #ff6616;
  color: #000;
  font-weight: 500
}

.nodeOperator-header .link-wrapper li .btn-checkDistribution {
  background: #131852 !important;
  border: none;
  border-radius: 30px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  padding: 8px 16px
}

.nodeOperator-body {
  height: 100vh;
  max-height: 795px;
  overflow-y: auto
}

@media screen and (max-height:1035px) {
  .nodeOperator-body {
    max-height: calc(100vh - 227px)
  }
}

.nodeOperator-body .calculate-node-reward {
  padding: 30px 30px 16px;
  position: relative;
  width: 100%
}

.nodeOperator-body .calculate-node-reward:after {
  background: linear-gradient(135deg, #5d0ce2, #910094);
  content: "";
  height: 290px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}

.nodeOperator-body .calculate-node-reward-inner {
  position: relative;
  z-index: 1
}

.nodeOperator-body .calculate-node-reward-inner .title {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px
}

.nodeOperator-body .calculate-node-reward-inner-content {
  background-color: #fff;
  border-radius: 16px;
  height: 100%;
  margin-top: 20px;
  width: 100%
}

.nodeOperator-body .calculate-node-reward-inner-content .node-reward-calculator--head {
  display: none !important
}

.nodeOperator-overview {
  width: 100%
}

.nodeOperator-overview-banner {
  background-image: url(/static/media/nodeoverview-bg.e70b668657498af65c15.jpg);
  background-position: 100%;
  background-size: cover;
  padding: 50px 30px;
  width: 100%
}

.nodeOperator-overview-banner h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  line-height: 28px
}

.nodeOperator-overview-banner h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px
}

.nodeOperator-overview-banner small.note {
  color: #fff;
  display: block;
  margin-bottom: 15px
}

.nodeOperator-overview-banner h6 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 16px
}

.nodeOperator-overview-banner .btn-primary {
  font-size: 13px;
  padding: 7px 22px
}

.nodeOperator-overview-banner .btn-primary:hover {
  background: #fff;
  color: #ff4500
}

.nodeOperator-overview-banner.hosting {
  background-image: url(/static/media/hostingGuide.a5f39a1a4da518fff1b2.png);
  background-position: 100%;
  background-size: cover;
  padding: 50px 30px;
  width: 100%
}

.nodeOperator-overview-banner.hosting .content-spacer {
  max-width: 600px
}

.nodeOperator-overview-content {
  display: flex;
  padding: 40px 30px;
  width: 100%
}

.nodeOperator-overview-content-stikcy {
  left: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 60px
}

.nodeOperator-overview-content-left {
  flex: 0 0 60%;
  max-width: 60%;
  padding-right: 40px
}

.nodeOperator-overview-content-left.flex-70 {
  flex: 0 0 70%;
  max-width: 70%
}

.nodeOperator-overview-content-left h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px
}

.nodeOperator-overview-content-left h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px
}

.nodeOperator-overview-content-left p {
  color: #2d4665;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 30px
}

.nodeOperator-overview-content-left .step-section {
  background: #fff;
  border-radius: 16px;
  margin-bottom: 20px;
  padding: 30px 20px
}

.nodeOperator-overview-content-left .step-section p {
  margin-bottom: 16px
}

.nodeOperator-overview-content-left .step-section ul {
  margin-bottom: 16px;
  padding-left: 20px
}

.nodeOperator-overview-content-left .step-section ul li {
  list-style: disc
}

.nodeOperator-overview-content-left .step-section .code-copy {
  background: #ebebef;
  border-radius: 8px;
  padding: 16px;
  position: relative
}

.nodeOperator-overview-content-left .step-section .code-copy button {
  position: absolute;
  right: 8px;
  top: 8px
}

.nodeOperator-overview-content-left .step-section h3 {
  font-size: 18px
}

.nodeOperator-overview-content-left.hosting-guide ul {
  margin-bottom: 16px;
  padding-left: 20px
}

.nodeOperator-overview-content-left.hosting-guide ul li {
  list-style: disc
}

.nodeOperator-overview-content-right {
  flex: 0 0 40%;
  max-width: 40%;
  position: relative
}

.nodeOperator-overview-content-right .rewards-statistics {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px #0000001a;
  margin-top: -60px;
  padding: 30px;
  position: relative;
  z-index: 1
}

.nodeOperator-overview-content-right .rewards-statistics h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 0;
  text-align: center
}

.nodeOperator-overview-content-right .rewards-statistics p {
  color: #8896a6;
  text-align: center
}

.nodeOperator-overview-content-right .rewards-statistics .rewards-stat-block {
  align-items: flex-start;
  display: flex
}

.nodeOperator-overview-content-right .rewards-statistics .rewards-stat-block .icon {
  align-items: center;
  border-radius: 8px;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-right: 15px;
  min-width: 40px;
  width: 40px
}

.nodeOperator-overview-content-right .rewards-statistics .rewards-stat-block .content h4 {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0
}

.nodeOperator-overview-content-right .rewards-statistics .rewards-stat-block .content h6 {
  color: #8896a6;
  font-size: 12px;
  margin-bottom: 0
}

.nodeOperator-overview-content-right .total-rewards {
  align-items: center;
  background: linear-gradient(135deg, #47169a, #6a0d79);
  border-radius: 16px;
  display: flex;
  margin: 25px 0 0;
  padding: 20px 25px;
  width: 100%
}

.nodeOperator-overview-content-right .total-rewards .icon {
  margin-right: 20px
}

.nodeOperator-overview-content-right .total-rewards .content h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px
}

.nodeOperator-overview-content-right .total-rewards .content h6 {
  color: #fff;
  font-size: 12px
}

.nodeOperator-overview-content-right .available-count {
  background: linear-gradient(45deg, #d521ae, #bd2f2f);
  border-radius: 16px;
  color: #fff;
  padding: 6px 12px 40px;
  position: absolute;
  top: -55px;
  width: 100%
}

.nodeOperator-overview-content-right .available-count p {
  font-size: 14px;
  font-weight: 400
}

.nodeOperator-overview-content-right .available-count img {
  width: 34px
}

.nodeOperator-overview .has-ul-li .rewards-statistics {
  margin-top: -100px
}

.nodeOperator-overview .has-ul-li .rewards-statistics h3 {
  margin-bottom: 20px
}

.nodeOperator-overview .has-ul-li ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 16px
}

.nodeOperator-overview .has-ul-li ul li {
  margin-bottom: 12px
}

.overview-block {
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 20px;
  min-height: 228px;
  padding: 20px;
  width: 100%
}

.overview-block .icon {
  height: 50px;
  margin-bottom: 10px;
  width: 50px
}

.overview-block .icon img {
  max-width: 100%
}

.overview-block h4 {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px
}

.overview-block p {
  margin-bottom: 0
}

.benefits-block {
  background-color: #fff;
  height: 100%;
  width: 100%
}

.benefits-block .title {
  background: #eeeff4;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  padding: 8px 24px
}

.benefits-block .list {
  list-style: disc;
  padding: 20px 20px 20px 40px
}

.benefits-block .list li {
  color: #2d4665;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px
}

.benefits-block .list li b {
  font-weight: 500
}

.border-right {
  border-right: 1px solid #e5e6ee
}

.hardware-block {
  background: #fff;
  padding: 20px
}

.hardware-block p {
  color: #2d4665;
  margin: 0;
  padding: 5px 0
}

.hardware-block p b {
  font-weight: 600
}

.hardware-block .col-4 {
  border-right: 1px solid #e5e6ee
}

.hardware-block .col-8 {
  padding-left: 30px
}

.call-to-action {
  align-items: center;
  background: linear-gradient(135deg, #47169a, #6a0d79);
  border-radius: 16px;
  display: flex;
  margin-bottom: 50px;
  padding: 30px;
  width: 100%
}

.call-to-action .content {
  align-items: center;
  display: flex;
  padding-right: 20px
}

.call-to-action .content .icon {
  background-color: #fff;
  border-radius: 16px;
  height: 95px;
  margin-right: 25px;
  padding: 20px;
  width: 95px
}

.call-to-action .content h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  margin: 0
}

.call-to-action .action .btn-primary {
  white-space: nowrap
}

.redirect-text {
  background-color: #f6f8ff;
  border-radius: 12px;
  color: #4087f3;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  margin: 10px 0;
  padding: 20px
}

.CoreProfiler {
  background-color: #fff;
  background-color: #f5f4f9;
  border-radius: 12px;
  height: calc(100vh - 150px);
  margin: 0 auto;
  max-height: 820px;
  max-width: 1280px;
  overflow-y: auto;
  padding: 16px;
  width: 100%
}

.CoreProfiler-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.CoreProfiler-header .title {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0
}

.CoreProfiler-header .title>img {
  margin-right: 10px;
  max-height: 20px;
  max-width: 20px
}

.CoreProfiler-header .search-wrapper {
  line-height: 0;
  position: relative;
  width: 480px
}

.CoreProfiler-header .search-wrapper>input {
  background-color: #fff;
  border: none;
  border-radius: 35px;
  font-size: 14px;
  min-height: 40px;
  padding: 8px 40px 8px 15px;
  width: 100%
}

.CoreProfiler-header .search-wrapper>input:focus {
  box-shadow: none;
  outline: none
}

.CoreProfiler-header .search-wrapper .search-icon {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 15px;
  top: 10px
}

.CoreProfiler-header .search-wrapper .search-icon>svg {
  height: 18px;
  width: 18px
}

.CoreProfiler-header .search-wrapper .search-icon>svg path {
  stroke: #ababab
}

.CoreProfiler-header .btn-dark-blue {
  background-color: #0a2f5d;
  border: 1px solid #0a2f5d;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  padding: 10px 25px
}

.CoreProfiler-body {
  height: calc(100% - 60px)
}

.CoreProfiler .page-number-count {
  margin-bottom: 0
}

.coreProfiler-card {
  background-color: #fff;
  border-radius: 12px;
  border-right: 1px solid #eef1f9;
  display: block;
  padding: 16px;
  width: 100%
}

.coreProfiler-card .icon {
  align-items: center;
  border-radius: 8px;
  display: flex;
  height: 32px;
  justify-content: center;
  margin-right: 8px;
  width: 32px
}

.coreProfiler-card h5 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0
}

.coreProfiler-card h6 {
  color: #8896a6;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 4px
}

.coreProfiler-card h2 {
  color: #000;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 0
}

.red-10 {
  background-color: #eb44381a
}

.yellow-10 {
  background-color: #f9be031a
}

.bg-blue {
  background-color: #4087f3
}

.bg-green {
  background-color: #34a853
}

.bg-yellow {
  background-color: #f9be03
}

.table-block {
  background: #fff;
  border-radius: 12px
}

.table-block-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 20px
}

.table-block-head h6 {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0
}

.table-block-head h4 {
  color: #000;
  font-size: 30px;
  font-weight: 600;
  margin: 0
}

.table-block-body .table thead tr th {
  font-size: 13px !important;
  padding-bottom: 12px;
  padding-top: 12px
}

.table-block-body .table tbody tr td {
  font-weight: 400
}

.table-block-body .table tbody tr td .link,
.table-block-body .table tbody tr td a {
  color: #4087f3
}

.table-block-body.listing-only .table-wrapper {
  max-height: 700px
}

.table-block-body.listing-only .table-wrapper .transaction-type {
  background: #fff;
  border-radius: 30px;
  color: #000;
  font-size: 12px;
  padding: 6px 16px
}

.table-block-body.listing-only .table-wrapper .transaction-type.native {
  background: #4088f326;
  color: #4087f3
}

.table-block-body.listing-only .table-wrapper .transaction-type.smart-contract-init {
  background: #f7e5ad61;
  color: #b78f0f
}

.table-block-body.listing-only .table-wrapper .transaction-type.smart-contract-deploy {
  background: #a824ac33;
  color: #a824ac
}

.table-block-body.listing-only .table-wrapper .transaction-type.smart-contract-fnc-call {
  background: #ff671733;
  color: #ff6717
}

.table-block-body.listing-only .table-wrapper .status {
  font-weight: 600
}

.table-block-body.listing-only .table-wrapper .status.success {
  color: #34a853
}

.table-block-body.listing-only .table-wrapper .status.failed {
  color: #eb4438
}

.graph-wrapper {
  height: 70px;
  width: 500px
}

.status-text {
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  margin: 0 10px 0 0;
  padding-right: 15px
}

.status-text.positive {
  position: relative
}

.status-text.positive:after {
  border-bottom: 10px solid #34a853;
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  bottom: 2px;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  width: 0
}

.last-day {
  color: #8896a6;
  font-size: 13px
}

.btn-backArrow {
  align-items: center;
  background: #ebedf1;
  border-radius: 32px;
  display: flex;
  height: 32px;
  justify-content: center;
  margin-right: 10px;
  margin-top: -8px;
  padding: 0;
  width: 32px
}

.btn-backArrow:hover {
  background: #e7eaef
}

.btn-backArrow svg {
  height: 24px;
  margin-left: -4px;
  width: 24px
}

.validator-space {
  height: 32px;
  margin-right: 8px;
  overflow: hidden;
  width: 32px
}

.validator-space img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.blockDetails p {
  margin-bottom: 10px
}

.blockDetails .validator-space {
  height: 26px;
  width: 26px
}

.blockDetails h6 {
  border-bottom: 1px solid #dee2e6;
  color: #000;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  padding-bottom: 10px
}

.table-title {
  color: #000;
  display: block;
  font-size: 16px !important;
  font-weight: 600 !important
}

.validator-details .title {
  margin-bottom: 20px
}

.validator-details .title h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  min-height: 32px
}

.validator-details-card {
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  margin-bottom: 20px;
  padding: 16px;
  width: 100%
}

.validator-details-card-profile {
  align-items: center;
  display: flex;
  padding-right: 25px
}

.validator-details-card-profile .profile-img {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 74px;
  justify-content: center;
  margin-right: 16px;
  overflow: hidden;
  width: 74px
}

.validator-details-card-profile .profile-img img {
  max-width: 100%
}

.validator-details-card-profile .profile-content h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px
}

.validator-details-card-profile .profile-content h6 {
  color: #8896a6;
  font-size: 12px;
  margin-bottom: 0
}

.validator-details-card-profile .profile-content h6 b {
  color: #000;
  font-weight: 600
}

.validator-details-card-stake {
  background-color: #f9be0326;
  border-radius: 12px;
  min-width: 225px;
  padding: 12px;
  width: 100%
}

.validator-details-card-stake h6 {
  color: #2d4665;
  font-size: 13px;
  margin-bottom: 7px
}

.validator-details-card-stake h4 {
  color: #000;
  font-size: 18px;
  font-weight: 600
}

.validator-details-card-stake h4>img {
  height: 16px;
  margin-right: 8px;
  width: 16px
}

.validator-details-card-stake .step-tooltip-target {
  align-items: center;
  display: inline-flex;
  height: 16px;
  justify-content: center;
  margin-left: 8px
}

.validator-details-card-stake .step-tooltip-target>svg {
  max-width: 12px
}

.validator-details-card-stake .step-tooltip-target>svg path {
  stroke: #8896a6
}

h4.table-title {
  color: #000;
  font-size: 14px;
  font-weight: 600
}

.buy-widget-block {
  cursor: pointer;
  width: 100%
}

.buy-widget-block>img {
  max-width: 320px;
  width: 100%
}

.note-space {
  background: #f5edd5;
  border-radius: 12px;
  color: #000;
  padding: 16px
}

.note-space p {
  color: #000;
  margin-bottom: 0
}

.headerforBack {
  margin-bottom: 10px
}

.headerforBack .btn-backArrow {
  background: #fff
}

.headerforBack .btn-backArrow svg {
  margin-left: 0
}

.headerforBack h5 {
  font-size: 18px;
  font-weight: 600
}

.transaction-listDetails .transaction-details {
  border-bottom: 1px solid #dfe2ea;
  border-radius: 0;
  box-shadow: none
}

.transaction-listDetails .transaction-details-title {
  padding: 16px 20px
}

.transaction-listDetails .transaction-details-title .back {
  margin-right: 8px
}

.transaction-listDetails .transaction-details-content {
  padding: 16px 20px
}

.transaction-listDetails .transaction-details .network-text {
  align-items: center;
  display: flex
}

.transaction-listDetails .transaction-details .network-text>img {
  height: 18px;
  margin-right: 8px;
  width: 18px
}

.transaction-listDetails .transaction-popup-inner {
  border-radius: 16px;
  height: 100%;
  max-width: 100%;
  overflow-y: auto;
  width: 100%
}

.transaction-listDetails .transaction-popup-inner-body {
  padding: 0
}

.transaction-listDetails .transaction-popup-inner-body .transaction-details-content-list {
  border: none;
  color: #000;
  font-weight: 400;
  padding: 10px 0
}

.transaction-listDetails-core {
  background-color: #fff;
  border-radius: 8px;
  height: 100%
}

.transaction-listDetails-core .transaction-details-title {
  border-bottom: 1px solid #dfe2ea
}

.transaction-listDetails-core .transaction-details-title h3 {
  font-size: 16px;
  font-weight: 600
}

.transaction-listDetails-core a.copy-text {
  display: inline-block;
  margin: 0 0 0 10px
}

.transaction-listDetails-core a.copy-text svg {
  height: 16px;
  width: 16px
}

.transaction-listDetails-core a.copy-text svg path {
  stroke: #a4aabe
}

.transaction-listDetails-core span.hash-type {
  background: #fdf0cc;
  border: 1px solid #f4b400;
  border-radius: 4px;
  color: #f4b400;
  font-size: 12px;
  padding: 2px 10px
}

.transaction-listDetails-core .transaction-status {
  background: #cfebde;
  border: 1px solid #0f9d58;
  border-radius: 4px;
  color: #0f9d58;
  font-size: 12px;
  padding: 2px 10px
}

.transaction-listDetails-core .back {
  display: inline-block;
  margin-right: 10px
}

.rounded-0 {
  border-radius: 0
}

.rounded-16 {
  border-radius: 16px;
  overflow: hidden
}

.btn-checkDistribution {
  background: #ff6717 !important;
  border-radius: 30px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 400;
  padding: 6px 16px
}

.nodeDistribution {
  height: 100%;
  position: relative
}

.nodeDistribution:after {
  background-image: url(/static/media/nodePattern.a282e9d33c621cefa74b.png);
  background-position: bottom;
  background-repeat: no-repeat;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1
}

.nodeDistribution .input-for-node {
  position: relative
}

.nodeDistribution .input-for-node input {
  background: #fff;
  border-radius: 30px;
  font-size: 14px;
  padding: 10px 16px 10px 40px
}

.nodeDistribution .input-for-node svg {
  filter: invert(1);
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px
}

.nodeDistribution h2 {
  font-size: 24px;
  margin-bottom: 16px
}

.nodeDistribution .content-spacer {
  max-width: 500px !important
}

.nodeDistribution .max-w-520 {
  margin: 0 auto;
  max-width: 520px;
  text-align: center
}

.nodeDistribution .max-w-520 h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px
}

.nodeDistribution .max-w-520 .node-details {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 15px 30px #00000014;
  display: flex;
  gap: 30px;
  padding: 20px
}

.nodeDistribution .max-w-520 .node-details img {
  width: 100px
}

.nodeDistribution .max-w-520 .node-details .content {
  text-align: left
}

.nodeDistribution .max-w-520 .node-details .content p {
  font-size: 14px;
  margin-bottom: 12px
}

.nodeDistribution .max-w-520 .node-details .content h3 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 12px
}

.nodeDistribution .max-w-520 .node-details .content .wallet-added {
  background: #eff1f4;
  border-radius: 30px;
  padding: 6px 16px
}

.nodeDistribution .max-w-520 .node-details .content .wallet-added p {
  font-size: 13px;
  margin-bottom: 0
}

.nodeDistribution .nodeOperator-overview-content {
  z-index: 2
}

@media screen and (min-height:900px) {
  .nodeDistribution .nodeOperator-overview-content {
    padding-top: 100px
  }
}

.table-block .table-wrapper {
  background-color: #fff
}

.table-block.core-profiler-main {
  height: calc(100% - 150px);
  overflow-y: auto
}

.table-block.block-transaction {
  height: calc(100% - 213px)
}

.table-block.transaction-list {
  height: 100%
}

.nodeCard {
  background: linear-gradient(#600cdf, #8f0198);
  border-radius: 16px;
  display: flex
}

.nodeCard .nodeContent {
  background: #fff;
  border-radius: 14px;
  padding: 16px;
  width: 100%
}

.nodeCard .nodeContent img {
  width: 50px
}

.nodeCard .nodeContent p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0
}

.nodeCard .nodeContent p.label-title {
  color: #8896a6;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 6px
}

.nodeCard .slotContent {
  color: #fff;
  padding: 16px;
  width: 100px
}

.nodeCard .slotContent p {
  font-size: 12px;
  margin-bottom: 4px
}

.nodeCard .slotContent h3 {
  font-size: 15px;
  font-weight: 600
}

.max-w-1100 {
  margin: 0 auto;
  max-width: 1100px;
  width: 100%
}

.btn-explireNode {
  border: 1px solid #ff6717;
  border-radius: 30px;
  color: #ff6717;
  font-size: 14px;
  padding: 6px 16px
}

.btn-explireNode:hover {
  background: #ff6717;
  color: #fff
}

.YourNode {
  background: #fff;
  height: 100%
}

.YourNode-nav .nav {
  background: #f4f5ff;
  border-bottom: .25px solid #344054;
  border-top: .25px solid #344054;
  padding: 4px 25px
}

.YourNode-nav .nav.nav-tabs .nav-item .nav-link {
  background: #f4f5ff;
  border: none;
  color: #000;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-right: 10px;
  padding: 10px
}

.YourNode-nav .nav.nav-tabs .nav-item .nav-link.active {
  color: #000;
  font-weight: 600
}

.YourNode-header {
  background-color: #1e1379;
  padding: 30px
}

.YourNode-header.white {
  background-color: #fff
}

.YourNode-header .connect-line {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 20px;
  text-align: center
}

.YourNode-header .connect-line a {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.YourNode-header p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin: 0
}

.YourNode-header p svg {
  margin-right: 10px
}

.YourNode-header p abbr {
  color: #ff6616
}

.YourNode-header p a {
  color: #ff6717
}

.YourNode-header small {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-left: 32px
}

.YourNode-header small a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.YourNode .widget {
  align-items: start;
  display: flex;
  justify-content: start;
  margin-left: 35px
}

.YourNode .widget>div h6 {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  margin: 20px 0 10px
}

.YourNode .widget>div h6 small {
  color: #e4e5f7;
  color: var(--Blue-2, #e4e5f7);
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin: 0
}

.YourNode .widget>div .widget-node-handler {
  cursor: pointer
}

.YourNode .widget>div .widget-node-handler.active {
  background-color: #f50;
  color: #fff !important
}

.YourNode .widget>div .widget-node {
  background: #a8aad5;
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
  height: 100px;
  overflow: hidden;
  position: relative;
  width: 190px
}

.YourNode .widget>div .widget-node.white {
  background-color: #fff
}

.YourNode .widget>div .widget-node .insufficient {
  background: #ffe55c;
  border-radius: 4px;
  color: #000;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  padding: 5px;
  position: absolute;
  right: -110px;
  text-align: center;
  top: 50px
}

.YourNode .widget>div .widget-node>div {
  align-items: center;
  display: flex;
  justify-content: center
}

.YourNode .widget>div .widget-node>div:first-child {
  border-right: .5px solid #1e1379
}

.YourNode .widget>div .widget-node>div:first-child,
.YourNode .widget>div .widget-node>div:nth-child(2) {
  border-bottom: .5px solid #1e1379;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  height: 35px;
  padding: 10px;
  text-align: center;
  width: 50%
}

.YourNode .widget>div .widget-node>div:nth-child(3) {
  border-right: .5px solid #1e1379
}

.YourNode .widget>div .widget-node>div:nth-child(3),
.YourNode .widget>div .widget-node>div:nth-child(4) {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  height: calc(100% - 35px);
  padding: 10px;
  position: relative;
  text-align: center;
  width: 50%
}

.YourNode .widget>div .widget-node>div .num {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: absolute;
  right: 10px
}

.YourNode .widget>div .widget-node>div .num svg {
  cursor: pointer
}

.YourNode .widget>div .widget-node>div .num .disabled svg {
  cursor: not-allowed
}

.YourNode .widget>div .widget-node>div .num .disabled svg path {
  stroke: #c2c2c2
}

.YourNode .widget>div .btn-claim-node {
  background: #ff6616;
  border-radius: 20px;
  color: #fff;
  float: right;
  font-size: 12px;
  font-weight: 500;
  margin-top: 20px;
  padding: 5px 16px
}

.YourNode .widget .widget-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 60px;
  padding: 0 30px;
  width: 190px
}

.YourNode .widget .widget-center p {
  color: #e4e5f7;
  color: var(--Blue-2, #e4e5f7);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  margin: 10px 0 0;
  text-align: center
}

.YourNode .widget .widget-center small {
  color: #e4e5f7;
  color: var(--Blue-2, #e4e5f7);
  font-size: 12px;
  font-weight: 400;
  margin: 0
}

.YourNode .accordion-flush .accordion-item {
  background-color: #fff;
  border-color: #d0d5dd;
  border-bottom: .5px solid #d0d5dd
}

.YourNode .accordion-flush .accordion-button {
  background-color: #f4f5ff;
  color: #1d1d1d;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  justify-content: space-between;
  min-height: 48px;
  padding: 5px 15px 5px 55px
}

.YourNode .accordion-flush .accordion-button.first {
  background-color: #f4f5ff
}

.YourNode .accordion-flush .accordion-button b {
  color: #1d1d1d;
  font-weight: 600
}

.YourNode .accordion-flush .accordion-button a.link {
  color: #0c111d;
  font-size: 12px;
  font-weight: 400;
  margin-left: 20px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.YourNode .accordion-flush .accordion-button .if-not-collapsed {
  display: none
}

.YourNode .accordion-flush .accordion-button.collapsed .if-not-collapsed {
  display: block
}

.YourNode .accordion-flush .accordion-button:focus,
.YourNode .accordion-flush .accordion-button:not(.collapsed) {
  box-shadow: none
}

.YourNode .accordion-flush .accordion-button:after {
  background-size: 14px;
  height: 14px;
  left: 22px;
  margin-left: 0;
  position: absolute;
  width: 14px
}

.YourNode .accordion-flush .accordion-body {
  padding: 0
}

.YourNode .head {
  background-color: #f4f5ff;
  border-bottom: .5px solid #d0d5dd;
  margin: 0;
  padding: 8px 15px 8px 45px
}

.YourNode .head p {
  font-size: 11px;
  font-weight: 700;
  margin: 0
}

.YourNode .details {
  border-bottom: .5px solid #d0d5dd;
  font-size: 12px;
  margin: 0;
  padding: 15px 15px 15px 45px
}

.YourNode .details:last-child {
  border-bottom: none
}

.YourNode .details p {
  font-size: 12px;
  font-weight: 400;
  line-height: 27px;
  margin: 0
}

.YourNode .details .badge {
  border-radius: 4px;
  color: #000;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 600;
  height: 27px;
  padding: 7px 5px
}

.YourNode .details .badge svg {
  margin-right: 5px
}

.YourNode .details .badge.success {
  background: #ecffe6
}

.YourNode .details .badge.failed {
  background: #ffe0e0
}

.YourNode .details a.link {
  color: #0c111d;
  font-size: 12px;
  font-weight: 400;
  margin-left: 20px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.YourNode .details .tier {
  align-items: center;
  border-radius: 5px;
  color: #000;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  height: 28px;
  justify-content: center;
  min-width: 64px;
  padding: 0 10px
}

.YourNode .details .tier.gold {
  background-color: #eabe2e
}

.YourNode .details .tier.platinum {
  background-color: #e5e4e2
}

.YourNode .details .tier.silver {
  background-color: silver
}

.YourNode .details .tier.bronze {
  background-color: #cd7f32
}

.nodeWhitelist h2 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 27px
}

.nodeWhitelist a.link {
  color: #000;
  color: var(--Black, #000);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.nodeWhitelist-top {
  background: #d4d5ee;
  border-radius: 0 0 22px 22px;
  overflow: hidden
}

.nodeWhitelist-top .btn-xconnect {
  background: #1e1379;
  background: var(--Primary-Blue, #1e1379);
  border-radius: 18px;
  color: #fff;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 500;
  height: 34px;
  line-height: 17px;
  padding: 8px 10px
}

.nodeWhitelist-top .address-wrapper {
  align-items: center;
  background: #fff;
  background: var(--White, #fff);
  border-radius: 17px;
  display: flex;
  height: 34px;
  justify-content: start;
  padding: 17px 15px
}

.nodeWhitelist-top .address-wrapper svg {
  margin-right: 10px
}

.nodeWhitelist-top .address-wrapper p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin: 0
}

.nodeWhitelist-top .address-wrapper a {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 20px
}

.nodeWhitelist-top .address-wrapper a svg {
  margin-right: 5px
}

.nodeWhitelist-top .address-wrapper a span {
  color: #000;
  color: var(--Black, #000);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline
}

.nodeWhitelist-top .table-wrapper {
  padding-bottom: 0
}

.nodeWhitelist-top .table-wrapper table {
  width: 100%
}

.nodeWhitelist-top .table-wrapper thead {
  border: none
}

.nodeWhitelist-top .table-wrapper thead tr th {
  background: #d4d5ee;
  border-bottom: 1px solid #9194b8;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  padding: 5px 10px;
  vertical-align: middle
}

.nodeWhitelist-top .table-wrapper thead tr th:first-child {
  padding-left: 24px;
  text-align: start
}

.nodeWhitelist-top .table-wrapper thead tr th:last-child {
  padding-right: 24px
}

.nodeWhitelist-top .table-wrapper thead tr th.clickable {
  cursor: pointer
}

.nodeWhitelist-top .table-wrapper thead tr th svg {
  transform: rotate(180deg);
  transition: transform .3s
}

.nodeWhitelist-top .table-wrapper thead tr th .rotate svg {
  transform: rotate(0)
}

.nodeWhitelist-top .table-wrapper tbody tr td {
  background: #e4e5f7;
  border-bottom: .5px solid #a8aad5;
  color: #0c111d;
  cursor: default;
  font-size: 14px !important;
  font-weight: 400;
  height: 50px;
  padding: 12px 10px;
  vertical-align: middle;
  white-space: nowrap
}

.nodeWhitelist-top .table-wrapper tbody tr td a {
  color: #344054;
  text-decoration: underline
}

.nodeWhitelist-top .table-wrapper tbody tr td .status {
  border-radius: 4px;
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 25px;
  line-height: 24px;
  padding: 0 5px;
  width: -webkit-fit-content;
  width: fit-content
}

.nodeWhitelist-top .table-wrapper tbody tr td .status.active {
  background: #76e554
}

.nodeWhitelist-top .table-wrapper tbody tr td .status.ready {
  background: #6ea7ff
}

.nodeWhitelist-top .table-wrapper tbody tr td svg {
  margin-right: 5px
}

.nodeWhitelist-top .table-wrapper tbody tr:last-child td {
  border-bottom: none
}

.nodeWhitelist-top .table-wrapper tbody tr.active td,
.nodeWhitelist-top .table-wrapper tbody tr:hover td {
  background-color: #f4f5ff
}

.nodeWhitelist-bottom {
  background: #fff
}

.nodeWhitelist-bottom h2 {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  min-width: 190px
}

.nodeWhitelist-bottom-nav {
  background-color: #f4f5ff;
  border: none;
  border-radius: 18px;
  display: inline-flex;
  justify-content: center;
  margin: 0
}

.nodeWhitelist-bottom-nav li {
  display: inline-block
}

.nodeWhitelist-bottom-nav li .btn {
  text-wrap: nowrap;
  border: none;
  border-radius: 34px;
  color: #000;
  font-size: 12px;
  height: 36px;
  line-height: 24px;
  min-width: 95px;
  padding: 6px 20px;
  position: relative;
  text-align: center
}

.nodeWhitelist-bottom-nav li .btn.slots {
  min-width: auto
}

.nodeWhitelist-bottom-nav li .btn.slots:before {
  border: .5px solid #000;
  border-radius: 10px;
  content: "";
  height: 8px;
  left: 7px;
  position: absolute;
  top: 13.5px;
  width: 8px
}

.nodeWhitelist-bottom-nav li .btn.slots.not-active {
  cursor: not-allowed;
  opacity: .3
}

.nodeWhitelist-bottom-nav li .btn.slots.active-slot:before {
  background: #76e554;
  border: 1px solid #76e554
}

.nodeWhitelist-bottom-nav li .btn.active {
  background: #dbdcf5;
  border: none;
  font-weight: 600
}

.nodeWhitelist-bottom-nav li .btn:focus {
  outline: none
}

.nodeWhitelist-bottom-nav li .divider {
  border: .5px solid #000;
  height: calc(100% - 10px);
  margin: 5px 15px 5px 10px;
  width: 0
}

.nodeWhitelist-bottom .slot-timer {
  min-width: 215px
}

.nodeWhitelist-bottom .slot-timer-border {
  border: .5px solid #676aa5;
  border: .5px solid var(--Medium-Blue-1, #676aa5);
  padding: 7px 10px
}

.nodeWhitelist-bottom .table-wrapper {
  height: calc(100vh - 724px);
  padding-bottom: 0
}

.nodeWhitelist-bottom .table-wrapper table {
  width: 100%
}

.nodeWhitelist-bottom .table-wrapper thead {
  border: none
}

.nodeWhitelist-bottom .table-wrapper thead tr th {
  background: #fff;
  border-bottom: 1px solid #9194b8;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  padding: 5px 10px;
  vertical-align: middle
}

.nodeWhitelist-bottom .table-wrapper thead tr th:first-child {
  padding-left: 24px;
  text-align: start
}

.nodeWhitelist-bottom .table-wrapper thead tr th:last-child {
  padding-right: 24px
}

.nodeWhitelist-bottom .table-wrapper thead tr th.clickable {
  cursor: pointer
}

.nodeWhitelist-bottom .table-wrapper thead tr th svg {
  transform: rotate(180deg);
  transition: transform .3s
}

.nodeWhitelist-bottom .table-wrapper thead tr th .rotate svg {
  transform: rotate(0)
}

.nodeWhitelist-bottom .table-wrapper tbody tr td {
  background: #f4f5ff;
  border-bottom: .5px solid #d0d5dd;
  color: #0c111d;
  cursor: default;
  font-size: 13px !important;
  font-weight: 400;
  padding: 10px !important;
  vertical-align: middle;
  white-space: nowrap
}

.nodeWhitelist-bottom .table-wrapper tbody tr td .node {
  background: #0000;
  border: 1px solid #a8aad5;
  border-radius: 10px;
  height: 11px;
  width: 11px
}

.nodeWhitelist-bottom .table-wrapper tbody tr td .node.fill {
  background: #a8aad5
}

.nodeWhitelist-bottom .table-wrapper tbody tr td .status {
  border-radius: 4px;
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 25px;
  line-height: 24px;
  padding: 0 5px;
  width: -webkit-fit-content;
  width: fit-content
}

.nodeWhitelist-bottom .table-wrapper tbody tr td .status.active {
  background: #76e554
}

.nodeWhitelist-bottom .table-wrapper tbody tr td .status.ready {
  background: #6ea7ff
}

.nodeWhitelist-bottom .table-wrapper tbody tr td svg {
  height: auto;
  margin-left: 5px;
  margin-right: 0;
  width: 12px
}

.nodeWhitelist-bottom .table-wrapper tbody tr.active td,
.nodeWhitelist-bottom .table-wrapper tbody tr:hover td {
  background-color: #f4f5ff
}

.nodeWhitelist-bottom .nodeWhitelist-pagination {
  background-color: #f1f2fa;
  border-top: 1px solid #d0d5dd
}

.yourNodeWrapper {
  align-items: flex-start;
  display: flex;
  height: 100%;
  width: 100%
}

.yourNodeWrapper-left {
  background-color: #f4f5ff;
  border-right: 1px solid #344054;
  flex: 0 0 30%;
  height: 100%;
  max-width: 30%;
  padding: 25px
}

.yourNodeWrapper-left .widget-new {
  background-color: #dbdcf5;
  border-radius: 16px;
  margin-bottom: 20px;
  padding: 16px
}

.yourNodeWrapper-left .widget-new-tabs {
  align-items: center;
  background-color: #fff;
  border-radius: 25px;
  display: flex;
  margin-bottom: 20px;
  width: 100%
}

.yourNodeWrapper-left .widget-new-tabs>button {
  background-color: #fff;
  border: none;
  border-radius: 25px;
  color: #000;
  font-size: 12px;
  padding: 7px 10px;
  width: 50%
}

.yourNodeWrapper-left .widget-new-tabs>button.active {
  background-color: #1e1379;
  color: #fff
}

.yourNodeWrapper-left .widget-new-tabs-content {
  margin-bottom: 20px;
  width: 100%
}

.yourNodeWrapper-left .widget-new-tabs-content-inner {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}

.yourNodeWrapper-left .widget-new-tabs-content-inner>div {
  text-align: center;
  width: 33.33%
}

.yourNodeWrapper-left .widget-new-tabs-content-inner .widget-new-block {
  border: 1px solid #000;
  border-radius: 4px
}

.yourNodeWrapper-left .widget-new-tabs-content-inner .widget-new-block-heading {
  border-bottom: 1px solid #000;
  font-size: 12px;
  padding: 7px 10px
}

.yourNodeWrapper-left .widget-new-tabs-content-inner .widget-new-block-content {
  font-size: 12px;
  padding: 10px
}

.yourNodeWrapper-left .widget-new-tabs-content h2 {
  font-size: 26px;
  line-height: 36px;
  margin: 0
}

.yourNodeWrapper-left .widget-new-tabs-content .counter-section {
  padding-right: 15px;
  position: relative;
  z-index: 0
}

.yourNodeWrapper-left .widget-new-tabs-content .counter-section>.num {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.yourNodeWrapper-left .widget-new .btn-primary {
  background-color: #ff6616;
  border: 1px solid #ff6616;
  cursor: pointer;
  display: block;
  font-size: 12px;
  opacity: 1;
  width: 100%
}

.yourNodeWrapper-left .widget-new .btn-primary:disabled {
  opacity: .5
}

.yourNodeWrapper-left .yellow-tag {
  background-color: #ffeb82;
  color: #000;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 10px;
  padding: 5px 12px
}

.yourNodeWrapper-right {
  flex: 0 0 70%;
  height: 100%;
  max-width: 70%
}

.node-logout-btn {
  background: none;
  border: none;
  margin-left: 5px;
  outline: none
}

.node-wishilist-search {
  margin: 0 auto 30px;
  max-width: 480px;
  width: 100%
}

.node-wishilist-search input {
  border-radius: 25px 0 0 25px;
  font-size: 14px;
  height: 38px;
  line-height: 20px;
  padding: 10px 20px
}

.node-wishilist-search input:focus,
.node-wishilist-search input:hover {
  border-color: #ff6616;
  box-shadow: none;
  outline: none
}

.node-wishilist-search .dropdown-toggle {
  background: #ff6616;
  border-radius: 0 25px 25px 0;
  color: #fff;
  font-size: 13px;
  padding-right: 30px
}

.node-wishilist-search .dropdown-toggle:focus,
.node-wishilist-search .dropdown-toggle:hover {
  background-color: #ff6616;
  border-color: #ff6616;
  color: #fff
}

.node-wishilist-search .dropdown-toggle:after {
  display: none
}

.node-wishilist-search .dropdown-toggle span.search-icon {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin-right: 4px;
  vertical-align: top;
  width: 16px
}

.node-wishilist-search .dropdown-toggle span.search-icon>img {
  filter: invert(1);
  max-width: 100%
}

.node-wishilist-search .dropdown-toggle:before {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  padding: 3px;
  position: absolute;
  right: 10px;
  top: 13px;
  transform: rotate(45deg)
}

.node-wishilist-search .dropdown-menu {
  min-width: 136px
}

.node-wishilist-search .dropdown-menu .dropdown-item {
  font-size: 14px
}

.node-wishilist-search .dropdown-menu .dropdown-item:focus {
  background-color: #0000;
  color: #000 !important
}

.nodeWhitelist-pagination .btn-back,
.nodeWhitelist-pagination input {
  font-size: 12px;
  height: 30px;
  width: 30px
}

.node-staking {
  border-top: 1px solid #e7e8f3
}

.node-staking .node-portfolio h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 14px 16px
}

.node-staking .node-portfolio .node-table .table thead tr th {
  background: #f4f5ff;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 16px
}

.node-staking .node-portfolio .node-table .table tbody tr {
  vertical-align: middle
}

.node-staking .node-portfolio .node-table .table tbody tr td {
  font-size: 13px;
  font-weight: 400;
  padding: 7px 16px
}

.node-staking .node-portfolio .node-table .table tbody tr td p {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0
}

.node-staking .node-portfolio .node-table .table tbody tr td .icon-size {
  width: 20px
}

.node-staking .node-portfolio .node-table .table tbody tr .tableButton {
  border-radius: 30px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .3px;
  min-width: 110px;
  padding: 6px 14px
}

.node-staking .node-portfolio .node-table .table tbody tr .tableButton.naviblue {
  background: #131852;
  color: #fff
}

.node-staking .node-portfolio .node-table .table tbody tr .tableButton.green {
  background: #24b617;
  color: #fff
}

.node-staking .node-portfolio .node-table .table tbody tr .copy-code {
  align-items: center;
  border: 1px solid #e0e1ec;
  border-radius: 6px;
  display: flex;
  height: 28px;
  justify-content: center;
  padding: 5px;
  width: 28px
}

.node-staking .node-portfolio .node-table .table tbody tr .copy-code:hover {
  background: #e0e1ec
}

.assign-new-node-address {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101
}

.assign-new-node-address .share-pop {
  background: #fff;
  border-radius: 24px;
  padding: 20px;
  position: relative;
  width: 500px;
  z-index: 103
}

.assign-new-node-address .share-pop .asign-node-address-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px
}

.assign-new-node-address .share-pop .asign-node-address-head h3 {
  color: #220766;
  font-size: 20px;
  margin-bottom: 0
}

.assign-new-node-address .share-pop .asign-node-address-head .btn-close {
  font-size: 16px
}

.assign-new-node-address .share-pop .asign-node-address-content .node-id-assignnode {
  align-items: center;
  border: 1px solid #d6dee7;
  border-radius: 8px;
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  padding: 2px
}

.assign-new-node-address .share-pop .asign-node-address-content .node-id-assignnode span {
  min-width: 90px;
  padding: 0 10px;
  text-align: center
}

.assign-new-node-address .share-pop .asign-node-address-content .node-id-assignnode p {
  background-color: #e6ecf3;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  margin-bottom: 0;
  padding: 6px 10px;
  width: 100%
}

.assign-new-node-address .share-pop .asign-node-address-content .wallet-address-input {
  margin-bottom: 40px
}

.assign-new-node-address .share-pop .asign-node-address-content .wallet-address-input label {
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
  width: 100%
}

.assign-new-node-address .share-pop .asign-node-address-content .wallet-address-input input {
  border: 1px solid #d6dee7;
  border-radius: 8px;
  padding: 14px 16px;
  width: 100%
}

.assign-new-node-address .share-pop .asign-node-address-content .wallet-address-input p {
  color: #8896a6;
  font-size: 10px
}

.assign-new-node-address .share-pop .button-assign {
  text-align: center
}

.assign-new-node-address .share-pop .button-assign .btn.btn-primary {
  font-size: 14px;
  padding: 12px 40px
}

.assign-new-node-address .termsOverlay {
  background: #000000b3;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101
}

.createpoolmodal {
  align-items: start;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 70px 20px 20px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1020
}

.createpoolmodal .termsContent {
  background: #fff;
  border-radius: 16px;
  color: #000;
  max-width: 540px;
  padding: 16px;
  width: 100%;
  z-index: 1021
}

.createpoolmodal .termsContent.padding-30 {
  padding: 30px
}

.createpoolmodal .termsOverlay {
  background-color: #0009;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%
}

.createpoolmodal .form-label {
  margin-bottom: 3px
}

.createpoolmodal input {
  font-size: 14px;
  height: 44px
}

.createpoolmodal .formtexta p {
  color: #8896a6;
  font-size: 12px;
  margin-top: 4px
}

.createpoolmodal .l1x-p {
  border-radius: 6px;
  height: 44px;
  position: relative
}

.createpoolmodal .l1x-p .form-control {
  padding-left: 40px
}

.createpoolmodal .l1x-p img {
  left: 10px;
  position: absolute;
  top: 12px;
  width: 20px
}

.createpoolmodal .stake-reletive {
  position: relative
}

.createpoolmodal .stake-reletive input {
  padding-right: 30px
}

.createpoolmodal .stake-reletive .per-icon {
  position: absolute;
  right: 10px;
  top: 32px;
  z-index: 1
}

.createpoolmodal .select-dn select {
  border: 1px solid #dee2e6;
  border-radius: 6px;
  color: #000;
  height: 44px;
  padding: 4px 10px;
  width: 100%
}

.createpoolmodal .create-pool-btn {
  background-color: #ff6717;
  border: 1px solid #ff6717;
  border-radius: 30px;
  color: #fff;
  margin: 0 auto;
  padding: 10px 40px
}

.createpoolmodal .create-pool-btn:disabled {
  background-color: #b7b7b8;
  border: 1px solid #b7b7b8;
  color: #fff
}

.createpoolmodal .content-modal-create {
  height: 100%;
  max-height: calc(100vh - 400px);
  min-height: 410px;
  overflow-y: auto
}

.createpoolmodal .rowlfex-int {
  display: flex;
  gap: 25px;
  width: 100%
}

.createpoolmodal .rowlfex-int .w-full {
  width: 100%
}

.cardmain-padding {
  background-color: #f3f5f9;
  height: auto
}

.cardmain-padding .l1x-staking-pools-card {
  background-color: #fff;
  border: 1px solid #e7e8f2;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  height: 180px;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 16px;
  position: relative
}

.cardmain-padding .l1x-staking-pools-card:hover .w-full-btn {
  bottom: 10px;
  display: block;
  left: 5px;
  position: absolute;
  right: 5px
}

.cardmain-padding .l1x-staking-pools-card:hover .flex-node-box .form-l1x-label {
  margin-bottom: 0
}

.cardmain-padding .l1x-staking-pools-card .w-full-btn {
  background-color: #fff;
  display: none;
  padding: 10px
}

.cardmain-padding .l1x-staking-pools-card .form-l1x-label {
  margin-bottom: 0
}

.cardmain-padding .l1x-staking-head {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 44px;
  margin-bottom: 20px
}

.cardmain-padding .l1x-staking-head .icn-x {
  min-width: 26px;
  width: 26px
}

.cardmain-padding .l1x-staking-head .icn-x img {
  max-width: 100%
}

.cardmain-padding .l1x-staking-head h5 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  overflow: hidden
}

.cardmain-padding .form-l1x-label {
  margin-bottom: 16px
}

.cardmain-padding .form-l1x-label p {
  color: #8896a6;
  font-size: 12px;
  margin-bottom: 5px
}

.cardmain-padding .form-l1x-label .numbers-txt {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.cardmain-padding .flex-node-box {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.cardmain-padding .flex-node-box .form-l1x-label.text-right .numbers-txt {
  align-items: center;
  display: flex;
  gap: 3px;
  justify-content: end;
  line-height: normal;
  text-align: right
}

.cardmain-padding .add-liquidity-btn {
  background-color: #ff6717;
  border: 1px solid #ff6717;
  border-radius: 30px;
  color: #fff;
  padding: 8px 40px;
  width: 100%
}

.cardmain-padding .add-liquidity-btn:disabled {
  background-color: #b7b7b8;
  border: 1px solid #b7b7b8;
  color: #fff
}

.pool-details-div {
  background-color: #f4f5ff;
  padding: 16px
}

@media screen and (min-height:980px) {
  .pool-details-div {
    height: 100%
  }
}

.pool-details-div .pool-details-head {
  display: flex;
  gap: 20px;
  margin-bottom: 20px
}

.pool-details-div .pool-details-head .pool-details-head-left {
  background-color: #fff;
  border-radius: 16px;
  min-width: 277px;
  padding: 20px
}

.pool-details-div .pool-details-head .pool-details-head-left.righttextpooldetails h4 {
  color: #220766;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px
}

.pool-details-div .pool-details-head .pool-details-head-left.righttextpooldetails .pool-details-label {
  margin-bottom: 20px
}

.pool-details-div .pool-details-head .pool-details-head-left.righttextpooldetails .pool-details-label p {
  margin-bottom: 3px
}

.pool-details-div .pool-details-head .pool-details-head-left.righttextpooldetails .pool-details-label p .info {
  margin-left: 2px
}

.pool-details-div .pool-details-head .pool-details-head-left.righttextpooldetails .pool-details-label .numbers-txt {
  font-size: 14px
}

.pool-details-div .pool-details-head .pool-details-head-left.righttextpooldetails .pool-details-label .numbers-txt img {
  width: 14px
}

.pool-details-div .pool-details-head .pool-details-head-left .pool-body-content {
  margin-top: 20px
}

.pool-details-div .pool-details-head .pool-details-head-left .pool-details-label {
  margin-bottom: 10px
}

.pool-details-div .pool-details-head .pool-details-head-left .pool-details-label p {
  color: #8896a6;
  font-size: 12px;
  margin-bottom: 0
}

.pool-details-div .pool-details-head .pool-details-head-left .pool-details-label .numbers-txt {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.pool-details-div .pool-details-head .pool-details-head-left .pool-details-label .numbers-txt.flex-txt-p {
  align-items: center;
  display: flex;
  gap: 10px
}

.pool-details-div .pool-details-head .pool-details-head-left .pool-details-label .numbers-txt.flex-txt-p .flexstar-ttl {
  align-items: center;
  display: flex;
  gap: 5px
}

.pool-details-div .pool-details-head .pool-details-head-left .pool-details-label .numbers-txt.flex-txt-p a {
  font-size: 12px;
  font-weight: 300
}

.pool-details-div .pool-details-head .pool-details-head-left .flex-pool-details {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.pool-details-div .pool-details-head .pool-details-head-left .flex-pool-details .claimbutton {
  background-color: #24b617;
  border: 1px solid #24b617;
  border-radius: 30px;
  color: #fff;
  padding: 4px 20px
}

.pool-details-div .pool-details-head .pool-details-head-left .flex-pool-details .claimbutton:disabled {
  background-color: #b7b7b8;
  border: 1px solid #b7b7b8;
  color: #fff
}

.pool-details-div .pool-details-head .pool-details-head-right {
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
  width: 100%
}

.pool-details-div .pool-details-head .pool-details-head-right .pool-details-line img {
  max-width: 100%
}

.pool-details-div .pool-details-head .pool-details-head-right .chart-days {
  color: #8896a6;
  font-size: 14px;
  margin-top: 12px;
  text-align: center
}

.pool-details-div .pool-details-head .pool-details-head-right .header-chart {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px
}

.pool-details-div .pool-details-head .pool-details-head-right .header-chart .right-head-chart {
  text-align: right
}

.pool-details-div .pool-details-head .pool-details-head-right .header-chart .right-head-chart h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px
}

.pool-details-div .pool-details-head .pool-details-head-right .header-chart .right-head-chart p {
  color: #8896a6;
  font-size: 12px;
  margin-bottom: 0
}

.pool-details-div .tab-header-pool {
  background-color: #eaeef2;
  border-radius: 30px;
  display: inline-flex;
  padding: 2px
}

.pool-details-div .tab-header-pool .btn-tab {
  background-color: #eaeef2;
  border: none !important;
  border-radius: 30px;
  color: #000;
  font-size: 12px;
  font-weight: 300;
  padding: 6px 10px
}

.pool-details-div .tab-header-pool .btn-tab.active,
.pool-details-div .tab-header-pool .btn-tab:hover {
  background-color: #ff6717;
  border: none !important;
  color: #fff
}

@media screen and (max-width:1199px) {
  .pool-details-div .tab-header-pool .btn-tab {
    font-size: 10px
  }
}

.total-stakes-text p {
  color: #8896a6;
  font-size: 13px;
  margin-bottom: 5px
}

.total-stakes-text .flex-stakes-l1x {
  align-items: center;
  display: flex;
  gap: 10px
}

.total-stakes-text .flex-stakes-l1x img {
  width: 22px
}

.total-stakes-text .flex-stakes-l1x h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0
}

.gray-bg-box {
  background-color: #eaeef2;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px
}

.total-stakes-text {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 16px
}

.bottom-gray-bg {
  align-items: center;
  display: flex;
  gap: 16px;
  margin-top: 30px
}

.bottom-gray-bg .btn {
  border-radius: 30px;
  font-size: 12px;
  padding: 8px 16px;
  width: 100%
}

.bottom-gray-bg .btn.btn-claimreward {
  background-color: #24b617;
  color: #fff
}

.bottom-gray-bg .btn.btn-claimreward:disabled {
  background-color: #d1d4d9;
  border: 1px solid #d1d4d9;
  color: #555759
}

.bottom-gray-bg .btn.btn-unstakes {
  background-color: #6a7179;
  color: #fff
}

.bottom-gray-bg .btn.btn-unstakes:disabled {
  background-color: #d1d4d9;
  border: 1px solid #d1d4d9;
  color: #555759
}

.linkaddress-trn-p {
  align-items: center;
  color: #0080ff;
  display: flex;
  gap: 5px
}

.stake-history-section .head-stake-history {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.stake-history-section .head-stake-history h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.stake-history-section .head-stake-history .viewallbtn {
  color: #0080ff;
  display: inline-block;
  text-decoration: underline
}

.stake-history-section table {
  width: 100%
}

.stake-history-section table thead tr th {
  font-size: 12px;
  font-weight: 500;
  padding: 10px 15px
}

.stake-history-section table tbody tr {
  border-bottom: 4px solid #fff
}

.stake-history-section table tbody tr td {
  background-color: #f0f4f8;
  font-size: 12px;
  padding: 10px 15px
}

.stake-history-section table tbody tr td:first-child {
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px
}

.stake-history-section table tbody tr td:last-child {
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px
}

.stake-history-section .flex-l1x-tbl-td {
  align-items: center;
  display: flex;
  gap: 6px
}

.stake-history-section .flex-l1x-tbl-td img {
  width: 14px
}

.successfullyImg {
  margin: 0 auto;
  max-width: 250px;
  text-align: center
}

.successfullyImg img {
  max-width: 100%
}

.successfully-text {
  text-align: center
}

.successfully-text h3 {
  color: #220766;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px
}

.successfully-text .pool-created p {
  margin-bottom: 10px
}

.successfully-text .pool-created h5 {
  margin-bottom: 20px
}

.reward-contract-div {
  align-items: center;
  background-color: #f0f4f8;
  border: 1px solid #d6dee7;
  border-radius: 6px;
  display: flex;
  margin: 0 20px;
  padding: 10px
}

.reward-contract-div span {
  font-weight: 600;
  margin-right: 10px;
  min-width: 130px;
  text-align: left
}

.reward-contract-div .contract-address-txt {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  width: 100%
}

.reward-contract-div .contract-address-txt p {
  margin-bottom: 0
}

.reward-contract-div .contract-address-txt a {
  border: none;
  box-shadow: none;
  display: inline-block;
  width: 30px
}

.reward-contract-div .contract-address-txt a svg {
  color: #808e9e;
  height: 20px;
  width: 20px
}

.reward-contract-div .contract-address-txt a svg path {
  stroke: #808e9e
}

.reward-contract-div .contract-address-txt button {
  border: none;
  box-shadow: none;
  display: inline-block;
  width: 30px
}

.reward-contract-div .contract-address-txt button svg {
  color: #808e9e;
  height: 20px;
  width: 20px
}

.reward-contract-div .contract-address-txt button svg path {
  stroke: #808e9e
}

.btn-view-pool-div {
  margin-top: 30px;
  text-align: center
}

.btn-view-pool-div .btn-view-pool {
  background-color: #1972e1;
  border: 1px solid #1972e1;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 50px
}

.close-btn-rightside {
  align-items: end;
  display: flex;
  flex-direction: column;
  justify-content: end
}

.header-pool-page {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 14px 20px
}

.header-pool-page.my-staking-header {
  display: block
}

.header-pool-page .header-left-title {
  align-items: center;
  display: flex;
  font-size: 24px;
  font-weight: 600;
  gap: 10px
}

.header-pool-page .header-left-title button {
  background: none;
  border: none;
  outline: none
}

.header-pool-page .header-left-title img {
  width: 30px
}

.header-pool-page .header-right-btn {
  align-items: center;
  display: flex;
  gap: 10px
}

.header-pool-page .header-right-btn .searchpoolbt {
  position: relative
}

.header-pool-page .header-right-btn .searchpoolbt input {
  background: #f4f5ff url(/static/media/searchicon.c7ae0d702e6db17f3a2c.svg) no-repeat center right 10px;
  border: 1px solid #e3e4f4;
  border-radius: 30px;
  padding: 7px 34px 7px 14px
}

.header-pool-page .header-right-btn .btn-pool-header-right .btn {
  padding: 7px 20px
}

.header-pool-page .header-right-btn .btn-pool-header-right .btn-blue {
  background-color: #220766;
  border-radius: 30px;
  color: #fff;
  font-size: 14px
}

.header-pool-page .header-right-btn .btn-pool-header-right .btn-primary {
  font-size: 14px
}

.header-pool-page .header-right-btn .btn-pool-header-right {
  align-items: center;
  display: flex;
  gap: 10px
}

.content-space-pool {
  padding: 15px
}

.termsContent.claim-reward-modals h3 {
  color: #220766;
  font-size: 18px;
  margin-bottom: 0
}

.termsContent.claim-reward-modals .claiming-node-txt {
  font-size: 18px;
  margin-bottom: 10px
}

.termsContent.claim-reward-modals .flex-l1x-con {
  display: flex;
  font-size: 30px;
  font-weight: 700;
  gap: 10px;
  justify-content: center;
  margin-bottom: 40px;
  margin-top: 16px
}

.termsContent.claim-reward-modals .flex-l1x-con img {
  width: 30px
}

.termsContent.claim-reward-modals .btn-view-pool-div .btn {
  font-size: 14px;
  padding: 10px 30px
}

.header-left-title.back-arrowbtn {
  align-items: center;
  display: flex;
  font-size: 20px;
  gap: 10px
}

.header-left-title.back-arrowbtn .btn-back {
  background-color: #0000;
  border: none;
  margin-right: 5px
}

.x-wallet-p {
  align-items: center;
  background-color: #e2ebf5;
  border: 1px solid #d9e4f1;
  border-radius: 30px;
  display: flex;
  gap: 10px;
  padding: 5px 15px
}

.x-wallet-p p {
  margin-bottom: 0
}

.flex-head-mystakes,
.flex-staking-wllt {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.flex-staking-wllt {
  border-top: 1px solid #d8dde9;
  margin-top: 10px;
  padding-top: 10px
}

.flex-staking-wllt .staking-bx-nw p {
  color: #757578;
  font-size: 14px;
  margin-bottom: 0
}

.flex-staking-wllt .staking-bx-nw .my-wallet-p {
  font-size: 16px;
  font-weight: 600
}

.flex-staking-wllt .staking-bx-nw .my-wallet-p p {
  color: #000;
  font-size: 16px;
  font-weight: 600
}

.my-wallet-p {
  align-items: center;
  display: flex;
  gap: 10px
}

.card-my-staking-list {
  background-color: #fff;
  border: 1px solid #e7e8f2;
  border-radius: 16px;
  height: auto;
  margin-bottom: 20px;
  padding: 16px;
  position: relative
}

.card-my-staking-list .w-full-btn-stake {
  align-items: center;
  display: flex;
  gap: 10px
}

.card-my-staking-list .w-full-btn-stake .add-liquidity-btn {
  font-size: 12px;
  padding: 8px 10px
}

.card-my-staking-list .w-full-btn-stake .view-pool-btn {
  background-color: #220766;
  border: 1px solid #220766;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  padding: 8px 10px;
  width: 100%
}

.card-my-staking-list .flex-node-box.border-t {
  border-top: 1px solid #d8dde9;
  padding-top: 15px
}

.card-my-staking-list p.text-right {
  text-align: right !important
}

.createpoolmodal .termsContent.large-modal-stake {
  max-width: 1020px
}

.pagination-stake-history {
  align-items: end;
  display: flex;
  flex-direction: column;
  margin-top: 20px
}

.tableview-hisotry-pool {
  max-height: calc(100vh - 260px);
  overflow-y: auto
}

.unstake-plry {
  background-color: #f0f4f8;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 10px 16px;
  text-align: center
}

.unstake-plry .unstake-l1x-flex img {
  width: 30px
}

.unstake-plry .unstake-l1x-flex {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  gap: 10px;
  justify-content: center
}

.unstake-plry p {
  font-size: 12px;
  margin-bottom: 0
}

.lock-in-period-flex {
  align-items: center;
  background-color: #f0f4f8;
  border: 1px solid #d6dee7;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 10px 16px
}

.lock-in-period-flex .locksin-period-p {
  align-items: center;
  display: flex;
  gap: 10px
}

.lock-in-period-flex .locksin-period-p p {
  font-weight: 600;
  margin-bottom: 0
}

.lock-in-period-flex .locksin-period-p span {
  display: inline-block
}

.lock-in-period-flex .day-remaining-txt {
  font-style: italic
}

.warning-message-text {
  align-items: center;
  background-color: #fcf9ea;
  border: 1px solid #fef0b4;
  border-radius: 6px;
  display: flex;
  gap: 16px;
  padding: 10px 16px
}

.warning-message-text p {
  color: #8c461e;
  font-size: 14px;
  margin-bottom: 0
}

.warning-message-text p span {
  font-weight: 600
}

.confirm-unstake-div {
  margin-top: 20px;
  text-align: center
}

.confirm-unstake-div .confirm-unstake-btn {
  background-color: #ff6717;
  border: 1px solid #ff6717;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 10px 30px
}

.confirm-unstake-div .confirm-unstake-btn:disabled {
  background-color: #b7b7b8;
  border: 1px solid #b7b7b8;
  color: #fff
}

.headtitleflex {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px
}

.headtitleflex h3 {
  color: #220766;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0
}

.stake-text-blue {
  color: #0080ff;
  font-weight: 600
}

.stake-text-red {
  color: #e50505;
  font-weight: 600
}

.stake-text-green {
  color: #24b617;
  font-weight: 600
}

.flex-class-head-pl {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.flex-class-head-pl .trans-pagination ul li.btn {
  font-size: 12px;
  height: 26px;
  min-width: 26px
}

.flex-class-head-pl .trans-pagination ul li.disabled {
  opacity: .4
}

.blocks-validated-tab-main {
  border-top: 1px solid #eaeef2
}

.blocks-validated-tab-main .blocks-validated-circle-main {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
  padding: 10px
}

.blocks-validated-tab-main .blocks-validated-circle-main .grey-circles {
  background-color: #d9d9d9;
  border-radius: 30px;
  display: block;
  height: 10px;
  min-width: 10px;
  width: 10px
}

.blocks-validated-tab-main .blocks-validated-circle-main .green-circles {
  background-color: #24b617;
  border-radius: 30px;
  display: block;
  height: 10px;
  min-width: 10px;
  width: 10px
}

.proposed-slots-section {
  background-color: #f0f4f8;
  border-radius: 16px;
  margin-top: 10px;
  padding: 20px 16px
}

.proposed-slots-section h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px
}

.proposed-slots-section .stake-history-section {
  height: 250px;
  overflow-y: auto
}

.proposed-slots-section .stake-history-section table tbody tr {
  border-bottom: 4px solid #f0f4f8
}

.proposed-slots-section .stake-history-section table tbody tr td {
  background-color: #fff;
  font-size: 12px;
  padding: 10px 15px
}

.numbers-txt.flex-lock-period {
  align-items: center;
  display: flex;
  gap: 10px
}

.numbers-txt.flex-lock-period .txt-remaining-small {
  color: #8896a6;
  font-size: 12px;
  font-weight: 300
}

.stake-history-section .btn-dropdown-hash {
  background-color: #0000;
  border: none;
  font-size: 12px
}

.stake-history-section .dropdown-item {
  font-size: 12px
}

.large-modal-stake h3 {
  font-size: 20px;
  font-weight: 600
}

.large-modal-stake .stake-history-section table tbody tr td,
.large-modal-stake .stake-history-section table thead tr th {
  font-size: 14px
}

.flexpooldls-nw {
  justify-content: space-between
}

.balancelabel,
.flexpooldls-nw {
  align-items: center;
  display: flex
}

.balancelabel {
  color: #8896a6;
  gap: 10px
}

.balancelabel .flex-balnace {
  align-items: center;
  color: #000;
  display: flex;
  font-weight: 600;
  gap: 6px
}

.balancelabel .flex-balnace img {
  width: 16px
}

.pool-address-input p {
  font-weight: 600;
  margin-bottom: 0
}

.pool-address-input p span {
  font-weight: 300
}

.text-success-txt {
  color: #24b617;
  font-size: 12px;
  margin-bottom: 0
}

.text-failed-txt {
  color: #e50505;
  font-size: 12px;
  margin-bottom: 0
}

.text-pending-txt {
  color: #edb207;
  font-size: 12px;
  margin-bottom: 0
}

.btn-node-flex {
  align-items: center;
  display: flex;
  gap: 10px
}

.btn-node-flex .btn {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 8px 16px
}

.successfully-text .btn-primary:disabled {
  background-color: #b7b7b8;
  border: 1px solid #b7b7b8;
  color: #fff
}

.successfully-text .flex-l1x-con {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  margin-bottom: 20px
}

.successfully-text .flex-l1x-con img {
  width: 30px
}

.errorcolor {
  color: #ea4335;
  font-size: 12px
}

.failedmodal-pop {
  text-align: center
}

.failedmodal-pop video {
  margin: 0 auto;
  max-width: 280px;
  width: 100%
}

.connectwallet-xwlt {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.connectwallet-xwlt .text-cnt-xwallt {
  margin-bottom: 10px
}

.backArrowStaking {
  align-items: center;
  background: #e9ebff !important;
  border-radius: 40px;
  display: flex;
  height: 34px;
  justify-content: center;
  padding: 0;
  width: 34px
}

.backArrowStaking svg {
  height: 24px;
  width: 20px
}

.guideVideo {
  align-items: center;
  background: #2c69f8;
  border-radius: 30px;
  box-shadow: 0 0 0 0 #e7e7e7, 0 0 0 0 #5a99d4b3;
  color: #fff;
  display: flex;
  font-size: 14px;
  padding: 8px 16px
}

.guideVideo:hover {
  animation: pulse 1.5s cubic-bezier(.5, .5, 0, 1) infinite;
  background: #275fe3;
  color: #fff
}

.guideVideo svg {
  margin-right: 6px;
  width: 20px
}

.howToCreatePool {
  align-items: center;
  border-bottom: 1px solid #0075ea;
  color: #0075ea;
  display: inline-flex;
  font-weight: 500;
  gap: 6px;
  margin-right: 10px;
  padding-bottom: 2px
}

.howToCreatePool svg {
  width: 20px
}

.xperk-amount {
  border: 1px solid #dadee5;
  border-radius: 12px;
  padding: 16px
}

.xperk-amount h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px
}

.xperk-amount .table-responsive table {
  border-radius: 8px;
  margin-bottom: 0
}

.xperk-amount .table-responsive table thead tr th {
  background: #f2f2f3;
  font-size: 12px;
  line-height: 1.4;
  padding: 10px 14px
}

.xperk-amount .table-responsive table tbody tr td {
  font-size: 12px;
  line-height: 1.4;
  padding: 10px 14px
}

.xperk-amount .table-responsive table tbody tr:last-child td {
  border-bottom: none
}

.tier-selected .tires {
  background: #fff;
  border-radius: 30px;
  display: flex;
  width: 230px
}

.tier-selected .tires span {
  border-radius: 30px;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  padding: 6px 5px;
  text-align: center;
  width: 100%
}

.tier-selected .tires span.active {
  background: #1d1377;
  color: #fff
}

.node-reward-calculator {
  border: 1px solid #e7e3f3;
  border-radius: 16px;
  display: flex;
  margin: 0 auto;
  max-width: 1216px;
  overflow: hidden
}

@media screen and (max-width:1440px) {
  .node-reward-calculator {
    flex-wrap: wrap
  }
}

.node-reward-calculator-wrapper {
  padding: 20px 40px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .node-reward-calculator-wrapper {
    padding: 20px
  }
}

.node-reward-calculator .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px !important;
  padding: 0 !important
}

.node-reward-calculator .you-will-receive-node {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px #0000001a;
  margin-top: 20px;
  max-width: 300px;
  padding: 14px;
  width: 100%
}

.node-reward-calculator .you-will-receive-node .receive-text {
  font-size: 12px;
  margin-bottom: 10px
}

.node-reward-calculator .you-will-receive-node .reward-amount img {
  margin-right: 6px;
  width: 18px
}

.node-reward-calculator .you-will-receive-node .reward-amount h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0
}

.node-reward-calculator .you-will-receive-node .reward-amount span {
  font-size: 14px;
  margin-bottom: 2px;
  margin-left: 6px
}

.node-reward-calculator .you-will-receive-node .usd-amount {
  color: #b8b8b8;
  font-size: 12px
}

.node-reward-calculator .btn-learn-more {
  background: #1d1377;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 16px
}

.node-reward-calculator .input-wrapper label {
  font-size: 12px;
  margin-bottom: 6px
}

.node-reward-calculator .input-wrapper .input-area {
  position: relative
}

.node-reward-calculator .input-wrapper .input-area input {
  border: 1px solid #cbd4db;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 30px 8px 12px
}

.node-reward-calculator .input-wrapper .input-area input::placeholder {
  font-weight: 400
}

.node-reward-calculator .input-wrapper .input-area span {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.node-reward-calculator .new-calculator {
  background: linear-gradient(90deg, #e0e1f6, #e0e1f6, #e0e1f6);
  flex: 0 0 370px;
  max-width: 370px;
  padding: 16px 16px 20px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .node-reward-calculator .new-calculator {
    border-radius: 16px;
    flex: 0 0 370px;
    margin: 15px auto;
    max-width: 370px
  }
}

.node-reward-calculator .reward-calculator-overview {
  height: 100%;
  padding: 20px 20px 20px 32px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .node-reward-calculator .reward-calculator-overview {
    padding: 15px
  }
}

.calculator-widget {
  display: flex;
  flex-direction: column;
  height: 100%
}

.calculator-widget-title {
  margin-bottom: 12px;
  width: 100%
}

.calculator-widget-title h2 {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 20px
}

.calculator-widget-subtitle {
  color: #000;
  font-size: 12px
}

.calculator-widget-subtitle.size-18 {
  font-size: 15px
}

.calculator-widget-tabs {
  background-color: #fff;
  border-radius: 25px;
  margin-bottom: 20px;
  width: 100%
}

.calculator-widget-tabs>li {
  width: 50%
}

.calculator-widget-tabs>li button {
  background-color: #0000;
  border: none;
  font-size: 14px;
  font-weight: 500;
  padding: 11px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .calculator-widget-tabs>li button {
    font-size: 12px
  }
}

.calculator-widget-tabs>li.active button {
  background-color: #1d1377;
  border-radius: 25px;
  color: #fff
}

.calculator-widget-input {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 12px
}

.calculator-widget-input-block {
  border-radius: 8px;
  display: flex;
  padding: 8px
}

.calculator-widget-input-block>input {
  border: none;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 8px
}

.calculator-widget-input-block>input:focus {
  box-shadow: none;
  outline: none
}

.calculator-widget-input-block .actions {
  align-items: center;
  display: flex
}

.calculator-widget-input-block .actions button {
  background-color: #0000;
  border: 1px solid #f0f1f1;
  border-radius: 4px;
  height: 30px;
  margin: 0 7px;
  width: 30px
}

.calculator-widget .calc-btn {
  border-radius: 30px;
  display: block;
  font-size: 14px;
  line-height: 16px;
  padding: 15px;
  width: 100%
}

.range-slider {
  margin-right: 10px;
  padding: 5px 15px 6px 6px;
  width: 100%
}

.range-slider-label {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.range-slider-label>span {
  color: #000;
  font-size: 10px
}

.range-slider .rc-slider-rail {
  background-color: #c1c5d2;
  height: 2px
}

.range-slider .rc-slider-track,
.range-slider .rc-slider-tracks {
  background-color: #396dfa;
  height: 2px
}

.range-slider .rc-slider-handle {
  background-color: #396dfa;
  border: 2px solid #fff;
  height: 16px;
  margin-top: -7px;
  width: 16px
}

.range-slider .rc-slider-handle-dragging {
  border-color: #396dfa;
  box-shadow: 0 0 0 3px #396dfa
}

ul.statistics {
  background: #f6f7fa;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap
}

ul.statistics li {
  padding: 12px;
  width: 50%
}

ul.statistics li abbr {
  display: block;
  font-size: 16px;
  font-weight: 700
}

@media screen and (max-width:1280px) {
  ul.statistics li abbr {
    font-size: 13px
  }
}

ul.statistics li span {
  color: #3c4046;
  display: block;
  font-size: 12px;
  margin: 0 0 8px
}

ul.statistics li span.dollar-value {
  color: #7a7979;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 6px
}

.node-widget {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  background-color: #f9fafbcc;
  border: none;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  min-height: 680px;
  padding: 30px 16px 20px;
  position: relative;
  width: 380px
}

.node-widget .amount-need-to-pay {
  background: #fff;
  border-radius: 8px;
  padding: 12px
}

.node-widget .amount-need-to-pay h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 6px
}

.node-widget .amount-need-to-pay span {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0
}

.node-widget .amount-need-to-pay .usd-value {
  color: gray;
  font-size: 12px;
  margin-bottom: 0
}

.node-widget .crypto-balance {
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 4px
}

.node-title {
  padding-bottom: 16px
}

.node-title_value {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  text-align: center
}

.node-switcher_wrapper {
  background: #fff;
  border-radius: 30px;
  display: flex
}

.node-switcher_wrapper span {
  border-radius: 30px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 10px;
  text-align: center;
  width: 50%
}

.node-switcher_wrapper span.active {
  background: #1d1377;
  color: #fff
}

.node-switcher_wrapper span img {
  height: 18px
}

.node-count_wrapper {
  background: #fff;
  border-radius: 8px;
  position: relative
}

.node-count_wrapper input {
  background: #0000;
  border: none;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 16px
}

.node-count_wrapper input::placeholder {
  font-weight: 400
}

.node-count_wrapper-count {
  align-items: center;
  display: flex;
  gap: 8px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.node-count_wrapper-count span {
  align-items: center;
  border: 1px solid #e2e7e7;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px
}

.node-count_wrapper-count span svg {
  width: 20px
}

.node-count-note {
  color: #020202;
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 4px
}

.node-l1xAmount {
  background: #fff;
  border-radius: 8px;
  padding: 12px 16px
}

.node-l1xAmount-label {
  font-size: 12px;
  margin-bottom: 8px
}

.node-l1xAmount-wrapper img {
  margin-right: 4px;
  width: 18px
}

.node-l1xAmount-wrapper h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 4px
}

.node-l1xAmount-wrapper span {
  font-size: 14px
}

.node-l1xAmount-wrapper .usd-amount {
  color: #acacac;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0
}

.node-buyWith {
  background: #ffffff80;
  border-radius: 8px;
  padding: 10px
}

.node-buyWith-title {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px
}

.node-buyWith .owner-address input {
  border: none;
  border-radius: 8px;
  font-size: 14px;
  padding: 12px 16px
}

.node-buyWith .owner-address p {
  align-items: center;
  color: #9399ab;
  display: flex;
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 6px
}

.node-buyWith .owner-address p svg {
  width: 16px
}

.node-network {
  gap: 10px
}

.node-network .dropdown {
  padding: 0;
  width: calc(50% - 5px)
}

.node-network .dropdown .netowrk-wrappeer {
  background: #fff;
  border-radius: 30px;
  font-size: 14px;
  padding: 6px 10px;
  width: 100%
}

.node-network .dropdown .netowrk-wrappeer img {
  margin-right: 6px;
  width: 20px
}

.node-network .dropdown .netowrk-wrappeer:after {
  display: none
}

.node-network .dropdown .netowrk-wrappeer .network-wrapper_child img {
  margin-right: 6px;
  width: 20px
}

.node-network .dropdown .netowrk-wrappeer .network-wrapper_child p {
  font-size: 14px
}

.node-network .dropdown .netowrk-wrappeer .network-wrapper_child span {
  opacity: .7;
  width: 20px
}

.node-network .dropdown .dropdown-menu {
  border: none
}

.node-network .dropdown .dropdown-menu li a .network-wrapper_child {
  padding: 4px 0
}

.node-network .dropdown .dropdown-menu li a .network-wrapper_child img {
  margin-right: 6px;
  width: 20px
}

.node-network .dropdown .dropdown-menu li a .network-wrapper_child p {
  font-size: 14px
}

.node-accept-stakes {
  background: #fff;
  border-radius: 8px;
  padding: 16px
}

.node-accept-stakes h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  text-align: center
}

.node-accept-stakes p {
  font-size: 10px;
  margin-top: 10px;
  text-align: left
}

.node-you-need {
  background: #fff;
  border-radius: 8px;
  padding: 12px
}

.node-you-need p {
  color: #000;
  font-size: 14px;
  margin-bottom: 8px
}

.btn-getnode {
  background-color: #ff6717;
  border-color: #ff6717;
  border-radius: 30px;
  bottom: 16px;
  display: block;
  font-size: 16px;
  padding: 11px 10px;
  position: absolute;
  width: calc(100% - 32px)
}

.btn-getnode,
.btn-getnode:hover {
  color: #fff;
  transition: color all .3s ease
}

.btn-getnode:hover {
  background-color: #1d1377;
  border-color: #1d1377;
  box-shadow: 0 14px 30px #ff671733
}

.mb-12 {
  margin-bottom: 12px
}

.border-right {
  border-right: 1px solid #e6e6e6
}

.border-top {
  border-top: 1px solid #e6e6e6
}

.xperk-amount-value {
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px
}

.xperk-amount-value h4 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px
}

.xperk-amount-value h4 b {
  font-weight: 700
}

.xperk-amount-value p {
  line-height: 1.2 !important;
  margin-bottom: 6px !important;
  opacity: .7
}

.table-xperk-portfolio tbody td,
.table-xperk-portfolio tbody th,
.table-xperk-portfolio thead td,
.table-xperk-portfolio thead th,
.xperk-amount-value p {
  font-size: 12px !important
}

.accordion-arrow {
  height: 20px;
  width: 20px
}

.accordion-arrow svg {
  opacity: .8;
  width: 16px
}

.calculator-slide {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease
}

.calculator-slide-in {
  max-height: auto
}

.calculator-slide-out {
  max-height: 0
}

.other-buying-options .options .options-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.other-buying-options .options .options-list li {
  align-items: center;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  height: 46px;
  justify-content: left;
  margin-bottom: 12px;
  padding: 6px 14px;
  position: relative;
  width: calc(50% - 5px)
}

.other-buying-options .options .options-list li small {
  color: #000;
  font-size: 12px
}

.other-buying-options .options .options-list li img {
  margin-right: 10px;
  width: 20px
}

.reward-wrapper {
  background: #eaebf1;
  border-radius: 16px;
  overflow: hidden;
  padding: 8px
}

@media screen and (max-width:1280px) {
  .reward-wrapper {
    width: 100%
  }
}

.reward-wrapper .xperk-amount-value {
  border: none;
  margin-bottom: 0
}

.calculate-group {
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  display: inline-flex;
  margin-bottom: 12px;
  padding: 6px
}

.calculate-group .term-amount {
  border: none;
  max-width: 350px;
  padding: 10px 16px
}

.calculate-group .term-amount:focus {
  box-shadow: none;
  outline: none
}

.calculate-group .btn-calculate {
  border: none !important;
  border-radius: 8px !important;
  margin-bottom: 0 !important;
  padding: 10px 20px !important
}

.refresh-cta {
  align-items: center;
  display: flex;
  font-size: 14px;
  padding: 6px 16px !important
}

.refresh-cta svg {
  margin-right: 8px;
  width: 20px
}

.calculator-slide.calculator-slide-in td {
  background: #fff !important
}

.calculator-slide.calculator-slide-in td:hover {
  background: #fff
}

.calculator-slide.calculator-slide-in tr,
.calculator-slide.calculator-slide-in:hover {
  background: #fff !important
}

.table-font-size {
  font-size: 12px
}

.table-font-size tr td .text-muted {
  font-size: 12px !important
}

.table-font-size thead {
  background: #e8edf1;
  border-bottom: .5px solid #d0d5dd;
  border-top: .5px solid #d0d5dd;
  position: -webkit-sticky;
  position: sticky;
  top: -1px
}

.table-font-size thead tr th {
  background: #e8edf1
}

.has-range-value .input-for-range {
  position: relative
}

.has-range-value .input-for-range input {
  width: 60px
}

.has-range-value .input-for-range span {
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.fvn-note {
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 6px;
  opacity: .7
}

.calculator-widget-input {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #ffffff80
}

.calculator-widget-input .calculator-widget-input-block {
  background: #fff;
  position: relative
}

.calculator-widget-input .calculator-widget-input-block input {
  font-size: 16px;
  font-weight: 600;
  height: 100%;
  left: 0;
  padding: 10px 100px 10px 16px;
  position: absolute;
  top: 0;
  width: 100%
}

.calculator-widget-input .calculator-widget-input-block input::placeholder {
  font-size: 14px;
  font-weight: 400
}

.calculator-widget-input .calculator-widget-input-block .actions {
  margin-left: auto;
  position: relative;
  z-index: 9
}

.calculator-widget-input .current-price {
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 6px;
  opacity: .5
}

.calculator-widget-input label {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 6px
}

.calculator-widget-input .input-wrapper {
  position: relative
}

.calculator-widget-input .input-wrapper input {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  padding-right: 36px;
  padding-top: 10px
}

.calculator-widget-input .input-wrapper input::placeholder {
  font-weight: 400
}

.calculator-widget-input .input-wrapper img {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px
}

.calculator-widget-input .input-wrapper.has-sign span {
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.calculator-widget-input .input-wrapper.has-sign input {
  padding-left: 16px;
  padding-right: 40px
}

.calculator-widget-input .input-wrapper.has-sign.with-img input {
  padding-left: 24px
}

.calculator-widget-input .input-wrapper.has-sign.with-img span {
  left: 10px;
  right: auto
}

.calculator-widget-input input {
  border: 1px solid #0000
}

.calculator-widget-input input:focus {
  border-color: #ff4500;
  box-shadow: none
}

.font-semibold {
  cursor: pointer
}

.table-tiers {
  overflow: hidden
}

.table-tiers table {
  border-collapse: initial;
  border-spacing: 0;
  margin-bottom: 0;
  width: 100%
}

.table-tiers table thead tr th {
  background-color: #fff;
  font-size: 12px
}

.table-tiers table tr td {
  border-bottom: 2px solid #e8e8ed;
  padding: 1rem .5rem
}

.table-tiers table tr.gold td {
  background-color: #eabe2e
}

.table-tiers table tr.platinum td {
  background-color: #e5e4e2
}

.table-tiers table tr.silver td {
  background-color: silver
}

.table-tiers table tr.bronze td {
  background-color: #cd7f32
}

.select-month {
  position: relative
}

.select-month .btn {
  background: #fff;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 10px
}

.select-month .dropdown-menu {
  border: 0;
  box-shadow: 0 7px 10px #00000014;
  max-height: 160px;
  max-width: 100%;
  min-width: auto;
  overflow-y: auto;
  z-index: 99
}

.select-month .dropdown-menu::-webkit-scrollbar {
  border-radius: 8px;
  display: block;
  width: 4px
}

.select-month .dropdown-menu li a {
  color: #000;
  font-size: 13px;
  padding: 8px 10px
}

.select-month .dropdown-menu li a.active {
  background: #1d1377;
  color: #fff
}

.btn-disabled {
  cursor: not-allowed !important
}

.btn-disabled,
.btn-disabled:hover {
  background: gray;
  border-color: gray;
  color: #fff
}

.btn-collapse {
  background: #0000;
  border: none;
  padding: 0
}

.btn-collapse:focus,
.btn-collapse:hover {
  background: #0000;
  border: none;
  box-shadow: none;
  outline: none
}

.btn-collapse svg {
  color: #43484a;
  width: 20px
}

.btn-buymore {
  background: #ff4500;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 12px
}

.btn-buymore:hover {
  background: #1d1377;
  color: #fff
}

.btn-buymore:focus {
  background: #ff4500;
  color: #fff
}

.slide-dropdown {
  height: 0;
  overflow: hidden;
  transition: height .5s ease
}

.slide-dropdown.active {
  height: auto
}

.crypto-balance .info-icon i[data-tooltip]:after {
  bottom: 22px;
  left: auto;
  right: 0;
  transform-origin: right bottom
}

.node-owner-input {
  position: relative
}

.node-owner-input>input {
  padding-right: 22px !important
}

.node-owner-input .status {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 0
}

.node-owner-input .status>svg {
  height: 12px;
  width: 12px
}

.node-owner-input .status.closed>svg #Ellipse_352 {
  fill: red
}

.guideCta {
  color: #fff !important;
  font-size: 14px;
  margin-bottom: 0 !important;
  min-width: 120px;
  padding: 6px 20px
}

.guideCta:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #ff6717 !important
}

.createAcountNote {
  font-size: 13px;
  text-align: center
}

.createAcountNote a {
  font-weight: 500;
  text-decoration: underline
}

.tx-successful img {
  margin: 0 auto;
  width: 150px
}

.tx-successful h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px
}

.tx-successful p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px
}

.tx-successful p.font-600 {
  font-weight: 600
}

.tx-successful .center-dash {
  background: #a59fb6;
  display: inline-block;
  height: 1px;
  width: 70px
}

.tx-successful .wallet-address-container {
  background: #ffffff4d;
  border-radius: 30px;
  display: block;
  margin-bottom: 30px;
  padding: 8px 16px
}

.tx-successful .wallet-address-container p {
  font-size: 13px;
  margin-bottom: 0
}

.tx-successful .btn {
  border-radius: 30px;
  display: inline-block;
  font-size: 14px;
  margin: 0 auto 16px;
  max-width: 200px;
  width: 100%
}

.tx-successful .btn.btn-outline {
  border: 1px solid #adacb3
}

.tx-successful .btn.btn-outline:hover {
  background: #fff;
  border-color: #fff
}

@media screen and (max-width:767px) {
  .border-right.none-border-mobile {
    border-right: none !important
  }
}

.searchForXperk {
  align-items: center;
  display: flex;
  position: relative
}

.searchForXperk input {
  background: #fff;
  border: 1px solid #ccc;
  color: #000;
  font-size: 14px;
  min-width: 350px;
  padding: 10px 116px 10px 16px;
  width: 100%
}

.searchForXperk .btnXperkSearch {
  align-items: center;
  background: #ff6717;
  color: #fff;
  display: flex;
  font-size: 14px;
  gap: 8px;
  justify-content: center;
  padding: 8px 16px;
  position: absolute;
  right: 2px
}

.searchForXperk .btnXperkSearch svg {
  width: 20px
}

.skeleton-avatar,
.skeleton-img,
.skeleton-line,
.tweet-footer,
.tweet-header,
.tweet-text {
  animation: skeleton 1s ease-in-out infinite forwards;
  animation-direction: alternate
}

@keyframes skeleton {
  0% {
    opacity: .2;
    transform: translateY(6px) scale(.98)
  }

  85%,
  to {
    opacity: 1;
    transform: translateY(0) scale(1)
  }
}

.tweet {
  background-color: #15202b;
  border: 1px solid #38444d;
  border-radius: .5rem;
  margin: 0 auto;
  max-width: 500px;
  overflow: hidden;
  padding: .8rem .75rem;
  width: 100%
}

.tweet-content {
  margin-left: 58px
}

.tweet-header {
  transform-origin: bottom
}

.tweet-text {
  animation-delay: .2s
}

.tweet-footer {
  animation-delay: .4s;
  display: flex;
  margin-top: 1rem;
  transform-origin: bottom
}

.skeleton {
  background-color: #15202b
}

.skeleton-avatar {
  background-color: #213243;
  border-radius: 100%;
  float: left;
  height: 48px;
  width: 48px
}

.skeleton-line {
  background-color: #213243;
  border-radius: 3px;
  height: .7rem;
  margin-bottom: .3rem
}

.skeleton-line.heading {
  height: 1rem;
  margin-bottom: .5rem
}

.skeleton-img {
  animation-delay: .3s;
  background-color: #213243;
  border-radius: .75rem;
  height: 250px;
  margin-top: 1.5rem
}

.skeleton-button {
  background-color: #213243;
  display: block;
  flex-shrink: 0;
  height: 26px;
  width: 26px
}

.skeleton-button:not(:last-child) {
  margin-right: 2rem
}

.skeleton-button.rounded {
  border-radius: 100%
}

.explorer-v2 {
  background-color: #eef0f6;
  border-radius: 16px;
  min-height: 760.33px;
  padding: 20px;
  width: 100%
}

.explorer-v2-inner {
  width: 100%
}

.explorer-v2-inner .title {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px
}

.explorer-v2-overview {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 4px #0000000d;
  display: flex;
  margin-bottom: 16px;
  padding: 10px;
  width: 100%
}

.explorer-v2-overview .icon-wrapper {
  align-items: center;
  border-radius: 6px;
  display: flex;
  height: 56px;
  justify-content: center;
  margin-right: 20px;
  width: 56px
}

.explorer-v2-overview .icon-wrapper.yellow {
  background-color: #f4b40033
}

.explorer-v2-overview .icon-wrapper.yellow>svg path {
  stroke: #f4b400
}

.explorer-v2-overview .icon-wrapper.red {
  background-color: #db443733
}

.explorer-v2-overview .icon-wrapper.red>svg path {
  stroke: #db4437
}

.explorer-v2-overview .icon-wrapper.green {
  background-color: #0f9d5833
}

.explorer-v2-overview .icon-wrapper.green>svg path {
  stroke: #0f9d58
}

.explorer-v2-overview .content-wrapper h4 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px
}

.explorer-v2-overview .content-wrapper h6 {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0
}

.explorer-v2-transaction {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 4px #0000000d;
  overflow: hidden;
  width: 100%
}

.explorer-v2-transaction-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  width: 100%
}

.explorer-v2-transaction-header .title {
  color: #000;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 16px
}

.explorer-v2-transaction-header .pagination {
  align-items: center;
  display: flex;
  gap: 6px;
  padding: 0
}

.explorer-v2-transaction-header .pagination .btn-back {
  align-items: center;
  border: none;
  display: flex;
  height: 40px;
  justify-content: center;
  outline: none;
  padding: 0;
  width: 40px
}

.explorer-v2-transaction-header .pagination .btn-back svg {
  height: 24px;
  width: 24px
}

.explorer-v2-transaction-header .pagination input {
  border: 1px solid #edeff4;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  padding: 0;
  text-align: center;
  width: 40px
}

.explorer-v2-transaction-header .pagination input:focus {
  box-shadow: none
}

.explorer-v2-transaction-header .pagination p {
  color: #575d73;
  font-size: 14px;
  margin-bottom: 0
}

.explorer-v2-transaction-header .transaction-owner {
  background: #eef0f6;
  border-radius: 30px
}

.explorer-v2-transaction-header .transaction-owner .btn {
  background: #0000;
  border: none;
  border-radius: 30px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 14px
}

.explorer-v2-transaction-header .transaction-owner .btn.active {
  background: #1e1379;
  color: #fff
}

.explorer-v2-transaction-body {
  width: 100%
}

.explorer-v2-transaction .table-block {
  max-height: 506px;
  overflow: auto;
  width: 100%
}

.explorer-v2-transaction .table-block::-webkit-scrollbar {
  height: 5px
}

.explorer-v2-transaction .table-block::-webkit-scrollbar-track {
  background: #f1f1f1
}

.explorer-v2-transaction .table-block::-webkit-scrollbar-thumb {
  background: #a7a7a7
}

.explorer-v2-transaction .table-block .table thead {
  bottom: auto;
  left: 0;
  position: -webkit-sticky;
  position: sticky;
  right: auto;
  top: 0
}

.explorer-v2-transaction .table-block .table tbody tr td,
.explorer-v2-transaction .table-block .table tbody tr th,
.explorer-v2-transaction .table-block .table thead tr td,
.explorer-v2-transaction .table-block .table thead tr th {
  white-space: nowrap
}

.wallet-profiler {
  background: #eef0f6;
  border-radius: 16px;
  margin: 0 auto;
  min-height: 760.33px;
  padding: 20px;
  width: 100%
}

.wallet-profiler-overview {
  position: relative;
  width: 100%
}

.wallet-profiler>.title {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px
}

.wallet-profiler-main {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 165px);
  justify-content: center;
  margin: 0 auto;
  max-width: 1260px;
  width: 100%
}

@media screen and (max-height:990px) {
  .wallet-profiler-main {
    align-items: flex-start;
    justify-content: start
  }
}

.wallet-profiler [class*=col-] {
  padding-left: 10px;
  padding-right: 10px
}

.wallet-profiler .card {
  background: #fff;
  border: none;
  border-radius: 12px;
  box-shadow: 0 0 24px #4545501a;
  padding: 16px
}

@media screen and (max-width:1600px) {
  .wallet-profiler .card {
    padding: 14px
  }
}

.wallet-profiler .l1x-balance p {
  font-size: 12px;
  margin-bottom: 10px
}

.wallet-profiler .l1x-balance img {
  margin-right: 6px;
  width: 16px
}

.wallet-profiler .l1x-balance h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0
}

.wallet-profiler .l1x-balance h4 strike {
  color: #a4aabe
}

.wallet-profiler .l1x-balance h6 {
  color: #a4aabe;
  font-size: 10px;
  font-weight: 400;
  margin: 5px 0 0
}

.wallet-profiler .other-balances {
  margin-top: 10px
}

.wallet-profiler .other-balances .gray-card {
  background: #f0f2f7;
  border-radius: 6px;
  margin-bottom: 16px;
  padding: 8px
}

.wallet-profiler .other-balances .gray-card img {
  margin-right: 8px;
  width: 20px
}

@media screen and (max-width:1600px) {
  .wallet-profiler .other-balances .gray-card img {
    margin-right: 6px;
    width: 16px
  }
}

.wallet-profiler .other-balances .gray-card h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0
}

@media screen and (max-width:1600px) {
  .wallet-profiler .other-balances .gray-card h6 {
    font-size: 12px
  }
}

.wallet-profiler .other-balances .gray-card .networkPosition {
  align-items: center;
  display: flex;
  height: 10px;
  justify-content: center;
  position: absolute;
  right: 4px;
  top: 0;
  width: 10px
}

.wallet-profiler .other-balances .gray-card .networkPosition img {
  margin-right: 0;
  width: 10px
}

.wallet-profiler .other-balances .row {
  margin-left: -5px;
  margin-right: -5px
}

.wallet-profiler .other-balances .row .col-3 {
  padding-left: 5px;
  padding-right: 5px
}

.wallet-profiler .secondary-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0
}

@media screen and (max-width:1600px) {
  .wallet-profiler .secondary-title {
    font-size: 14px
  }
}

.wallet-profiler .btn-orange {
  border-radius: 30px;
  font-size: 10px;
  line-height: 10px;
  padding: 4px 16px
}

.wallet-profiler .username-badge {
  background: #eef0f6;
  border-radius: 30px;
  color: #000;
  font-size: 10px;
  line-height: 10px;
  margin: 0 10px 8px 0;
  padding: 4px 12px
}

.wallet-profiler .username-badge.viewAll {
  color: #5974fe
}

.wallet-profiler .border-bottom {
  border-bottom: 1px solid #eef0f6
}

.wallet-profiler-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  width: 100%
}

@media screen and (max-width:991px) {
  .wallet-profiler-head {
    flex-wrap: wrap
  }
}

.wallet-profiler-head .search-wrapper {
  margin-right: 25px;
  max-width: 520px;
  position: relative;
  width: 100%
}

@media screen and (max-width:991px) {
  .wallet-profiler-head .search-wrapper {
    margin-bottom: 16px;
    margin-right: 0;
    max-width: 100%
  }
}

.wallet-profiler-head .search-wrapper>input {
  background-color: #ffffff21;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  padding: 12px 40px 12px 16px;
  width: 100%
}

.wallet-profiler-head .search-wrapper>input::placeholder {
  color: #969fc2
}

.wallet-profiler-head .search-wrapper>.icon-wrap {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%)
}

.wallet-profiler-head .search-wrapper>.icon-wrap svg {
  height: 20px;
  width: 20px
}

.wallet-profiler-head .search-wrapper>.icon-wrap svg>path {
  stroke: #7d8dc8
}

@media screen and (max-width:991px) {
  .wallet-profiler-head .tabs-wrapper {
    text-align: center;
    width: 100%
  }
}

.wallet-profiler-head .tabs-wrapper>.tabs-link {
  align-items: center;
  background-color: #ffffff21;
  border-radius: 25px;
  display: flex;
  padding: 4px
}

@media screen and (max-width:991px) {
  .wallet-profiler-head .tabs-wrapper>.tabs-link {
    margin: 0 auto;
    max-width: -webkit-max-content;
    max-width: max-content
  }
}

.wallet-profiler-head .tabs-wrapper>.tabs-link li button {
  background-color: #0000;
  border: none;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  min-width: 128px;
  padding: 8px 15px
}

.wallet-profiler-head .tabs-wrapper>.tabs-link li button.active {
  background-color: #fff;
  color: #000
}

.font-500 {
  font-weight: 500
}

.label-12 {
  font-size: 12px
}

.label-10 {
  color: #66686d;
  font-size: 10px
}

.label-14 {
  font-size: 14px
}

.img-size {
  margin-right: 8px;
  width: 14px
}

@media screen and (max-width:1600px) {
  .img-size {
    margin-right: 5px
  }
}

.triangle-up {
  border-bottom: 10px solid #3fcd13;
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  display: inline-block;
  height: 0;
  margin-right: 6px;
  width: 0
}

.text-blue-gray {
  color: #636e83
}

.mb-20 {
  margin-bottom: 20px
}

.mb-15 {
  margin-bottom: 15px
}

.pb-10 {
  padding-bottom: 10px
}

.networks {
  align-items: center;
  border-radius: 5px;
  display: inline-flex;
  font-size: 10px;
  height: 20px;
  min-width: 83px;
  padding: 4px 6px
}

.networks>img {
  display: inline-block;
  height: 12px;
  margin-right: 6px;
  width: 12px
}

.networks.layerone-x {
  background-color: #eedbfa;
  color: #8d0fdd
}

.networks.ethereum {
  background-color: #eaeefc;
  color: #5773e7
}

.networks.optimism {
  background-color: #ffccd2;
  color: #ff0420
}

.networks.bnb {
  background-color: #fff7dd;
  color: #f0b90b
}

.networks.fantom {
  background-color: #d0f1fc;
  color: #14b5ec
}

.networks.avalanche {
  background-color: #fce1e1;
  color: #e5393a
}

.networks.arbitrum {
  background-color: #e7e7ea;
  color: #283042
}

.networks.polygon {
  background-color: #f0eafc;
  color: #773fe1
}

.networks.solana {
  background-color: #d1fced;
  color: #94f
}

.table-container {
  width: 100%
}

@media screen and (max-width:991px) {
  .table-container {
    overflow-y: auto
  }
}

.table-container::-webkit-scrollbar {
  height: 5px
}

.table-container::-webkit-scrollbar-track {
  background: #f1f1f1
}

.table-container::-webkit-scrollbar-thumb {
  background: #a7a7a7
}

.table-container table {
  margin-bottom: 0
}

.table-container tbody tr td,
.table-container tbody tr th,
.table-container thead tr td,
.table-container thead tr th {
  border-bottom: 1px solid #f0f2f7;
  color: #000;
  padding: 7px 10px;
  vertical-align: middle
}

.table-container thead tr th {
  background-color: #f0f2f7
}

.table-container tbody tr:last-child td {
  border-bottom: none
}

.table-overview {
  margin: 0 -16px;
  width: calc(100% + 32px)
}

.table-overview tbody tr td,
.table-overview thead tr th {
  font-size: 10px
}

.table-overview tbody tr td:first-child,
.table-overview tbody tr td:last-child,
.table-overview thead tr th:first-child,
.table-overview thead tr th:last-child {
  padding-left: 20px
}

.table-details {
  margin: 0 -16px;
  overflow-x: auto;
  width: calc(100% + 32px)
}

.table-details tbody tr td,
.table-details thead tr th {
  font-size: 12px;
  white-space: nowrap
}

@media screen and (max-width:1440px) {

  .table-details tbody tr td,
  .table-details thead tr th {
    font-size: 10px
  }
}

.table-details tbody tr td:first-child,
.table-details tbody tr td:last-child,
.table-details thead tr th:first-child,
.table-details thead tr th:last-child {
  padding-left: 20px
}

.tokan-icon {
  display: inline-block;
  height: 16px;
  margin-right: 4px;
  width: 16px
}

.tokan-icon>img {
  max-width: 100%
}

.balancer-overview h6 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px
}

.balancer-overview h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 19.36px
}

.balancer-overview h4 .icon {
  height: 17px;
  margin-right: 8px;
  width: 17px
}

.balancer-overview h4 .icon>img {
  max-width: 100%
}

.balancer-overview-main .btn {
  font-size: 12px;
  font-weight: 500;
  line-height: 14.52px;
  padding: 8px 15px
}

.title h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 19.36px
}

ul.tabs li {
  margin-right: 10px
}

ul.tabs li button {
  background-color: #f0f2f7;
  border-radius: 25px;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.52px
}

ul.tabs li button.active,
ul.tabs li button:hover {
  background-color: #1d1377;
  color: #fff
}

.earn-xp {
  background: linear-gradient(135.02deg, #8356cd, #1b0160 97.73%) !important
}

.earn-xp:before {
  background-image: url(/static/media/highlighter.5eac80e52991415411e0.png);
  background-position: -20px top;
  background-repeat: no-repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}

@media screen and (max-width:767px) {
  .earn-xp:before {
    background-position: -47px top
  }
}

.earn-xp-inner {
  position: relative;
  z-index: 1
}

.earn-xp .icon {
  height: 84px;
  margin: 0 auto 10px;
  width: 103px
}

.earn-xp .icon-wrap {
  margin: -5px 8px 0 0
}

.earn-xp h6 {
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  line-height: 13.31px;
  margin-bottom: 0;
  opacity: .7
}

.earn-xp h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.36px;
  margin-bottom: 20px
}

.earn-xp h4 {
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  line-height: 12.1px;
  opacity: .5
}

.earn-xp h4 span {
  font-size: 12px;
  font-weight: 600;
  line-height: 14.52px
}

.earn-xp .btn-gradient {
  background: linear-gradient(90deg, #fff, #f8ca6b .01%, #e046d1 51.5%, #46c6e1);
  border: none;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.94px;
  margin-bottom: 10px;
  padding: 8px 15px
}

.btn-small {
  font-size: 14px;
  line-height: 16px
}

.search-wrapper {
  line-height: 0;
  width: 246px
}

@media screen and (max-width:1440px) {
  .search-wrapper {
    width: 100%
  }
}

.search-wrapper>input {
  background-color: #f0f2f7;
  border: none;
  border-radius: 35px;
  font-size: 11px;
  min-height: 28px;
  padding: 5px 35px 5px 15px;
  width: 100%
}

.search-wrapper>input:focus {
  outline: none
}

.search-wrapper .search-icon {
  right: 14px;
  top: 6px
}

.search-wrapper .search-icon>svg {
  height: 16px;
  width: 16px
}

.search-wrapper .search-icon>svg path {
  stroke: #ababab
}

.transaction-popup {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9
}

.transaction-popup .overlay {
  background-color: #0003;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

@media screen and (max-width:991px) {
  .transaction-popup .overlay {
    display: none
  }
}

.transaction-popup-inner {
  background-color: #fff;
  border-radius: 0 16px 16px 0;
  height: 100%;
  max-width: 870px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2
}

@media screen and (max-width:1440px) {
  .transaction-popup-inner {
    max-width: 720px
  }
}

@media screen and (max-width:991px) {
  .transaction-popup-inner {
    border-radius: 16px;
    max-width: 100%
  }
}

.transaction-popup-inner-header {
  align-items: center;
  display: flex;
  padding: 15px 25px
}

.transaction-popup-inner-header h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 26.63px;
  margin-bottom: 0
}

.transaction-popup-inner-header .back {
  display: inline-block;
  margin-right: 10px
}

.transaction-popup-inner-body {
  height: calc(100% - 56px);
  padding: 15px 25px;
  width: 100%
}

.transaction-popup.transaction-listDetails .transaction-details {
  border-bottom: 1px solid #dfe2ea;
  border-radius: 0;
  box-shadow: none
}

.transaction-popup.transaction-listDetails .transaction-details-title {
  padding: 16px 20px
}

.transaction-popup.transaction-listDetails .transaction-details-title .back {
  margin-right: 8px
}

.transaction-popup.transaction-listDetails .transaction-details-content {
  padding: 16px 20px
}

.transaction-popup.transaction-listDetails .transaction-details .network-text {
  align-items: center;
  display: flex
}

.transaction-popup.transaction-listDetails .transaction-details .network-text>img {
  height: 18px;
  margin-right: 8px;
  width: 18px
}

.transaction-popup.transaction-listDetails .overlay {
  border-radius: 16px
}

.transaction-popup.transaction-listDetails .transaction-popup-inner {
  border-radius: 16px;
  max-width: 100%;
  overflow: hidden auto;
  width: 100%
}

.transaction-popup.transaction-listDetails .transaction-popup-inner-body {
  padding: 0
}

.transaction-popup.transaction-listDetails .transaction-popup-inner-body .transaction-details-content-list {
  border: none;
  color: #000;
  font-weight: 400;
  padding: 10px 0
}

.transaction-details {
  border-radius: 8px;
  box-shadow: 0 0 24px #4545501a;
  position: relative;
  width: 100%
}

.transaction-details-title {
  border-bottom: 1px solid #e2e5ea;
  padding: 10px 15px
}

.transaction-details-title h3 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 0
}

.transaction-details-content {
  padding: 8px 15px
}

.transaction-details-content-list {
  border-bottom: 1px solid #e2e5ea;
  font-size: 12px;
  padding: 7px 0
}

.transaction-details-content-list:last-child {
  border-bottom: none
}

.transaction-details-content-list .hash-block {
  background-color: #f7f7f7;
  border: 1px solid #a7a7a7;
  border-radius: 4px;
  display: inline-block;
  font-size: 10px;
  max-width: 80%;
  overflow: hidden;
  padding: 5px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

@media screen and (max-width:767px) {
  .transaction-details-content-list .col-md-3 {
    margin-bottom: 5px
  }

  .transaction-details-content-list .col-md-9 {
    word-break: break-all
  }
}

.status-section h6 {
  color: #0c111d;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  margin-right: 20px
}

.custom-popover {
  background-color: #fff;
  border: 1px solid #e9ebf0;
  border-radius: 16px;
  box-shadow: 0 10px 30px 0 rgba(17, 57, 144, .149);
  max-width: 300px;
  padding: 16px;
  position: absolute;
  top: 41px;
  width: 100%;
  z-index: 99
}

.custom-popover-body,
.custom-popover-header {
  width: 100%
}

.custom-popover-header {
  font-size: 16px;
  font-weight: 600;
  line-height: 19.36px;
  margin-bottom: 10px
}

.balance-sources-info {
  border-bottom: 1px solid #f0f2f7;
  padding: 10px 0
}

.balance-sources-info .title {
  font-weight: 400;
  margin-right: 10px
}

.balance-sources-info .content,
.balance-sources-info .title {
  color: #000;
  display: inline-block;
  font-size: 12px;
  line-height: 14.52px
}

.balance-sources-info .content {
  font-weight: 600
}

.table-block .table {
  margin-bottom: 0;
  width: 100%
}

.table-block .table thead tr th {
  background-color: #edeff4;
  border: none;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 5px
}

.table-block .table thead tr th:first-child {
  padding-left: 16px
}

.table-block .table thead tr th:last-child {
  padding-right: 16px
}

.table-block .table tbody tr td {
  border-bottom: 1px solid #edeff4;
  font-size: 12px;
  font-weight: 400;
  padding: 12px 5px
}

.table-block .table tbody tr td:first-child {
  padding-left: 16px
}

.table-block .table tbody tr td:last-child {
  padding-right: 16px
}

.table-block .table tbody tr td a {
  color: #2646b9
}

.table-block .table tbody tr td .network-text>span {
  align-items: center;
  display: inline-flex;
  height: 16px;
  justify-content: center;
  margin: -2px 6px 0 0;
  min-width: 16px;
  width: 16px
}

.table-block .table tbody tr td .network-text>span>img {
  max-width: 100%
}

.transaction-status {
  align-items: center;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  display: inline-flex;
  font-size: 12px;
  height: 22px;
  line-height: 12px;
  padding: 2px 8px;
  white-space: nowrap
}

.transaction-status>svg {
  margin-right: 6px
}

.transaction-status.success {
  background-color: #0f9d5833;
  border-color: #0f9d58;
  color: #0f9d58
}

.transaction-status.success>svg path {
  stroke: #0f9d58
}

.transaction-status.pending {
  background-color: #f4b40033;
  border-color: #f4b400;
  color: #f4b400
}

.transaction-status.pending>svg {
  height: 14px;
  width: 14px
}

.transaction-status.pending>svg path {
  stroke: #f4b400
}

.transaction-status.failed {
  background-color: #db443733;
  border-color: #db4437;
  color: #db4437
}

.transaction-status.failed>svg {
  height: 14px;
  width: 14px
}

.transaction-status.failed>svg path {
  stroke: #db4437
}

.copy-text>svg {
  height: 14px;
  margin-left: 6px;
  width: 14px
}

.copy-text>svg>path {
  stroke: #a4aabe;
  stroke-width: 1px
}

.hash-type {
  background-color: #fdf0cc;
  border: 1px solid #f4b400;
  border-radius: 6px;
  color: #f4b400;
  font-size: 12px;
  line-height: 12px;
  padding: 3px 10px
}

.inside-card {
  background-color: #ffffff80;
  border-radius: 12px;
  height: 100%;
  padding: 16px
}

.inside-card h4.subtitle {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 20px;
  margin-bottom: 16px
}

.inside-card h4.subtitle>img {
  margin-right: 8px;
  max-height: 24px
}

.referal-rewards {
  background-color: #f8eed1 !important;
  background-image: url(/static/media/circuler-bg-yellow.f4665677325c1af8d6b6.svg) !important;
  background-position: 100% !important;
  background-repeat: no-repeat !important;
  margin-bottom: 16px
}

.referal-rewards .HandshakeIcon {
  mix-blend-mode: darken
}

.referal-rewards h3 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0
}

.referal-rewards h6 {
  color: #a4aabe;
  font-size: 12px;
  font-weight: 400;
  margin: 10px 0
}

.referal-rewards h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px
}

.referal-rewards h4>img {
  height: 16px;
  margin-right: 8px;
  width: 16px
}

.referal-rewards .btn.btn-claim {
  background-color: #ffc215;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 6px 15px
}

.defi-cards-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.defi-cards-header h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0
}

.defi-cards-header h3 img {
  margin-right: 10px
}

.defi-cards-body h6 {
  color: #a4aabe;
  font-size: 12px;
  margin-bottom: 10px
}

.defi-cards-body h4 {
  color: #000106;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px
}

.defi-cards-body p {
  color: #a4aabe;
  font-size: 10px;
  margin: 5px 0 0;
  text-align: center
}

.defi-cards-body .list {
  margin-bottom: 8px;
  width: 100%
}

.defi-cards-body .list li {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px
}

.defi-cards-body .list li>span {
  color: #66686d;
  font-size: 12px;
  margin-right: 8px
}

.defi-cards-body .list li>abbr {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 16px;
  font-weight: 600
}

.defi-cards-body .list li>abbr>img {
  height: 16px;
  margin-right: 6px;
  width: 16px
}

.wallet-users {
  margin-bottom: 8px
}

.wallet-users h4 {
  margin-bottom: 5px
}

.wallet-users h4 img {
  height: 18px;
  margin-right: 6px;
  vertical-align: middle;
  width: 18px
}

.wallet-users h4 b {
  color: #000;
  font-size: 12px
}

.wallet-profiler-inner {
  margin: 0 -12px;
  overflow-y: auto;
  padding: 0 12px;
  width: calc(100% + 24px)
}

.username-block {
  min-height: 196px
}

.if-not-logged-in {
  align-items: center;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: hsla(0, 0%, 100%, .507);
  border-radius: 16px;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.if-not-logged-in .card-content {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 11px 40px #00000026;
  padding: 30px 40px;
  text-align: center
}

.transaction-block-type {
  background: #fff;
  border-bottom: 1px solid #eef0f6;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  display: inline-flex;
  margin-left: 16px
}

.transaction-block-type .btn {
  background: #0000;
  border: none;
  border-radius: 12px 12px 0 0;
  font-size: 14px;
  padding: 6px 20px 4px
}

.transaction-block-type .btn.active {
  background: #ff6717;
  color: #fff
}

.w-40 {
  width: 40px
}

.distributor {
  background: #fff;
  border-radius: 16px;
  padding: 0;
  width: 100%
}

.distributor-stats {
  padding: 15px 15px 25px
}

.distributor-stats .title {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0
}

.distributor-stats .btn-csv {
  align-items: center;
  background: #e4e5f7;
  background: var(--Blue-2, #e4e5f7);
  border-radius: 4px;
  color: #2d4665;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 34px;
  justify-content: center
}

.distributor-stats .btn-csv svg {
  margin-left: 5px
}

.distributor-stats .btn-arrow-back {
  color: #4087f3;
  cursor: pointer;
  display: inline-block;
  margin: 5px 0 10px;
  text-decoration: underline
}

.distributor-stats .form-control {
  background: #fff;
  background: var(--White, #fff);
  border: .5px solid #b9b9b9;
  border-radius: 8px;
  box-shadow: 0 0 9.8px 0 #0000000f;
  color: #667085;
  font-size: 14px;
  height: 44px;
  width: 500px
}

.distributor-stats .form-control::placeholder {
  color: rgba(102, 112, 133, .329)
}

.distributor-inner {
  max-height: 600px;
  min-height: 600px
}

@media screen and (max-width:1440px) {
  .distributor-inner {
    max-height: 445px;
    min-height: 445px
  }
}

@media screen and (max-width:1366px) {
  .distributor-inner {
    max-height: 415px;
    min-height: 415px
  }
}

.distributor-inner {
  -ms-overflow-style: none;
  background-color: #fff;
  border-radius: 0 0 16px 16px;
  overflow-y: auto;
  scrollbar-width: none
}

.distributor-inner .timeline-overview {
  align-items: start;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 10px 15px
}

@media screen and (max-width:1366px) {
  .distributor-inner .timeline-overview {
    padding: 12px
  }
}

.distributor-inner .timeline-overview.colorful {
  background-color: #e4e5f7
}

.distributor-inner .timeline-overview {
  box-shadow: 0 0 13.9px 0 #0000000d
}

.distributor-inner .timeline-overview .divider {
  align-self: stretch;
  background-color: #a9b5cd;
  margin: 0 15px;
  width: 1px
}

.distributor-inner .timeline-overview h6 {
  color: #8896a6;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px
}

@media screen and (max-width:1300px) {
  .distributor-inner .timeline-overview h6 {
    font-size: 10px
  }
}

.distributor-inner .timeline-overview h6 svg {
  margin-right: 5px
}

.distributor-inner .timeline-overview h5 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0
}

.distributor-inner .timeline-overview h4 {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0
}

@media screen and (max-width:1300px) {
  .distributor-inner .timeline-overview h4 {
    font-size: 15px
  }
}

.distributor-inner .timeline-overview h4 span {
  color: #8896a6;
  font-size: 14px;
  font-weight: 500
}

@media screen and (max-width:1300px) {
  .distributor-inner .timeline-overview h4 span {
    font-size: 12px
  }
}

.distributor-inner .timeline-container {
  align-items: center;
  display: flex;
  overflow-x: auto;
  padding: 70px 0 0;
  position: relative;
  white-space: nowrap;
  width: 100%
}

.distributor-inner .timeline-container .month {
  align-items: start;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  position: relative
}

.distributor-inner .timeline-container .month:first-child() {
  align-items: start
}

.distributor-inner .timeline-container .month-name {
  font-size: 12px;
  padding: 5px;
  position: relative;
  text-align: center;
  width: 100%
}

.distributor-inner .timeline-container .line {
  background-color: #ddd;
  height: 120px;
  width: 1px
}

.distributor-inner .timeline-container .year {
  font-size: 12px;
  font-weight: 700;
  left: 7px;
  position: absolute;
  top: -15px
}

.distributor-inner .timeline-widget {
  align-items: center;
  background: #ff7f7f;
  border-radius: 25px;
  display: flex;
  height: 45px;
  justify-content: space-between;
  position: absolute;
  top: 135px
}

.distributor-inner .timeline-widget .badge {
  align-items: center;
  background: #7b1818;
  border-radius: 25px;
  color: #fff;
  display: flex;
  font-size: 12px;
  height: 45px;
  justify-content: center;
  margin-right: .5rem;
  padding: .25rem .75rem
}

.distributor-inner .timeline-widget .badge .cliffItem {
  background: #ff7f7f;
  border-radius: 2px;
  color: #000;
  font-size: 10px;
  margin-left: 4px;
  padding: 3px 6px;
  text-transform: uppercase
}

.distributor-inner .timeline-widget .badge.pink-badge {
  background: #ff7f7f
}

.distributor-inner .timeline-widget .badge.pink-badge p {
  color: #000
}

.distributor-inner .timeline-widget .percentage {
  background-color: #fff;
  border-radius: 4px;
  color: #000;
  font-size: .75rem;
  padding: 0 4px
}

.distributor-inner .timeline-widget p {
  font-size: 12px;
  margin-bottom: 0;
  margin-right: 10px
}

.distributor-inner .current-date-line {
  background-color: red;
  height: calc(100% - 96px);
  position: absolute;
  top: 96px;
  width: 1px
}

.distributor-inner .current-date-label {
  background-color: #000;
  border-radius: 4px;
  color: #fff;
  font-size: 9px;
  padding: 2px;
  position: absolute;
  top: 96px
}

.distributor-inner .accordion-button {
  color: #1d1d1d;
  font-size: 12px;
  font-weight: 400
}

.distributor-inner .accordion-button b {
  color: #1d1d1d;
  font-weight: 600
}

.distributor-inner .accordion-body {
  padding-bottom: 0
}

.distributor-inner .accordion-flush .accordion-item {
  background-color: #f4f5ff;
  border-color: #d0d5dd
}

.distributor-inner .accordion-flush .accordion-item .accordion-button {
  cursor: pointer;
  padding: 15px 0 15px 60px
}

.distributor-inner .accordion-button:focus,
.distributor-inner .accordion-button:not(.collapsed) {
  background-color: #f4f5ff;
  box-shadow: none
}

.distributor-inner .accordion-button:after {
  background-size: 14px;
  height: 14px;
  left: 22px;
  margin-left: 0;
  position: absolute;
  width: 14px
}

.distributor-inner .accordion-button .if-not-collapsed {
  display: none
}

.distributor-inner .accordion-button.collapsed .if-not-collapsed {
  display: block
}

.distributor .accordion-header {
  align-items: center;
  background: #e4e5f7;
  background: var(--Blue-2, #e4e5f7);
  border-radius: 22px 22px 0 0;
  color: #0c111d;
  display: flex;
  font-family: Inter;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  height: 45px;
  line-height: normal;
  padding: 0 0 0 60px
}

.distributor .scrollThumbVertical {
  height: auto !important
}

.widget-tooltip-content .react-tooltip-lite {
  background: #fff;
  background: var(--White, #fff);
  border-radius: 11px;
  box-shadow: 0 4px 11.6px 0 #00000021;
  max-width: 344px !important;
  padding: 10px 0 !important;
  width: 100% !important
}

.widget-tooltip-content .react-tooltip-lite-arrow {
  border-color: #fff;
  border-color: var(--White, #fff)
}

.widget-tooltip-content h2 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  padding-left: 20px
}

.widget-tooltip-content .table-wrapper {
  background-color: #fff;
  border: none;
  height: 100%;
  margin: 0;
  padding: 0
}

.widget-tooltip-content .table-wrapper table {
  width: 100%
}

.widget-tooltip-content .table-wrapper table tbody tr td {
  border-bottom: none;
  color: #344054;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 20px !important;
  vertical-align: middle;
  white-space: nowrap
}

.widget-tooltip-content .table-wrapper table tbody tr td:last-child {
  text-align: end
}

.widget-tooltip-content .table-wrapper table tbody tr.active td,
.widget-tooltip-content .table-wrapper table tbody tr:hover td,
.widget-tooltip-content .table-wrapper table tbody tr:nth-child(odd) td {
  background-color: #f4f5ff
}

.widget-tooltip-content .table-wrapper table tbody tr:nth-child(2n) td {
  background-color: #fff
}

.btn-csv {
  align-items: center;
  background-color: #1e1379;
  border: 1px solid #1e1379 !important;
  border-radius: 25px;
  color: #fff;
  display: flex;
  font-size: 12px
}

.btn-csv>svg {
  height: 16px;
  margin-left: 5px;
  width: 16px
}

.btn-csv>svg path {
  stroke: #fff !important
}

.btn-csv:hover {
  color: #1e1379
}

.btn-csv:hover>svg path {
  stroke: #1e1379 !important
}

.navigator {
  border: .5px solid #a8aad5;
  border: .5px solid var(--Blue-3, #a8aad5);
  border-radius: 8px;
  color: #475467;
  padding: 14px
}

.navigator .period {
  border-radius: 30px;
  height: 14px;
  width: 24px
}

.navigator .period.cliff {
  background: #7b1818
}

.navigator .period.vesting {
  background: #ff7f7f
}

.navigator p {
  margin-bottom: 0
}

.btn-downloadCsv {
  background: #e4e5f7;
  background: var(--Blue-2, #e4e5f7);
  border-radius: 4px;
  color: #2d4665;
  font-size: 14px;
  padding: 8px 12px
}

.btn-downloadCsv:hover {
  background: #dee0f8;
  background: var(--Blue-2, #dee0f8)
}

.linkContent {
  border-bottom: 1px solid #000;
  color: #000;
  padding-bottom: 2px;
  text-decoration: none
}

.img-size-24 {
  width: 24px
}

.nft-tier-card {
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  gap: 20px;
  padding: 20px 16px
}

.nft-tier-card .nfttier-img-left .nft-tier-image {
  border: 2px solid #fff;
  border-radius: 8px;
  box-shadow: 3px 3px 15px #00000029;
  height: 120px;
  max-width: 120px;
  min-width: 120px;
  overflow: hidden
}

@media screen and (max-width:1280px) {
  .nft-tier-card .nfttier-img-left .nft-tier-image {
    height: 80px;
    max-width: 80px;
    min-width: 80px
  }
}

.nft-tier-card .nfttier-img-left .nft-tier-image img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.nft-tier-card .nfttier-img-left h4 {
  background-color: #fff;
  border-radius: 30px;
  margin-bottom: 0;
  margin-top: 8px;
  padding: 6px 10px
}

.nft-tier-card .nfttier-img-left h4 span {
  -webkit-text-fill-color: #0000;
  background: #7900ff;
  background: linear-gradient(90deg, #7900ff 0, #ff6717);
  -webkit-background-clip: text;
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-align: center
}

.nft-tier-card .nfttier-right-inner {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  width: 100%
}

.nft-tier-card .nfttier-right {
  width: 100%
}

.nft-tier-card .nfttier-right .gray-text {
  color: #777a87;
  font-size: 12px;
  margin-bottom: 3px
}

.nft-tier-card .nfttier-right .flex-star {
  align-items: center;
  display: flex;
  gap: 5px
}

.nft-tier-card .nfttier-right .flex-star .w-3 {
  width: 16px
}

.nft-tier-card .nfttier-right .flex-star .semibold {
  font-size: 14px;
  font-weight: 600
}

.nft-tier-card .nfttier-right .flex-sm-star {
  background-color: #f5f6f9;
  border-radius: 30px;
  display: flex;
  gap: 4px;
  padding: 5px 10px
}

.nft-tier-card .nfttier-right .flex-sm-star .w-2 {
  width: 14px
}

.nft-tier-card .nfttier-right .flex-sm-star .font-bold {
  font-size: 12px;
  font-weight: 700
}

.nft-tier-card .nfttier-right .flex-sm-star .font-bold .font-normal {
  font-weight: 400
}

.nft-tier-card .nfttier-right .process-tier {
  background-color: #c7d0de;
  border-radius: 5px;
  height: 2px;
  margin-bottom: 10px;
  position: relative
}

.nft-tier-card .nfttier-right .process-tier .processbar {
  background-color: #3cbd51;
  border-radius: 5px;
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 60%
}

.nft-tier-card .nfttier-right .process-tier .processbar:after {
  background-color: #3cbd51;
  border-radius: 30px;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 10px
}

.nft-tier-card .nfttier-right .free-get-text {
  color: #00020c;
  font-size: 12px;
  margin-bottom: 15px
}

.nft-tier-card .nfttier-right .free-get-text span {
  font-weight: 700;
  margin-left: 3px
}

.nft-tier-card .nfttier-right .btn-teir {
  align-items: center;
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  display: flex;
  font-size: 12px;
  gap: 10px;
  padding: 3px 10px
}

.nft-tier-card .nfttier-right .btn-teir.border-btn-tier {
  background-color: #fff;
  border: 1px solid #ff6717 !important;
  color: #ff6717
}

.space-cards-body-right.flex-none-dv {
  flex-direction: column
}

.flex-center {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.flex-center .gray-text {
  margin-bottom: 0 !important
}

.end-align {
  display: flex;
  justify-content: end
}

.flex-bottom-btn {
  display: flex;
  gap: 5px
}

.spacecard-nfttier {
  margin: 20px 0
}

.wallet-transaction-header .nft-tier-card {
  padding: 14px
}

.wallet-transaction-header .nft-tier-card .nfttier-img-left .nft-tier-image {
  height: 80px;
  max-width: 80px;
  min-width: 80px
}

.wallet-transaction-header .nft-tier-card .nfttier-right .nfttier-right-inner {
  padding-bottom: 5px
}

.wallet-transaction-header .nft-tier-card .nfttier-right .free-get-text {
  font-size: 10px
}

.wallet-transaction-header .nft-tier-card .free-get-text {
  margin-bottom: 5px
}

.space-cards-body-right.flex-none-dv .nft-tier-card {
  box-shadow: 0 0 15px #00000029;
  margin: 0 auto;
  max-width: 400px
}

.l1x-scan {
  min-height: calc(100vh - 120px);
  padding: 20px 20px 0
}

.l1x-scan .scan-container {
  background: #f5f5ff;
  border-radius: 16px;
  height: calc(100vh - 140px);
  margin: 0 auto;
  max-width: 1367px;
  width: 100%
}

.l1x-scan .scan-container.full-screen {
  border-radius: 0;
  height: 100%;
  left: 0;
  max-width: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999
}

.l1x-scan .scan-container.full-screen .transaction-card .dashboard-table {
  height: calc(100vh - 450px)
}

.l1x-scan .scan-head {
  background: #fff;
  border-radius: 16px 16px 0 0;
  justify-content: space-between;
  padding: 16px;
  width: 100%
}

.l1x-scan .scan-head,
.l1x-scan .scan-head .logo {
  align-items: center;
  display: flex
}

.l1x-scan .scan-head .logo img {
  margin-right: 10px;
  width: 30px
}

.l1x-scan .scan-head .logo h4 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.l1x-scan .scan-head .actions {
  display: flex;
  gap: 16px
}

.l1x-scan .scan-head .actions .btn {
  border: 1px solid;
  border-radius: 30px;
  font-size: 13px;
  line-height: 18px;
  padding: 8px 16px
}

.l1x-scan .scan-head .actions .btn-naviblue {
  background: #2d2468;
  border-color: #2d2468;
  color: #fff
}

.l1x-scan .scan-head .actions .btn-naviblue:hover {
  background: #2f80ed;
  border-color: #2f80ed;
  color: #fff
}

.l1x-scan .scan-head .actions .btn-orange {
  background: #f55f27;
  border-color: #f55f27;
  color: #fff
}

.l1x-scan .scan-head .actions .btn-orange.outline {
  background: #fff;
  border-color: #f55f27;
  color: #f55f27
}

.l1x-scan .scan-head .actions .btn-orange.outline:hover {
  background: #f55f27;
  color: #fff
}

.l1x-scan .scan-head .actions .btn-orange .icon-space {
  margin-right: 8px;
  width: 18px
}

.l1x-scan .scan-top {
  position: relative
}

.l1x-scan .scan-top .upper-bg-content {
  background-image: url(/static/media/searchBg.a2ca3e8d875da15590b5.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% auto
}

.l1x-scan .scan-top .upper-bg-content .search-area {
  padding: 10px 16px
}

.l1x-scan .scan-top .upper-bg-content .search-area .search-bar {
  margin: 0 auto;
  max-width: 530px;
  position: relative;
  width: 100%
}

.l1x-scan .scan-top .upper-bg-content .search-area .search-bar input {
  border-radius: 30px;
  box-shadow: 0 8px 15px #0003;
  color: #000;
  font-size: 14px;
  padding: 12px 54px 12px 16px
}

.l1x-scan .scan-top .upper-bg-content .search-area .search-bar input:focus {
  outline: 2px solid #f55f27
}

.l1x-scan .scan-top .upper-bg-content .search-area .search-bar .btnSearch {
  background: #2f80ed;
  border: none;
  border-radius: 30px;
  height: 40px;
  padding: 0;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px
}

.l1x-scan .scan-top .upper-bg-content .search-area .search-bar .btnSearch Input {
  border: #fff
}

.l1x-scan .scan-top .upper-bg-content .search-area .search-bar .btnSearch svg {
  height: 20px;
  width: 20px
}

.l1x-scan .scan-top .upper-bg-content .search-area .search-bar .btnSearch svg path {
  stroke: #fff
}

.l1x-scan .scan-top .upper-bg-content .stats {
  padding: 16px
}

.l1x-scan .scan-top .upper-bg-content .stats-card {
  background: #fff;
  border-radius: 12px;
  height: 100%;
  padding: 16px
}

.l1x-scan .scan-top .upper-bg-content .stats-card .card-head {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 14px
}

.l1x-scan .scan-top .upper-bg-content .stats-card .value-contain {
  padding-bottom: 10px
}

.l1x-scan .scan-top .upper-bg-content .stats-card .value-contain .value-label {
  color: #000;
  font-size: 13px;
  line-height: 120%;
  margin-bottom: 6px;
  opacity: .5
}

.l1x-scan .scan-top .upper-bg-content .stats-card .value-contain .value {
  color: #000;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 0
}

.l1x-scan .scan-top .upper-bg-content .stats-card .value-contain .value-text {
  display: inline-block;
  font-weight: 400;
  width: 80px
}

.l1x-scan .scan-top .upper-bg-content .stats-card .legend-circle {
  background: #fff;
  border-radius: 10px;
  display: inline-block;
  height: 10px;
  margin-right: 6px;
  width: 10px
}

.l1x-scan .scan-top .upper-bg-content .stats-card .legend-1 {
  background: #34a853
}

.l1x-scan .scan-top .upper-bg-content .stats-card .legend-2 {
  background: #3774d0
}

.l1x-scan .scan-top .upper-bg-content .stats-card .legend-3 {
  background: #a4aabe
}

.l1x-scan .scan-top .upper-bg-content .stats-card .legend-4 {
  background: #5b4a99
}

.l1x-scan .scan-top .upper-bg-content .stats-card .legend-5 {
  background: #dad7e6
}

.l1x-scan .scan-top .upper-bg-content .stats-card .legend-6 {
  background: #a4aabe
}

.l1x-scan .scan-top .upper-bg-content .stats-card .legend-label {
  color: #acb1c5;
  font-size: 10px;
  margin-bottom: 0
}

.l1x-scan .scan-top .upper-bg-content .wallet-address-space {
  align-items: center;
  color: #fff;
  display: flex;
  padding: 20px 16px 16px
}

.l1x-scan .scan-top .upper-bg-content .wallet-address-space .btnBack {
  align-items: center;
  background: #fff;
  border-radius: 40px;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-right: 12px;
  padding: 0;
  width: 40px
}

.l1x-scan .scan-top .upper-bg-content .wallet-address-space .AddressDisplay {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 8px
}

.l1x-scan .scan-top .upper-bg-content .wallet-address-space .AddressDisplay span {
  font-size: 14px;
  font-weight: 400
}

.l1x-scan .scan-top .upper-bg-content .wallet-address-space .btnCopy {
  align-items: center;
  background: #ffffff1a;
  border-radius: 6px;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  width: 32px
}

.l1x-scan .scan-top .upper-bg-content .wallet-stat {
  padding: 0 16px 16px
}

.l1x-scan .scan-top .upper-bg-content .wallet-stat .address-card-content {
  background: #f6f3fd;
  border-radius: 12px;
  padding: 16px;
  width: 100%
}

.l1x-scan .scan-top .upper-bg-content .wallet-stat .address-card-content h6 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px
}

.l1x-scan .scan-top .upper-bg-content .wallet-stat .address-card-content .balance-space img {
  margin-right: 10px;
  width: 18px
}

.l1x-scan .scan-top .upper-bg-content .wallet-stat .address-card-content .balance-space h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0
}

.l1x-scan .scan-top .upper-bg-content .wallet-stat .address-card-content .l1x-rate {
  margin-bottom: 15px
}

.l1x-scan .scan-top .upper-bg-content .wallet-stat .address-card-content .l1x-rate h6 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
  opacity: .6
}

.l1x-scan .scan-top .upper-bg-content .wallet-stat .address-card-content .l1x-rate-text>img {
  margin-right: 6px;
  max-width: 24px
}

.l1x-scan .scan-top .upper-bg-content .wallet-stat .address-card-content .l1x-rate-text h5 {
  font-size: 14px;
  margin: 0
}

.l1x-scan .scan-top .upper-bg-content .wallet-stat .address-card-content .btnCopy {
  align-items: center;
  display: flex;
  height: 20px;
  margin-left: 8px;
  padding: 0;
  width: 20px
}

.l1x-scan .scan-top .upper-bg-content .wallet-stat .address-card-content .btnCopy svg {
  filter: invert(1)
}

.l1x-scan .scan-top .upper-bg-content .wallet-stat .address-card-content .smaller {
  font-size: 10px;
  margin-bottom: 0;
  opacity: .7
}

.l1x-scan .scan-top .upper-bg-content .transaction-details {
  padding: 16px;
  width: 100%
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-container {
  background: #fff;
  border-radius: 16px;
  height: 100%;
  height: calc(100vh - 239.33px)
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content {
  height: calc(100vh - 322px);
  overflow-y: auto;
  padding: 16px
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .content-label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .content-label .informationTooltip {
  align-items: center;
  display: inline-flex;
  height: 18px;
  justify-content: center;
  width: 18px
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .content-label .informationTooltip svg {
  width: 16px
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .content-value {
  font-size: 14px;
  margin-bottom: 0
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .status {
  background: #eff1f4;
  border-radius: 6px;
  color: #000;
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 10px
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .status.success {
  background: #cfebde;
  border: 1px solid #0f9d58;
  color: #0f9d58
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .btnCopy {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  padding: 0;
  width: 20px
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .btnCopy svg {
  filter: invert(1);
  opacity: .3
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .has-network img {
  width: 20px
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-head {
  padding: 16px
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-head .wallet-address-space {
  border-bottom: 1px solid #dfe2ea;
  color: #000;
  padding: 0 0 10px
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-head .wallet-address-space .btnCopy svg {
  filter: invert(1)
}

.l1x-scan .scan-top .upper-bg-content .transaction-details-head .wallet-address-space .btnBack {
  background: #ebedf1
}

.l1x-scan .scan-top .upper-bg-content.validators .wallet-stat {
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.l1x-scan .scan-transaction {
  padding: 0 16px 16px
}

.l1x-scan .scan-transaction .transaction-card {
  background: #fff;
  border-radius: 12px;
  padding: 16px 0
}

.l1x-scan .scan-transaction .transaction-card .dashboard-table {
  height: calc(100vh - 584.48px)
}

.l1x-scan .scan-transaction .transaction-card .transaction-table {
  height: calc(100vh - 369.16px)
}

.l1x-scan .scan-transaction .transaction-card .address-transactions {
  height: calc(100vh - 559.16px)
}

.l1x-scan .scan-transaction .transaction-card-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 16px 12px
}

.l1x-scan .scan-transaction .transaction-card-head h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.l1x-scan .scan-transaction .transaction-card-head .right-content {
  align-items: center;
  display: flex
}

.l1x-scan .scan-transaction .transaction-card-head .right-content .dropdown .btn-filter {
  border-color: #d9d6d6;
  font-size: 13px;
  font-weight: 500
}

.l1x-scan .scan-transaction .transaction-card-head .right-content .dropdown ul li a {
  cursor: pointer;
  font-size: 14px
}

.l1x-scan .scan-transaction .transaction-card-head .right-content .trans-pagination ul {
  align-items: center;
  display: flex;
  gap: 8px
}

.l1x-scan .scan-transaction .transaction-card-head .right-content .trans-pagination ul li {
  font-size: 14px
}

.l1x-scan .scan-transaction .transaction-card-head .right-content .trans-pagination ul li.btn {
  align-items: center;
  border: 1px solid #d9d6d6;
  border-radius: 6px;
  color: #000;
  display: flex;
  height: 32px;
  justify-content: center;
  min-width: 32px;
  padding: 0 6px
}

.l1x-scan .scan-transaction .transaction-card-head .right-content .trans-pagination ul li.btn.btn-active {
  background: #2f80ed;
  border-color: #2f80ed;
  color: #fff
}

.l1x-scan .scan-transaction .transaction-card-head .right-content .trans-pagination ul li.btn svg {
  height: 16px;
  width: 16px
}

.l1x-scan .scan-transaction .transaction-card-head .right-content .trans-pagination ul li.remaining-page {
  color: #a4aabe
}

.l1x-scan .scan-transaction .transaction-card-head .transaction-type-selector {
  background: #e7eaf2;
  border-radius: 30px
}

.l1x-scan .scan-transaction .transaction-card-head .transaction-type-selector .btn {
  background: #0000;
  border-radius: 30px;
  color: #000;
  font-size: 14px;
  padding: 6px 16px
}

.l1x-scan .scan-transaction .transaction-card-head .transaction-type-selector .btn.btn-active {
  background: #f55f27;
  color: #fff
}

.l1x-scan .scan-transaction .transaction-card-table .table {
  margin-bottom: 0
}

.l1x-scan .scan-transaction .transaction-card-table .table thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1
}

.l1x-scan .scan-transaction .transaction-card-table .table thead tr th {
  background: #f4f7fe;
  border-color: #edf0f4;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 7px;
  padding-left: 16px;
  padding-top: 7px
}

.l1x-scan .scan-transaction .transaction-card-table .table thead tr th .methodDrop button {
  border: none;
  font-size: 14px;
  font-weight: 600
}

.l1x-scan .scan-transaction .transaction-card-table .table thead tr th .methodDrop button:active,
.l1x-scan .scan-transaction .transaction-card-table .table thead tr th .methodDrop button:focus,
.l1x-scan .scan-transaction .transaction-card-table .table thead tr th .methodDrop button:focus-visible {
  border: none !important;
  outline: none !important
}

.l1x-scan .scan-transaction .transaction-card-table .table thead tr th .methodDrop ul li {
  cursor: pointer;
  font-size: 14px
}

.l1x-scan .scan-transaction .transaction-card-table .table tbody tr td {
  border-color: #edf0f4;
  color: #000;
  font-size: 14px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-top: 12px
}

.l1x-scan .scan-transaction .transaction-card-table .table tbody tr td .has-copy-content img {
  height: 14px;
  margin-right: 6px;
  width: 14px
}

.l1x-scan .scan-transaction .transaction-card-table .table tbody tr td .has-copy-content a {
  font-size: 14px;
  margin-right: 6px
}

.l1x-scan .scan-transaction .transaction-card-table .table tbody tr td .has-copy-content .copy-clipboard {
  background: #0000;
  border-radius: 4px;
  cursor: pointer;
  height: 16px;
  width: 16px
}

.l1x-scan .scan-transaction .transaction-card-table .table tbody tr td .has-copy-content .copy-clipboard:hover {
  background: #f4f7fe
}

.l1x-scan .scan-transaction .transaction-card-table .table tbody tr td .has-copy-content .copy-clipboard svg {
  height: 14px;
  width: 14px
}

.l1x-scan .scan-transaction .transaction-card-table .table tbody tr td .has-copy-content .copy-clipboard svg path {
  stroke: #bdc7d3
}

.l1x-scan .scan-transaction .transaction-card-table .table tbody tr td .gray-badge {
  background: #eff1f4;
  border-radius: 4px;
  padding: 4px 10px
}

.wallet-stat {
  grid-gap: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.wallet-stat .address-card-content {
  height: 100%
}

.view-all-space {
  background: linear-gradient(#fff0, #fff);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  bottom: 0;
  left: 0;
  padding: 30px;
  position: absolute;
  width: 100%
}

.view-all-space .btn-navyblue {
  background: #2d2468;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 8px 16px;
  transition: all .3s ease
}

.view-all-space .btn-navyblue:hover {
  box-shadow: 0 0 0 8px #2d24681c;
  transition: all .3s ease
}

.view-all-space .btn-navyblue:active {
  background: #2d2468;
  color: #fff
}

.block-details .transaction-details {
  box-shadow: none
}

.block-details .transaction-details .transaction-details-container {
  height: auto !important;
  width: 100%
}

.block-details .transaction-details .transaction-details-container .detail-content {
  height: auto !important
}

.scrollable-content {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  height: calc(100vh - 224px);
  overflow-y: auto
}

.transactionBack {
  align-items: center;
  background: #ebedf1;
  background: #fff;
  border-radius: 40px;
  display: flex;
  height: 40px;
  justify-content: center;
  left: 16px;
  margin-right: 12px;
  padding: 0;
  position: absolute;
  top: 16px;
  width: 40px
}

.transactionBack:active,
.transactionBack:focus,
.transactionBack:hover {
  background: #ebedf1
}

.has-white-icon .copy svg path {
  fill: #fff
}

.dashboard-screen .upper-bg-content {
  background-size: 100% 80% !important
}

.solanabg {
  background-color: #e8f9fe
}

.assets-block.border-wallet {
  align-items: center;
  border: 1px solid #1e1379;
  border-radius: 30px;
  display: inline-flex;
  font-size: 12px;
  padding: 4px 10px
}

.binance {
  background-color: #fff7dd;
  color: #f0b90b
}

.explorestaking {
  background-color: #0000;
  border: .5px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 6px 15px
}

.validatoraddress-flex {
  align-items: center;
  display: flex;
  gap: 15px
}

.validatoraddress-flex .iconcopy-v {
  cursor: pointer
}

.validatoraddress-flex .iconcopy-v svg {
  width: 18px
}

.titlevalidators {
  font-size: 16px;
  font-weight: 600
}

.spacecards-arrow ul {
  display: flex;
  gap: 10px
}

.spacecards-arrow ul li.btn {
  align-items: center;
  border: 1px solid #d9d6d6;
  border-radius: 6px;
  color: #000;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  width: 32px
}

.spacecards-arrow ul li.btn svg {
  height: 16px;
  width: 16px
}

.space-30 {
  padding-right: 30px
}

.btn:focus {
  box-shadow: none !important;
  outline: none !important
}

:focus:not(:focus-visible) {
  box-shadow: none;
  outline: 0
}

.focus-visible {
  outline: none !important
}

.testnet-toggle {
  align-items: center;
  background: #ffffff47;
  border-radius: 30px;
  display: inline-flex
}

.testnet-toggle .btn {
  background: #0000;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 20px
}

.testnet-toggle .btn.btn-active {
  background: #fff;
  color: #000
}

.cursor-disabled {
  cursor: not-allowed
}

.collection-details {
  border: 1px solid #ededed
}

.collection-details .card-body {
  padding: 12px
}

.collection-details .img-wrapper {
  border-radius: 12px;
  margin-right: 15px;
  min-width: 100px;
  overflow: hidden
}

.collection-details .img-wrapper>img {
  height: auto;
  max-width: 100px;
  width: 100%
}

.collection-details .content-wrapper {
  font-size: 13px
}

.collection-details .content-wrapper b {
  font-weight: 500;
  margin-right: 5px
}

.token-holders {
  width: 100%
}

.token-holders h4 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 4px;
  opacity: .6
}

.token-holders-dropdown {
  position: relative
}

.token-holders-dropdown h6 {
  font-size: 600;
  margin-bottom: 0 !important
}

.token-holders-dropdown h6 abbr {
  font-size: 12px;
  font-weight: 400
}

.token-holders-dropdown-trigger {
  align-items: center;
  background-color: #fff;
  border: 1px solid #e5deed;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  padding: 8px 10px
}

.token-holders-dropdown-trigger .token-block {
  align-items: center;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  width: 100%
}

.token-holders-dropdown-trigger .token-block-name {
  align-items: center;
  display: flex;
  gap: 10px
}

.token-holders-dropdown-trigger .token-block-name-icon {
  display: inline-block;
  position: relative
}

.token-holders-dropdown-trigger .token-block-name-icon>img {
  height: 30px;
  min-width: 30px;
  width: 30px
}

.token-holders-dropdown-trigger .token-block-name-icon-inner>img {
  border: 1px solid #fff;
  border-radius: 100%;
  bottom: 0;
  height: 14px;
  min-width: 14px;
  position: absolute;
  right: 0;
  width: 14px
}

.token-holders-dropdown-trigger .token-block-name h3 {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 2px
}

.token-holders-dropdown-trigger .token-block-name h5 {
  color: #00000080;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0
}

.token-holders-dropdown-trigger .token-block-amount h4 {
  font-size: 12px;
  margin-bottom: 2px;
  text-align: right
}

.token-holders-dropdown-trigger .token-block-amount h5 {
  color: #00000080;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
  text-align: right
}

.token-holders-dropdown-content {
  background-color: #fff;
  border: 1px solid #d9d6d6;
  border-radius: 0 0 6px 6px;
  border-top: none;
  left: 0;
  padding: 6px 16px 16px;
  position: absolute;
  top: calc(100% - 6px);
  width: 100%;
  z-index: 9
}

.token-holders-dropdown-content .search-wrapper {
  margin-bottom: 10px;
  position: relative;
  width: 100%;
  z-index: 0
}

.token-holders-dropdown-content .search-wrapper>.form-control {
  background-color: #f0f2f7;
  border-radius: 12px;
  font-size: 13px;
  line-height: 15px;
  padding: 12px 50px 12px 16px
}

.token-holders-dropdown-content .search-wrapper>.form-control:focus {
  box-shadow: none;
  outline: none
}

.token-holders-dropdown-content .search-wrapper .search-button {
  background-color: #0000;
  border: none;
  position: absolute;
  right: 20px;
  top: 11px;
  z-index: 1
}

.token-holders-dropdown-content .search-wrapper .search-button>img {
  max-width: 15px;
  opacity: .5
}

.token-holders-dropdown-content .token-list {
  max-height: 280px;
  overflow-y: auto;
  padding-right: 4px;
  width: 100%
}

.token-holders-dropdown-content .token-list .token-block {
  align-items: center;
  background-color: #f0f2f7;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 8px 12px;
  width: 100%
}

.token-holders-dropdown-content .token-list .token-block:last-child {
  margin-bottom: 0
}

.token-holders-dropdown-content .token-list .token-block-name {
  align-items: center;
  display: flex;
  gap: 10px
}

.token-holders-dropdown-content .token-list .token-block-name-icon {
  display: inline-block;
  position: relative
}

.token-holders-dropdown-content .token-list .token-block-name-icon>img {
  height: 30px;
  min-width: 30px;
  width: 30px
}

.token-holders-dropdown-content .token-list .token-block-name-icon-inner>img {
  border: 1px solid #fff;
  border-radius: 100%;
  bottom: 0;
  height: 14px;
  min-width: 14px;
  position: absolute;
  right: 0;
  width: 14px
}

.token-holders-dropdown-content .token-list .token-block-name h3 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px
}

.token-holders-dropdown-content .token-list .token-block-name h5 {
  color: #00000080;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0
}

.token-holders-dropdown-content .token-list .token-block-amount h4 {
  font-size: 14px;
  text-align: right
}

.token-holders-dropdown-content .token-list .token-block-amount h5 {
  color: #00000080;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
  text-align: right
}

.expand-icon {
  background-color: #2779f5;
  border: none;
  border-radius: 5px;
  color: #fff;
  line-height: normal;
  padding: 5px 10px
}

.expand-icon>svg {
  height: 18px;
  width: 18px
}

.expand-icon>svg path {
  stroke: #fff
}

.label-dundedby h4 {
  font-size: 12px
}

.flexadr,
.flxclnm,
.l1x-rate.flexdv-overview {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.l1x-rate.flexdv-overview p {
  font-weight: 600
}

.holdings-flex {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.holdings-flex h6 {
  font-size: 16px;
  font-weight: 600
}

.holdings-flex h6 span,
.token-holdings-table {
  font-weight: 400;
  opacity: .6
}

.token-holdings-table {
  font-size: 14px;
  margin-bottom: 5px
}

.sml-font {
  font-size: 10px;
  opacity: .7;
  text-align: right
}

.scan-top.overflow-auto {
  height: calc(100vh - 50px)
}

.l1x-rate.flexdv-overview.token-blc-font {
  display: block;
  margin-bottom: 30px
}

.l1x-rate.flexdv-overview.token-blc-font h5 {
  font-size: 20px !important;
  font-weight: 600
}

.l1x-rate.flexdv-overview.token-blc-font .l1x-rate-text img {
  max-width: 24px
}

.total-holding {
  font-size: 14px;
  font-weight: 600
}

.total-holding span {
  display: inline-block;
  font-weight: 400;
  opacity: .6
}

.fnt-address {
  font-size: 13px
}

.l1x-scan .full-screen .scan-transaction .address-transactions {
  height: calc(100vh - 359.16px)
}

.l1x-scan .full-screen.scan-transaction-details .scan-top,
.l1x-scan .full-screen.scan-transaction-details .transaction-details,
.l1x-scan .full-screen.scan-transaction-details .transaction-details-container {
  height: 100%
}

.l1x-scan .full-screen.scan-transaction-details .detail-content {
  height: calc(100vh - 190px) !important
}

.l1x-scan .full-screen.block-container .scrollable-content {
  height: calc(100vh - 70px)
}

.l1x-scan .full-screen.view-all-container .transaction-table {
  height: calc(100vh - 240px)
}

.trans-pagination ul {
  align-items: center;
  display: flex;
  gap: 8px
}

.trans-pagination ul li {
  font-size: 14px
}

.trans-pagination ul li.btn {
  align-items: center;
  border: 1px solid #d9d6d6;
  border-radius: 6px;
  color: #000;
  display: flex;
  height: 32px;
  justify-content: center;
  min-width: 32px;
  padding: 0 6px
}

.trans-pagination ul li.btn.btn-active {
  background: #2f80ed;
  border-color: #2f80ed;
  color: #fff
}

.trans-pagination ul li.btn svg {
  height: 16px;
  width: 16px
}

.trans-pagination ul li.remaining-page {
  color: #a4aabe
}

@media screen and (max-width:1024px) {
  .l1x-scan .scan-transaction .transaction-card-head.hidetab-ui .transaction-type-selector {
    background-color: #fff
  }

  .l1x-scan .scan-container.full-screen {
    min-height: 100vh;
    position: static
  }

  .l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .content-value {
    word-break: break-all
  }

  .l1x-scan .scan-top .upper-bg-content .wallet-address-space .btnBack {
    min-width: 40px
  }

  .l1x-scan .scan-top .upper-bg-content .wallet-address-space .AddressDisplay {
    word-break: break-all
  }
}

@media screen and (max-width:991px) {
  .wallet-stat {
    grid-gap: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .l1x-scan .scan-top .upper-bg-content .wallet-stat {
    padding-top: 20px
  }

  .address-card-content,
  .l1x-scan .scan-top .upper-bg-content .wallet-stat .address-card-content {
    background-color: #fff
  }

  .address-card-content p {
    margin-bottom: 0
  }

  .l1x-scan .scan-top .upper-bg-content.validators .wallet-stat {
    gap: 16px;
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .l1x-scan .scan-top .upper-bg-content.validators .wallet-stat .address-card-content {
    background-color: #fff
  }

  .l1x-scan .scan-top .upper-bg-content.validators .wallet-stat .address-card-content p {
    margin-bottom: 0
  }
}

@media screen and (max-width:767px) {
  .view-all-space {
    position: static
  }

  .l1x-scan .scan-transaction .transaction-card-head .right-content {
    justify-content: center
  }

  .l1x-scan .scan-container.full-screen .transaction-card .dashboard-table {
    height: auto
  }

  .l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .mb-4 {
    margin-bottom: 10px !important
  }

  .l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .content-label {
    color: #7d7f85;
    font-weight: 400;
    margin-bottom: 4px
  }

  .l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .content-value {
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px
  }

  .l1x-scan .scan-top .upper-bg-content .transaction-details-container .detail-content .content-value.me-2 {
    margin-right: 0 !important
  }

  .l1x-scan .full-screen.scan-transaction-details .detail-content {
    height: 100% !important;
    overflow-y: visible !important
  }

  .l1x-scan .scan-container.full-screen {
    margin-bottom: 48px;
    position: static
  }

  .l1x-scan .scan-transaction .transaction-card-head h3 {
    margin-bottom: 10px
  }
}

@media screen and (max-width:650px) {
  .l1x-scan .scan-top .upper-bg-content .wallet-address-space .btnBack {
    height: 30px;
    min-width: 30px;
    width: 30px
  }

  .l1x-scan .scan-top .upper-bg-content .wallet-address-space .AddressDisplay {
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 8px
  }

  .l1x-scan .scan-top .upper-bg-content .wallet-address-space .AddressDisplay span {
    font-size: 10px;
    font-weight: 400
  }

  .l1x-scan .scan-transaction .transaction-card-head .transaction-type-selector .btn {
    padding: 6px 12px
  }

  .l1x-scan .scan-transaction .transaction-card-head .right-content {
    flex-wrap: wrap
  }

  .l1x-scan .scan-transaction .transaction-card-head .right-content .dropdown {
    margin-top: 10px
  }

  .l1x-scan .scan-transaction .transaction-card-head .right-content .trans-pagination {
    display: none;
    margin-top: 10px
  }
}

.x-talk-spaces-main {
  background-image: url(/static/media/x-talk-spaces-banner.fd84586200609fc81093.svg);
  background-position: center -270px;
  background-repeat: no-repeat;
  color: #fff
}

@media screen and (max-width:1299px) {
  .x-talk-spaces-main {
    padding: 16px
  }
}

.x-talk-spaces-main .x-talk-spaces-banner {
  padding: 120px 40px;
  text-align: center
}

@media screen and (max-width:767px) {
  .x-talk-spaces-main .x-talk-spaces-banner .x-talk-spaces-logo {
    margin-bottom: 20px
  }

  .x-talk-spaces-main .x-talk-spaces-banner {
    padding: 100px 20px
  }
}

.x-talk-spaces-main .x-talk-spaces-banner h1 {
  font-size: 70px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .x-talk-spaces-main .x-talk-spaces-banner h1 {
    font-size: 40px
  }
}

.x-talk-spaces-main .x-talk-spaces-banner h4 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 30px
}

.x-talk-spaces-main .x-talk-spaces-banner h5 {
  font-size: 18px;
  font-weight: 300;
  line-height: 150%;
  margin: 0 auto 35px;
  max-width: 630px
}

.x-talk-spaces-main .x-talk-spaces-banner h5 .span {
  display: inline-block;
  font-weight: 700
}

.x-talk-spaces-main .div-infinite-impact {
  margin: 0 auto 140px;
  max-width: 1024px
}

.x-talk-spaces-main .div-infinite-impact h4 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 40px;
  text-align: center
}

.x-talk-spaces-main .div-infinite-impact .three-format-bx-col {
  background: #d9d9d9;
  background: linear-gradient(127deg, #d9d9d94f, #d9d9d92e 56%, #d9d9d917);
  border: 1px solid #646e7b;
  border-radius: 16px;
  height: 100%;
  padding: 30px;
  text-align: center
}

.x-talk-spaces-main .div-infinite-impact .three-format-bx-col h2 {
  font-size: 70px;
  font-weight: 700
}

.x-talk-spaces-main .div-infinite-impact .three-format-bx-col p {
  font-size: 16px;
  margin-bottom: 0
}

.x-talk-spaces-main .three-revolutionary-formats {
  letter-spacing: .3px;
  margin: 100px auto;
  max-width: 1170px;
  padding: 0
}

.x-talk-spaces-main .three-revolutionary-formats img {
  max-width: 100%
}

.x-talk-spaces-main .three-revolutionary-formats h3 {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col {
  background-color: #1e2735;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 24px
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .img-exclusive-interviews {
  align-items: center;
  border-right: 1px solid #394a63;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 20px
}

@media screen and (max-width:1199px) {
  .x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .img-exclusive-interviews {
    border-right: none;
    display: block
  }
}

@media screen and (max-width:1024px) {
  .x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .img-exclusive-interviews img {
    max-width: 60px
  }
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-head {
  align-items: center;
  border-bottom: 1px solid #394a63;
  display: flex;
  gap: 40px;
  padding: 0 0 24px
}

@media screen and (max-width:1024px) {
  .x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-head {
    display: block;
    gap: 16px
  }
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-head.border-none {
  border-bottom: none;
  padding-bottom: 0
}

@media screen and (max-width:1024px) {
  .x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-head .revolutionary-formats-head-left img {
    max-width: 60px
  }
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-head .revolutionary-formats-head-right {
  text-align: left
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-head .revolutionary-formats-head-right h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: left
}

@media screen and (max-width:1024px) {
  .x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-head .revolutionary-formats-head-right h3 {
    font-size: 20px;
    margin-top: 16px
  }
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-head .revolutionary-formats-head-right .revolutionary-right-flex {
  align-items: center;
  display: flex;
  gap: 12px
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-head .revolutionary-formats-head-right .revolutionary-right-flex .revolutionary-right-icon {
  align-items: center;
  background-color: #394a63;
  border-radius: 8px;
  display: flex;
  height: 40px;
  justify-content: center;
  max-width: 40px;
  min-width: 40px;
  width: 40px
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-head .revolutionary-formats-head-right .revolutionary-right-flex .revolutionary-right-icon svg {
  width: 24px
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-head .revolutionary-formats-head-right .revolutionary-right-flex .revolutionary-right-text p {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-head .revolutionary-formats-head-right .revolutionary-right-flex .revolutionary-right-text h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-content {
  padding-top: 30px
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-content p {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 20px
}

.x-talk-spaces-main .three-revolutionary-formats .revolutionary-formats-col .revolutionary-formats-content h6 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px
}

.x-talk-spaces-main .btn-join-revolution {
  background: #992b6c;
  background: linear-gradient(90deg, #fa631f, #8a0de2);
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 40px;
  transition: .2s ease-in-out 0s
}

.x-talk-spaces-main .btn-join-revolution:hover {
  transform: scale(1.1)
}

.x-talk-spaces-main .why-xtalks-changes-everything {
  display: flex
}

@media screen and (max-width:1024px) {
  .x-talk-spaces-main .why-xtalks-changes-everything {
    display: block
  }
}

.x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-left {
  align-items: center;
  background-color: #ff6717;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 40%;
  min-width: 40%;
  padding: 30px
}

@media screen and (max-width:1024px) {
  .x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-left {
    max-width: 100%;
    min-width: 100%;
    text-align: center
  }
}

.x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-left .why-xtalk-evry img {
  margin-bottom: 10px
}

@media screen and (max-width:767px) {
  .x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-left .why-xtalk-evry img {
    max-width: 70px
  }
}

.x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-left .why-xtalk-evry h4 {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 0
}

@media screen and (max-width:1024px) {
  .x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-left .why-xtalk-evry h4 {
    font-size: 28px
  }
}

.x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-right {
  display: grid;
  grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width:650px) {
  .x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-right {
    grid-template-columns: repeat(1, 1fr)
  }
}

.x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-right .why-col-d {
  align-items: center;
  background-color: #181f2b;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
  text-align: left
}

@media screen and (max-width:767px) {
  .x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-right .why-col-d {
    align-items: start;
    justify-content: start;
    padding: 20px
  }
}

.x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-right .why-col-d.cross-bg {
  background-color: #1e2735
}

.x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-right .why-col-d .why-col-inner img {
  margin-bottom: 15px
}

.x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-right .why-col-d .why-col-inner h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: left
}

@media screen and (max-width:767px) {
  .x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-right .why-col-d .why-col-inner h4 {
    font-size: 18px
  }
}

.x-talk-spaces-main .why-xtalks-changes-everything .why-xtalks-changes-everything-right .why-col-d .why-col-inner p {
  color: #c8d3e4;
  font-size: 14px;
  line-height: 160%;
  margin-bottom: 0;
  text-align: left
}

.x-talk-spaces-main .join-xtalk-conversation-div {
  background: #121822 url(/static/media/ready-conversation.8edb2c4e6490b899ba1e.svg);
  background-position: top;
  background-repeat: no-repeat;
  padding: 80px 20px;
  text-align: center
}

.x-talk-spaces-main .join-xtalk-conversation-div img {
  margin-bottom: 30px
}

.x-talk-spaces-main .join-xtalk-conversation-div h3 {
  margin: 0 auto 20px;
  max-width: 490px
}

.x-talk-spaces-main .join-xtalk-conversation-div p {
  color: #c8d3e4;
  font-size: 16px;
  font-weight: 300;
  margin: 0 auto;
  max-width: 870px
}

.x-talk-spaces-main .join-xtalk-conversation-div .line-devider-b {
  background: #992b6c;
  background: linear-gradient(90deg, #fa631f, #8a0de2);
  height: 3px;
  margin: 40px auto;
  width: 215px
}

.x-talk-spaces-main .join-xtalk-conversation-div h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px
}

.x-talk-spaces-main .join-xtalk-conversation-div .btns-register-today {
  align-items: center;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #0e131a;
  display: inline-flex;
  font-size: 16px;
  font-weight: 600;
  margin: 20px auto 0;
  padding: 14px 40px;
  transition: .2s ease-in-out 0s
}

.x-talk-spaces-main .join-xtalk-conversation-div .btns-register-today:hover {
  transform: scale(1.1)
}

.x-talk-spaces-main .join-xtalk-conversation-div .btns-register-today svg {
  margin-left: 16px;
  width: 20px
}

.swap {
  margin: 0 auto;
  max-width: 1900px;
  width: 100%
}

.swap-body {
  display: flex;
  height: 100%;
  position: relative
}

.swap-body-item {
  position: relative;
  width: 100%
}

.swap-body-item.left {
  flex: 1 1;
  margin-right: 30px;
  min-width: 380px;
  z-index: 1
}

.swap-body-item.right {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 380px
}

.swap-body-item.right.single {
  margin: 0 auto 20px
}

.swap-guide {
  height: 100%;
  position: relative
}

.swap-guide ::-webkit-scrollbar {
  display: none
}

.swap-guide-header {
  align-items: start;
  background-color: #f4f5ff;
  border-bottom: .5px solid #98a2b3;
  border-radius: 20px 20px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 110px;
  padding: 16px 16px 0 35px;
  position: relative;
  z-index: 2
}

.swap-guide-header .logo svg {
  margin: 12px 0 0
}

.swap-guide-header .whitepaper-link>button {
  align-items: center;
  background-color: #e4e5f7;
  border: none;
  border-radius: 6px;
  color: #000;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  padding: 9px 10px;
  position: relative;
  text-align: left;
  width: 110px
}

.swap-guide-header .whitepaper-link>button:after {
  border: solid #000;
  border-width: 0 2px 2px 0;
  bottom: auto;
  content: "";
  display: inline-block;
  left: auto;
  padding: 3px;
  position: absolute;
  right: 10px;
  top: 12px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.swap-guide-header .whitepaper-link>.dropdown-menu {
  background-color: #e4e5f7;
  border: none;
  margin-top: -8px !important;
  min-width: 110px;
  width: 110px
}

.swap-guide-header .whitepaper-link>.dropdown-menu .dropdown-item:focus,
.swap-guide-header .whitepaper-link>.dropdown-menu .dropdown-item:hover {
  background-color: #0000;
  color: var(--bs-dropdown-link-hover-color)
}

.swap-guide-header .whitepaper-link>.dropdown-menu>ul {
  overflow-y: auto
}

.swap-guide-header .whitepaper-link>.dropdown-menu>ul li a {
  color: #000;
  cursor: pointer;
  font-size: 12px;
  text-align: left;
  text-decoration: underline
}

.swap-guide-header-main-nav {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  position: relative
}

.swap-guide-header-main-nav .nav {
  border: none
}

.swap-guide-header-main-nav .nav.nav-tabs .nav-item .nav-link {
  background-color: #0000;
  border: none;
  border-bottom: 3px solid #0000;
  color: #475467;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  margin-right: 10px;
  padding: 5px;
  white-space: nowrap
}

.swap-guide-header-main-nav .nav.nav-tabs .nav-item .nav-link.active {
  background-color: #0000;
  border-bottom: 3px solid #ff6616;
  color: #0f1828;
  font-weight: 600
}

@media screen and (max-width:1280px) {
  .swap-guide-header-main-nav .custom-arrow {
    display: flex
  }
}

.swap-guide-header-main-nav .custom-arrow {
  display: none;
  position: absolute;
  right: 0;
  right: 12px;
  top: 33px
}

.swap-guide-header-main-nav .custom-arrow svg {
  fill: #fff;
  cursor: pointer;
  margin: 0 5px;
  width: 15px
}

.swap-guide-header-main-nav .custom-arrow svg:hover path {
  opacity: 1
}

.swap-guide-header-main-nav .custom-arrow .left {
  transform: rotate(90deg)
}

.swap-guide-header-main-nav .custom-arrow .right {
  transform: rotate(-90deg)
}

.swap-guide-sub-nav {
  background-color: #fff;
  border-bottom: .5px solid #98a2b3;
  min-height: 50px;
  padding: 12px 0 12px 35px;
  position: relative;
  z-index: 2
}

.swap-guide-sub-nav .nav {
  border: none
}

.swap-guide-sub-nav .nav.nav-tabs .nav-link {
  background-color: #0000;
  border: none;
  color: #475467;
  cursor: pointer;
  font-size: 12px;
  line-height: 18px;
  margin-right: 20px;
  padding: 5px 5px 3px;
  white-space: nowrap
}

.swap-guide-sub-nav .nav.nav-tabs .nav-link.active {
  color: #000;
  font-weight: 600
}

.swap-guide-sub-nav .nav .btn {
  background-color: #ff6717;
  border-color: #ff6717;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  padding: 3px 10px
}

.swap-guide-sub-nav .nav .btn:active,
.swap-guide-sub-nav .nav .btn:hover {
  background-color: #fff;
  border-color: #ff6717;
  color: #000
}

.swap-guide-sub-nav.sticky {
  border-radius: 16px 16px 0 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000
}

.swap-guide-scroll-nav {
  background-color: #e4e5f7;
  border: 2px solid #e4e5f7;
  border-radius: 18px;
  display: inline-flex;
  justify-content: center;
  margin: 15px 0 0;
  min-height: 34px
}

.swap-guide-scroll-nav.sticky {
  position: absolute;
  top: 62px;
  width: 445.51px;
  z-index: 1000
}

.swap-guide-scroll-nav li {
  display: inline-block
}

.swap-guide-scroll-nav li .btn {
  text-wrap: nowrap;
  border: none;
  border-radius: 34px;
  color: #000;
  font-size: 12px;
  height: 30px;
  padding: 6px 15px;
  text-align: center
}

.swap-guide-scroll-nav li .btn.active {
  background-color: #fff;
  border: #dcdcdc
}

.swap-guide-scroll-nav li .btn.active .icon-space {
  display: inline-block
}

.swap-guide-scroll-nav li .btn.active .icon-space.dark {
  display: none
}

.swap-guide-scroll-nav li .btn:focus {
  outline: none
}

.swap-guide-body {
  background: #fff;
  border-radius: 16px;
  font-size: 14px;
  height: 100%;
  line-height: 14px;
  overflow: hidden;
  position: relative
}

.swap-guide-body>div,
.swap-guide-body>div>div {
  max-height: 100vh !important
}

.swap-guide-body .protocol .display {
  background-image: url(/static/media/protocol-display.d2baba7f18e27b7e4fa3.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 286px;
  padding: 45px 36px;
  position: relative
}

.swap-guide-body .protocol .display h1 {
  color: #fff;
  font-size: 2.428em;
  margin-bottom: 20px
}

.swap-guide-body .protocol .display p {
  color: #fff;
  font-size: 1.2em;
  line-height: 1.5em
}

@media screen and (max-width:1200px) {
  .swap-guide-body .protocol .display p {
    font-size: 1em;
    line-height: 1.5em
  }
}

.swap-guide-body .protocol .display .btn {
  background-color: #ff6717;
  border-color: #ff6717;
  border-radius: 30px;
  color: #fff;
  font-size: 1em;
  margin-bottom: 30px;
  padding: 6px 20px
}

.swap-guide-body .protocol .display .btn:active,
.swap-guide-body .protocol .display .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ff6717
}

.swap-guide-body .protocol .overview ul {
  align-items: normal;
  display: flex;
  flex-wrap: wrap;
  gap: 5% 3%;
  margin: 20px 0 0
}

.swap-guide-body .protocol .overview ul li {
  background: #f8f8f8;
  border: .5px solid #b9b9b9;
  border-radius: 12px;
  color: #1d2939;
  font-size: 1em;
  line-height: 1.285em;
  list-style: none;
  min-width: 180px;
  padding: 30px 15px;
  width: 22%
}

.swap-guide-body .protocol .overview ul li img {
  margin-bottom: 30px
}

.swap-guide-body .protocol .overview ul li:first-child img {
  height: 30px;
  width: 30px
}

.swap-guide-body .protocol .overview ul li:nth-child(2) img,
.swap-guide-body .protocol .overview ul li:nth-child(3) img {
  height: 20px;
  width: 34px
}

.swap-guide-body .protocol .overview ul li:nth-child(4) img {
  height: 30px;
  width: 30px
}

.swap-guide-body .protocol .overview ul li b {
  display: block;
  font-size: 1.14em;
  font-weight: 600;
  line-height: 1.285em;
  margin-bottom: 10px
}

.swap-guide-body .protocol .overview ul li small {
  font-size: .857em;
  line-height: 1.285em
}

.swap-guide-body .protocol .overview .partners {
  margin-top: 50px
}

.swap-guide-body .protocol .overview .partners h5 {
  font-size: 1.57em;
  line-height: 1.846em;
  margin-bottom: 30px
}

.swap-guide-body .protocol .overview .partners img {
  margin-right: 50px;
  width: 250px
}

@media screen and (max-width:1440px) {
  .swap-guide-body .protocol .overview .partners img {
    width: 200px
  }
}

.swap-guide-body .protocol .projects h4 {
  font-size: 1.57em;
  font-weight: 600;
  line-height: 1.846em;
  margin-bottom: 30px
}

.swap-guide-body .protocol .projects b {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.57em
}

.swap-guide-body .protocol .projects p {
  font-size: 1em;
  line-height: 2em;
  margin: 20px 0
}

.swap-guide-body .protocol .projects ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 2%;
  margin: 20px 0 0
}

.swap-guide-body .protocol .projects ul li {
  background: #f8f8f8;
  border: .5px solid #b9b9b9;
  border-radius: 12px;
  list-style: none;
  padding: 40px 25px 25px;
  width: 48%
}

.swap-guide-body .protocol .projects ul li .img-wrapper {
  align-items: center;
  display: flex;
  height: 55px;
  margin-bottom: 30px
}

.swap-guide-body .protocol .projects ul li:first-child img {
  height: 33px;
  width: 150px
}

.swap-guide-body .protocol .projects ul li:nth-child(2) img {
  height: 55px;
  width: 55px
}

.swap-guide-body .protocol .projects ul li:nth-child(3) img {
  height: 30px;
  width: 120px
}

.swap-guide-body .protocol .projects ul li:nth-child(4) img {
  height: 60px
}

.swap-guide-body .protocol .projects ul li:nth-child(5) img {
  height: 33px;
  width: 150px
}

.swap-guide-body .protocol .projects ul li b {
  color: #1d2939;
  display: block;
  font-size: 1.428em;
  font-weight: 600;
  line-height: 1.285em;
  margin-bottom: 20px
}

.swap-guide-body .protocol .projects ul li p {
  color: #1d2939;
  font-size: 1em;
  line-height: 2.14em;
  margin-bottom: 0
}

.swap-guide-body .about .display {
  background-image: url(/static/media/about-swap.8bac472377ce005f6f8b.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 286px;
  margin-bottom: 80px;
  padding: 60px 36px;
  position: relative
}

.swap-guide-body .about .display h1 {
  color: #fff;
  font-size: 2.428em
}

.swap-guide-body .about .display .content {
  background-color: #fff;
  border-radius: 16px;
  bottom: -80px;
  box-shadow: 0 0 24px rgba(0, 0, 0, .122);
  left: 36px;
  padding: 20px;
  position: absolute;
  width: 70%
}

@media screen and (max-width:1300px) {
  .swap-guide-body .about .display .content {
    position: static;
    width: 100%
  }
}

.swap-guide-body .about .display .content h6 {
  color: #000;
  color: initial;
  font-size: 1.28em;
  font-weight: 600;
  line-height: 1.846em
}

.swap-guide-body .about .display .content p {
  color: #393939;
  font-size: 1em;
  line-height: 1.57em;
  margin: 0
}

.swap-guide-body .about .breaking {
  padding: 50px 36px 100px
}

.swap-guide-body .about .breaking ul {
  align-items: normal;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin: 20px 0 0
}

@media screen and (max-width:1200px) {
  .swap-guide-body .about .breaking ul {
    flex-direction: column
  }
}

.swap-guide-body .about .breaking ul li {
  background: #f8f8f8;
  border: .5px solid #b9b9b9;
  border-radius: 12px;
  color: #1d2939;
  font-size: 1em;
  line-height: 1.285em;
  list-style: none;
  margin: 0 20px 20px 0;
  padding: 30px 15px;
  width: 250px
}

@media screen and (max-width:1200px) {
  .swap-guide-body .about .breaking ul li {
    width: 100%
  }
}

.swap-guide-body .about .breaking ul li img {
  height: 30px;
  margin-bottom: 30px;
  width: 30px
}

.swap-guide-body .about .breaking ul li b {
  display: block;
  font-size: 1.14em;
  font-weight: 600;
  line-height: 1.285em;
  margin-bottom: 10px
}

.swap-guide-body .about .breaking ul li small {
  font-size: .857em;
  line-height: 1.285em
}

.swap-guide-body .about .projects {
  background-color: #03012a;
  color: #fff;
  padding: 100px 36px 80px
}

.swap-guide-body .about .projects h4 {
  font-size: 1.57em;
  font-weight: 600;
  line-height: 1.846em;
  margin-bottom: 30px
}

.swap-guide-body .about .projects b {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.57em
}

.swap-guide-body .about .projects p {
  font-size: 1em;
  line-height: 2em;
  margin: 20px 0
}

.swap-guide-body .about .projects ul {
  display: flex;
  margin: 20px 0 0
}

@media screen and (max-width:1200px) {
  .swap-guide-body .about .projects ul {
    flex-direction: column
  }
}

.swap-guide-body .about .projects ul li {
  background: #fff;
  border-radius: 12px;
  list-style: none;
  margin: 0 20px 20px 0;
  padding: 40px 25px 25px;
  width: 100%
}

.swap-guide-body .about .projects ul li .img-wrapper {
  align-items: center;
  display: flex;
  height: 55px;
  margin-bottom: 30px
}

.swap-guide-body .about .projects ul li:first-child img {
  height: 33px;
  width: 150px
}

.swap-guide-body .about .projects ul li:nth-child(2) img {
  height: 55px;
  width: 55px
}

.swap-guide-body .about .projects ul li:nth-child(3) img {
  height: 30px;
  width: 120px
}

.swap-guide-body .about .projects ul li b {
  color: #1d2939;
  display: block;
  font-size: 1.428em;
  font-weight: 600;
  line-height: 1.285em;
  margin-bottom: 20px
}

.swap-guide-body .about .projects ul li p {
  color: #1d2939;
  font-size: 1em;
  line-height: 2.14em;
  margin-bottom: 0
}

.swap-guide-body .about .ecosystem {
  padding: 60px 36px 50px
}

.swap-guide-body .about .ecosystem .box {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 22px rgba(0, 0, 0, .098);
  padding: 40px 20px 40px 40px
}

.swap-guide-body .about .ecosystem .box img {
  filter: invert(0) !important;
  height: 46px;
  width: 46px
}

.swap-guide-body .about .ecosystem .box .btc {
  background: #f8f8f8;
  border-radius: 30px;
  padding: 10px 20px 10px 10px
}

.swap-guide-body .about .ecosystem .box .btc img {
  margin-right: 10px
}

.swap-guide-body .about .ecosystem .box .btc small {
  color: #393939;
  font-size: 1em;
  line-height: 1.57em
}

@media screen and (max-width:1200px) {
  .swap-guide-body .about .mission .d-flex {
    flex-direction: column
  }
}

.swap-guide-body .about .mission .box {
  background: #f8f8f8;
  border: .5px solid #b9b9b9;
  border-radius: 12px;
  padding: 40px 30px;
  width: 50%
}

@media screen and (max-width:1200px) {
  .swap-guide-body .about .mission .box {
    width: 100%
  }
}

.swap-guide-body .about .mission .box h6 {
  font-size: 1.28em;
  line-height: 1.846em;
  margin-bottom: 20px
}

.swap-guide-body .about .mission .box b {
  display: block;
  font-weight: 600
}

.swap-guide-body .about .mission .box b,
.swap-guide-body .about .mission .box p {
  font-size: 1em;
  line-height: 1.57em;
  margin-bottom: 10px
}

.swap-guide-body .about .team .team-members {
  display: flex;
  flex-wrap: wrap
}

.swap-guide-body .about .team .team-members .team-member {
  margin: 0 30px 30px 0
}

.swap-guide-body .about .team .team-members .team-member img {
  border: .5px solid #b9b9b9;
  border-radius: 20px;
  width: 120px
}

.swap-guide-body .about .team .team-members .team-member h6 {
  font-size: .857em;
  line-height: .857em;
  margin: 5px 0;
  text-align: center
}

.swap-guide-body .about .team .team-members .team-member p {
  font-size: .714em;
  line-height: .714em;
  margin-bottom: 0
}

.swap-guide-body .about .partnerships ul {
  display: flex;
  margin: 20px 0 0
}

@media screen and (max-width:1200px) {
  .swap-guide-body .about .partnerships ul {
    flex-direction: column
  }
}

.swap-guide-body .about .partnerships ul li {
  background: #fff;
  border: 1px solid #a8c4ff;
  border-radius: 12px;
  list-style: none;
  margin: 0 20px 20px 0;
  padding: 25px;
  width: 100%
}

.swap-guide-body .about .partnerships ul li img {
  height: auto;
  margin-bottom: 30px;
  width: 100px
}

.swap-guide-body .about .partnerships ul li b {
  color: #1d2939;
  display: block;
  font-size: 1.14em;
  font-weight: 600;
  line-height: 1.285em;
  margin-bottom: 10px
}

.swap-guide-body .about .partnerships ul li p {
  color: #1d2939;
  font-size: .857em;
  line-height: 1.285em;
  margin-bottom: 0
}

.swap-guide-body .sanitisation .display {
  background-image: url(/static/media/data-banner.aaaf07750eb20b4ee466.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 286px;
  padding: 45px 36px;
  position: relative
}

.swap-guide-body .sanitisation .display h1 {
  color: #fff;
  font-size: 2.428em;
  margin-bottom: 20px
}

.swap-guide-body .sanitisation .display h3 {
  color: #fff;
  font-size: 1.42em;
  font-weight: 400;
  margin-bottom: 10px
}

.swap-guide-body .sanitisation .display p {
  color: #fff;
  font-size: 1em;
  line-height: 1.5em
}

.swap-guide-body .xperks .display {
  background-image: url(/static/media/xperks-banner.d408d38aa1f5c2c26bfb.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 286px;
  padding: 45px 36px;
  position: relative
}

.swap-guide-body .xperks .display h1 {
  color: #fff;
  font-size: 2.428em;
  margin-bottom: 20px
}

.swap-guide-body .xperks .display h3 {
  color: #fff;
  font-size: 1.42em;
  font-weight: 400;
  margin-bottom: 10px
}

.swap-guide-body .xperks .display p {
  color: #fff;
  font-size: 1em;
  line-height: 1.5em
}

.swap-guide-body .xperks .table-wrapper {
  border: none !important
}

.swap-guide-body .xperks .table-wrapper table {
  border: none;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0
}

.swap-guide-body .xperks .table-wrapper table thead {
  border: none
}

.swap-guide-body .xperks .table-wrapper table thead tr th {
  word-wrap: break-word;
  background-color: #e4e5f7 !important;
  border-bottom: 1px solid #d0d5dd !important;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  padding: 14px 10px;
  text-align: center;
  vertical-align: middle;
  white-space: normal
}

.swap-guide-body .xperks .table-wrapper table thead tr th:first-child {
  text-align: start
}

.swap-guide-body .xperks .table-wrapper table tbody {
  border: none
}

.swap-guide-body .xperks .table-wrapper table tbody tr td {
  border-bottom: .5px solid #d0d5dd !important;
  color: #344054;
  font-size: 14px;
  font-weight: 400;
  padding: 13px 10px;
  text-align: center;
  vertical-align: middle;
  white-space: normal
}

.swap-guide-body .xperks .table-wrapper table tbody tr td:first-child {
  text-align: start
}

.swap-guide-body .xperks .table-wrapper table tbody tr th {
  padding: 14px 10px
}

.swap-guide-body .xperks .table-wrapper table tbody tr th.gold {
  background-color: #eabe2e
}

.swap-guide-body .xperks .table-wrapper table tbody tr th.platinum {
  background-color: #e5e4e2
}

.swap-guide-body .xperks .table-wrapper table tbody tr th.silver {
  background-color: silver
}

.swap-guide-body .xperks .table-wrapper table tbody tr th.bronze {
  background-color: #cd7f32
}

.swap-guide-body .node-nft .display {
  background-image: url(/static/media/node-banner.f662d6b988d7a593e44a.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 286px;
  padding: 45px 36px;
  position: relative
}

.swap-guide-body .node-nft .display h1 {
  color: #fff;
  font-size: 2.6em;
  margin-bottom: 20px
}

.swap-guide-body .node-nft .display p {
  color: #fff;
  font-size: 1.3em;
  line-height: 1.5em
}

@media screen and (max-width:1200px) {
  .swap-guide-body .node-nft .display p {
    font-size: 1em;
    line-height: 1.5em
  }
}

.swap-guide-body .node-nft .display .btn {
  background-color: #ff6717;
  border-color: #ff6717;
  border-radius: 30px;
  color: #fff;
  font-size: 1em;
  margin-bottom: 30px;
  padding: 6px 20px
}

.swap-guide-body .node-nft .display .btn:active,
.swap-guide-body .node-nft .display .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ff6717
}

.swap-guide-body .node-nft .table-wrapper {
  border: none !important
}

.swap-guide-body .node-nft .table-wrapper table {
  border: none;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0
}

.swap-guide-body .node-nft .table-wrapper table thead {
  border: none
}

.swap-guide-body .node-nft .table-wrapper table thead tr th {
  word-wrap: break-word;
  background-color: #e4e5f7 !important;
  border-bottom: 1px solid #d0d5dd !important;
  color: #000;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 14px;
  padding: 14px 10px;
  vertical-align: middle;
  white-space: normal
}

.swap-guide-body .node-nft .table-wrapper table tbody {
  border: none
}

.swap-guide-body .node-nft .table-wrapper table tbody tr td {
  border-bottom: .5px solid #d0d5dd !important;
  color: #344054;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 20px;
  padding: 13px 10px;
  vertical-align: middle;
  white-space: normal
}

.swap-guide-body .card-content {
  line-height: 1.785em;
  max-width: 1000px;
  padding: 30px 45px 20px;
  position: relative;
  width: 100% !important
}

@media screen and (max-width:1280px) {
  .swap-guide-body .card-content {
    padding: 50px 25px 20px
  }
}

.swap-guide-body .card-content h3 {
  font-size: 2.3em;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 20px
}

.swap-guide-body .card-content h4 {
  font-size: 1.7em;
  font-weight: 600;
  margin-bottom: 20px
}

.swap-guide-body .card-content h5 {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 15px
}

.swap-guide-body .card-content h6 {
  font-size: 1em;
  font-weight: 600
}

.swap-guide-body .card-content p {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.7em;
  margin-bottom: 22px;
  text-align: center
}

.swap-guide-body .card-content ol {
  margin: 10px 0 20px 20px
}

.swap-guide-body .card-content ol li {
  font-size: 1.1em;
  line-height: 1.8em;
  margin-bottom: 10px
}

.swap-guide-body .card-content ul {
  list-style: disc;
  margin: 10px 0 20px 20px
}

.swap-guide-body .card-content ul li {
  font-size: 1.1em;
  line-height: 1.8em;
  margin-bottom: 10px
}

.swap-guide-body .card-content img {
  margin-bottom: 20px;
  max-width: 100%
}

.swap-guide-body .card-content .box {
  border-radius: 16px;
  box-shadow: 0 0 9px #00000029;
  padding: 20px;
  width: 100%
}

.swap-guide-body .card-content .box h5 {
  line-height: 1.6;
  margin-bottom: 15px;
  text-align: left
}

.swap-guide-body .card-content .box p {
  font-size: .857em;
  line-height: 1.57em;
  margin: 0;
  text-align: left
}

.swap-guide-body .card-content .tiered ul {
  align-items: normal;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin: 20px 0 0
}

@media screen and (max-width:1200px) {
  .swap-guide-body .card-content .tiered ul {
    flex-direction: column
  }
}

.swap-guide-body .card-content .tiered ul.two-box li {
  margin: 0 2% 2% 0;
  width: 48%
}

.swap-guide-body .card-content .tiered ul li {
  background: #f4f5ff;
  border: .5px solid #e4e5f7;
  border-radius: 12px;
  color: #1d2939;
  font-size: 1.2em;
  line-height: 1.3em;
  list-style: none;
  margin: 0 20px 20px 0;
  padding: 30px;
  width: 280px
}

.swap-guide-body .card-content .tiered ul li.gold {
  background-color: #eabe2e
}

.swap-guide-body .card-content .tiered ul li.platinum {
  background-color: #e5e4e2
}

.swap-guide-body .card-content .tiered ul li.silver {
  background-color: silver
}

.swap-guide-body .card-content .tiered ul li.bronze {
  background-color: #cd7f32
}

@media screen and (max-width:1200px) {
  .swap-guide-body .card-content .tiered ul li {
    width: 100%
  }
}

.swap-guide-body .card-content .tiered ul li img {
  height: 30px;
  margin-bottom: 30px;
  width: 30px
}

.swap-guide-body .card-content .tiered ul li b {
  display: block;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.285em;
  margin-bottom: 10px
}

.swap-guide-body .card-content .tiered ul li small {
  font-size: .85em;
  line-height: 1.5em
}

.swap-guide-body .card-content i {
  color: currentColor
}

.swap-guide-body .card-content .btn {
  background-color: #ff6717;
  border-color: #ff6717;
  border-radius: 30px;
  color: #fff;
  font-size: 1em;
  margin-bottom: 30px;
  padding: 6px 10px
}

.swap-guide-body .card-content .btn:active,
.swap-guide-body .card-content .btn:hover {
  background-color: #fff;
  border-color: #ff6717;
  color: #000
}

.swap-guide-body .card-content .table-wrapper {
  background-color: #fff;
  border: 1px solid #e8e8ed;
  margin-bottom: 20px;
  padding: 0
}

.swap-guide-body .card-content .table-wrapper table thead tr th {
  background-color: #f5f5f5
}

.swap-guide-body .card-content .table-wrapper table tr td,
.swap-guide-body .card-content .table-wrapper table tr th {
  border: 1px solid #e8e8ed
}

.swap-guide-body .card-content .table-wrapper table tr.gold td,
.swap-guide-body .card-content .table-wrapper table tr.gold th {
  background-color: #eabe2e
}

.swap-guide-body .card-content .table-wrapper table tr.platinum td,
.swap-guide-body .card-content .table-wrapper table tr.platinum th {
  background-color: #e5e4e2
}

.swap-guide-body .card-content .table-wrapper table tr.silver td,
.swap-guide-body .card-content .table-wrapper table tr.silver th {
  background-color: silver
}

.swap-guide-body .card-content .table-wrapper table tr.bronze td,
.swap-guide-body .card-content .table-wrapper table tr.bronze th {
  background-color: #cd7f32
}

.swap-guide-body .card-content .img-wrapper {
  margin-bottom: 30px;
  width: 100%
}

.swap-guide-body .card-content .img-wrapper img {
  max-width: 100%
}

.swap-guide-body .card-content .accordion-button {
  background-color: inherit;
  color: inherit
}

.swap-guide-body .card-content .accordion-button:not(.collapsed) {
  background-color: #cfe2ff;
  color: #000
}

.swap-guide-body .card-content .accordion-item {
  background-color: inherit;
  color: inherit
}

.swap-guide-body .card-content-table {
  background: #fff;
  border-radius: 0 0 20px 20px;
  padding: 0;
  position: relative;
  z-index: 99
}

.swap-guide-body .card-content-table h3 {
  align-items: center;
  display: flex;
  font-size: 1.857em !important;
  margin: 0;
  padding: 30px 24px
}

.swap-guide-body .card-content-table h3>svg {
  margin-right: 15px;
  max-height: 26px;
  max-width: 20px
}

.swap-guide-body .card-content-table .table-wrapper {
  background-color: #fff;
  border: none;
  border-radius: 0 0 20px 20px;
  height: 100%
}

.swap-guide-body .card-content-table .table-wrapper thead {
  background-color: #e8edf1;
  border-bottom: .5px solid #d0d5dd;
  border-top: .5px solid #d0d5dd;
  position: -webkit-sticky;
  position: sticky;
  top: -1px
}

.swap-guide-body .card-content-table .table-wrapper thead tr th {
  color: #000;
  font-weight: 600;
  line-height: .714em;
  padding: 15px 10px;
  vertical-align: middle;
  white-space: nowrap
}

@media screen and (max-width:1280px) {
  .swap-guide-body .card-content-table .table-wrapper thead tr th {
    padding: 15px 5px
  }
}

.swap-guide-body .card-content-table .table-wrapper thead tr th:first-child {
  padding-left: 24px
}

.swap-guide-body .card-content-table .table-wrapper thead tr th:last-child {
  padding-right: 24px
}

.swap-guide-body .card-content-table .table-wrapper tbody tr td {
  border-bottom: .5px solid #d0d5dd;
  color: #000;
  font-size: 1em;
  font-weight: 500;
  padding: 13px 10px;
  transition: all .3s ease-in-out;
  vertical-align: middle;
  white-space: nowrap
}

@media screen and (max-width:1280px) {
  .swap-guide-body .card-content-table .table-wrapper tbody tr td {
    padding: 13px 5px
  }
}

.swap-guide-body .card-content-table .table-wrapper tbody tr td:first-child {
  padding-left: 20px
}

.swap-guide-body .card-content-table .table-wrapper tbody tr td:last-child {
  padding-right: 20px
}

.swap-guide-body .card-content-table .table-wrapper tbody tr td .apr-text {
  color: #000;
  font-size: .857em
}

.swap-guide-body .card-content-table .table-wrapper tbody tr td .text-muted {
  font-size: .857em;
  font-weight: 400
}

.swap-guide-body .card-content-table .table-wrapper tbody tr.active td,
.swap-guide-body .card-content-table .table-wrapper tbody tr:hover td {
  background-color: #f4f5ff
}

.swap-guide-body .box {
  background: #f8f8f8;
  border: .5px solid #b9b9b9;
  border-radius: 12px;
  margin: 0 20px 20px 0;
  padding: 30px 15px
}

.swap-guide-body .tier {
  align-items: center;
  border: 1px solid #dfdddd;
  border-radius: 5px;
  color: #000;
  display: inline-flex;
  font-size: .857em;
  height: 28px;
  justify-content: center;
  min-width: 64px
}

.swap-guide-body .tier.gold {
  background-color: #eabe2e
}

.swap-guide-body .tier.platinum {
  background-color: #e5e4e2
}

.swap-guide-body .tier.silver {
  background-color: silver
}

.swap-guide-body .tier.bronze {
  background-color: #cd7f32
}

.swap-guide-body>div>div>div {
  height: 97%;
  width: 100%
}

.swap-widget {
  min-height: 612px;
  width: 380px
}

@media screen and (max-width:1440px) {
  .swap-widget {
    min-height: 592px
  }
}

.swap-widget {
  border: none;
  margin: 0 auto
}

.swap-widget.single {
  min-height: 612px
}

@media screen and (max-width:1440px) {
  .swap-widget.single {
    min-height: 592px
  }
}

.swap-widget {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  background-color: #f9fafbcc;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 0;
  position: relative
}

.swap-widget h5 {
  font-size: 18px;
  line-height: 16px;
  margin-bottom: 15px;
  text-align: center
}

.swap-widget-tabs {
  align-items: center;
  background-color: #f9fafb;
  border-radius: 34px;
  display: flex;
  margin-bottom: 15px
}

.swap-widget-tabs:hover {
  background: hsla(0, 0%, 100%, .565)
}

.swap-widget-tabs li {
  width: 50%
}

.swap-widget-tabs li .btn {
  text-wrap: nowrap;
  border: none;
  border-radius: 34px;
  color: #000;
  display: block;
  font-size: 12px;
  height: 40px;
  text-align: center;
  width: 100%
}

.swap-widget-tabs li .btn.active {
  background-color: #1d1377;
  border: #dcdcdc;
  color: #fff
}

.swap-widget-tabs li .btn.active .icon-space {
  display: inline-block
}

.swap-widget-tabs li .btn.active .icon-space.dark {
  display: none
}

.swap-widget-tabs li .btn:focus {
  outline: none
}

.swap-widget-tabs li .btn .icon-space {
  display: none
}

.swap-widget-tabs li .btn .icon-space.dark {
  display: inline-block
}

.swap-widget-tabs-content,
.swap-widget-tabs-content>img {
  width: 100%
}

.swap-widget-body {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  padding: 25px 20px 5px
}

@media screen and (max-width:1440px) {
  .swap-widget-body {
    padding: 15px 20px 5px
  }
}

.swap-widget-body {
  height: 100%
}

.swap-widget-body .swap-form-height {
  min-height: 422px
}

@media screen and (max-width:1440px) {
  .swap-widget-body .swap-form-height {
    min-height: 437px
  }
}

.swap-widget-body .swap-form {
  margin-top: 26px
}

@media screen and (max-width:1440px) {
  .swap-widget-body .swap-form {
    margin-top: 0
  }
}

.swap-widget-body .swap-form .btn-primary {
  margin-top: 0
}

.swap-widget-body .swap-form .note {
  margin: 10px 0
}

.swap-widget-body .swap-action-arrow {
  height: 20px;
  width: 20px
}

.swap-widget-body .edit-rewards {
  margin-top: 15px
}

.swap-widget-body .edit-rewards label {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px
}

.swap-widget-body .edit-rewards-link {
  border-bottom: 1px solid #667085;
  color: #667085;
  display: inline-block;
  font-size: 10px;
  line-height: 12px
}

.swap-widget-body .edit-rewards-block {
  margin-top: 2px
}

.swap-widget-body .credit-wrapper {
  margin-top: 20px
}

.swap-widget-body .options {
  display: flex;
  flex-direction: column;
  height: calc(100% - 47px);
  justify-content: space-between
}

.swap-widget-body .options-text {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  margin: 50px 0;
  text-align: center
}

.swap-widget-body .options-list li {
  align-items: center;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  height: 80px;
  justify-content: left;
  margin-bottom: 12px;
  padding: 30px;
  position: relative
}

.swap-widget-body .options-list li .preferred {
  background-color: #d2ffcb;
  border-radius: 7px;
  bottom: 7px;
  color: #1cbc00;
  display: inline-block;
  font-size: 10px;
  padding: 2px 9px;
  position: absolute;
  right: 14px
}

.swap-widget-body .options-list li:hover {
  background: hsla(0, 0%, 100%, .565)
}

.swap-widget-body .options-list li img {
  margin-right: 30px
}

.swap-widget-body .options-list li small {
  color: #000;
  font-size: 14px;
  line-height: 22px
}

.swap-widget-body .bank-trasfer {
  background-color: #ffffffb3;
  border-radius: 10px 10px 0 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font-size: 12px;
  height: 100%;
  justify-content: space-between;
  padding: 15px;
  position: relative
}

.swap-widget-body .bank-trasfer svg.close {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px
}

.swap-widget-body .bank-trasfer h6 {
  font-size: 18px;
  line-height: 22px;
  margin: 20px 0
}

.swap-widget-body .bank-trasfer p {
  font-size: 14px;
  line-height: 20px
}

.swap-widget-body .bank-trasfer ol {
  padding: 0 20px
}

.swap-widget-body .bank-trasfer ol li {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 15px
}

.swap-widget-navigation {
  align-items: center;
  background: #1e1378;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  left: 20px;
  margin: auto;
  position: absolute;
  text-align: center;
  transition: all .3s ease-in-out;
  width: calc(100% - 40px)
}

.swap-widget-navigation:hover {
  box-shadow: inset 0 3px 2px rgba(0, 0, 0, .161), 0 1px 9px rgba(30, 19, 120, .604);
  height: 40px;
  transition: all .3s ease-in-out
}

.swap-widget-navigation a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  margin: 0
}

.swap-widget-navigation.top {
  border-radius: 20px 20px 0 0;
  bottom: 100%
}

.swap-widget-navigation.bottom {
  border-radius: 0 0 20px 20px;
  top: 100%
}

.swap .XPerks-widget {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  background-color: #f4f4f4cc;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  opacity: 1;
  position: relative;
  width: 100%
}

.swap .XPerks-widget h5 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  text-align: center
}

.swap .XPerks-widget label {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
  position: relative
}

.swap .XPerks-widget-body {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px
}

.swap .XPerks-widget-tabs {
  align-items: center;
  background-color: #f9fafb;
  border-radius: 34px;
  display: flex;
  margin-bottom: 20px
}

.swap .XPerks-widget-tabs li {
  width: 100%
}

.swap .XPerks-widget-tabs li .btn {
  text-wrap: nowrap;
  border: none;
  border-radius: 34px;
  color: #000;
  display: block;
  font-size: 10px;
  text-align: center;
  width: 100%
}

.swap .XPerks-widget-tabs li .btn.large {
  font-size: 14px;
  height: 40px;
  padding: 8px 10px
}

.swap .XPerks-widget-tabs li .btn.active {
  background-color: #1d1377;
  border: #dcdcdc;
  color: #fff
}

.swap .XPerks-widget-tabs li .btn.active .icon-space {
  display: inline-block
}

.swap .XPerks-widget-tabs li .btn.active .icon-space.dark {
  display: none
}

.swap .XPerks-widget-tabs li .btn:focus {
  outline: none
}

.swap .XPerks-widget-tabs li .btn .icon-space {
  display: none;
  margin-right: 12px
}

.swap .XPerks-widget-tabs li .btn .icon-space.dark {
  display: inline-block
}

.swap .XPerks-widget-tabs-content,
.swap .XPerks-widget-tabs-content>img {
  width: 100%
}

.swap .XPerks-widget-tabs-source {
  align-items: center;
  background-color: #f9fafb;
  border: none;
  border-radius: 25px;
  display: flex;
  margin-bottom: 10px
}

.swap .XPerks-widget-tabs-source li {
  width: 100%
}

.swap .XPerks-widget-tabs-source li:nth-child(3) .btn {
  width: 100px
}

.swap .XPerks-widget-tabs-source li .btn {
  border: none;
  border-radius: 25px;
  color: #000;
  font-size: 10px;
  height: 40px;
  line-height: 13px;
  padding: 0 5px;
  text-align: center;
  width: 100%
}

.swap .XPerks-widget-tabs-source li .btn.active {
  background-color: #1d1377;
  border: #dcdcdc;
  color: #fff
}

.swap .XPerks-widget-tabs-source li .btn.active .icon-space {
  display: inline-block
}

.swap .XPerks-widget-tabs-source li .btn.active .icon-space.dark {
  display: none
}

.swap .XPerks-widget-tabs-source li .btn:focus {
  outline: none
}

.swap .XPerks-widget-tabs-source li .btn .icon-space {
  display: none;
  margin-right: 12px
}

.swap .XPerks-widget-tabs-source li .btn .icon-space.dark {
  display: inline-block
}

.swap .XPerks-widget-tabs-source-content,
.swap .XPerks-widget-tabs-source-content>img {
  width: 100%
}

.swap .XPerks-widget-balance {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  margin-bottom: 20px
}

.swap .XPerks-widget-balance .icon-space {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle
}

.swap .XPerks-widget-balance .icon-space img {
  height: 24px;
  width: 24px
}

.swap .XPerks-widget-balance b {
  font-weight: 600;
  margin-top: 5px;
  padding-left: 30px;
  width: 100%
}

.swap .XPerks-widget-name {
  background-color: #e5e9fd;
  border-radius: 33px;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 10px;
  padding: 3px 5px
}

.swap .XPerks-widget-name .icon-space {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle
}

.swap .XPerks-widget-name .icon-space.white {
  background-color: #fff;
  border-radius: 20px;
  height: 16px;
  padding: .6px 1.8px;
  width: 16px
}

.swap .XPerks-widget-name .icon-space img {
  width: 12px
}

.swap .XPerks-widget-name .connect {
  height: 16px;
  margin-left: 40px;
  width: 78px
}

.swap .XPerks-widget .term-sheet {
  color: #45484d;
  display: block;
  font-size: 12px;
  margin: 6px 0 20px
}

.swap .XPerks-widget .term-sheet b {
  color: #000;
  font-weight: 600
}

.swap .XPerks-widget .term-options {
  background-color: #fff;
  border: .5px solid #d0d5dd;
  border-radius: 15px;
  margin-bottom: 20px;
  opacity: 1;
  padding: 10px 15px
}

.swap .XPerks-widget .term-options .symbol {
  bottom: auto;
  font-size: 28px;
  left: 7px;
  line-height: 28px;
  position: absolute;
  right: auto;
  top: 7px
}

.swap .XPerks-widget .term-options .term-amount {
  background-color: #fff;
  border: none;
  color: #0c111d;
  font-size: 28px;
  font-weight: 400;
  line-height: 28px;
  padding: 3px 10px
}

.swap .XPerks-widget .term-options .term-amount:focus {
  border-color: #d0d5dd;
  box-shadow: none
}

.swap .XPerks-widget .term-options .term-amount::placeholder {
  color: #98a2b3
}

.swap .XPerks-widget .term-options small {
  font-size: 9px;
  font-weight: 400
}

.swap .XPerks-widget .staking-period {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  background-color: #ffffffa6;
  border-radius: 15px;
  margin-bottom: 20px
}

.swap .XPerks-widget .staking-period-body {
  max-height: 231px;
  padding: 15px 15px 10px
}

.swap .XPerks-widget .staking-period .staking-period-tabs {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  display: flex
}

.swap .XPerks-widget .staking-period .staking-period-tabs li {
  width: 100%
}

.swap .XPerks-widget .staking-period .staking-period-tabs li .btn {
  text-wrap: nowrap;
  border: none;
  border-radius: 6px;
  color: #000;
  display: inline-block;
  font-size: 10px;
  min-height: 46px;
  padding: 0 10px;
  width: 33.33%
}

.swap .XPerks-widget .staking-period .staking-period-tabs li .btn span {
  color: #98a2b3;
  font-size: 12px;
  font-weight: 400
}

.swap .XPerks-widget .staking-period .staking-period-tabs li .btn p {
  color: #000;
  font-size: 10px;
  margin: 0
}

.swap .XPerks-widget .staking-period .staking-period-tabs li .btn.active {
  background-color: red;
  box-shadow: 0 0 8px #0003
}

.swap .XPerks-widget .staking-period .staking-period-tabs li .btn.active span {
  color: #000;
  font-weight: 700
}

.swap .XPerks-widget .staking-period .staking-period-tabs li .btn.active p {
  color: #000
}

.swap .XPerks-widget .staking-period .staking-period-tabs li .btn.active.Gold {
  background-color: #eabe2e
}

.swap .XPerks-widget .staking-period .staking-period-tabs li .btn.active.Platinum {
  background-color: #e5e4e2
}

.swap .XPerks-widget .staking-period .staking-period-tabs li .btn.active.Silver {
  background-color: silver
}

.swap .XPerks-widget .staking-period .staking-period-tabs li .btn.active.Bronze {
  background-color: #cd7f32
}

.swap .XPerks-widget .staking-period .staking-period-tabs li .btn:focus {
  outline: none
}

.swap .XPerks-widget .staking-period .staking-period-tabs-content,
.swap .XPerks-widget .staking-period .staking-period-tabs-content>img {
  width: 100%
}

.swap .XPerks-widget .staking-period-values {
  display: inline-block;
  margin: 0;
  overflow: hidden;
  width: 100%
}

.swap .XPerks-widget .staking-period-values h3 {
  color: #0c111d;
  font-size: 32px;
  font-weight: 400;
  margin: 0 0 2px
}

.swap .XPerks-widget .staking-period-values h3>span {
  color: #475467;
  font-size: 12px;
  font-weight: 400
}

.swap .XPerks-widget .staking-period img {
  bottom: 0;
  max-width: 100%;
  position: absolute;
  right: 0;
  width: 100%
}

.swap .XPerks-widget .staking-period-status {
  color: #344054;
  font-size: 12px;
  font-weight: 600
}

.swap .XPerks-widget .staking-period-status.positive {
  position: relative
}

.swap .XPerks-widget .staking-period-status.positive:before {
  border-bottom: 10px solid #0dcb2a;
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  content: "";
  display: inline-block;
  height: 0;
  line-height: 0;
  margin-right: 2px;
  width: 0
}

.swap .XPerks-widget .staking-period-status.negative {
  position: relative
}

.swap .XPerks-widget .staking-period-status.negative:before {
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  border-top: 10px solid #ff0420;
  content: "";
  display: inline-block;
  height: 0;
  line-height: 0;
  margin-right: 2px;
  width: 0
}

.swap .XPerks-widget .node-nft {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  background-color: #ffffffa6;
  border-radius: 15px;
  margin-bottom: 16px;
  padding: 22px
}

.swap .XPerks-widget .node-nft h2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 20px
}

.swap .XPerks-widget .node-nft p {
  font-size: 12px;
  font-size: 400;
  margin-bottom: 10px
}

.swap .XPerks-widget .node-nft-counter {
  margin-right: 20px
}

.swap .XPerks-widget .node-nft-counter .btn {
  background-color: #fff;
  border: none;
  border-radius: 0;
  border-right: 1px solid #d0d5dd;
  font-size: 20px;
  height: 42px;
  min-height: 42px;
  padding: 0 10px;
  width: 42px
}

.swap .XPerks-widget .node-nft-counter .btn:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px
}

.swap .XPerks-widget .node-nft-counter .form-control {
  background-color: #ffffffa6;
  border: none;
  border-radius: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  color: #000;
  cursor: default;
  font-size: 15px;
  font-weight: 400;
  height: 42px;
  text-align: center;
  width: 42px
}

.bank-buy {
  border-radius: 25px
}

.bank-buy .buy-title {
  display: block;
  font-size: 20px;
  font-weight: 700;
  padding: 20px 0;
  position: relative;
  text-align: center
}

.bank-buy .bank-transfer-flow {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 0 24px #00000047;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  height: calc(100% - 60.79px);
  height: calc(100% - 16px);
  overflow: hidden;
  padding: 16px
}

.bank-buy .bank-transfer-flow.step-4 {
  background: #1a1a1a
}

.bank-buy .bank-transfer-flow.step-4 .title {
  color: #fff;
  font-size: 16px;
  font-weight: 400
}

.bank-buy .bank-transfer-flow.step-4 .close-btn svg {
  color: #fff
}

.bank-buy .bank-transfer-flow .title {
  color: #434149;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  padding: 0 16px;
  text-align: center
}

.bank-buy .bank-transfer-flow .stepper {
  margin: 0 auto;
  padding: 20px 0;
  text-align: center
}

.bank-buy .bank-transfer-flow .stepper ul {
  display: inline-flex;
  gap: 16px;
  position: relative
}

.bank-buy .bank-transfer-flow .stepper ul:after {
  border: 1px dashed #ccc;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.bank-buy .bank-transfer-flow .stepper ul li a {
  align-items: center;
  background-color: #fff;
  border: 1px solid #505050;
  border-radius: 35px;
  color: #505050;
  display: inline-flex;
  font-size: 12px;
  height: 35px;
  justify-content: center;
  padding: 6px 12px;
  position: relative;
  text-transform: uppercase;
  width: 35px;
  z-index: 1
}

.bank-buy .bank-transfer-flow .stepper ul li a.active {
  border-color: #0dcb2a;
  width: auto
}

.bank-buy .bank-transfer-flow .input-area .input-box {
  margin-bottom: 20px
}

.bank-buy .bank-transfer-flow .input-area .input-box label {
  color: #959595;
  font-size: 12px;
  margin-bottom: 4px
}

.bank-buy .bank-transfer-flow .input-area .input-box input {
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  font-size: 14px;
  padding: 11px 14px
}

.bank-buy .bank-transfer-flow .input-area .input-box input:focus {
  border-color: #ff6717;
  box-shadow: none
}

.bank-buy .bank-transfer-flow .input-area .input-box input::placeholder {
  font-weight: 500
}

.bank-buy .bank-transfer-flow .input-area .input-box .amount-input {
  background: #ebebeb;
  border-radius: 12px;
  padding: 7px 16px
}

.bank-buy .bank-transfer-flow .input-area .input-box .amount-input .form-control {
  background: #0000;
  border: none;
  font-size: 24px;
  font-weight: 600;
  height: 40px;
  padding: 0
}

.bank-buy .bank-transfer-flow .input-area .input-box .amount-input .form-control:focus {
  box-shadow: none
}

.bank-buy .bank-transfer-flow .input-area .input-box .has-input-hover {
  position: relative
}

.bank-buy .bank-transfer-flow .input-area .input-box .has-input-hover .auto-fetch-pop {
  align-items: center;
  background: #fff;
  border: 1px solid #d4d9e1;
  border-radius: 10px;
  box-shadow: 0 0 15px #0000001f;
  cursor: pointer;
  display: none;
  padding: 18px 14px;
  position: absolute;
  top: 48px;
  transition: opacity .5s ease-in-out;
  width: 100%;
  z-index: 1
}

.bank-buy .bank-transfer-flow .input-area .input-box .has-input-hover .auto-fetch-pop img {
  filter: brightness(0);
  margin-right: 12px;
  width: 20px
}

.bank-buy .bank-transfer-flow .input-area .input-box .has-input-hover .auto-fetch-pop span {
  font-size: 14px;
  font-weight: 500
}

.bank-buy .bank-transfer-flow .input-area .input-box .has-input-hover:hover .auto-fetch-pop {
  display: flex;
  transition: opacity .5s ease-in-out
}

.bank-buy .bank-transfer-flow .footer-cta .btn-back {
  align-items: center;
  border: 1px solid #ff6616;
  border-radius: 20px;
  color: #000;
  display: flex;
  font-weight: 500;
  padding: 7px 12px;
  width: 100%
}

.bank-buy .bank-transfer-flow .footer-cta .btn-back img {
  height: 20px
}

.bank-buy .bank-transfer-flow .footer-cta .btn-back.btn-next {
  background: #ff6616;
  color: #fff
}

.bank-buy .bank-transfer-flow .footer-cta .btn-back.btn-next:hover {
  background-color: #0000;
  color: #ff6616
}

.bank-buy .bank-transfer-flow .footer-cta .btn-back span {
  padding-right: 20px;
  width: 100%
}

.bank-buy .bank-transfer-flow .footer-cta .btn-back:hover {
  background-color: #ff6717;
  color: #fff
}

.bank-buy .bank-transfer-flow .footer-cta .btn-back:hover img {
  filter: invert(1)
}

.bank-buy .bank-transfer-flow .close-btn {
  cursor: pointer;
  width: 20px
}

.bank-buy .bank-transfer-flow .close-btn svg {
  width: 20px
}

.bank-buy .bank-transfer-flow .step-1 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: calc(100% - 34px);
  justify-content: space-between
}

.bank-buy .btn {
  font-size: 14px
}

.public-sale-wrapper .content {
  text-align: left
}

.public-sale-wrapper .content h5 {
  font-size: 15px;
  font-weight: 700;
  text-align: left
}

.public-sale-wrapper .content p {
  font-size: 13px;
  text-align: left
}

.public-sale-wrapper .content .text-orange {
  color: #ff6616;
  font-size: 13px
}

.public-sale-wrapper .input-wrapper .input-box.deposit-address p {
  font-size: 12px
}

.public-sale-wrapper .input-wrapper .input-box.deposit-address .wallet-address {
  align-items: center;
  background: #ebebeb;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  padding: 8px 12px
}

.public-sale-wrapper .input-wrapper .input-box.deposit-address .wallet-address span {
  align-items: center;
  display: flex;
  font-size: 12px;
  justify-content: center
}

.public-sale-wrapper .input-wrapper .input-box.deposit-address .wallet-address span.copy-cta {
  cursor: pointer;
  height: 20px;
  width: 20px
}

.public-sale-wrapper .input-wrapper .input-box.deposit-address .wallet-address span.copy-cta svg {
  width: 16px
}

.public-sale-wrapper .input-wrapper .input-box p {
  font-size: 13px;
  font-weight: 500
}

.public-sale-wrapper .input-wrapper .input-box .dropdown .btn {
  border: 1px solid #ccc;
  font-size: 13px;
  padding: 9px 12px;
  text-align: left
}

.public-sale-wrapper .input-wrapper .input-box .dropdown .btn:focus {
  border-color: #ff681685;
  box-shadow: none
}

.public-sale-wrapper .input-wrapper .input-box .dropdown .dropdown-item {
  font-size: 14px
}

.public-sale-wrapper .input-wrapper .input-box .dropdown .dropdown-selector>.arrow {
  border-width: 0 1px 1px 0;
  bottom: auto;
  left: auto;
  position: absolute;
  right: 12px;
  top: 13px
}

.public-sale-wrapper .input-wrapper .input-box .form-control {
  border: 1px solid #ccc;
  font-size: 13px;
  padding: 9px 12px
}

.public-sale-wrapper .input-wrapper .input-box .form-control:focus {
  border-color: #ff681685;
  box-shadow: none
}

.public-sale-wrapper .check-boxes .form-check .form-check-input:checked {
  background-color: #ff6616;
  border-color: #ff6616
}

.public-sale-wrapper .check-boxes .form-check label {
  color: #0c111d
}

.public-sale-wrapper .check-boxes .form-check label a {
  color: #ff6616;
  padding-left: 6px;
  text-decoration: underline
}

.public-sale-wrapper .footer-cta .btn-orange-full {
  background: #ff6616;
  color: #fff;
  display: block;
  margin-bottom: 12px;
  width: 100%
}

.public-sale-wrapper .footer-cta .btn-blank {
  color: #000;
  display: inline-block;
  font-size: 14px;
  text-decoration: none
}

.upload-document-screen {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: calc(100% - 16px);
  justify-content: space-between
}

.upload-document-screen h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px
}

.upload-document-screen p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px
}

.upload-document-screen .upload-doc-box {
  border: 1px dashed #ccc;
  border-radius: 16px;
  padding: 16px;
  position: relative;
  text-align: center
}

.upload-document-screen .upload-doc-box .arrow-space {
  align-items: center;
  background: #ebebeb;
  border-radius: 44px;
  display: inline-block;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  margin-bottom: 12px;
  width: 44px
}

.upload-document-screen .upload-doc-box .arrow-space svg {
  width: 30px
}

.upload-document-screen .upload-doc-box p {
  color: #cacaca;
  font-size: 13px
}

.upload-document-screen .form-control {
  border-color: #d1d1d1;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
  padding: 10px 12px
}

.upload-document-screen .btn-submit {
  background: #ff6616;
  border-radius: 12px;
  color: #fff;
  padding: 12px 16px;
  width: 100%
}

.upload-document-screen .upload-input {
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.upload-document-screen .btn-upload {
  background: #bfbfbf;
  border-radius: 0;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  width: 100%
}

.upload-document-screen .success-content .success-check {
  height: 74px;
  margin-right: 16px;
  width: 74px
}

.upload-document-screen .success-content .success-check svg {
  color: #1cbc00;
  width: 74px
}

.upload-document-screen .success-content p {
  font-size: 14px;
  font-weight: 500
}

.upload-document-screen .success-content p a {
  color: #000;
  font-weight: 600
}

.error-message {
  color: #ff0420;
  display: block;
  font-size: 10px;
  line-height: 10px;
  margin: 5px 0 0
}

.direct-transfer-form-container {
  margin-bottom: 10px;
  max-height: 505px;
  overflow-y: auto;
  padding: 5px;
  width: 100%
}

.direct-transfer-form-container.spacer {
  margin-bottom: 35px !important
}

.price-loader {
  align-items: center;
  display: inline-flex;
  height: 16px;
  justify-content: center;
  text-align: center;
  width: 50px
}

.dot-flashing {
  animation: dot-flashing 1s linear infinite alternate;
  animation-delay: .5s;
  background-color: #cbd0da;
  border-radius: 5px;
  color: #cbd0da;
  display: inline-block;
  height: 10px;
  position: relative;
  width: 10px
}

.dot-flashing:after,
.dot-flashing:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0
}

.dot-flashing:before {
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 0s;
  left: -15px
}

.dot-flashing:after,
.dot-flashing:before {
  background-color: #cbd0da;
  border-radius: 5px;
  color: #cbd0da;
  height: 10px;
  width: 10px
}

.dot-flashing:after {
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 1s;
  left: 15px
}

@keyframes dot-flashing {
  0% {
    background-color: #cbd0da
  }

  50%,
  to {
    background-color: #9880ff33
  }
}

.filter-widget {
  left: 40px
}

.filter-widget .filter-widget-section-content ul li {
  border-radius: 10px;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 16px
}

.hackathon-form {
  height: 100%
}

@media screen and (max-width:1200px) {
  .hackathon-form form {
    margin: 30px 40px 50px
  }
}

.hackathon-form .btnBack {
  align-items: center;
  background: #ebedf1;
  border-radius: 30px;
  display: flex;
  height: 34px;
  justify-content: center;
  padding: 0;
  width: 34px
}

.hackathon-form .btnBack:hover {
  background: #dadde2
}

.hackathon-form .btnBack svg {
  width: 16px
}

.hackathon-form .btnBack svg path {
  stroke: #000
}

.hackathon-form .logoleftside {
  margin: 20px 0 40px 20px
}

.hackathon-form .addMoreButton {
  background: #e3ecf9 !important;
  border: 1px solid #cee2fe;
  border-radius: 40px;
  height: 40px;
  margin: 0 !important;
  padding: 0;
  position: absolute;
  right: -46px;
  top: 24px;
  width: 40px
}

.hackathon-form .addMoreButton svg path {
  stroke: #000
}

.hackathon-form .minusMoreButton {
  background: #fedcdc !important;
  border: 1px solid #feabab;
  border-radius: 40px;
  height: 40px;
  margin: 0 !important;
  padding: 0;
  position: absolute;
  right: 12px;
  top: 24px;
  width: 40px
}

.hackathon-form .minusMoreButton svg path {
  stroke: #ff1500;
  fill: #ff1500
}

.hackathon-form .text-link {
  align-items: center;
  border: 1px solid #4087f3;
  border-radius: 30px;
  color: #4087f3;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 400;
  gap: 4px;
  padding: 8px 20px
}

.hackathon-form .text-link svg {
  width: 15px
}

.hackathon-form .text-link svg path {
  stroke: #256ddb
}

.hackathon-form .text-link-remove {
  align-items: center;
  background-color: #fedcdc;
  border: 1px solid #feabab;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: -17px;
  width: 32px
}

.hackathon-form .text-link-remove svg {
  height: 20px;
  width: 20px
}

.hackathon-form .text-link-remove svg path {
  stroke: #f12323
}

.hackathon-form .pageName {
  font-size: 18px;
  font-weight: 600
}

.hackathon-form .separator {
  display: flex;
  height: 100%;
  width: 100%
}

.hackathon-form .separator .left {
  background-color: #fff;
  border-radius: 16px;
  color: #344054;
  padding: 0;
  width: 100%
}

.hackathon-form .separator .left label {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 3px
}

.hackathon-form .separator .left label span {
  color: #e43030;
  margin-left: 5px
}

.hackathon-form .separator .left .btn-arrow-back {
  color: #1e1379;
  cursor: pointer;
  display: block
}

.hackathon-form .separator .left .btn-arrow-back:hover {
  text-decoration: underline
}

.hackathon-form .separator .left .btn-back {
  background-color: #f6f8fc;
  border-color: #1e1379;
  border-radius: 30px;
  color: #000;
  font-size: 15px;
  padding: 5px 25px;
  width: 130px
}

.hackathon-form .separator .left .btn-next {
  background-color: #1e1379;
  border-color: #1e1379;
  border-radius: 30px;
  color: #fff;
  font-size: 15px;
  padding: 8px 25px;
  transition: .3s;
  width: 130px
}

.hackathon-form .separator .left .btn-next:focus,
.hackathon-form .separator .left .btn-next:hover {
  background-color: #fff;
  color: #1e1379
}

.hackathon-form .separator .left .form-control {
  border: .5px solid #d0d5dd;
  color: #667085;
  font-size: 14px;
  position: relative
}

.hackathon-form .separator .left .form-control.data {
  padding-left: 0;
  padding-right: 0
}

.hackathon-form .separator .left .form-control.data input {
  font-weight: 400
}

.hackathon-form .separator .left .form-control.tag {
  border: none;
  font-size: 12px;
  height: 100%;
  padding: 0;
  width: 80px
}

.hackathon-form .separator .left .form-control.tag:focus {
  box-shadow: none
}

.hackathon-form .separator .left .form-control+span {
  position: absolute;
  right: 8px;
  top: 8px
}

.hackathon-form .separator .left .form-control::placeholder {
  color: rgba(102, 112, 133, .329)
}

.hackathon-form .separator .left .react-datepicker-wrapper {
  width: 100%
}

.hackathon-form .separator .left input.form-control {
  height: 40px
}

.hackathon-form .separator .left .form-check-input:checked {
  background-color: #c0c2e3;
  border-color: #c0c2e3
}

.hackathon-form .separator .left .form-check-input:checked:active,
.hackathon-form .separator .left .form-check-input:checked:focus {
  box-shadow: none
}

.hackathon-form .separator .left .badge {
  align-items: center;
  border: 2px solid #d0d5dd;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  gap: 5px;
  height: 34px;
  justify-content: center;
  letter-spacing: 1px;
  padding: 2px 5px
}

.hackathon-form .separator .left .badge svg {
  fill: #d3d3d3
}

.hackathon-form .separator .left .badge.filled svg {
  fill: #a8aad5
}

.hackathon-form .separator .left .badge.filled {
  border: 2px solid #a8aad5
}

.hackathon-form .separator .left .badge .btn-delete {
  height: 22px;
  line-height: 20px;
  margin: -2px 0 0;
  width: 22px
}

.hackathon-form .separator .left .badge .btn-delete svg {
  height: 10px;
  width: 10px
}

.hackathon-form .separator .left .badge .btn-delete svg path {
  stroke: #ff6717
}

.hackathon-form .separator .left .badge.new {
  padding: 2px 5px 2px 10px
}

.hackathon-form .separator .left .badge.new svg {
  height: 20px;
  width: 20px
}

.hackathon-form .category {
  align-items: center;
  border: 1px solid #d0d5dd;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 5px;
  height: 34px;
  justify-content: center;
  padding: 2px 5px;
  transition: .3s
}

.hackathon-form .category.active,
.hackathon-form .category:focus,
.hackathon-form .category:hover {
  background-color: #4087f3;
  border: 1px solid #4087f3;
  color: #fff
}

.hackathon-form .form-label {
  color: #344054;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 3px
}

.hackathon-form .form-label span {
  color: #e43030;
  margin-left: 5px
}

.project-list {
  padding: 0 100px
}

.project-list .mt-4 {
  margin-top: 50px
}

.project-list .flexbox {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.project-list .flexbox .addproject {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 20px
}

.project-list .title-h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px
}

.project-list .project-card {
  background-color: #f4f5ff;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 10px
}

.project-list .project-card .card-img {
  border-radius: 12px;
  height: 181px;
  object-fit: cover;
  overflow: hidden;
  position: relative
}

.project-list .project-card .card-img img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.project-list .project-card .card-img .card-tag {
  align-items: center;
  background: #fff;
  border: none;
  border-radius: 16px;
  bottom: 10px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .251);
  color: #9099ad;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  gap: 4px;
  padding: 2px 8px;
  position: absolute;
  right: 10px
}

.project-list .project-card .card-img .card-tag.greencolor {
  background-color: #34a853;
  border: 1px solid #34a853;
  color: #fff
}

.project-list .project-card .card-img .card-tag.greencolor img {
  filter: brightness(0) invert(1)
}

.project-list .project-card .card-content h3 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.project-list .project-card .card-content p {
  color: #9099ad;
  font-size: 12px;
  margin-bottom: 0
}

.project-list .project-card .card-content p b {
  font-weight: 500
}

.project-list .project-card .card-content .category-name {
  background: #dadbed;
  border-radius: 30px;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 6px 12px
}

.project-card-details .card-img {
  border-radius: 12px;
  height: 300px;
  margin-bottom: 40px;
  overflow: hidden
}

.project-card-details .card-img img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.project-card-details .details-text h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px
}

.project-card-details .details-text .link {
  color: #4087f3;
  display: inline-block;
  font-size: 14px;
  word-break: break-all
}

.project-card-details .line-bottom {
  border-bottom: 1px solid #ebedf1;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.team-members {
  background-color: #fafaff;
  border: 1px solid #f0f0f5;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 10px 15px
}

.team-members h6 {
  color: #2d2468;
  font-size: 14px;
  font-weight: 600;
  line-height: 23px;
  margin-bottom: 0
}

.team-members .link {
  color: #4087f3;
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  margin-bottom: 6px;
  word-break: break-all
}

.team-members .social-icons {
  align-items: center;
  display: flex;
  gap: 6px;
  margin-bottom: 5px
}

.team-members .social-icons .link {
  color: #4087f3;
  display: inline-block;
  font-size: 12px;
  line-height: normal;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all
}

.team-members .social-icons .icon {
  display: inline-block;
  min-width: 16px;
  width: 16px
}

.team-members .social-icons .icon svg path {
  stroke: #9099ad
}

.team-members .social-icons .icon img {
  max-width: 100%
}

.project-content-right .link {
  align-items: center;
  display: inline-flex;
  gap: 4px
}

.project-content-right h3 {
  font-size: 24px;
  font-weight: 600
}

.project-content-right .card-tag {
  align-items: center;
  border: 1px solid #a1abbd;
  border-radius: 30px;
  color: #9099ad;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  gap: 4px;
  padding: 5px 10px
}

.project-content-right .card-tag img {
  cursor: pointer;
  width: 15px
}

.project-content-right .greencolor {
  background-color: #34a853;
  border: 1px solid #34a853;
  color: #fff
}

.project-content-right .greencolor img {
  filter: brightness(0) invert(1)
}

.project-content-right .total-votes {
  color: #9099ad;
  font-size: 14px
}

.project-content-right .total-votes span {
  font-weight: 600
}

.project-content-right .space {
  align-items: center;
  display: flex;
  gap: 10px;
  margin: 20px 0 30px
}

.project-content-right .details-text {
  margin-bottom: 35px
}

.project-content-right .details-text p {
  color: #9099ad;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px
}

.project-content-right .details-text h5 {
  font-size: 18px
}

.edit-project {
  align-items: center;
  background-color: #f5f9fe;
  border: 1px solid #4087f3;
  border-radius: 30px;
  color: #4087f3;
  display: flex;
  font-size: 12px;
  gap: 4px;
  padding: 6px 20px
}

.edit-project svg {
  color: #4087f3;
  width: 18px
}

.edit-project svg path {
  stroke: #4087f3;
  fill: #4087f3
}

.hackathon-index .separator {
  background-color: #220e3f;
  background-image: url(/static/media/bgimage.000b90301814e197629a.jpg);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  border-radius: 16px 16px 0 0;
  height: 400px
}

.hackathon-index .separator .header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 20px
}

.hackathon-index .separator .header .viewprojectbutton {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  padding: 8px 20px
}

.hackathon-index .separator .header-left {
  margin-top: 50px;
  padding: 0 60px
}

.hackathon-index .separator .header-left h2 {
  color: #fff;
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 20px;
  max-width: 400px
}

.hackathon-index .separator .header-left p {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
  max-width: 400px
}

.hackathon-index .separator .header-left .white-btn {
  background-color: #fff;
  border: none;
  border-radius: 30px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  padding: 8px 20px
}

.hackathon-index .separator .header-left .white-btn:hover {
  background: #ff6717;
  color: #fff
}

.h-body-content {
  background-color: #fff;
  padding: 40px 20px
}

.h-body-content .card-4 {
  background-color: #f4f5ff;
  border-radius: 16px;
  height: 100%;
  margin-bottom: 5px;
  padding: 15px
}

.h-body-content .card-4 .icon {
  align-items: center;
  border-radius: 8px;
  display: flex;
  height: 48px;
  justify-content: center;
  margin-bottom: 26px;
  width: 48px
}

.h-body-content .card-4 .orange {
  background-color: #ee8a35
}

.h-body-content .card-4 .summer-sky {
  background-color: #41add4
}

.h-body-content .card-4 .dark-blue {
  background-color: #163257
}

.h-body-content .card-4 h4 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 10px
}

.h-body-content .card-4 p {
  color: #484b52;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0
}

.winner-pools-div {
  margin-top: 60px
}

.winner-pools-div h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px
}

.winner-pools-div .card-4 {
  background-color: #f4f5ff;
  height: auto;
  margin-bottom: 20px;
  padding-bottom: 20px;
  text-align: center
}

.winner-pools-div .card-4 img {
  margin-bottom: 20px
}

.winner-pools-div .card-4 p {
  color: #000;
  font-size: 14px;
  margin-bottom: 10px
}

.winner-pools-div .card-4 h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0
}

.winner-pools-div .card-one {
  background: #ededf4;
  background: linear-gradient(326deg, #ededf4, #fbfbff);
  border: 1px solid #e7e7f0
}

.winner-pools-div .card-two {
  background: #fff0c6;
  background: linear-gradient(326deg, #fff0c6, #fffcef);
  border: 1px solid #ffe396
}

.winner-pools-div .card-two img {
  margin-top: -53px;
  position: relative
}

.winner-pools-div .card-three {
  background: #d9d2d1;
  background: linear-gradient(326deg, #d9d2d1, #fdfaf7);
  border: 1px solid #d0c2c2
}

.winner-pools-div table thead {
  background-color: #ececf4
}

.winner-pools-div table thead tr th {
  border: 1px solid #e1e3f0;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 20px;
  text-align: center
}

.winner-pools-div table tbody {
  background-color: #f4f5ff
}

.winner-pools-div table tbody tr td {
  border: 1px solid #e1e3f0;
  color: #484b52;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  padding: 16px 20px;
  vertical-align: top
}

.winner-pools-div .ecosystem-pool h3 {
  font-size: 20px;
  font-weight: 600
}

.winner-pools-div .ecosystem-pool ol {
  list-style-type: decimal
}

.winner-pools-div .ecosystem-pool ol li {
  color: #9099ad;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 20px
}

.community-upvotes img {
  max-width: 100%
}

.community-upvotes h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px
}

.community-upvotes p {
  color: #484b52;
  font-size: 16px;
  line-height: 29px;
  margin-bottom: 0;
  max-width: 370px
}

.side-space-100 {
  padding: 0 100px
}

.prize-distribution {
  align-items: center;
  background: #fbead8;
  background: linear-gradient(270deg, #fbead8, #ffd863);
  border-radius: 24px;
  display: flex;
  gap: 30px;
  margin: 60px 0;
  padding: 30px
}

.prize-distribution .prize-distribution-p h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px
}

.prize-distribution .prize-distribution-p p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0
}

.submission-process {
  margin: 50px 0
}

.submission-process h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px
}

.submission-process ol {
  list-style-type: decimal;
  margin: 15px 0 0 15px;
  padding: 0
}

.submission-process ol li {
  color: #484b52;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px
}

.participate-now {
  background-color: #ff6717;
  border: 0;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 9px 20px
}

.l1x-scan-modal {
  align-items: center;
  display: flex;
  height: calc(100vh - 140px);
  justify-content: center;
  left: 50%;
  max-width: 1367px;
  position: fixed;
  top: 20px;
  transform: translateX(calc(-50% - 1.5px));
  width: 100%;
  z-index: 3
}

.l1x-scan-modal .overlay {
  background-color: #000000b3;
  border-radius: 16px;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 0
}

.l1x-scan-modal-inner {
  background-color: #fff;
  border-radius: 24px;
  max-width: 480px;
  padding: 40px 30px;
  position: relative;
  width: 100%;
  z-index: 1
}

.l1x-scan-modal-inner .close-btn {
  align-items: center;
  background-color: #0000;
  background-color: #f1f1f1;
  border: none !important;
  border-radius: 100%;
  display: flex;
  height: 22px;
  justify-content: center;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 22px
}

.l1x-scan-modal-inner .close-btn:hover svg path {
  stroke: red
}

.l1x-scan-modal-inner .close-btn>svg {
  height: 10px;
  width: 10px
}

.l1x-scan-modal-content {
  text-align: center;
  width: 100%
}

.l1x-scan-modal-content h3 {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 12px
}

.l1x-scan-modal-content p {
  color: #667085;
  font-size: 14px;
  margin-bottom: 16px
}

.l1x-scan-modal-content .btn-primary {
  font-size: 14px;
  min-width: 144px;
  padding: 7px
}

.hackathon-main {
  min-height: calc(100vh - 120px) !important
}

.hackathon-main .scan-container {
  overflow-y: hidden
}

.hackathon-main .hackathon-index {
  height: 100%;
  overflow-y: auto
}

.text-red-500 {
  color: #ff1414;
  font-size: 13px
}

.project-added-message {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%
}

.project-added-message h3 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 12px
}

.project-added-message p {
  color: #9099ad;
  font-size: 12px;
  line-height: 20px;
  margin: 0 auto 20px;
  max-width: 340px
}

.project-added-message .btn-wrapper>button {
  border: 1px solid;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
  margin: 0 8px;
  min-width: 130px;
  padding: 6px 12px
}

.project-added-message .btn-wrapper>button.back-btn {
  background-color: #0000;
  border-color: #1c146e;
  color: #1c146e
}

.project-added-message .btn-wrapper>button.view-project {
  background-color: #1c146e;
  border-color: #1c146e;
  color: #fff
}

.hackathon-form-box {
  height: calc(100% - 85px)
}

.has-scroll {
  height: calc(100% - 84px);
  overflow-y: auto;
  padding-bottom: 16px
}

.clone-box .form-control {
  width: 92%
}

.clone-box .addMoreButton {
  right: 12px
}

.clonediv-bg:first-child {
  background-color: #fff;
  margin: 0 0 30px;
  padding: 0;
  width: 100%
}

.clonediv-bg:first-child .clone-box .form-control {
  width: 92%
}

.clonediv-bg:first-child .col-6 {
  width: 50%
}

.clonediv-bg {
  background-color: #f2f5fb;
  border-radius: 8px;
  margin: 0 0 30px;
  padding: 30px 10px;
  position: relative
}

.justify-box {
  gap: 10px;
  justify-content: space-between
}

.card-vote {
  background-color: #f4f5ff;
  border-radius: 12px;
  display: flex;
  gap: 20px;
  padding: 15px
}

.card-vote .card-right-vote h3 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 4px
}

.card-vote .card-right-vote p {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #9099ad;
  display: -webkit-box;
  font-size: 14px;
  overflow: hidden
}

.card-vote .card-img-vote {
  border-radius: 10px;
  height: 120px;
  min-width: 200px;
  overflow: hidden
}

.card-vote .card-img-vote img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.category-name-for-vote-modal {
  background: #ffffffd9;
  border-radius: 30px;
  color: #000;
  font-size: 9px;
  font-weight: 500;
  left: 27%;
  padding: 6px 16px;
  position: absolute;
  top: 48%;
  transform: translate(-50%, -50%)
}

.vote-modal-main .l1x-scan-modal-inner {
  max-width: 570px
}

.upvoted-btn {
  align-items: center;
  background-color: #34a853;
  border: 1px solid #34a853;
  border-radius: 30px;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  gap: 4px;
  padding: 5px 10px
}

.upvoted-btn img {
  filter: brightness(0) invert(1)
}

.totalvotes {
  color: #667085;
  font-size: 14px;
  margin: 20px 0;
  text-align: center
}

.totalvotes span {
  font-weight: 600
}

.btn-cancel {
  background-color: #f4f5ff;
  border: 1px solid #e0e1ed;
  border-radius: 30px;
  color: #000
}

.btn-cancel,
.btn-vote {
  align-items: center;
  display: flex;
  font-weight: 400;
  height: 42px;
  justify-content: center;
  width: 156px
}

.btn-vote {
  background-color: #ff6717;
  border: 1px solid #ff6717;
  border-radius: 30px;
  color: #fff
}

.footer-btn-modal {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center
}

.bottom-m-o:last-child {
  margin-bottom: 0 !important
}

.detail-category {
  border: 1px solid #d6d7e4;
  color: #1c146e;
  font-size: 14px;
  line-height: 14px;
  min-width: 70px;
  padding: 5px 16px;
  text-align: center
}

.author-name,
.detail-category {
  background: #f4f5ff;
  border-radius: 30px;
  display: inline-block
}

.author-name {
  border: 1px solid #ccc;
  color: #000;
  font-size: 13px;
  margin-left: 8px;
  padding: 2px 10px
}

.uploadimg-project {
  margin-bottom: 20px
}

.uploadimg-project .uploader {
  align-items: center;
  border: 1px dashed #818181;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 190px;
  padding: 6px 10px;
  position: relative;
  text-align: center;
  width: 100%
}

.uploadimg-project .uploader label {
  font-weight: 500;
  margin-bottom: 3px
}

.uploadimg-project .uploader label svg {
  color: #9099ad;
  margin-right: 10px;
  width: 30px
}

.uploadimg-project .uploader label small {
  color: #9099ad;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px
}

.flexbx {
  display: flex;
  padding-right: 10px;
  position: relative
}

.flexbx .form-control {
  padding-left: 170px
}

.flexbx .dropdown {
  background-color: #f2f5fb;
  border-radius: 7px;
  left: 5px;
  position: absolute;
  top: 5px
}

.flexbx .dropdown .btn {
  align-items: center;
  background-color: #f2f5fb;
  display: flex;
  justify-content: space-between;
  padding: 2px 11px;
  position: relative;
  text-align: left;
  width: 150px;
  z-index: 2
}

.flexbx .dropdown .dropdown-menu .dropdown-item {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 5px
}

.flexbx .dropdown .dropdown-menu .dropdown-item img {
  width: 20px
}

.flexbx .dropdown .dropdown-menu {
  height: 210px;
  overflow: auto
}

.flexbx .css-1nmdiq5-menu {
  width: 200px
}

.flexbx .css-b62m3t-container {
  background-color: #f2f5fb;
  border-radius: 4px;
  color: #1c146e;
  left: 4px;
  position: absolute;
  top: 5px;
  width: 150px;
  z-index: 1
}

.flexbx .css-1xc3v61-indicatorContainer {
  padding: 5px
}

.flexbx .css-13cymwt-control {
  background-color: #f2f5fb;
  color: #1c146e;
  min-height: 30px
}

.flexbx .css-1fdsijx-ValueContainer {
  padding: 0 8px
}

.image-preview {
  border-radius: 10px;
  height: 100%;
  left: 0;
  margin-bottom: 5px;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: .5s;
  width: 100%
}

.image-preview img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.image-preview:hover .btn-upload-img {
  align-items: center;
  background-color: #0000005c;
  display: flex;
  gap: 10px;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  transition: .5s;
  width: 100%;
  z-index: 1
}

.image-preview:hover .btn-upload-img .edit-btn-img {
  align-items: center;
  background-color: #fff;
  border: 0;
  border-radius: 6px;
  color: #2d2468;
  display: flex;
  gap: 5px;
  height: 34px;
  padding: 4px 15px
}

.image-preview:hover .btn-upload-img .edit-btn-img svg {
  width: 23px
}

.image-preview:hover .btn-upload-img .delet-btn {
  align-items: center;
  background-color: #f9c5c1;
  border: 0;
  border-radius: 6px;
  color: #ef4136;
  display: flex;
  gap: 5px;
  height: 34px;
  padding: 4px 15px
}

.image-preview:hover .btn-upload-img .delet-btn svg {
  color: #ef4136;
  width: 23px
}

.fileuploads-input {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.project-details .project-content-right h3 {
  font-weight: 700
}

.project-details .contact-details-list .link {
  align-items: center;
  display: inline-flex;
  font-size: 13px
}

.project-details .contact-details-list .link .icon {
  margin-right: 4px;
  width: 18px
}

.project-details .contact-details-list .link .icon svg {
  height: 16px;
  width: 16px
}

.project-details .contact-details-list .link .icon svg path {
  stroke: #9099ad
}

.project-details .contact-details-list .link>abbr {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.project-details .space {
  margin: 16px 0 8px
}

.project-details .project-date {
  border-bottom: 1px solid #ccc;
  color: #c2c2c2;
  font-size: 12px;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.project-details .project-date b {
  color: #000;
  font-weight: 400;
  font-weight: 500
}

.project-details .details-text {
  margin-bottom: 30px
}

.project-details .details-text h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px
}

.project-details .details-text p {
  font-size: 13px;
  line-height: 26px
}

.project-details .author-name {
  background: #1875f33d;
  border: 1px solid #1875f366;
  border-radius: 30px;
  color: #2d2468;
  display: inline-block;
  font-size: 10px;
  line-height: 13px;
  margin-left: 8px;
  padding: 2px 10px
}

.walletaddress-details {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 5px
}

.walletaddress-details .walletaddress-details-value {
  background-color: #fff;
  border: 1px solid #c3c7ce;
  border-radius: 20px;
  display: inline-block;
  font-size: 12px;
  overflow: hidden;
  padding: 3px 12px;
  text-overflow: ellipsis;
  white-space: pre-wrap
}

.walletaddress-details .walletaddress-details-label {
  font-size: 12px
}

.slider-trending-projects .slick-list {
  margin: 0 -7px
}

.slider-trending-projects .slick-list .slick-slide>div {
  padding: 0 10px
}

.slider-trending-projects img.slick-arrow.slick-prev {
  right: 50px
}

.slider-trending-projects img.slick-arrow.slick-next,
.slider-trending-projects img.slick-arrow.slick-prev {
  align-items: center;
  background: #ebedf1;
  border-radius: 30px;
  display: flex;
  height: 34px;
  justify-content: center;
  left: auto;
  padding: 6px;
  top: -30px;
  width: 34px
}

.slider-trending-projects img.slick-arrow.slick-next {
  right: 0
}

.btn-readMore {
  border: none;
  color: #256ddb;
  font-size: 14px;
  margin-top: 6px;
  padding: 0
}

.btn-readMore:focus {
  border: none
}

.listing-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0;
  margin-left: 14px
}

.project-status p {
  font-size: 14px;
  margin-right: 8px
}

.project-status .status-pending {
  background: #ffd300
}

.project-status .status-pending,
.project-status .status-published {
  border-radius: 30px;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding: 4px 12px
}

.project-status .status-published {
  background: #5bbb5f;
  color: #fff
}

.list-filters .dropdown button {
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  padding: 6px 14px
}

.list-filters .dropdown ul li a {
  font-size: 14px;
  padding: 8px 14px
}

.hackathon-timeline {
  margin-top: 50px
}

.hackathon-timeline ul {
  list-style: none;
  margin: 0 0 0 25px;
  padding: 0;
  position: relative
}

.hackathon-timeline ul .box {
  box-sizing: border-box;
  padding-bottom: 30px;
  position: relative
}

.hackathon-timeline ul .box:after {
  background: #fff;
  border: 1px solid #8f99ad;
  border-radius: 100%;
  content: "";
  height: 14px;
  left: -27px;
  position: absolute;
  top: 0;
  width: 14px
}

.hackathon-timeline ul .box:before {
  border: 1px dashed #9099ad;
  content: "";
  height: 100%;
  left: -20px;
  position: absolute;
  top: 0
}

.hackathon-timeline ul .box .title,
.hackathon-timeline ul .box .title .hackathon-ul-bx h3 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px
}

.hackathon-timeline ul .box .title .hackathon-ul-bx ul {
  list-style-type: disc;
  margin-bottom: 20px;
  margin-left: 20px
}

.hackathon-timeline ul .box .title .hackathon-ul-bx ul li {
  color: #848b9c;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 5px
}

.hackathon-timeline ul .box .title .hackathon-ul-bx ul:before {
  display: none
}

.hackathon-timeline ul .box .sub-title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px
}

.hackathon-timeline ul .box .info {
  margin: 15px 0
}

.hackathon-timeline ul .box .info .btn-apply {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-weight: 400;
  padding: 8px 30px
}

.hackathon-timeline ul .box.active-dot:after {
  background-color: #ff6717;
  border-color: #ff6717
}

.hackathon-timeline ul .box:last-child:before {
  display: none
}

.hackathon-timeline ul .box:last-child {
  padding-bottom: 0
}

.nft-tier {
  background-color: #fff;
  border-radius: 16px;
  height: calc(100vh - 165px);
  margin: 0 auto;
  max-height: 850px;
  max-width: 1280px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.nft-tier-header {
  align-items: center;
  column-gap: 15px;
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 16px;
  width: 100%
}

.nft-tier-header h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px
}

.nft-tier-header h1>img {
  height: 24px;
  margin-right: 10px;
  width: 24px
}

.nft-tier-header p {
  color: #898d9e;
  font-size: 12px;
  margin-bottom: 0
}

.nft-tier-header .btn-connect-wallet {
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  min-height: 36px;
  padding: 7px 22px;
  white-space: nowrap
}

.nft-tier-header .btn-connect-wallet:hover {
  background-color: #0000;
  border-color: #ff6717;
  color: #ff6717
}

.nft-tier-header .wallet-connected {
  align-items: center;
  border: 1px solid #c7d0de;
  border-radius: 25px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  min-width: 147px;
  padding: 6.5px 14px
}

.nft-tier-header .wallet-connected>img {
  height: 20px;
  width: 20px
}

.nft-tier-header .wallet-connected>span {
  color: #6a6d7b;
  cursor: pointer;
  font-size: 14px;
  line-height: 15px
}

.nft-tier-nav {
  padding: 0 20px;
  width: 100%
}

.nft-tier-nav>.links {
  align-items: center;
  display: flex;
  gap: 8px
}

.nft-tier-nav>.links li button {
  background-color: #0000;
  border: none;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 7px 8px;
  position: relative;
  z-index: 0
}

.nft-tier-nav>.links li button.active {
  font-weight: 600
}

.nft-tier-nav>.links li button.active:after {
  background-color: #fc651b;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.nft-tier-body {
  height: 100%;
  overflow-y: auto
}

.nft-tier-body .nav-wrapper {
  align-items: center;
  background-color: #eff1f8;
  display: flex;
  padding: 20px
}

.nft-tier-body .nav-wrapper>ul {
  align-items: center;
  display: flex;
  gap: 9px;
  grid-template-columns: repeat(6, 1fr);
  width: 100%
}

.nft-tier-body .nav-wrapper>ul li {
  display: inline-block
}

.nft-tier-body .nav-wrapper>ul li .nav-block {
  background-color: #fff;
  border-radius: 16px;
  cursor: pointer;
  padding: 1px
}

.nft-tier-body .nav-wrapper>ul li .nav-block-inner {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  padding: 10px
}

.nft-tier-body .nav-wrapper>ul li .nav-block-img {
  margin-bottom: 8px;
  position: relative;
  width: 100%
}

.nft-tier-body .nav-wrapper>ul li .nav-block-img>img {
  border-radius: 10px;
  max-width: 177px;
  object-fit: cover;
  width: 100%
}

.nft-tier-body .nav-wrapper>ul li .nav-block-img abbr.checked,
.nft-tier-body .nav-wrapper>ul li .nav-block-img abbr.locked {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  height: 30px;
  justify-content: center;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 30px
}

.nft-tier-body .nav-wrapper>ul li .nav-block-img .current-position {
  background-color: #000000b3;
  border: 1px solid #fff;
  border-radius: 25px;
  bottom: 15px;
  color: #fff;
  font-size: 12px;
  left: 50%;
  padding: 2px 10px;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap
}

.nft-tier-body .nav-wrapper>ul li .nav-block h4,
.nft-tier-body .nav-wrapper>ul li .nav-block-img .current-position {
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%)
}

.nft-tier-body .nav-wrapper>ul li .nav-block h4 {
  -webkit-text-fill-color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase
}

.nft-tier-body .nav-wrapper>ul li .nav-block.active {
  box-shadow: 0 10px 20px 0 #00000026;
  position: relative;
  z-index: 2
}

.nft-tier-body .nav-wrapper>ul li .nav-block.active:before {
  background: linear-gradient(180deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.nft-tier-body .nav-wrapper>ul li .nav-block.active:after {
  background: #f86226;
  bottom: -15px;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  content: "";
  height: 11px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 21px
}

.nft-tier-body .content-section {
  align-items: flex-start;
  display: flex;
  padding: 20px;
  width: 100%
}

.nft-tier-body .content-section-left {
  flex: 0 0 56.61%;
  max-width: 56.61%;
  padding-right: 30px
}

.nft-tier-body .content-section-left .title {
  align-items: center;
  display: flex;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px
}

.nft-tier-body .content-section-left .title>span {
  margin-left: 10px
}

.nft-tier-body .content-section-left .img-wrapper {
  border-radius: 16px;
  overflow: hidden
}

.nft-tier-body .content-section-left .img-wrapper>img {
  border-radius: 16px;
  max-width: 324px
}

.nft-tier-body .content-section-left .benefit-section h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px
}

.nft-tier-body .content-section-left .benefit-section .benefit-list {
  margin-bottom: 20px
}

.nft-tier-body .content-section-left .benefit-section .benefit-list li {
  color: #898d9e;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 8px;
  padding-left: 20px;
  position: relative
}

.nft-tier-body .content-section-left .benefit-section .benefit-list li:before {
  background-image: url(/static/media/flash.fa2f8e2b58ae06327c34.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 17px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 10px
}

.nft-tier-body .content-section-left .benefit-section .benefit-block {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
  width: 100%
}

.nft-tier-body .content-section-left .benefit-section .benefit-block h5 {
  color: #777a87;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0
}

.nft-tier-body .content-section-left .benefit-section .benefit-block h3 {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0
}

.nft-tier-body .content-section-left .benefit-section .benefit-block h3>img {
  margin: 0 5px;
  max-height: 14px
}

.nft-tier-body .content-section-left .benefit-section .price-sec {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between
}

.nft-tier-body .content-section-left .benefit-section .price-sec h6 {
  color: #898d9e;
  font-size: 14px;
  font-weight: 400
}

.nft-tier-body .content-section-left .benefit-section .price-sec h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0
}

.nft-tier-body .content-section-left .benefit-section .price-sec h3>span {
  color: #898d9e;
  font-size: 20px
}

.nft-tier-body .content-section-left .benefit-section .price-sec .btn-wrapper {
  justify-content: flex-end
}

.nft-tier-body .content-section-left .benefit-section .price-sec .btn-wrapper .btn:disabled {
  background-color: #777a87;
  border-color: #777a87;
  color: #fff;
  cursor: auto;
  pointer-events: auto
}

.nft-tier-body .content-section-left .benefit-section .price-sec .success-block {
  width: 100%
}

.nft-tier-body .content-section-left .success-block h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px
}

.nft-tier-body .content-section-left .success-block .success-message {
  background-color: #daf1d3;
  border: 1px solid #33b70a;
  border-radius: 8px;
  display: block;
  margin-bottom: 10px;
  padding: 10px 16px;
  text-align: center
}

.nft-tier-body .content-section-left .success-block .success-message>span {
  color: #33b70a;
  font-size: 14px
}

.nft-tier-body .content-section-left .success-block p {
  color: #0009;
  font-size: 14px;
  margin-bottom: 0
}

.nft-tier-body .content-section-right {
  flex: 0 0 56.61%;
  max-width: 43.38%
}

.nft-tier-body .content-section-right .update-section {
  background-color: #eff1f8;
  border-radius: 16px;
  height: 100%;
  min-height: 380px;
  padding: 16px;
  width: 100%
}

.nft-tier-body .content-section-right .update-section h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 6px
}

.nft-tier-body .content-section-right .update-section p {
  color: #a2a6b3;
  cursor: pointer;
  font-size: 13px
}

.nft-tier-body .content-section-right .update-section .not-eligible-sec {
  background-color: #fff;
  border-radius: 16px;
  margin: 0 auto;
  max-width: 420px;
  padding: 20px;
  text-align: center;
  width: 100%
}

.nft-tier-body .content-section-right .update-section .not-eligible-sec h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px
}

.nft-tier-body .content-section-right .update-section .not-eligible-sec h5 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 auto 12px;
  max-width: 240px
}

.nft-tier-body .content-section-right .update-section .not-eligible-sec .btn-wrapper {
  justify-content: center
}

.nft-tier-body .content-section-right .update-section .updation-block {
  align-items: flex-start;
  background-color: #fff;
  border-radius: 8px;
  column-gap: 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 16px 10px
}

.nft-tier-body .content-section-right .update-section .updation-block-list {
  height: 320px;
  overflow-y: auto;
  padding-right: 5px;
  width: 100%
}

.nft-tier-body .content-section-right .update-section .updation-block.completed {
  background-color: #e5fee9
}

.nft-tier-body .content-section-right .update-section .updation-block .profile-block {
  border-radius: 4px;
  height: 28px;
  min-width: 28px;
  overflow: hidden;
  width: 28px
}

.nft-tier-body .content-section-right .update-section .updation-block .profile-block>img {
  width: 100%
}

.nft-tier-body .content-section-right .update-section .updation-block .content-block {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-left-align {
  align-items: center;
  display: flex;
  gap: 10px
}

.nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-left-align h6 {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0
}

.nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-right-align {
  align-items: center;
  display: flex;
  font-size: 10px;
  gap: 28px
}

.nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-right-align .swap-comp-count {
  color: #667085
}

.nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-right-align .swap-comp-count span {
  color: #000;
  font-weight: 500
}

.nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-right-align .swap-points-earned {
  align-items: center;
  color: #667085;
  display: flex;
  gap: 2px
}

.nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-right-align .swap-points-earned span {
  align-items: center;
  color: #000;
  display: flex;
  font-weight: 500;
  gap: 2px
}

.nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-right-align .swap-points-earned span img {
  width: 11px
}

.nft-tier-body .content-section-right .update-section .updation-block .progress-block {
  margin: 10px 0
}

.nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress {
  height: 2px;
  overflow: visible
}

.nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar {
  background-color: #3cbd51;
  overflow: visible;
  position: relative
}

.nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar>.pointer {
  background-color: #3cbd51;
  border-radius: 100%;
  height: 9px;
  position: absolute;
  right: -9px;
  top: -3.5px;
  width: 9px
}

.nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar>.tooltip-block {
  background-color: #000;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  margin-top: 7px;
  padding: 1px 4px;
  position: absolute;
  right: -10px;
  top: 100%;
  transform: translate(50%)
}

.nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar>.tooltip-block.completed {
  background-color: #3cbd51
}

.nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar>.tooltip-block.start {
  background-color: #ff6717
}

.nft-tier-only {
  height: calc(100% - 102px)
}

.nft-tier .btn-wrapper {
  align-items: center;
  column-gap: 14px;
  display: flex;
  width: 100%
}

.nft-tier .btn-wrapper>.btn {
  align-items: center;
  border-radius: 35px;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  line-height: 14px;
  min-width: 120px;
  padding: 10px 18px
}

.nft-tier .btn-wrapper>.btn.btn-outline-primary:hover img {
  filter: brightness(0) invert(1)
}

.nft-tier .coins-poll {
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border-radius: 8px;
  margin-left: auto;
  max-width: 334px;
  padding: 8px 10px 12px;
  width: 100%
}

.nft-tier .coins-poll p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px
}

.nft-tier .coins-poll .count {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  margin-left: 16px;
  white-space: nowrap
}

.nft-tier .coins-poll .progress-block {
  width: 100%
}

.nft-tier .coins-poll .progress-block .progress {
  height: 2px;
  overflow: visible;
  width: 100%
}

.nft-tier .coins-poll .progress-block .progress-bar {
  background-color: #ff0;
  overflow: visible;
  position: relative
}

.nft-tier .coins-poll .progress-block .progress-bar>.pointer {
  background-color: #ff0;
  border-radius: 100%;
  height: 9px;
  position: absolute;
  right: -5px;
  top: -4px;
  width: 9px
}

.nft-tier .coins-poll .btn-upgrade {
  align-items: center;
  background-color: #fff;
  border-radius: 25px;
  display: flex;
  font-size: 13px;
  line-height: 13px;
  margin-right: 16px;
  padding: 7px 12px
}

.nft-tier .coins-poll .btn-upgrade .info-icon svg {
  fill: #898d9e;
  height: 16px;
  width: 16px
}

.nft-tier .coins-poll .btn-upgrade:disabled {
  background-color: #fff;
  border: 1px solid #fff;
  color: #898d9e;
  cursor: auto;
  opacity: 1;
  pointer-events: auto
}

.nft-tier .coins-poll .btn-upgrade:disabled>span {
  filter: grayscale(1)
}

.nft-tier .coins-poll .activities-link {
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  text-decoration: underline
}

.connect-wallet-popup {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9
}

.connect-wallet-popup-inner {
  background-color: #fff;
  border-radius: 16px;
  max-width: 480px;
  padding: 50px 40px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 11
}

.connect-wallet-popup-inner h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 20px auto;
  max-width: 80%
}

.connect-wallet-popup-inner .close-modal {
  border-radius: 25px;
  color: #000;
  font-size: 12px;
  left: 10px;
  outline: none;
  position: absolute;
  top: 10px
}

.connect-wallet-popup-inner .close-modal:hover {
  background-color: #898d9e1a
}

.connect-wallet-popup-inner .close-modal:before {
  background-color: #ff1919;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 10px
}

.connect-wallet-popup-inner .connect-btn {
  align-items: center;
  background-color: #eff1f8;
  border: 1px solid #eff1f8;
  border-radius: 8px;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  min-width: 180px;
  padding: 10px 18px
}

.connect-wallet-popup-inner .logout-section h3 {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 25px
}

.connect-wallet-popup-inner .logout-section .logout-actions {
  margin: 0 auto;
  max-width: 300px
}

.connect-wallet-popup-inner .logout-section .logout-actions .wallet-block {
  align-items: center;
  background-color: #eff1f8;
  border-radius: 8px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 10px 20px;
  position: relative
}

.connect-wallet-popup-inner .logout-section .logout-actions .wallet-block:hover {
  background-color: #e5eaff
}

.connect-wallet-popup-inner .logout-section .logout-actions .wallet-block .connected-symbol {
  background-color: #3cbd51;
  border-radius: 100%;
  height: 8px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 8px;
  z-index: 0
}

.connect-wallet-popup-inner .logout-section .logout-actions .wallet-block img {
  height: 20px;
  width: 20px
}

.connect-wallet-popup-inner .logout-section .logout-actions .wallet-block span {
  color: #000;
  font-size: 14px;
  font-weight: 500
}

.connect-wallet-popup-inner .logout-section .logout-btn {
  background-color: #0000;
  border: none
}

.connect-wallet-popup .modal-overlay {
  background-color: #00000080;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.upgrade-sidebar {
  right: 0;
  z-index: 9
}

.upgrade-sidebar,
.upgrade-sidebar-overlay {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%
}

.upgrade-sidebar-overlay {
  background-color: #000000b3;
  left: 0;
  z-index: 1
}

.upgrade-sidebar-body {
  background-color: #fff;
  height: 100%;
  max-width: 420px;
  overflow-y: auto;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3
}

.upgrade-sidebar-body .btn-back {
  background: #0000;
  border: none
}

.upgrade-sidebar-body .btn-back>img {
  height: 24px;
  width: 24px
}

.upgrade-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  width: 100%
}

.upgrade-inner .title {
  align-items: center;
  display: flex;
  margin-bottom: 20px
}

.upgrade-inner .title h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  margin-left: 8px
}

.upgrade-inner .upgrade-details-block {
  align-items: flex-start;
  display: flex;
  margin-bottom: 24px;
  width: 100%
}

.upgrade-inner .upgrade-details-block .porfile-img {
  flex: 0 0 35%;
  max-width: 35%;
  position: relative
}

.upgrade-inner .upgrade-details-block .porfile-img>img {
  border-radius: 16px
}

.upgrade-inner .upgrade-details-block .porfile-img .caption {
  background-color: #fff;
  border-radius: 25px;
  bottom: -7px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .149);
  display: inline-block;
  left: 50%;
  padding: 4px 18px;
  position: absolute;
  transform: translateX(-50%)
}

.upgrade-inner .upgrade-details-block .porfile-img .caption>abbr {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase
}

.upgrade-inner .upgrade-details-block .benefits-section {
  flex: 0 0 65%;
  max-width: 65%;
  padding-left: 16px
}

.upgrade-inner .upgrade-details-block .benefits-section h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px
}

.upgrade-inner .upgrade-details-block .benefits-section h5 {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px
}

.upgrade-inner .upgrade-details-block .benefits-section .benefits-list {
  padding-left: 20px;
  width: 100%
}

.upgrade-inner .upgrade-details-block .benefits-section .benefits-list li {
  color: #898d9e;
  font-size: 12px;
  margin-bottom: 4px;
  position: relative
}

.upgrade-inner .upgrade-details-block .benefits-section .benefits-list li .list-icon {
  height: 12px;
  left: -20px;
  position: absolute;
  top: 2px
}

.upgrade-inner .nft-dropdown-section h6 {
  font-size: 12px;
  margin: 0 0 6px
}

.upgrade-inner .nft-dropdown-section .note {
  color: #777a87;
  font-size: 12px
}

.upgrade-inner .nft-dropdown-section .nft-dropdown {
  background-color: #eff1f8;
  border-radius: 12px;
  margin-bottom: 10px;
  padding: 12px;
  width: 100%
}

.upgrade-inner .nft-dropdown-section .nft-dropdown-block {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 6px;
  padding: 6px
}

.upgrade-inner .nft-dropdown-section .nft-dropdown-block .droparrow {
  margin-bottom: 10px;
  margin-left: auto
}

.upgrade-inner .nft-dropdown-section .nft-dropdown-block .profile-img {
  border-radius: 6px;
  height: 48px;
  overflow: hidden;
  width: 48px
}

.upgrade-inner .nft-dropdown-section .nft-dropdown-block .content {
  margin-left: 8px
}

.upgrade-inner .nft-dropdown-section .nft-dropdown-block .content h4 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px
}

.upgrade-inner .nft-dropdown-section .nft-dropdown-block .content h5 {
  font-size: 14px;
  font-weight: 600;
  margin: 0
}

.upgrade-inner .nft-dropdown-section .nft-dropdown-block .content h5 strike {
  color: #9196a8;
  font-size: 12px
}

.upgrade-inner .nft-dropdown-section .nft-dropdown-block .saveing-text {
  color: #3cbd51;
  font-size: 11px !important;
  margin: 0
}

.upgrade-inner .upgrade-btn {
  font-size: 16px;
  padding: 10px
}

.upgrade-inner .upgrade-btn img {
  margin-right: 6px
}

.upgrade-inner .upgrade-btn:disabled {
  background-color: #777a87;
  border-color: #777a87
}

.upgrade-inner .payable-section h6 {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 6px
}

.upgrade-inner .payable-section-inner {
  align-items: center;
  background-color: #eff1f8;
  border-radius: 12px;
  column-gap: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 12px
}

.upgrade-inner .payable-section-inner h3 {
  font-size: 30px;
  font-weight: 500
}

.upgrade-inner .payable-section-inner h6 {
  color: #667085;
  font-size: 12px
}

.upgrade-inner .payable-section-inner .shuffle-icon {
  background-color: #0000;
  border: none
}

.upgrade-inner .payable-section-inner .network-dropdown {
  align-items: center;
  background-color: #fff;
  border-radius: 16px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 12px
}

.upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-icon {
  height: 36px;
  position: relative
}

.upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-icon>img {
  height: 34px;
  width: 34px
}

.upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-icon>abbr {
  bottom: 0;
  position: absolute;
  right: 0
}

.upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-icon>abbr>img {
  height: 16px;
  width: 16px
}

.upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-content h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 0
}

.upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-content h6 {
  color: #667085;
  font-size: 10px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70px
}

.upgrade-inner .payable-section-inner .balance-text {
  color: #5e5e5e;
  font-size: 12px;
  font-weight: 400;
  margin: 5px 0 0;
  padding-right: 2px;
  text-align: right;
  width: 100%
}

.upgrade-inner .payable-section-inner .balance-text>b {
  font-weight: 600
}

.upgrade-inner .payable-section.upgrade .payable-section-inner h5 {
  font-size: 30px;
  margin-bottom: 0
}

.upgrade-inner .payable-section.upgrade .payable-section-inner h6 {
  color: #000;
  margin-bottom: 0
}

.upgrade-inner .payable-section.upgrade .payable-section-inner h6 b {
  font-weight: 600
}

.upgrade-inner .payable-section.upgrade .payable-section-inner .network-dropdown-content h6 {
  width: 100px
}

.upgrade-inner .payable-section.upgrade .payable-section-inner .network-dropdown-icon {
  align-items: center;
  background: linear-gradient(139.57deg, #ff6717 15.17%, #7900ff 85.06%);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  min-width: 36px;
  width: 36px
}

.upgrade-inner .payable-section.upgrade .payable-section-inner .network-dropdown {
  width: 168px
}

.upgrade-inner .approve-transfer {
  width: 100%
}

.upgrade-inner .approve-transfer .approve-list {
  margin-bottom: 16px;
  padding-left: 35px;
  position: relative;
  width: 100%
}

.upgrade-inner .approve-transfer .approve-list:before {
  border-left: 1px dashed #b2b1be;
  content: "";
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0;
  width: 100%
}

.upgrade-inner .approve-transfer .approve-list li {
  align-items: center;
  color: #001a52;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
  width: 100%
}

.upgrade-inner .approve-transfer .approve-list li:before {
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 50%;
  content: "";
  height: 20px;
  left: -34px;
  position: absolute;
  top: 0;
  width: 20px
}

.upgrade-inner .approve-transfer .approve-list li:last-child {
  margin-bottom: 0
}

.upgrade-inner .approve-transfer .approve-list li span.completed {
  left: -36px;
  position: absolute;
  top: -2px
}

.upgrade-inner .approve-transfer .approve-list li span.completed>svg path {
  fill: #3cbd51
}

.upgrade-inner .approve-transfer .approve-process-icons {
  align-items: center;
  display: flex;
  height: 150px;
  justify-content: center;
  margin-bottom: 40px;
  width: 100%
}

.upgrade-inner .approve-transfer .approve-process-icons .processing-gif {
  text-align: center;
  width: 100px
}

.upgrade-inner .approve-transfer .approve-process-icons .processing-gif svg {
  animation: svg-animation 2s linear infinite;
  max-width: 100px
}

.upgrade-inner .approve-transfer .approve-process-icons .processing-gif circle {
  fill: #0000;
  stroke: #156de9;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: 5px;
  animation: circle-animation 1.4s ease-in-out infinite both;
  display: block;
  transform-origin: 50% 50%
}

.upgrade-inner .full-height {
  height: calc(100% - 54px);
  overflow-y: auto;
  padding-right: 5px
}

.nft-nav-skeleton {
  display: flex;
  gap: 9px;
  padding: 20px;
  width: 100%
}

.nft-nav-skeleton>span {
  width: 100%
}

.info-icon .react-tooltip-lite {
  border-radius: 8px;
  font-size: 10px
}

.nft-buy {
  background-color: #eff1f8
}

.nft-buy .nft-tier-header {
  background-color: #fff
}

.nft-buy .nft-tier-body {
  padding: 16px 20px;
  width: 100%
}

.nft-buy .nft-tier-body .congratulation-section {
  align-items: center;
  background: linear-gradient(273.4deg, #7900ff 56.33%, #890ce2 60.93%, #a824ac 69.47%, #c2387f 78.67%, #d84959 87.21%, #e9563c 96.4%, #f55f27 104.94%, #fc651b 113.48%, #ff6717 122.02%);
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.nft-buy .nft-tier-body .congratulation-section-left {
  flex: 0 0 40%;
  max-width: 40%;
  padding: 5px 20px 5px 16px;
  width: 100%
}

.nft-buy .nft-tier-body .congratulation-section-left h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 5px
}

.nft-buy .nft-tier-body .congratulation-section-left p {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin: 0
}

.nft-buy .nft-tier-body .congratulation-section-left p>b {
  font-weight: 700
}

.nft-buy .nft-tier-body .congratulation-section-right {
  align-items: center;
  background-color: #fff;
  border-radius: 14px;
  display: flex;
  flex: 0 0 60%;
  justify-content: center;
  max-width: 60%;
  padding: 10px
}

.nft-buy .nft-tier-body .congratulation-section-right .profile-img {
  border-radius: 12px;
  height: 100px;
  min-width: 100px;
  overflow: hidden;
  width: 100px
}

.nft-buy .nft-tier-body .congratulation-section-right .profile-img>img {
  width: 100%
}

.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section {
  padding-left: 16px
}

.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section h3 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase
}

.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section p {
  color: #898d9e;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 10px
}

.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section .btn-outline-primary {
  align-items: center;
  border-radius: 25px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  line-height: 12px;
  padding: 6px 26px
}

.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section .btn-outline-primary>img {
  height: 12px;
  margin-right: 6px
}

.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section .btn-outline-primary:hover>img {
  filter: brightness(0) invert(1)
}

.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section .btn-outline-primary:disabled {
  border-color: #777a87;
  color: #777a87
}

.nft-buy .nft-tier-body .username-nft {
  background-color: #fff;
  border-radius: 16px;
  padding: 16px;
  width: 100%
}

.nft-buy .nft-tier-body .username-nft-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.nft-buy .nft-tier-body .username-nft-head h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.nft-buy .nft-tier-body .username-nft-head h6 {
  color: #777a87;
  font-size: 12px;
  margin: 0
}

.nft-buy .nft-tier-body .username-nft-body {
  overflow-y: auto;
  padding-right: 4px
}

.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list {
  grid-gap: 0 16px;
  display: grid;
  gap: 0 16px;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 50px
}

.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block {
  align-items: center;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px;
  position: relative;
  width: 100%
}

.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block:hover {
  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .149)
}

.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block:hover .abs-button {
  display: block
}

.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block-inner {
  border-radius: 10px;
  margin-bottom: 8px;
  padding: 20px;
  text-align: center;
  width: 100%;
  z-index: 2
}

.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block-inner h4 {
  color: #000;
  font-size: 14px;
  margin: 0
}

.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block .btn-outline-primary {
  border-radius: 25px;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 26px
}

.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block .abs-button {
  background: #fff;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  bottom: -10px;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .149);
  display: none;
  height: 50px;
  padding: 12px;
  position: absolute;
  text-align: center;
  top: 80%;
  width: 100%;
  z-index: 9
}

.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block .abs-button:disabled {
  background-color: #777a87;
  border-color: #777a87;
  color: #fff
}

.nft-buy .nft-tier-body .nfts-section {
  background-color: #fff;
  border-radius: 16px;
  padding: 16px;
  width: 100%
}

.nft-buy .nft-tier-body .nfts-section-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.nft-buy .nft-tier-body .nfts-section-head h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.nft-buy .nft-tier-body .nfts-section-head h6 {
  color: #777a87;
  font-size: 12px;
  margin: 0
}

.nft-buy .nft-tier-body .nfts-section-body {
  overflow-y: auto;
  padding-right: 4px
}

.nft-buy .nft-tier-body .nfts-section-body ul.nfts-list {
  grid-gap: 14px;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, 1fr)
}

.nft-buy .nft-tier-body .nfts-section-body .nft-block {
  border: 1px solid #eff1f8;
  border-radius: 12px;
  height: 100%;
  padding: 8px;
  position: relative;
  text-align: center;
  width: 100%
}

.nft-buy .nft-tier-body .nfts-section-body .nft-block:hover .abs-button {
  display: block
}

.nft-buy .nft-tier-body .nfts-section-body .nft-block-inner img {
  border-radius: 8px;
  height: 87px;
  margin-bottom: 8px;
  object-fit: cover;
  width: 100%
}

.nft-buy .nft-tier-body .nfts-section-body .nft-block-inner h4 {
  color: #000;
  font-size: 12px;
  font-weight: 500
}

.nft-buy .nft-tier-body .nfts-section-body .nft-block .abs-button {
  background-color: #fff;
  border: 1px solid #eff1f8;
  border-radius: 0 0 12px 12px;
  border-top: none;
  bottom: -28px;
  display: none;
  left: 0;
  padding: 0 10px 10px;
  position: absolute;
  width: 100%;
  z-index: 2
}

.nft-buy .nft-tier-body .nfts-section-body .nft-block .abs-button .btn-outline-primary {
  border-radius: 25px;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 26px
}

.nft-buy .transfer-sidebar {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9
}

.nft-buy .transfer-sidebar-overlay {
  background-color: #000000b3;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.nft-buy .transfer-sidebar-body {
  background-color: #fff;
  height: 100%;
  max-width: 420px;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3
}

.nft-buy .transfer-sidebar-body .btn-back {
  background: #0000;
  border: none
}

.nft-buy .transfer-sidebar-body .btn-back>img {
  height: 24px;
  width: 24px
}

.nft-buy .transfer-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  width: 100%
}

.nft-buy .transfer-inner .title {
  align-items: center;
  display: flex;
  padding: 20px
}

.nft-buy .transfer-inner .title h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  margin-left: 8px
}

.nft-buy .transfer-inner .full-height {
  height: calc(100% - 54px);
  overflow-y: auto;
  padding-right: 5px
}

.nft-buy .transfer-inner .full-height .nfts-transfer {
  align-items: center;
  background-color: #eff1f8;
  display: flex;
  justify-content: center;
  padding: 16px;
  width: 100%
}

.nft-buy .transfer-inner .full-height .nfts-transfer-img {
  height: 135px;
  margin-right: 16px;
  width: 100%;
  width: 147px
}

.nft-buy .transfer-inner .full-height .nfts-transfer-img img {
  border-radius: 8px;
  height: 135px;
  min-width: 147px;
  object-fit: cover;
  width: 100%
}

.nft-buy .transfer-inner .full-height .nfts-transfer-content h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px
}

.nft-buy .transfer-inner .full-height .nfts-transfer-content p {
  color: #64666f;
  font-size: 12px;
  margin: 0
}

.nft-buy .transfer-inner .full-height .transfer-address {
  padding: 20px;
  width: 100%
}

.nft-buy .transfer-inner .full-height .transfer-address p {
  color: #c3c3c3;
  font-size: 12px
}

.nft-buy .transfer-inner .full-height .transfer-address .text-danger {
  color: red
}

.nft-buy .transfer-inner .full-height .transfer-address .form-group {
  margin-bottom: 12px;
  width: 100%
}

.nft-buy .transfer-inner .full-height .transfer-address .form-group label {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px
}

.nft-buy .transfer-inner .full-height .transfer-address .form-group .form-control {
  border: 1px solid #c9cdd9;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 16px
}

.nft-buy .transfer-inner .full-height .transfer-address .form-group .form-control::placeholder {
  color: #9499a8
}

.nft-buy .transfer-inner .full-height .transfer-address .form-group .form-control:focus {
  box-shadow: none;
  outline: none
}

.nft-buy .transfer-inner .full-height .username-transfer {
  align-items: center;
  background-color: #eff1f8;
  display: flex;
  height: 165px;
  justify-content: center;
  padding: 20px;
  width: 100%
}

.nft-buy .transfer-inner .full-height .username-transfer .nft-block-inner {
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .149);
  min-width: 180px;
  padding: 20px;
  text-align: center;
  width: 100%
}

.nft-buy .transfer-inner .full-height .username-transfer .nft-block-inner h4 {
  color: #000;
  font-size: 14px;
  margin: 0
}

.nft-buy .transfer-inner .action {
  padding: 20px;
  width: 100%
}

.nft-buy .transfer-inner .action .btn,
.nft-buy .transfer-inner .approve-transfer {
  width: 100%
}

.nft-buy .transfer-inner .approve-transfer .approve-list {
  margin-bottom: 16px;
  padding-left: 35px;
  position: relative;
  width: 100%
}

.nft-buy .transfer-inner .approve-transfer .approve-list:before {
  border-left: 1px dashed #b2b1be;
  content: "";
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0;
  width: 100%
}

.nft-buy .transfer-inner .approve-transfer .approve-list li {
  align-items: center;
  color: #001a52;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
  width: 100%
}

.nft-buy .transfer-inner .approve-transfer .approve-list li:before {
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 50%;
  content: "";
  height: 20px;
  left: -34px;
  position: absolute;
  top: 0;
  width: 20px
}

.nft-buy .transfer-inner .approve-transfer .approve-list li:last-child {
  margin-bottom: 0
}

.nft-buy .transfer-inner .approve-transfer .approve-list li span.completed {
  left: -36px;
  position: absolute;
  top: -2px
}

.nft-buy .transfer-inner .approve-transfer .approve-list li span.completed>svg path {
  fill: #3cbd51
}

.nft-buy .transfer-inner .approve-transfer .approve-process-icons {
  align-items: center;
  display: flex;
  height: 150px;
  justify-content: center;
  margin-bottom: 40px;
  width: 100%
}

.nft-buy .transfer-inner .approve-transfer .approve-process-icons .processing-gif {
  text-align: center;
  width: 100px
}

.nft-buy .transfer-inner .approve-transfer .approve-process-icons .processing-gif svg {
  animation: svg-animation 2s linear infinite;
  max-width: 100px
}

.nft-buy .transfer-inner .approve-transfer .approve-process-icons .processing-gif circle {
  fill: #0000;
  stroke: #156de9;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: 5px;
  animation: circle-animation 1.4s ease-in-out infinite both;
  display: block;
  transform-origin: 50% 50%
}

.nft-tier-mint.burn-confirmation {
  left: 0;
  width: 100%
}

.eligibility {
  height: calc(100% - 102px);
  overflow-y: auto
}

.eligibility .nft-tier-header {
  display: none !important
}

.eligibility .burn-confirmation {
  left: 0;
  width: 100%
}

body .l1x-nft-tier-main.nft-buy .nft-tier-body .username_l1x_block .nfts-section,
body .l1x-nft-tier-main.nft-buy .nft-tier-body .username_l1x_block .username-nft {
  height: 100% !important
}

@media screen and (max-width:1199px) {

  .nft-tier .btn-connect-wallet,
  .nft-tier .nft-tier-header .btn-leaderboard {
    font-size: 12px;
    line-height: 12px;
    padding: 7px 18px
  }

  .nft-tier-body .nav-wrapper>ul li .nav-block-inner {
    padding: 5px
  }

  .nft-tier-body .nav-wrapper>ul li .nav-block h4 {
    font-size: 14px
  }

  .nft-tier-body .content-section-left .benefit-section .benefit-list li,
  .nft-tier-body .content-section-left .benefit-section .success-block p {
    font-size: 12px
  }

  .nft-tier-body .content-section-left .benefit-section .success-block .success-message {
    padding: 8px 16px
  }

  .nft-tier-body .content-section-left .benefit-section .success-block .success-message>span {
    font-size: 12px
  }

  .nft-tier-body .content-section-left .benefit-section .price-sec h3 {
    font-size: 20px
  }

  .nft-tier-body .content-section-left .benefit-section .price-sec h3>span,
  .nft-tier-body .content-section-right .update-section h3 {
    font-size: 16px
  }

  .nft-tier-body .content-section-right .update-section p {
    font-size: 12px
  }

  .nft-tier .btn-wrapper>.btn {
    font-size: 12px;
    line-height: 12px;
    padding: 10px
  }
}

.blurred {
  filter: blur(3px)
}

.tier-info-content {
  background: #fff !important;
  border-radius: 12px;
  overflow: hidden;
  padding: 1px;
  position: relative;
  z-index: 2
}

.tier-info-content h4 {
  color: #3cbd51;
  font-size: 20px;
  font-weight: 600
}

.tier-info-content p {
  color: #000;
  font-size: 14px
}

.tier-info-content .tier-img {
  width: 40px
}

.tier-info-content:before {
  background: linear-gradient(180deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.tier-info-content .tier-nft-inside {
  background: #fff;
  border-radius: 12px;
  padding: 16px
}

.tier-info-content .tier-nft-inside h4 {
  font-size: 16px !important
}

.swap-count-with-points {
  align-items: center;
  background: #fff;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  padding: 12px;
  width: 100%
}

.swap-count-with-points .swapCount {
  align-items: center;
  color: #000;
  display: flex;
  gap: 16px;
  width: 100%
}

.swap-count-with-points .swapCount .countIcon {
  align-items: center;
  background: #2b7adf;
  border-radius: 8px;
  color: #fff;
  display: flex;
  height: 46px;
  justify-content: center;
  width: 46px
}

.swap-count-with-points .swapCount .countIcon svg {
  width: 30px
}

.swap-count-with-points .swapCount .countIcon.star {
  background: #e1c914
}

.swap-count-with-points .swapCount .title {
  color: #000 !important;
  font-size: 14px !important;
  margin-bottom: 0
}

.swap-count-with-points .swapCount .value {
  color: #000 !important;
  font-size: 20px !important;
  font-weight: 600;
  margin-bottom: 0
}

.nft-tier-aboutus {
  color: #1d2939;
  height: calc(100% - 102px);
  overflow-y: auto
}

.nft-tier-aboutus h6 {
  font-size: 16px;
  font-weight: 600
}

.nft-tier-aboutus h4 {
  font-size: 22px;
  font-weight: 600
}

.nft-tier-aboutus .bg-gray-light {
  background-color: #f4f9ff;
  border: 1px solid #e9f0f7;
  border-radius: 20px;
  box-shadow: 0 3px 0 #f4f9ff;
  margin-bottom: 20px;
  padding: 30px
}

.nft-tier-aboutus .bg-gray-white {
  background-color: #fff;
  border: 1px solid #ecedef;
  border-radius: 20px;
  box-shadow: 0 3px 0 #f4f9ff;
  margin-bottom: 20px;
  padding: 30px
}

.nft-tier-aboutus .content-section img {
  max-width: 100%
}

.nft-tier-aboutus .content-section .core-steps-div {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 0 0 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9
}

.nft-tier-aboutus .content-section .core-steps-div .steps-list {
  background-color: #e4e5f7;
  border: 2px solid #e4e5f7;
  border-radius: 18px;
  justify-content: center;
  margin: 10px 0 0;
  padding: 0
}

.nft-tier-aboutus .content-section .core-steps-div .steps-list li {
  display: inline-block;
  font-size: 1.1em;
  line-height: 1.8em
}

.nft-tier-aboutus .content-section .core-steps-div .steps-list li .btn {
  text-wrap: nowrap;
  background-color: #e4e5f7;
  border: none;
  border-radius: 30px;
  color: #000;
  font-size: 12px;
  height: 32px;
  line-height: 20px;
  padding: 6px 10px;
  text-align: center
}

.nft-tier-aboutus .content-section .core-steps-div .steps-list li .active {
  background-color: #fff !important;
  font-weight: 600
}

.nft-tier-aboutus .content-section .body-content {
  padding: 50px 120px
}

@media screen and (max-width:1279px) {
  .nft-tier-aboutus .content-section .body-content {
    padding: 50px 30px
  }
}

.nft-tier-aboutus .content-section .body-content .section-main {
  border-bottom: 1px solid #e0e3e6;
  padding: 70px 0 30px
}

.nft-tier-aboutus .content-section .body-content .section-main .title {
  font-size: 30px;
  font-weight: 600
}

.nft-tier-aboutus .content-section .body-content .section-main p {
  color: #1d2939;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 10px
}

.nft-tier-aboutus .content-section .body-content .section-main p span {
  font-weight: 500
}

.nft-tier-aboutus .content-section .body-content .section-main .card-benefits {
  border: 1px dashed #d8dbe5;
  border-radius: 16px;
  margin-bottom: 20px;
  padding: 20px
}

.nft-tier-aboutus .content-section .body-content .section-main .card-benefits .img-card {
  border: 2px solid #fff;
  border-radius: 10px;
  position: relative
}

.nft-tier-aboutus .content-section .body-content .section-main .card-benefits .img-card img {
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.nft-tier-aboutus .content-section .body-content .section-main .card-benefits .cart-tag-main {
  display: flex;
  justify-content: center
}

.nft-tier-aboutus .content-section .body-content .section-main .card-benefits .cart-tag-main .card-tag {
  background-color: #fff;
  border-radius: 30px;
  display: inline-block;
  left: 0;
  margin: 0 auto;
  padding: 4px 15px;
  position: relative;
  top: -15px
}

.nft-tier-aboutus .content-section .body-content .section-main .card-benefits .cart-tag-main .card-tag span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase
}

.nft-tier-aboutus .content-section .body-content .section-main .card-benefits h4 {
  border-bottom: 1px solid #e2e5f0;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.nft-tier-aboutus .content-section .body-content .section-main .card-benefits .benefits-ul li {
  display: block;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative
}

.nft-tier-aboutus .content-section .body-content .section-main .card-benefits .benefits-ul li span {
  font-weight: 600
}

.nft-tier-aboutus .content-section .body-content .section-main .card-benefits .benefits-ul li img {
  left: 0;
  position: absolute;
  top: 5px
}

.nft-tier-aboutus .content-section .body-content .section-main .card-benefits .benefits-ul .light-gray {
  color: #898d9e
}

.nft-tier-aboutus .content-section .body-content .section-main h6 {
  font-size: 18px;
  font-weight: 500
}

.nft-tier-aboutus .content-section .body-content .section-main .wallet-compatibility {
  background-color: #f4f9ff;
  border-radius: 16px;
  height: 100%;
  margin-bottom: 30px;
  padding: 30px
}

.nft-tier-aboutus .content-section .body-content .section-main .wallet-compatibility h4 {
  margin-bottom: 15px
}

.nft-tier-aboutus .content-section .body-content .section-main .wallet-compatibility .icon-walt {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  height: 80px;
  justify-content: center;
  margin-bottom: 20px;
  width: 80px
}

.nft-tier-aboutus .content-section .body-content .section-main .yellow-text {
  background-color: #fffbef;
  border-radius: 16px;
  margin-bottom: 60px;
  margin-top: 40px;
  padding: 20px
}

.nft-tier-aboutus .content-section .body-content .section-main .ul-normal {
  margin-bottom: 35px
}

.nft-tier-aboutus .content-section .body-content .section-main .ul-normal:last-child {
  margin-bottom: 10px
}

.nft-tier-aboutus .content-section .body-content .section-main .ul-normal li {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 15px
}

.nft-tier-aboutus .content-section .body-content .section-main .ul-normal li span {
  font-weight: 600
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main {
  display: flex;
  gap: 30px;
  height: 100%;
  margin-top: 40px;
  overflow: auto
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main .features-card {
  background-color: #f4f9ff;
  border-radius: 16px;
  min-width: 310px;
  padding: 16px
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main .features-card .features-img {
  border-radius: 8px;
  height: 100px;
  width: 100px
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main .features-card .features-img img {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main .features-card .features-img .features-tag-main {
  display: flex;
  justify-content: center
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main .features-card .features-img .features-tag-main .features-tag {
  background-color: #fff;
  border-radius: 30px;
  display: inline-block;
  left: 0;
  margin: 0 auto;
  padding: 2px 15px;
  position: relative;
  top: -15px
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main .features-card .features-img .features-tag-main .features-tag span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main .features-card .features-ul {
  margin-top: 30px
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main .features-card .features-ul p {
  margin-bottom: 0
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main .features-card .features-ul ul.upper-alpha-ul {
  font-size: 14px;
  list-style-type: upper-alpha !important;
  margin-top: 30px;
  padding-left: 15px
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main .features-card .features-ul ul.upper-alpha-ul li {
  margin-bottom: 10px
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main .features-card .features-ul ul.upper-alpha-ul li span {
  font-weight: 600
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main .features-card .features-ul ul.upper-alpha-ul ul {
  list-style-type: disc !important;
  margin-left: 10px
}

.nft-tier-aboutus .content-section .body-content .section-main .features-section-main .features-card .features-ul ul.upper-alpha-ul ul li {
  margin-bottom: 5px
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier table {
  font-size: 14px;
  width: 100%
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier table thead th {
  background-color: #eff1f8;
  border: 1px solid #e0e4f0;
  font-weight: 500;
  padding: 10px 15px
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier table tbody td {
  border: 1px solid #e0e4f0;
  padding: 10px 15px
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier table tbody td span {
  font-weight: 500
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier table tbody td .flex-table {
  align-items: center;
  display: flex;
  font-weight: 500;
  gap: 6px
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier table tbody .td-descripton {
  max-width: 200px
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier.upgrade-td {
  margin-top: 30px
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier.upgrade-td td span {
  font-weight: 600
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier.upgrade-td td ul {
  list-style-type: disc
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier.upgrade-td td ul li {
  margin-bottom: 4px
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier ul.upper-alpha-ul {
  font-size: 14px;
  list-style-type: upper-alpha !important;
  margin-top: 30px;
  padding-left: 15px
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier ul.upper-alpha-ul li {
  margin-bottom: 10px
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier ul.upper-alpha-ul li span {
  font-weight: 600
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier ul.upper-alpha-ul ul {
  list-style-type: disc !important;
  margin-left: 10px
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier ul.upper-alpha-ul ul li {
  margin-bottom: 5px
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier ul.disc-ul {
  list-style-type: disc;
  margin-left: 20px
}

.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier.top-align-content table tr td,
.nft-tier-aboutus .content-section .body-content .section-main .table-nft-tier.top-align-content table tr th {
  vertical-align: top
}

.nft-tier-aboutus .content-section .body-content .section-main a {
  color: #ff6617;
  cursor: pointer;
  display: inline-block;
  text-decoration: underline
}

.nft-tier-aboutus .content-section .body-content .section-main .box-level {
  background-color: #f4f9ff;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 20px 15px
}

.nft-tier-aboutus .content-section .body-content .section-main .box-level .star-label {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  gap: 10px;
  justify-content: center
}

.nft-tier-aboutus .content-section .body-content .section-main .box-level .star-label img {
  width: 20px
}

.nft-tier-aboutus .content-section .body-content .section-main .box-level p {
  color: #737c88;
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: center
}

.nft-tier-aboutus .content-section .body-content .section-main .get-rewarded-div {
  background-color: #eff1f8;
  border-radius: 16px;
  padding: 30px
}

.nft-tier-aboutus .content-section .body-content .section-main .get-rewarded-div p {
  font-size: 14px;
  line-height: 23px
}

.nft-tier-aboutus .content-section .body-content .section-main .get-rewarded-div .table-get-rewarded .tr-th {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.nft-tier-aboutus .content-section .body-content .section-main .get-rewarded-div .table-get-rewarded .tr-th .th {
  font-weight: 600;
  padding: 8px 15px
}

.nft-tier-aboutus .content-section .body-content .section-main .get-rewarded-div .table-get-rewarded .tr-td {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.nft-tier-aboutus .content-section .body-content .section-main .get-rewarded-div .table-get-rewarded .tr-td .td {
  padding: 8px 15px
}

.nft-tier-aboutus .content-section .body-content .section-main .get-rewarded-div .table-get-rewarded .tr-td .td span {
  color: #777f88;
  font-size: 12px
}

.nft-tier-aboutus .content-section .body-content .section-main .get-rewarded-div .table-get-rewarded .tr-td .td:last-child {
  font-weight: 600
}

.nft-tier-aboutus .content-section .body-content .section-main .get-rewarded-div.bg-none {
  background-color: #fff
}

.nft-tier-aboutus .content-section .body-content .section-main .get-rewarded-div.bg-none .table-get-rewarded .tr-td {
  background-color: #eff1f8
}

.nft-tier-aboutus .disclaimer-section {
  background-color: #f5f5f5;
  border: 1px solid #f1f1f1;
  margin-top: 30px;
  padding: 20px
}

.nft-tier-aboutus .disclaimer-section a {
  color: #ff6617
}

.nft-tier-aboutus .btn-link {
  background-color: #0000;
  border: none;
  color: #ff6617
}

.nft-tier-aboutus h5 {
  font-size: 14px;
  font-weight: 600
}

.nft-tier-aboutus h5>b {
  font-weight: 600
}

.aboutus-nft-tier-page {
  padding: 0 40px 40px
}

.aboutus-nft-tier-page .body-title {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 15px
}

.aboutus-nft-tier-page .btn-primary {
  font-size: 14px;
  padding: 6px 20px
}

.aboutus-nft-tier-page p {
  line-height: 23px
}

.aboutus-nft-tier-page section {
  margin-top: 0;
  padding-top: 80px
}

.aboutus-nft-tier-page section:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 50px
}

.aboutus-nft-tier-page .benefits-card {
  border: 1px solid #e3e5e9;
  border-radius: 20px;
  height: 550px;
  padding: 16px
}

.aboutus-nft-tier-page .benefits-card .nft-img {
  border: 2px solid #fff;
  border-radius: 16px;
  box-shadow: 1px 4px 11px #0000002b;
  height: 140px;
  margin: 0 auto 40px;
  position: relative;
  width: 140px
}

.aboutus-nft-tier-page .benefits-card .nft-img .lbl-nft {
  background-color: #fff;
  border-radius: 30px;
  bottom: -13px;
  left: 0;
  margin: 0 auto;
  padding: 4px 15px;
  position: absolute;
  right: 0;
  width: 100px
}

.aboutus-nft-tier-page .benefits-card .nft-img .lbl-nft span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase
}

.aboutus-nft-tier-page .benefits-card .nft-img img {
  border-radius: 16px;
  max-width: 100%
}

.aboutus-nft-tier-page .benefits-card .p-text {
  color: #8a8d9f;
  font-size: 13px;
  margin-bottom: 20px;
  min-height: 120px;
  text-align: center
}

.aboutus-nft-tier-page .benefits-card .label-div .quantity {
  color: #666f84;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px
}

.aboutus-nft-tier-page .benefits-card .label-div .price-text {
  font-size: 14px;
  font-weight: 600
}

.aboutus-nft-tier-page .benefits-card .flex-beetwn {
  border-bottom: 1px solid #eef1f8;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.aboutus-nft-tier-page .benefits-card h6 {
  font-size: 14px
}

.aboutus-nft-tier-page .benefits-card ul {
  list-style: disc;
  margin-left: 20px
}

.aboutus-nft-tier-page .benefits-card ul li {
  color: #666f84;
  font-size: 13px;
  margin-bottom: 8px
}

.aboutus-nft-tier-page .main-slider-div {
  margin-top: 40px
}

.aboutus-nft-tier-page .main-slider-div .slick-slide {
  padding: 20px 10px 0
}

.aboutus-nft-tier-page .main-slider-div .slider-prev {
  background: #e4e5f7 url(/static/media/arrow-left-slide.8922986d2090bdb4bc17.svg) no-repeat 50%;
  background-size: 20px;
  left: -36px
}

.aboutus-nft-tier-page .main-slider-div .slider-next,
.aboutus-nft-tier-page .main-slider-div .slider-prev {
  border-radius: 30px;
  bottom: 0;
  cursor: pointer;
  height: 40px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 9
}

.aboutus-nft-tier-page .main-slider-div .slider-next {
  background: #e4e5f7 url(/static/media/arrow-right-slide.bb38428703a846182191.svg) no-repeat 50%;
  background-size: 20px;
  right: -36px
}

.aboutus-nft-tier-page .table-div.max-wlg {
  max-width: 900px
}

.aboutus-nft-tier-page .table-div table {
  border: 1px solid #edf0f4;
  width: 100%
}

.aboutus-nft-tier-page .table-div table thead tr th {
  background: #f4f7fe;
  border-bottom-width: 1px;
  border-color: #edf0f4;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: .5rem
}

.aboutus-nft-tier-page .table-div table thead tr th span {
  color: #666f84;
  display: block;
  font-weight: 400
}

.aboutus-nft-tier-page .table-div table tbody tr td {
  background: #fff;
  border-bottom-width: 1px;
  border-color: #edf0f4;
  color: #000;
  font-size: 14px;
  padding: .5rem
}

.aboutus-nft-tier-page .table-div table tbody tr td span {
  font-weight: 600
}

.aboutus-nft-tier-page .table-div table tbody tr td a {
  color: #f55f27
}

.aboutus-nft-tier-page .note-div {
  border: 1px solid #eef0f4;
  border-radius: 16px;
  display: flex;
  gap: 20px;
  margin-top: 20px;
  max-width: 900px;
  padding: 16px
}

.aboutus-nft-tier-page .note-div .img-note img {
  min-width: 46px;
  width: 46px
}

.aboutus-nft-tier-page .note-div p {
  margin-bottom: 5px
}

.aboutus-nft-tier-page .box-class-main {
  display: flex;
  gap: 20px;
  margin-bottom: 5px;
  max-width: 700px
}

.aboutus-nft-tier-page .box-class-main .box-class-list {
  background-color: #f4f5ff;
  border-radius: 16px;
  min-width: 50%;
  padding: 30px
}

.aboutus-nft-tier-page .box-class-main .box-class-list img {
  height: 26px;
  margin-bottom: 15px
}

.aboutus-nft-tier-page .box-class-main .box-class-list h5 {
  font-size: 14px;
  font-weight: 600;
  min-width: 160px
}

.aboutus-nft-tier-page .box-class-main .box-class-list p {
  font-size: 14px;
  margin-bottom: 0
}

.aboutus-nft-tier-page .card-benefits {
  border: 1px dashed #d8dbe5;
  border-radius: 16px;
  height: 590px;
  margin-bottom: 0;
  padding: 16px 0 60px;
  position: relative
}

.aboutus-nft-tier-page .card-benefits .or-class {
  margin-top: 10px
}

.aboutus-nft-tier-page .card-benefits .vertical-height {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  height: calc(100% - 210px)
}

.aboutus-nft-tier-page .card-benefits .vertical-height .redeems {
  bottom: 10px;
  font-size: 12px;
  height: 43px;
  left: 16px;
  position: absolute
}

.aboutus-nft-tier-page .card-benefits .vertical-height .redeems span {
  display: block;
  font-size: 13px;
  font-weight: 600
}

.aboutus-nft-tier-page .card-benefits .img-card {
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 2px 14px 15px #0f224226;
  margin: 0 auto;
  position: relative;
  width: 140px
}

.aboutus-nft-tier-page .card-benefits .img-card img {
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.aboutus-nft-tier-page .card-benefits .cart-tag-main {
  display: flex;
  justify-content: center
}

.aboutus-nft-tier-page .card-benefits .cart-tag-main .card-tag {
  background-color: #fff;
  border-radius: 30px;
  display: inline-block;
  left: 0;
  margin: 0 auto;
  padding: 4px 15px;
  position: relative;
  top: -15px
}

.aboutus-nft-tier-page .card-benefits .cart-tag-main .card-tag span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase
}

.aboutus-nft-tier-page .card-benefits h4 {
  border-bottom: 1px solid #e2e5f0;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.aboutus-nft-tier-page .card-benefits ol {
  list-style-type: upper-alpha
}

.aboutus-nft-tier-page .card-benefits .benefits-ul,
.aboutus-nft-tier-page .card-benefits .benefits-ul li {
  list-style-type: upper-alpha !important;
  unicode-bidi: isolate
}

.aboutus-nft-tier-page .card-benefits .benefits-ul li {
  display: list-item;
  font-size: 13px;
  margin-bottom: 10px;
  padding-left: 10px;
  position: relative;
  text-align: -webkit-match-parent
}

.aboutus-nft-tier-page .card-benefits .benefits-ul li ul {
  list-style: disc;
  margin: 5px 0
}

.aboutus-nft-tier-page .card-benefits .benefits-ul li ul li {
  list-style-type: disc !important;
  margin-bottom: 5px
}

.aboutus-nft-tier-page .card-benefits .benefits-ul li span {
  font-weight: 600
}

.aboutus-nft-tier-page .card-benefits .benefits-ul li img {
  left: 0;
  position: absolute;
  top: 5px
}

.aboutus-nft-tier-page .card-benefits .benefits-ul .light-gray {
  color: #898d9e
}

.aboutus-nft-tier-page .img-note img {
  min-width: 46px;
  width: 46px
}

.aboutus-nft-tier-page .max-width-800 {
  max-width: 900px
}

.aboutus-nft-tier-page .redeem-box-main {
  display: flex;
  gap: 30px;
  margin: 30px 0;
  width: 350px
}

.aboutus-nft-tier-page .redeem-box-main .redeem-box-inner {
  background-color: #fff;
  border: 1px solid #e8e9f2;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 50%;
  padding: 30px
}

.aboutus-nft-tier-page .redeem-box-main .redeem-box-inner img {
  height: 30px;
  margin-bottom: 20px
}

.aboutus-nft-tier-page .redeem-box-main .redeem-box-inner h4 {
  font-size: 16px
}

.aboutus-nft-tier-page .redeem-box-main .redeem-box-inner .btn-primary {
  background-color: #0000;
  border: 1px solid #ff6716;
  color: #ff6716;
  font-size: 14px
}

.aboutus-nft-tier-page p a {
  color: #ff6716
}

.aboutus-nft-tier-page .accordion {
  max-width: 900px
}

.video-space {
  margin-top: 20px
}

.video-space iframe {
  background-color: #fff;
  border-radius: 26px;
  box-shadow: 0 2px 23px #37436445;
  height: 560px;
  margin: 0;
  max-width: 900px;
  padding: 5px;
  width: 100%
}

.nft-tier-nav {
  border-bottom: 1px solid #edeef8
}

.accordion-body a {
  color: #ff6717
}

.accordion-body .margin-bottom {
  margin-bottom: 0 !important
}

.note-class {
  background-color: #fffaed;
  border: 1px solid #faefd0;
  border-radius: 5px;
  color: #563f03;
  display: inline-block;
  padding: 3px 10px
}

.dex-listing-main {
  background-color: #f3f5fb;
  border-radius: 16px;
  height: calc(100vh - 165px);
  margin: 0 auto;
  max-height: 850px;
  max-width: 1280px;
  overflow: hidden;
  padding: 16px;
  position: relative;
  width: 100%
}

.dex-listing-main .btn-primary:hover {
  background: #ff4500;
  border-color: #ff4500
}

.dex-listing-main .dex-listing-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.dex-listing-main .dex-listing-header .mystake-head-left {
  align-items: center;
  display: flex;
  gap: 10px
}

.dex-listing-main .dex-listing-header .mystake-head-left .btnback {
  background-color: #0000;
  border: none
}

.dex-listing-main .dex-listing-header .mystake-head-left .btnback svg {
  stroke-width: 2px
}

.dex-listing-main .dex-listing-header .flex-dex {
  align-items: center;
  display: flex;
  gap: 10px
}

.dex-listing-main .dex-listing-header .flex-dex h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.dex-listing-main .dex-listing-header .flex-button {
  align-items: center;
  display: flex;
  gap: 10px
}

.dex-listing-main .dex-listing-header .flex-button .btn {
  border-radius: 30px;
  font-size: 14px;
  padding: 6px 20px
}

.dex-listing-main .dex-listing-header .flex-button .btn.btn-blue {
  background-color: #2d2468;
  color: #fff
}

.dex-listing-main .dex-listing-header .flex-button .btn.btn-blue:hover {
  background-color: #085ed7;
  color: #fff
}

.dex-listing-main .dex-listing-header .flex-button .btn.btn-blue-outline {
  background: #0000;
  border: 1px solid #2d2468;
  color: #2d2468
}

.dex-listing-main .dex-listing-header .flex-button .btn.btn-blue-outline:hover {
  background: #2d2468;
  color: #fff
}

.dex-listing-main .dex-listing-body {
  max-height: calc(100% - 81.5px);
  min-height: calc(100% - 49.5px);
  overflow-x: hidden;
  overflow-y: auto
}

.dex-listing-main .dex-listing-body .h-full {
  height: 100% !important
}

.dex-listing-main .dex-listing-body .overview-cards-main {
  display: flex;
  gap: 20px;
  justify-content: space-between
}

@media screen and (max-width:1200px) {
  .dex-listing-main .dex-listing-body .overview-cards-main {
    gap: 10px
  }
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card {
  background-color: #fff;
  border-radius: 12px;
  padding: 10px;
  position: relative;
  width: 100%;
  z-index: 9
}

@media screen and (max-width:1200px) {
  .dex-listing-main .dex-listing-body .overview-cards-main .phase-card {
    margin-bottom: 20px
  }
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .flex-phase {
  align-items: center;
  display: flex;
  gap: 10px
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .flex-phase h3 {
  align-items: center;
  border-radius: 6px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  height: 36px;
  justify-content: center;
  margin-bottom: 0;
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s;
  width: 36px
}

@media screen and (max-width:1200px) {
  .dex-listing-main .dex-listing-body .overview-cards-main .phase-card .flex-phase h3 {
    font-size: 14px;
    height: 30px;
    width: 30px
  }
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .flex-phase h3.green {
  background-color: #34a853
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .flex-phase h3.blue {
  background-color: #4285f4
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .flex-phase h3.orange {
  background-color: #fbbc05
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .flex-phase .flex-phase-right h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px
}

@media screen and (max-width:1250px) {
  .dex-listing-main .dex-listing-body .overview-cards-main .phase-card .flex-phase .flex-phase-right h4 {
    font-size: 14px
  }
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .flex-phase .flex-phase-right h4 span {
  color: #2d2468;
  display: inline-block;
  margin-left: 6px;
  width: 20px
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .flex-phase .flex-phase-right h4 span img {
  max-width: 100%
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .flex-phase .flex-phase-right p {
  align-items: center;
  color: #787f92;
  display: flex;
  font-size: 12px;
  gap: 10px;
  margin-bottom: 0
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .flex-phase .flex-phase-right p span {
  color: #2d2468;
  font-size: 12px;
  font-weight: 600
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: space-between;
  margin-top: 18px
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer.claim-flex {
  justify-content: left
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer.claim-flex .claim-usdt-btn {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  padding: 3px 10px
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer.claim-flex .link-footer-history {
  border-bottom: 1px solid #4285f4;
  display: inline-block;
  font-size: 12px;
  line-height: normal
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer.claim-flex .link-footer-history:hover {
  border-bottom: 1px solid #fff
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer .catgory-green {
  background-color: #50c62c1a;
  border: 1px solid #50c62c;
  border-radius: 30px;
  color: #50c62c;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 12px;
  text-align: center;
  width: 100%
}

@media screen and (max-width:1200px) {
  .dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer .catgory-green {
    padding: 2px 10px
  }
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer .catgory-blue {
  background-color: #ecf3fe;
  border: 1px solid #4285f4;
  border-radius: 30px;
  color: #4285f4;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 12px;
  text-align: center;
  width: 100%
}

@media screen and (max-width:1200px) {
  .dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer .catgory-blue {
    padding: 2px 10px
  }
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer .catgory-pendding {
  background-color: #fff8e6;
  border: 1px solid #fbbc05;
  border-radius: 30px;
  color: #fbbc05;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 12px;
  text-align: center;
  width: 100%
}

@media screen and (max-width:1200px) {
  .dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer .catgory-pendding {
    padding: 2px 10px
  }
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer .catgory-deactive {
  background-color: #787f921a;
  border: 1px solid #d6d9de;
  border-radius: 30px;
  color: #d6d9de;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 12px;
  text-align: center;
  width: 100%
}

@media screen and (max-width:1200px) {
  .dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer .catgory-deactive {
    padding: 2px 10px
  }
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer p {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  gap: 5px;
  margin-bottom: 0
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer p span {
  font-weight: 500
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer .link-footer-cr {
  align-items: center;
  display: flex;
  gap: 6px
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer .link-footer-cr img {
  width: 20px
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer .link-footer-cr span {
  border-bottom: 1px solid #4285f4;
  color: #4285f4;
  display: inline-block;
  font-size: 12px;
  line-height: normal
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .phase-card-footer .link-footer-cr:hover span {
  border-bottom: 1px solid #fff
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .active-tag {
  animation: pulse-animation-stake 2s infinite;
  background-color: #d6eedd;
  border-radius: 30px;
  color: #34a853;
  font-size: 12px;
  padding: 2px 15px 2px 25px;
  position: absolute;
  right: 10px;
  top: 10px
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .active-tag:after {
  background-color: #34a853;
  border-radius: 50%;
  content: "";
  display: block;
  height: 6px;
  left: 14px;
  position: absolute;
  top: 8px;
  width: 6px
}

@keyframes pulse-animation-stake {
  0% {
    box-shadow: 0 0 0 0 #d6eedde0
  }

  to {
    box-shadow: 0 0 0 10px #fff0
  }
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .scheduled-tag {
  background-color: #fef2cd;
  border-radius: 30px;
  color: #fbbc05;
  font-size: 12px;
  padding: 2px 15px;
  position: absolute;
  right: 10px;
  top: 10px
}

@media screen and (max-width:1200px) {
  .dex-listing-main .dex-listing-body .overview-cards-main .phase-card .scheduled-tag {
    padding: 2px 10px
  }
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .completed-tag {
  background-color: #f93131;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  padding: 2px 15px 2px 25px;
  position: absolute;
  right: 10px;
  top: 10px
}

.dex-listing-main .dex-listing-body .overview-cards-main .phase-card .completed-tag:after {
  border-radius: 50%;
  content: "✓";
  display: block;
  height: 6px;
  left: 8px;
  position: absolute;
  top: 2px;
  width: 6px
}

@media screen and (max-width:1150px) {
  .dex-listing-main .dex-listing-body .overview-cards-main {
    display: block
  }
}

.dex-listing-main .dex-listing-body .total-l1x-sold {
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 16px;
  margin-top: 20px;
  min-height: calc(100% - 142px);
  padding: 16px
}

@media screen and (max-width:1150px) {
  .dex-listing-main .dex-listing-body .total-l1x-sold {
    margin-top: 0;
    min-height: 413px
  }
}

.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-head {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between
}

.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-head h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-head .platform-flex-list {
  align-items: center;
  background-color: #e5ebf6;
  border-radius: 30px;
  display: flex;
  gap: 0;
  justify-content: space-between
}

.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-head .platform-flex-list .btn-charts {
  align-items: center;
  background-color: #e5ebf6;
  border: none;
  border-radius: 30px;
  color: #2d2468;
  display: flex;
  font-size: 12px;
  gap: 6px;
  padding: 5px 10px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s
}

.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-head .platform-flex-list .btn-charts img {
  width: 18px
}

.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-head .platform-flex-list .btn-charts.active,
.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-head .platform-flex-list .btn-charts:hover {
  background-color: #2d2468;
  color: #fff
}

.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-body {
  margin-top: 0;
  position: relative
}

@media screen and (min-height:950px) {
  .dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-body {
    margin-top: 30px
  }
}

.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-body img {
  max-width: 100%
}

.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-body canvas {
  height: 100% !important;
  width: 100% !important
}

@media screen and (min-height:865px) {
  .dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-body canvas {
    height: 480px !important;
    object-fit: contain
  }
}

.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-body .text-center-align {
  text-align: center
}

.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-body .time-period-list {
  align-items: center;
  background-color: #f4f7fe;
  border-radius: 30px;
  display: inline-flex;
  font-size: 12px;
  justify-content: center;
  margin: 0 auto;
  padding: 2px
}

.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-body .time-period-list .item-time {
  border-radius: 30px;
  color: #2d2468;
  cursor: pointer;
  font-size: 12px;
  padding: 4px 10px
}

.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-body .time-period-list .item-time.active,
.dex-listing-main .dex-listing-body .total-l1x-sold .total-l1x-sold-body .time-period-list .item-time:hover {
  background-color: #2d2468;
  color: #fff
}

.dex-listing-main .dex-listing-body .sidebar-stking-page {
  height: 100%
}

@media screen and (min-height:870px) {
  .dex-listing-main .dex-listing-body .sidebar-stking-page {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: flex-start
  }
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class {
  background-color: #fff;
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 16px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class.height-full-bg {
  height: 100%
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class.height-full {
  display: flex;
  flex-direction: column;
  height: calc(100% - 15px)
}

@media screen and (min-height:870px) {
  .dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class.height-full {
    display: flex;
    flex-direction: column;
    height: 100%
  }
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class .bg-white-class-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class .bg-white-class-header h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class .bg-white-class-header .view-alllink {
  border-bottom: 1px solid #4285f4;
  color: #4285f4;
  display: inline-block;
  font-size: 12px;
  line-height: auto
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class .bg-white-class-header .view-alllink:hover {
  border-bottom: 1px solid #fff
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class table {
  color: #2d2468;
  width: 100%
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class table thead tr th {
  background-color: #eff3fb;
  color: #2d2468;
  font-size: 12px;
  font-weight: 400;
  padding: 10px 16px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class table tbody {
  height: calc(100% - 270px);
  overflow: hidden
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class table tbody tr td {
  background-color: #fff;
  border-bottom: 1px solid #eff3fb;
  color: #2d2468;
  font-size: 12px;
  font-weight: 400;
  padding: 10px 16px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class table tbody tr td .flex-platform {
  align-items: center;
  display: flex;
  gap: 6px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .bg-white-class table tbody tr td .flex-platform img {
  width: 16px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .my-balance-main {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .my-balance-main .total-l1x-staked-list {
  align-items: center;
  display: flex;
  gap: 10px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .my-balance-main .total-l1x-staked-list .staking-class-icn {
  align-items: center;
  border-radius: 50px;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  width: 40px
}

@media screen and (max-width:1200px) {
  .dex-listing-main .dex-listing-body .sidebar-stking-page .my-balance-main .total-l1x-staked-list .staking-class-icn {
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    width: 30px
  }
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .my-balance-main .total-l1x-staked-list .staking-class-icn.green {
  background-color: #34a853
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .my-balance-main .total-l1x-staked-list .staking-class-icn.blue {
  background-color: #4285f4
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .my-balance-main .total-l1x-staked-list .staking-class-icn.orange {
  background-color: #fbbc05
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .my-balance-main .total-l1x-staked-list .flex-right-sidebar p {
  color: #787f92;
  font-size: 12px;
  margin-bottom: 2px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .my-balance-main .total-l1x-staked-list .flex-right-sidebar h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .my-balance-main .link-stake-now {
  background-color: #4285f4;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  padding: 4px 10px;
  text-align: center;
  width: 100px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .my-balance-main .link-stake-now:hover {
  background-color: #fff;
  border: 1px solid #4285f4;
  color: #4285f4
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .my-balance-main .link-stake-now.lock-stake {
  align-items: center;
  background-color: #aeb2be;
  border: 1px solid #aeb2be;
  display: flex;
  gap: 6px;
  justify-content: center;
  white-space: nowrap
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .my-balance-main .link-stake-now.lock-stake:hover {
  color: #fff
}

.dex-listing-main .dex-listing-body .sidebar-stking-page h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .graph-circle {
  border-bottom: 1px solid #f2f2f4;
  margin-bottom: 10px;
  padding-bottom: 20px;
  text-align: center;
  text-align: left
}

@media screen and (min-height:870px) {
  .dex-listing-main .dex-listing-body .sidebar-stking-page .graph-circle div {
    margin: 0 auto;
    width: 320px !important
  }
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .graph-circle svg {
  overflow: visible
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .graph-circle img {
  max-width: 100%
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .graph-circle ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  justify-content: center;
  margin-top: 20px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .graph-circle ul li {
  color: #232323;
  font-size: 12px;
  padding-left: 15px;
  position: relative
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .graph-circle ul li:after {
  border-radius: 20px;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 10px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .graph-circle ul li.pancakkeSwap:after {
  background-color: #39c3cb
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .graph-circle ul li.raydium:after {
  background-color: #4469fe
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .graph-circle ul li.uniSwap:after {
  background-color: #ff007a
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .graph-circle ul li.lBank:after {
  background-color: #ffd634
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .graph-circle ul li.bitMart:after {
  background-color: #000
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .graph-circle ul li.swapFee:after {
  background-color: #006400
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .total-l1x-staked-list-main {
  align-items: center;
  border-bottom: 1px solid #f2f2f4;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 16px 0;
  text-align: left
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .total-l1x-staked-list-main.border-none {
  border: none
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .total-l1x-staked-list-main .link-view-all {
  color: #0c6dfd;
  display: inline-block;
  font-weight: 400;
  text-decoration: underline
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .total-l1x-staked-list-main .link-view-all:hover {
  text-decoration: none
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .total-l1x-staked-list-main .total-l1x-staked-list {
  align-items: center;
  display: flex;
  gap: 10px;
  text-align: left
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .total-l1x-staked-list-main .total-l1x-staked-list .staking-class-icn {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .total-l1x-staked-list-main .total-l1x-staked-list .staking-class-icn.green-bg {
  background-color: #34a853
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .total-l1x-staked-list-main .total-l1x-staked-list .staking-class-icn.blue-bg {
  background-color: #0c6dfd
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .total-l1x-staked-list-main .total-l1x-staked-list .staking-class-icn.orange-bg {
  background-color: #fbbc05
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .total-l1x-staked-list-main .total-l1x-staked-list .staking-class-icn img {
  max-width: 100%
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .total-l1x-staked-list-main .total-l1x-staked-list .flex-right-sidebar p {
  color: #787f92;
  font-size: 12px;
  margin-bottom: 3px
}

.dex-listing-main .dex-listing-body .sidebar-stking-page .total-l1x-staked-list-main .total-l1x-staked-list .flex-right-sidebar h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.dex-listing-main .daily-l1x-sold {
  max-height: calc(100% - 70px);
  overflow: auto;
  position: relative
}

.dex-listing-main .daily-l1x-sold table thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

@media screen and (min-height:870px) {
  .dex-listing-main .daily-l1x-sold {
    height: 100%;
    max-height: 350px
  }
}

@media screen and (min-height:1000px) {
  .dex-listing-main .daily-l1x-sold {
    height: 100%;
    max-height: 430px
  }
}

.l1X-stakes-modal {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1010
}

.l1X-stakes-modal .l1X-stakes-modal-inner {
  background: #fff;
  border-radius: 20px;
  color: #000;
  margin: 0 auto;
  max-width: 1090px;
  min-height: 597px;
  min-width: 1090px;
  position: relative;
  z-index: 1011
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px 16px
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-header h4 {
  color: #2d2468;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 0
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-header .closebtn {
  align-items: center;
  background-color: #f3f2f9;
  border: none;
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-header .closebtn svg {
  width: 24px
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body {
  border-radius: 0;
  width: 100%
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea {
  height: 100%;
  max-height: calc(100vh - 250px);
  min-height: 500px;
  overflow-y: auto
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea table {
  border-radius: 0;
  width: 100%
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea table thead {
  background-color: #eff1f8;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea table thead tr th {
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 16px
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea table tbody tr td {
  border-bottom: 1px solid #e4e9f4;
  font-size: 14px;
  padding: 10px 16px
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea table tbody tr td a {
  color: #156ae2;
  display: inline-block
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea table tbody tr td span {
  display: inline-block;
  font-weight: 600
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea table tbody tr td .flex-l1x-coin {
  align-items: center;
  display: flex;
  font-weight: 500;
  gap: 5px
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea table tbody tr td .flex-l1x-coin.none-weight {
  font-weight: 400
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea table tbody tr td .flex-l1x-coin img {
  width: 18px
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea table tbody tr td .category-a {
  background-color: #4bb22c1a;
  border: 1px solid #4bb22c;
  border-radius: 30px;
  color: #4bb22c;
  display: inline-block;
  font-size: 12px;
  padding: 2px 14px
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea table tbody tr td .category-b {
  background-color: #ecf3fe;
  border: 1px solid #4285f4;
  border-radius: 30px;
  color: #4285f4;
  display: inline-block;
  font-size: 12px;
  padding: 2px 14px
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea table tbody tr td .category-c {
  background-color: #fef2cd;
  border: 1px solid #fbbc05;
  border-radius: 30px;
  color: #fbbc05;
  display: inline-block;
  font-size: 12px;
  padding: 2px 14px
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .no-transaction-space {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  min-height: 450px
}

.l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-footer {
  align-items: end;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 16px
}

.l1X-stakes-modal .stake-overlay {
  background: #0009;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1010
}

.nodatafound {
  align-items: center;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  background-color: #ffffffa6;
  color: #8f9aa9;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  height: calc(100% - 50px);
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%
}

.AboutL1XPool .stakeL1X .stakeSuccessful {
  text-align: center
}

.AboutL1XPool .stakeL1X .stakeSuccessful img {
  margin: 0 auto
}

.AboutL1XPool .stakeL1X .stakeSuccessful .stakeAmount {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 10px;
  width: 100%
}

.AboutL1XPool .stakeL1X .stakeSuccessful .stakeAmount img {
  margin: 0;
  width: 20px
}

.AboutL1XPool .stakeL1X .stakeSuccessful .stakeAmount h4 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0
}

.AboutL1XPool .stakeL1X .stakeSuccessful h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px
}

.AboutL1XPool .stakeL1X .stakeSuccessful .staked-successfully-wallt {
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 0 50px
}

.dex-list-nographimg img {
  margin: 0 auto;
  width: 280px
}

.dex-notice-button {
  background: #ffe031;
  border-radius: 30px;
  color: #000;
  margin-right: 10px;
  padding: 10px 16px
}

.dex-notice-button p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0
}

.pulse-yellow {
  animation: pulse-animation-yellow 2s infinite
}

@keyframes pulse-animation-yellow {
  0% {
    box-shadow: 0 0 0 0 #ffe031b3
  }

  to {
    box-shadow: 0 0 0 10px #ffe03100
  }
}

.notice-modal {
  align-items: start;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding-top: 80px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1021
}

.notice-modal .notice-space {
  background: #fff;
  border-radius: 16px;
  height: auto;
  max-height: 90vh;
  max-width: 700px;
  overflow-y: auto;
  padding: 20px;
  position: relative;
  width: 100%;
  z-index: 99
}

.notice-modal .notice-space .notice-header {
  border-bottom: 1px solid #e6dfdf;
  margin-bottom: 16px;
  padding-bottom: 12px
}

.notice-modal .notice-space .notice-header h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0
}

.notice-modal .notice-space .notice-body h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px
}

.notice-modal .notice-space .notice-body p {
  font-size: 14px;
  font-weight: 400;
  line-height: 180%
}

.notice-modal .notice-space .notice-body .watch-tutorial {
  background: #f66321;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 8px 16px
}

.notice-modal .notice-space .notice-body .warning-space {
  background: #ffeb3b33;
  border: 1px solid #ffeb3b;
  border-radius: 12px;
  color: #000;
  padding: 12px
}

.notice-modal .notice-space .notice-body .warning-space p {
  margin-bottom: 0
}

.notice-modal .notice-space .mb-24 {
  margin-bottom: 24px
}

.notice-modal .notice-overlay {
  background: #000000b3;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%
}

.warning-notice-short {
  background: #ffeb3b33;
  border: 1px solid #ffeb3b;
  border-radius: 12px;
  color: #000;
  padding: 10px
}

.warning-notice-short h5 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4
}

.warning-notice-short h5.signOnly {
  font-size: 24px;
  margin-right: 10px
}

.warning-notice-short p {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px
}

.warning-notice-short .know-more {
  background: #ffc107;
  border-radius: 30px;
  color: #000;
  font-size: 14px;
  padding: 4px 14px
}

.TooltipContent {
  position: relative
}

.TooltipContent .IconSpace {
  align-items: center;
  display: flex;
  height: 18px;
  justify-content: center;
  width: 18px
}

.TooltipContent .IconSpace svg {
  width: 18px
}

.TooltipContent:hover .InnerContent {
  display: block
}

.TooltipContent .InnerContent {
  background: #000c;
  border-radius: 8px;
  box-shadow: 0 10px 20px #00000029;
  color: #fff;
  display: none;
  left: -50%;
  padding: 12px;
  position: absolute;
  top: 16px;
  transform: translateX(-40%);
  width: 250px;
  z-index: 1080
}

.TooltipContent .InnerContent ul {
  list-style: disc;
  padding-left: 16px
}

.TooltipContent .InnerContent p,
.TooltipContent .InnerContent ul li {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 8px
}

.warning-note {
  background: #ffeb3b33;
  border: 1px solid #ffeb3b;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 12px
}

.warning-note p {
  font-size: 13px
}

.release-schedule {
  background: #ffeb3b33;
  border: 1px solid #ffeb3b;
  border-radius: 12px;
  margin-top: 20px;
  padding: 10px
}

.release-schedule p {
  font-size: 14px;
  margin-bottom: 0
}

.release-schedule h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px
}

.whatIsRelease {
  background-color: #2d2468;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 6px 20px
}

.whatIsRelease:hover {
  background-color: #302674;
  color: #fff
}

.popup-overlay {
  align-items: center;
  background: #00000080;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
  z-index: 1011
}

.popup-content {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 6px #0000001a;
  width: 400px
}

.popup-warning {
  color: #d9534f;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px
}

.popup-buttons {
  display: flex;
  justify-content: space-around;
  margin-top: 20px
}

.cancel-btn {
  background: #ccc
}

.cancel-btn,
.confirm-btn {
  border: none;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 20px
}

.confirm-btn {
  background: #d9534f;
  color: #fff
}

.claim-status {
  background: #fbbc05;
  border-radius: 30px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  padding: 4px 10px;
  text-transform: capitalize
}

.claim-status.success {
  background: #34a853;
  color: #fff
}

.DexSwapFee {
  align-items: center;
  background: #e5ebf6;
  border: 1px solid #d7dde8;
  border-radius: 30px;
  color: #000;
  display: flex;
  font-size: 12px;
  margin-right: 10px;
  padding: 4px 10px
}

.DexSwapFee:active,
.DexSwapFee:focus,
.DexSwapFee:focus-within,
.DexSwapFee:hover,
.DexSwapFee:visited {
  background: #2d2468 !important;
  color: #fff !important
}

.DexSwapFee svg {
  margin-right: 8px;
  width: 18px
}

.AboutL1XPool {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1010
}

.AboutL1XPool .PoolSpace {
  margin: 0 auto;
  max-width: 1024px;
  padding-top: 70px;
  position: relative;
  z-index: 1011
}

.AboutL1XPool .PoolSpace .closePool {
  background: #fff3;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 8px 16px;
  position: absolute;
  right: 0;
  top: 20px
}

.AboutL1XPool .PoolSpace .closePool span {
  background: red;
  border-radius: 10px;
  display: inline-block;
  height: 10px;
  margin-right: 4px;
  width: 10px
}

.AboutL1XPool .PoolSpace .PoolArea {
  background: #fff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  max-height: calc(100vh - 70px);
  overflow: hidden;
  width: 100%
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea {
  height: 100%;
  max-height: calc(100vh - 70px);
  overflow-y: auto
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .heroSpace {
  background-image: url(/static/media/hero-section-bg.6ac7c4fdfec1281dae49.png);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  padding: 70px 60px;
  position: relative
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .heroSpace img {
  max-width: 100px
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .heroSpace h2 {
  font-size: 50px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 8px
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .heroSpace h4 {
  font-size: 30px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 16px
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .heroSpace p {
  font-size: 20px;
  font-weight: 500;
  line-height: 170%;
  margin-bottom: 20px
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .heroSpace .JoinPool {
  background: linear-gradient(115deg, #f15f18 15.91%, #7c1dc9 84.09%);
  border-radius: 40px;
  color: #fff;
  filter: drop-shadow(0 10px 20px rgba(229, 89, 41, .3));
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .heroSpace:before {
  background: url(/static/media/blurPatchHero.6fafec51c098eef28654.png);
  content: "";
  height: 200px;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 100%;
  width: 250px;
  z-index: 2
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .boxCard {
  border: 1px solid #e4e7ef;
  border-radius: 12px;
  height: 100%;
  padding: 16px
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .boxCard h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .boxCard ul {
  padding-left: 12px
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .boxCard ul li {
  color: #535557;
  font-size: 12px;
  line-height: 180%;
  list-style: disc
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .boxCard ul li span {
  color: #000;
  font-weight: 600
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .boxCard .tag-div {
  background-color: #e4e6ee;
  border-radius: 30px;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 12px;
  padding: 2px 10px
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .boxCard p {
  color: #535557;
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 0;
  max-width: 90%
}

.AboutL1XPool .PoolOverlay {
  background: #0009;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1010
}

.AboutL1XPool .LiquidityConcerns {
  background: linear-gradient(115deg, #f15f18 15.91%, #7c1dc9 84.09%);
  color: #fff;
  position: relative
}

.AboutL1XPool .LiquidityConcerns:after {
  background-image: url(/static/media/addressing-liquidity-bg.01cebfed4704036c63ee.png);
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 148px;
  left: 0;
  position: absolute;
  top: 0;
  width: 158px
}

.AboutL1XPool .LiquidityConcerns .size-14 {
  color: #fff;
  line-height: 20px
}

.AboutL1XPool .LiquidityConcerns.dynamic-coin-release-bg {
  background: #00d2f8;
  background: linear-gradient(343deg, #00d2f8 1%, #3d2be3 95%)
}

.AboutL1XPool .LiquidityConcerns.dynamic-coin-release-bg:after {
  display: none
}

.AboutL1XPool .LiquidityConcerns.dynamic-coin-release-bg p {
  margin: 0 auto;
  max-width: 700px
}

.AboutL1XPool .LiquidityConcerns .paragraph-dv {
  font-weight: 300;
  line-height: 22px;
  margin-top: 20px;
  text-align: center
}

.AboutL1XPool .white-widjet-bx {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px 16px;
  text-align: center
}

.AboutL1XPool .white-widjet-bx h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px
}

.AboutL1XPool .white-widjet-bx p {
  color: #535557;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0
}

.AboutL1XPool .coin-release-strategy.none-after:after {
  display: none
}

.AboutL1XPool .coin-release-strategy {
  position: relative;
  width: 100%
}

.AboutL1XPool .coin-release-strategy:after {
  background-image: url(/static/media/l1x-coin-bg.4d4d45f6001ee0d897dd.png);
  background-position: 0 right;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 330px;
  position: absolute;
  right: -80px;
  top: -60px;
  width: 276px
}

.AboutL1XPool .coin-release-strategy h5 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px
}

.AboutL1XPool .coin-release-strategy ul {
  margin-bottom: 30px;
  margin-top: 20px
}

.AboutL1XPool .coin-release-strategy ul li {
  margin-bottom: 5px
}

.AboutL1XPool .coin-release-strategy ul li span {
  color: #000;
  font-weight: 600
}

.AboutL1XPool .coin-release-strategy .table-about {
  border: 1px solid #dfe4ef;
  border-radius: 12px;
  position: relative;
  z-index: 1
}

.AboutL1XPool .coin-release-strategy .table-about table {
  border: 1px solid #dfe4ef;
  border-radius: 12px;
  overflow: hidden;
  width: 100%
}

.AboutL1XPool .coin-release-strategy .table-about table thead {
  background: #7900ff;
  background: linear-gradient(273deg, #7900ff, #ff6717)
}

.AboutL1XPool .coin-release-strategy .table-about table thead tr th {
  border: 1px solid #dfe4ef;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 15px
}

.AboutL1XPool .coin-release-strategy .table-about table tbody tr td {
  border: 1px solid #dfe4ef;
  color: #787f92;
  font-size: 14px;
  padding: 10px 15px
}

.AboutL1XPool .coin-release-strategy .fair-allocation-div {
  margin-top: 30px
}

.AboutL1XPool .coin-release-strategy .fair-allocation-div h5 {
  margin-bottom: 10px
}

.AboutL1XPool .coin-release-strategy .fair-allocation-div ul {
  list-style-type: disc;
  margin-left: 15px;
  margin-top: 0
}

.AboutL1XPool .coin-release-strategy .fair-allocation-div ul li {
  font-size: 14px;
  line-height: 30px
}

.AboutL1XPool .PoolSpace .PoolArea .scrollerArea .get-started-section .boxCard h5 {
  margin-bottom: 8px
}

.AboutL1XPool .join-future-decentralized-finance {
  background: #7900ff;
  background: linear-gradient(273deg, #7900ff, #ff6717);
  border-radius: 16px;
  color: #fff;
  margin-bottom: 50px;
  padding: 50px 40px;
  position: relative;
  text-align: center
}

.AboutL1XPool .join-future-decentralized-finance:after {
  bottom: 30px;
  left: 0
}

.AboutL1XPool .join-future-decentralized-finance:after,
.AboutL1XPool .join-future-decentralized-finance:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABjCAYAAACPO76VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQwSURBVHgB7d3bbhMxFIXhPT1SLlChCN7/5SohFdpyQQsBgheZrVZVmvF5L3v8S1G4SEImXwtzsONJGmq73R67u8+eD/8yTdMfaagjGdE0MIgaGEQNDKIGBlEDg6iBQdTAIGpgEJUFwx0ZrxY157Ynv9D8Zq7c/XtZWW6bL2W37VlAkl5EIdzt1N0u1gQyQ7yV3bZnAYl+gRcQ2ipAnkFoWUCinvwKhNY1yB4ILRkk+IkLEFqXIAcgtCSQoCd5QmhdgXhAaNEg3k8IhNC6AAmA0KJAvB/srpr9dXe/JbymQSIgtM38mXkXJOde/NbdPUh4TYIkQPxwn9WdBBb879paQGpDoKj/9XsHsYBA0fvEvYJYQaCkI8beQCwhUPL5lF5ArCFQlrONrYMwQKATyRRA3EbhjxcSFkAUdCn8Bb7oW68HkUCgSTI3/6SHgqAHT5BsMUGg7BioBRA2CFQEAzGDMEKgYhiIEYQVAhXFQEwgzBCoOAZiAGGHQFUwkCVICxCoGgayAGkFAlXFQDVBWoJA1TFQCoi73S9dQZsvd76ThiCQCQZKAMGkyTv3gf185XXPZQcRcq1eM4NAZhgoAQRt3O1RdjjodL6dSVymEMgUAyWC5MocApljIGMQCghEgYGMQGggEA0GqgxCBYEm9wFku8C0+JdN0+IguEogj+69fFt60LyLXGUiED4bQHySel17POZedntFpX5I/u8aez72jbtdSp2u6aZ/zQd091Kuuylw2GWtKOfizQd0vyR/m9cOFhlinhi5kfyVAM7W2jBKvGa2xjxwopgxjiV/MScPq8WMcS75GxihzQeisWdfD3U2n2KnjPU340rKdZljAn2JGE+HxF4qDcnrEm7t0yFsJwprQGjVx/YuxXQKvSaERgXCcnHJAkKjAWG47GoJoVGAWA9ISIHAeaaNPJ3iwEEidltjd4nNQSyH6kR/84C7fT8wVAcoHyXuCN4UxGoQW/RIP9lBLF6PaGkGlWYxvLPakMvWQGoPfK4+9rUlkJpTAswGIbcCUmuyjPlo8BZAakwjoxmWzw5SeoIl3fwIZpCSU49pJ6qwgpSalE8/Y4gRpMTXVTQzdYsNJCtGaYj5Ys8H8evWZ2k4JpBsV/kq/UbghyfrtfFK3wbkVa4lG5qaVfoylu/LyrFkQ9MQGgNI6pINXUBo1iApSzZ0BaFZgsQu2dAlhGYFErNkQ9cQmgVI6JINq4DQaoOELtkQs4/fJISWAHJSesmGGwlbtqFpCC0CBIMmvk6Fl2wIAekCQgsAiYJAMUs2+IB0BaF5gERDoNglGw6BdAmhHQBJgkApSzbsA+kaQtsDkgyBUpdseA6yCgjtGUgWCJR8Ch1vwu3C3eR4M601n34/yrXtuZZsWB2ElnPbxzxwogYGUQODqIFB1MAgamAQNTCIGhhEDYzRaF//AM/lwKOWSJBJAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 99px;
  position: absolute;
  width: 99px
}

.AboutL1XPool .join-future-decentralized-finance:before {
  right: 20px;
  top: 30px
}

.AboutL1XPool .join-future-decentralized-finance p {
  font-size: 14px;
  line-height: 24px;
  margin: 0 auto;
  max-width: 650px
}

.AboutL1XPool .join-future-decentralized-finance h3 {
  margin-bottom: 20px
}

.AboutL1XPool .join-future-decentralized-finance .button-center {
  margin-top: 20px;
  text-align: center
}

.AboutL1XPool .join-future-decentralized-finance .button-center .join-l1x-pool-now {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #000;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 30px
}

.AboutL1XPool .join-future-decentralized-finance .button-center .join-l1x-pool-now:hover {
  background-color: #0000;
  color: #fff
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px
}

.py-50 {
  padding-bottom: 50px;
  padding-top: 50px
}

.size-30 {
  font-size: 30px;
  font-weight: 700
}

.size-14 {
  color: #535557;
  line-height: 200%
}

.size-24 {
  font-weight: 600
}

.size-16 {
  font-size: 16px;
  line-height: 160%;
  position: relative;
  z-index: 3
}

.size-18 {
  line-height: 160%;
  text-align: center
}

.stakeL1X {
  background: #fff;
  border-radius: 16px;
  max-width: 460px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1012
}

.stakeL1X .headerSpace {
  border-bottom: 1px solid #e4e9f4;
  padding: 12px 16px
}

.stakeL1X .headerSpace.close-btn-mdl {
  align-items: end;
  border-bottom: none;
  display: flex;
  flex-direction: column
}

.stakeL1X .headerSpace h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.stakeL1X .headerSpace .CloseStake {
  align-items: center;
  background: #f4f7fe;
  border-radius: 40px;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 0;
  width: 40px
}

.stakeL1X .headerSpace .CloseStake svg {
  width: 24px
}

.stakeL1X .amountSpace {
  padding: 20px 30px
}

.stakeL1X .amountSpace img {
  margin-right: 10px;
  width: 24px
}

.stakeL1X .amountSpace input {
  border: 1px solid #c2c7d2;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 16px
}

.stakeL1X .amountSpace .size-12 {
  background: #fffad7;
  border-radius: 6px;
  font-size: 12px;
  padding: 6px 10px
}

.stakeL1X .displaySpace {
  background: #f4f7fe;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  padding: 30px
}

.stakeL1X .stakeSuccessful img {
  margin: 0 auto;
  max-width: 200px
}

.leading-regular {
  line-height: normal
}

.font-semibold {
  font-weight: 600
}

.category-badge {
  border: 1px solid;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 16px
}

.category-badge.green {
  background: #4bb22c1a;
  border-color: #50c62c;
  color: #50c62c
}

.walletAddress {
  align-items: center;
  background: #fff;
  border: 1px solid #dae0ee;
  border-radius: 6px;
  display: flex;
  margin-bottom: 16px;
  padding: 8px 16px
}

.walletAddress p {
  font-size: 14px;
  margin-bottom: 0
}

.walletAddress span {
  background: #dae0ee;
  display: inline-block;
  height: 24px;
  margin-left: 12px;
  margin-right: 12px;
  width: 1px
}

.stakeButton {
  background: #ff6615;
  border-radius: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 16px;
  text-align: center;
  width: 100%
}

.stakeButton:hover {
  background: #e0570e;
  color: #fff
}

.key-highlights-release-pool .key-highlights-box {
  align-items: center;
  border: 1px solid #e4e7ef;
  border-radius: 12px;
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
  padding: 16px 20px
}

.key-highlights-release-pool .key-highlights-box .key-highlights-right h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px
}

.key-highlights-release-pool .key-highlights-box .key-highlights-right p {
  color: #535557;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0
}

.section-titles {
  margin-bottom: 40px;
  text-align: center
}

.section-titles h2 {
  font-size: 30px;
  font-weight: 700
}

.section-titles p {
  color: #535557;
  font-size: 14px;
  margin: 0 auto;
  max-width: 700px
}

.prioritization-coin-holders {
  align-items: center;
  display: flex
}

.prioritization-coin-holders .phase-card-coin-holder {
  height: 100%;
  min-height: 100%;
  padding: 16px;
  width: 33.33%
}

.prioritization-coin-holders .phase-card-coin-holder.blue-color-category {
  background-color: #ecf3fe;
  border-bottom-left-radius: 16px;
  border-top-left-radius: 16px
}

.prioritization-coin-holders .phase-card-coin-holder.blue-color-category .line-tag {
  background-color: #4285f4;
  height: 10px;
  width: 36px
}

.prioritization-coin-holders .phase-card-coin-holder.yellow-color-category {
  background-color: #fff8e6
}

.prioritization-coin-holders .phase-card-coin-holder.yellow-color-category .line-tag {
  background-color: #fbbc05;
  height: 10px;
  width: 36px
}

.prioritization-coin-holders .phase-card-coin-holder.violet-color-category {
  background-color: #f0ebf8;
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px
}

.prioritization-coin-holders .phase-card-coin-holder.violet-color-category .line-tag {
  background-color: #673ab7;
  height: 10px;
  width: 36px
}

.prioritization-coin-holders .phase-card-coin-holder .category-flex-holder {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.prioritization-coin-holders .phase-card-coin-holder .category-flex-holder h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px
}

.prioritization-coin-holders .phase-card-coin-holder .category-flex-holder .scheduled-tag {
  background-color: #fff;
  padding: 2px
}

.prioritization-coin-holders .phase-card-coin-holder p {
  font-size: 13px;
  letter-spacing: .3px;
  line-height: 22px;
  margin-bottom: 0;
  min-height: 44px
}

.key-objectives-div h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px
}

.key-objectives-div ol {
  list-style-type: decimal;
  max-width: 450px;
  padding-left: 15px
}

.key-objectives-div ol li {
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 10px
}

.categories-phased-release-plan {
  display: flex
}

.categories-blue-bg {
  background-color: #3874ee;
  color: #fff;
  max-width: 500px;
  padding: 50px
}

.categories-blue-bg h3 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px
}

.categories-blue-bg p {
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 0
}

.categories-blue-bg-right {
  border-bottom: 1px solid #e5eaf4;
  border-top: 1px solid #e5eaf4;
  width: 100%
}

.categories-blue-bg-right .category-a {
  border-bottom: 1px solid #e5eaf4;
  padding: 54px 30px
}

.categories-blue-bg-right .category-a h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px
}

.categories-blue-bg-right .category-a p {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 15px
}

.categories-blue-bg-right .category-a .cls-priority {
  align-items: center;
  display: flex;
  gap: 10px;
  width: 100%
}

.categories-blue-bg-right .category-a .cls-priority p {
  margin-bottom: 0
}

.categories-blue-bg-right .category-a .cls-priority .tag-high {
  background-color: #e64229;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  padding: 2px 15px
}

.categories-blue-bg-right .category-a .cls-priority p {
  font-weight: 600
}

.categories-blue-bg-right .flex-col-six {
  align-items: center;
  display: flex
}

.categories-blue-bg-right .flex-col-six .category-a {
  border-bottom: none;
  border-right: 1px solid #e5eaf4;
  border-top: none;
  height: 100%;
  width: 50%
}

.categories-blue-bg-right .flex-col-six .category-a .tag-medium {
  background-color: #ffc900;
  border-radius: 30px;
  color: #000;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  padding: 2px 15px
}

.categories-blue-bg-right .flex-col-six .category-a .tag-low {
  background-color: #28a24d;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  padding: 2px 15px
}

.user-weightage-allocation .phased-release-pln {
  margin-bottom: 50px;
  text-align: center
}

.user-weightage-allocation .phased-release-pln h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px
}

.user-weightage-allocation .phased-release-pln p {
  margin: 0 auto;
  max-width: 650px
}

.ul-list-aboutpage {
  list-style-type: disc;
  margin-bottom: 20px;
  padding-left: 30px
}

.ul-list-aboutpage li {
  margin-bottom: 6px
}

.ul-list-aboutpage li span {
  font-weight: 600
}

.ul-list-aboutpage li ul {
  list-style-type: disc;
  padding-left: 30px
}

.dynamic-coin-content h1 {
  font-size: 30px;
  font-weight: 600
}

.dynamic-coin-content h2 {
  font-size: 22px;
  font-weight: 600
}

.dynamic-coin-content p {
  font-size: 14px;
  line-height: 170%
}

.dynamic-coin-content h4 {
  font-size: 18px;
  font-weight: 600
}

.components-listing {
  list-style: disc;
  margin-top: 10px;
  padding-left: 16px
}

.components-listing.numbering {
  list-style: decimal
}

.components-listing li {
  font-size: 14px;
  line-height: 160%;
  margin-bottom: 12px
}

.video-wrapper-about {
  border: 4px solid #fff;
  border-radius: 16px;
  box-shadow: 0 0 30px #0000003d;
  height: 100%;
  max-height: 534px;
  overflow: hidden;
  width: 100%
}

.video-wrapper-about iFrame {
  height: 100%;
  min-height: 480px;
  width: 100%
}

.video-wrapper-about .video-title {
  font-size: 24px;
  font-weight: 600;
  padding: 10px 16px
}

.tabs-for-switch {
  align-items: center;
  background: #dfe4ef;
  border-radius: 30px;
  display: inline-flex
}

.tabs-for-switch .tab-switcher {
  background: #dfe4ef;
  border-radius: 30px;
  font-size: 14px;
  padding: 7px 20px
}

.tabs-for-switch .tab-switcher.active {
  background: #fc5e26;
  color: #fff
}

.tab-content-space h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 16px
}

.tab-content-space .bottom-spacer-30 {
  display: block;
  margin-bottom: 30px
}

.im-overlay-gray-scale {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.im-overlay-gray-scale .content-space {
  background: #fff;
  border-radius: 16px;
  padding: 20px;
  position: relative;
  text-align: center;
  z-index: 9
}

.im-overlay-gray-scale .content-space h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.im-overlay-gray-scale .content-space img {
  margin-bottom: 20px
}

.im-overlay-gray-scale .blurred-area {
  background: #f0f2f8;
  filter: blur(10px);
  height: 100%;
  left: 0;
  opacity: .6;
  position: absolute;
  top: 0;
  width: 100%
}

.p-relative {
  position: relative
}

.gray-scale {
  filter: grayscale(1)
}

.pulse-orange {
  animation: pulse-animation-orange 2s infinite
}

@keyframes pulse-animation-orange {
  0% {
    box-shadow: 0 0 0 0 #ff6717b3
  }

  to {
    box-shadow: 0 0 0 10px #ff671700
  }
}

.progress-content {
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  padding: 8px 10px
}

.progress-content p {
  font-size: 13px
}

.progress-content .progress-tooltip {
  width: 100%
}

.progress-content i[data-tooltip]:hover:after {
  bottom: auto;
  top: 22px
}

.progress-content i[data-tooltip]:after {
  z-index: 99
}

.progress-content i.left-align:after {
  top: 22px;
  transform-origin: top right
}

.amount-not-matched {
  border-bottom: 1px solid #4285f4;
  color: #4285f4;
  cursor: pointer;
  font-size: 14px
}

.swap-analytics-main .swap-analytics-body {
  background-color: #f4f7fe;
  border-radius: 16px;
  height: calc(100vh - 165px);
  margin: 0 auto;
  max-height: 850px;
  max-width: 1280px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.swap-analytics-main .swap-analytics-body .swap-analytics-header {
  align-items: center;
  column-gap: 15px;
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 16px;
  width: 100%
}

.swap-analytics-main .swap-analytics-body .swap-analytics-header .right-header {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-analytics-main .swap-analytics-body .swap-analytics-header .right-header .balance-swp-txt {
  background-color: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 30px;
  font-size: 14px;
  padding: 8px 22px
}

.swap-analytics-main .swap-analytics-body .swap-analytics-header .right-header .balance-swp-txt span {
  font-weight: 600
}

.swap-analytics-main .swap-analytics-body .swap-analytics-header .right-header .select-ops label {
  background-color: #bbcae4;
  border-radius: 30px 0 0 30px;
  padding: 7px 20px
}

.swap-analytics-main .swap-analytics-body .swap-analytics-header .right-header .select-ops select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  background-image: url(/static/media/chevron-down.a763e076c366fd1fc469.svg);
  background-position: center right 10px;
  background-repeat: no-repeat;
  border: 1px solid #eaeaf6;
  border-radius: 0 30px 30px 0;
  padding: 7px 40px 7px 15px
}

.swap-analytics-main .swap-analytics-body .swap-analytics-header h3 {
  align-items: center;
  color: #2d2468;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  gap: 10px;
  margin-bottom: 0
}

.swap-analytics-main .swap-analytics-body .swap-analytics-header .btn-swap-analytics {
  background-color: #2d2468;
  border: 1px solid #2d2468;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 8px 20px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s
}

.swap-analytics-main .swap-analytics-body .swap-analytics-header .btn-swap-analytics:hover {
  background-color: #fff;
  border: 1px solid #2d2468;
  color: #2d2468
}

.swap-analytics-main .swap-analytics-body .scroll-content {
  height: calc(100% - 102px);
  overflow-y: auto
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section {
  background-color: #fff;
  border-radius: 12px;
  margin: 16px 20px;
  padding: 16px 0
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section .swap-transactions-section-header {
  align-items: center;
  background-color: #fff;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 0 20px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section .swap-transactions-section-header h3 {
  color: #2d2468;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section .swap-transactions-section-header .swapright-tr {
  align-items: center;
  display: flex;
  gap: 30px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section .swap-transactions-section-header .swapright-tr .filter-by {
  align-items: center;
  background-color: #eceff5;
  border-radius: 4px;
  display: flex;
  gap: 10px;
  padding: 4px 20px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section .swap-transactions-section-header .swapright-tr .filter-by p {
  color: #828b9c;
  font-size: 12px;
  margin-bottom: 0
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section .swap-transactions-section-header .swapright-tr .filter-by .flex-select {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section .swap-transactions-section-header .swapright-tr .filter-by .flex-select .select {
  font-size: 12px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section .swap-transactions-section-header .swapright-tr .filter-by .flex-select .select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  background-image: url(/static/media/chevron-down.a763e076c366fd1fc469.svg);
  background-position: 100%;
  background-repeat: no-repeat;
  border: none;
  border-radius: 4px;
  padding: 5px 20px 5px 10px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section .swap-transactions-section-header .swapright-tr .pagination-new {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section .swap-transactions-section-header .swapright-tr .pagination-new .arrow-pag {
  align-items: center;
  background-color: #fff;
  border: 1px solid #e6ecf7;
  border-radius: 4px;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section .swap-transactions-section-header .swapright-tr .pagination-new .arrow-pag.active img {
  opacity: .3
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section .swap-transactions-section-header .swapright-tr .pagination-new .page-number {
  border: 1px solid #e6ecf7;
  border-radius: 4px;
  color: #828b9c;
  font-size: 12px;
  padding: 7px 10px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section table {
  width: 100%
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section table thead tr th {
  background-color: #eceff5;
  color: #2d2468;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 15px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section table tbody tr td {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 15px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section table tbody tr td .graycolor {
  color: #828b9c;
  font-weight: 400;
  margin-bottom: 0
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section table tbody tr td .flex-td {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section table tbody tr td .flex-td img {
  max-width: 100%;
  width: 22px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-transactions-section table tbody tr td .flex-td .flex-coin-tbl {
  align-items: center;
  display: flex;
  gap: 5px;
  line-height: normal
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content {
  display: flex;
  gap: 30px;
  padding: 0 20px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content img {
  max-width: 100%
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content {
  width: 100%
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .swap-fees-collected {
  background-color: #fff;
  border-radius: 12px;
  height: 100%;
  padding: 16px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .swap-fees-collected .regular-swap-div {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .swap-fees-collected .regular-swap-div .regular-swap-icon {
  align-items: center;
  border-radius: 8px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .swap-fees-collected .regular-swap-div .regular-swap-icon.green {
  background-color: #35ba39
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .swap-fees-collected .regular-swap-div .regular-swap-content p {
  color: #718ebf;
  font-size: 12px;
  margin-bottom: 3px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .swap-fees-collected .regular-swap-div .regular-swap-content h3 {
  color: #2d2468;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .chain-analytics-main {
  background-color: #fff;
  border-radius: 12px;
  margin-top: 16px;
  padding: 16px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .chain-analytics-main .analytics-chain-mld canvas {
  height: 100px !important;
  width: 100% !important
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .chain-analytics-main .flex-button-coins {
  display: flex;
  gap: 10px;
  margin-bottom: 20px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .chain-analytics-main .flex-button-coins .coin-link {
  align-items: center;
  border: 1px solid #e9ecf1;
  border-radius: 4px;
  color: #232323;
  display: flex;
  font-size: 12px;
  gap: 6px;
  padding: 5px 8px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .chain-analytics-main .flex-button-coins .coin-link:hover {
  border: 1px solid #344bfd;
  box-shadow: 1px 3px 13px #344bfd38
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .chain-analytics-main .flex-button-coins .coin-link.active {
  border: 1px solid #344bfd;
  box-shadow: 1px 3px 13px #344bfd38;
  color: #344bfd
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .chain-analytics-main h4 {
  color: #2d2468;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .total-transactions-swap .flex-swp {
  align-items: center;
  display: flex;
  gap: 16px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .total-transactions-swap .chart-img-contnt {
  margin-bottom: 15px;
  max-height: 250px;
  padding-bottom: 250px;
  position: relative;
  text-align: center
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .total-transactions-swap .chart-img-contnt canvas {
  margin: 0 auto
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .total-transactions-swap .chart-img-contnt .ttl-tran {
  bottom: 0;
  height: 50px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 60px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .total-transactions-swap .chart-img-contnt .ttl-tran p {
  color: #828b9c;
  font-size: 12px;
  margin: 5px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .total-transactions-swap .chart-img-contnt .ttl-tran h3 {
  color: #2d2468;
  font-size: 20px;
  font-weight: 0
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .total-transactions-swap .regular-swap-div {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  gap: 16px;
  padding: 16px;
  width: 100%
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .total-transactions-swap .regular-swap-div .regular-swap-icon {
  align-items: center;
  border-radius: 8px;
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .total-transactions-swap .regular-swap-div .regular-swap-icon svg {
  width: 20px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .total-transactions-swap .regular-swap-div .regular-swap-icon.yellow {
  background-color: #fbbc05
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .total-transactions-swap .regular-swap-div .regular-swap-icon.blue {
  background-color: #4285f4
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .total-transactions-swap .regular-swap-div .regular-swap-content p {
  color: #718ebf;
  font-size: 10px;
  margin-bottom: 4px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .total-transactions-swap .regular-swap-div .regular-swap-content h3 {
  color: #232323;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .reward-nft-white {
  background-color: #fff;
  border-radius: 12px;
  height: 100%;
  padding: 16px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .reward-nft-white .nft-reward-list-main {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .reward-nft-white .nft-reward-list-main:first-child {
  border-bottom: 1px solid #e9ecf3;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .reward-nft-white .nft-reward-list-main .nft-reward-main {
  align-items: center;
  display: flex;
  gap: 14px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .reward-nft-white .nft-reward-list-main .nft-reward-main .left-nft-reward {
  border: 1px solid #e8edf7;
  border-radius: 8px;
  box-shadow: 0 0 6px #00000038;
  height: 70px;
  min-width: 70px;
  padding: 4px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .reward-nft-white .nft-reward-list-main .nft-reward-main .left-nft-reward img {
  border-radius: 4px;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .reward-nft-white .nft-reward-list-main .nft-reward-main .nft-reward-content p {
  color: #718ebf;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 5px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .reward-nft-white .nft-reward-list-main .nft-reward-main .nft-reward-content h3 {
  align-items: center;
  color: #2d2468;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  gap: 6px;
  margin-bottom: 0
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .reward-nft-white .nft-reward-list-main .nft-reward-main .nft-reward-content h3 img {
  width: 18px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .left-swap-analytics-content .reward-nft-white .nft-reward-list-main .btn-viewall {
  background-color: #4285f4;
  border: 1px solid #4285f4;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  padding: 4px 12px;
  white-space: nowrap
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content {
  background-color: #232323;
  border-radius: 12px;
  min-width: 322px;
  padding: 16px;
  text-align: center
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content .data-labels {
  margin: 0 auto;
  max-width: 160px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content .data-labels.label-name-text {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
  max-width: 290px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content .data-labels .data-label {
  color: #fff;
  margin-bottom: 2px;
  text-align: left
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: center
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content .black-bg-nft-main {
  align-items: center;
  border-top: 1px solid #4f4f4f;
  display: flex;
  gap: 14px;
  margin-top: 20px;
  padding-top: 20px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content .black-bg-nft-main .black-bg-nft-left {
  background-color: #fff;
  border: 1px solid #e8edf7;
  border-radius: 8px;
  box-shadow: 0 0 6px #00000038;
  padding: 4px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content .black-bg-nft-main .black-bg-nft-left img {
  border-radius: 6px;
  max-width: 100%
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content .black-bg-nft-main .black-bg-nft-right {
  text-align: left
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content .black-bg-nft-main .black-bg-nft-right h3 {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  gap: 10px;
  margin-bottom: 4px
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content .black-bg-nft-main .black-bg-nft-right h3 span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content .black-bg-nft-main .black-bg-nft-right p {
  color: #fff;
  font-size: 12px;
  margin-bottom: 0
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content .black-bg-nft-main .black-bg-nft-right p span {
  font-weight: 600
}

.swap-analytics-main .swap-analytics-body .scroll-content .swap-analytics-content .right-swap-analytics-content .black-bg-nft-main .black-bg-nft-right .view-tier-nft-btn {
  background-color: #4285f4;
  border: 1px solid #4285f4;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin-top: 10px;
  padding: 4px 12px;
  white-space: nowrap
}

.active-tab {
  background-color: #2d2468 !important;
  color: #fff !important
}

.bg-chains-tab {
  background: #f1f4fc
}

.bg-chains-tab button {
  font-size: 13px
}

.L1xLanding {
  overflow-x: hidden
}

.L1xLanding .experience-seamless h3 {
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 10px
}

.L1xLanding .experience-seamless h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 16px
}

.L1xLanding .experience-seamless h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px
}

.L1xLanding .quick-start-section .quick-wrapper {
  border: 1px solid #fff3;
  border-radius: 16px;
  padding: 16px
}

.L1xLanding .quick-start-section .quick-wrapper .code-content {
  align-items: center;
  border: 1px solid #fff3;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  min-height: 60px;
  padding: 14px 16px
}

.L1xLanding .quick-start-section .quick-wrapper .code-content.active {
  background: #ffffff1a
}

.L1xLanding .quick-start-section .quick-wrapper .promo-content h6 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px
}

.L1xLanding .quick-start-section .quick-wrapper .promo-content p {
  color: #b0acc9
}

@media screen and (max-width:767px) {
  .L1xLanding .quick-start-section .quick-wrapper .promo-content {
    margin-bottom: 30px
  }
}

.L1xLanding .quick-start-section .quick-wrapper .code-area {
  background: #252538;
  border-radius: 16px;
  height: 100%
}

.L1xLanding .quick-start-section .quick-wrapper .code-area .code-header {
  align-items: center;
  background: #06060e33;
  display: flex;
  justify-content: space-between;
  padding: 10px 16px
}

.L1xLanding .quick-start-section .quick-wrapper .code-area .code-header p {
  font-size: 16px;
  margin-bottom: 0
}

.L1xLanding .quick-start-section .quick-wrapper .code-area img {
  mix-blend-mode: lighten
}

@media screen and (max-width:767px) {
  .L1xLanding .quick-start-section .quick-wrapper .code-area {
    height: auto;
    margin-bottom: 30px
  }
}

.L1xLanding .code-area {
  background: #252538;
  border-radius: 16px;
  height: 100%
}

.L1xLanding .code-area .code-header {
  align-items: center;
  background: #06060e33;
  display: flex;
  justify-content: space-between;
  padding: 10px 16px
}

.L1xLanding .code-area .code-header p {
  font-size: 16px;
  margin-bottom: 0
}

.L1xLanding .code-area img {
  mix-blend-mode: lighten
}

@media screen and (max-width:767px) {
  .L1xLanding .code-area {
    height: auto;
    margin-bottom: 30px
  }
}

.L1xLanding .dev-portal-section {
  background: url(/static/media/dev-gradient-bg.cd55f74f700cefbe65c9.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100px;
  padding-top: 100px;
  width: 100%
}

@media screen and (max-width:767px) {
  .L1xLanding .dev-portal-section {
    margin-top: 50px
  }
}

.L1xLanding .dev-portal-section h2 {
  font-size: 44px;
  font-weight: 600;
  margin-bottom: 20px
}

.L1xLanding .dev-portal-section .btn {
  padding: 12px 16px !important
}

.L1xLanding .dev-portal-section h4 {
  font-size: 20px
}

.L1xLanding .dev-portal-section p {
  color: #b0acc9;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 0
}

@media screen and (max-width:600px) {
  .L1xLanding .footerSpace {
    padding-top: 0 !important
  }
}

.L1xLanding .tokenomics-section {
  padding-bottom: 150px;
  padding-top: 50px;
  position: relative
}

@media screen and (max-width:600px) {
  .L1xLanding .tokenomics-section {
    padding-top: 0 !important
  }
}

.L1xLanding .tokenomics-section:after {
  background: url(/static/media/tokenomics-waves.3e435853b35fc9107dd4.svg);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  content: "";
  height: 370px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%
}

.L1xLanding .tokenomics-section .tokenomics-wrapper {
  margin: 0 auto 0 80px;
  max-width: 1080px;
  position: relative;
  width: 100%
}

.L1xLanding .tokenomics-section .tokenomics-wrapper .l1x-gif {
  height: 200px;
  left: 45%;
  position: absolute;
  top: 52%;
  transform: translateX(-51%) translateY(-55%);
  width: 200px
}

.L1xLanding .roadmap-section {
  background: linear-gradient(180deg, #8709bd 20%, #0e216b);
  padding-top: 80px;
  position: relative
}

.L1xLanding .roadmap-section .roadmap-block {
  display: flex
}

@media screen and (max-width:660px) {
  .L1xLanding .roadmap-section .roadmap-block {
    display: block
  }
}

.L1xLanding .roadmap-section .roadmap-block img {
  margin-right: 16px;
  margin-top: 30px
}

@media screen and (max-width:767px) {
  .L1xLanding .roadmap-section .roadmap-block img {
    display: none
  }
}

.L1xLanding .roadmap-section .roadmap-block h5 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px
}

.L1xLanding .roadmap-section .roadmap-block ul {
  padding-left: 16px
}

.L1xLanding .roadmap-section .roadmap-block ul li {
  font-size: 14px;
  list-style: disc
}

.L1xLanding .roadmap-section .roadmap-block.top-60 {
  margin-top: -60px
}

@media screen and (max-width:767px) {
  .L1xLanding .roadmap-section .roadmap-block.top-60 {
    margin-top: 30px
  }
}

.L1xLanding .roadmap-section .roadmap-block.bottom-40 {
  margin-top: 40px
}

.L1xLanding .roadmap-section:after {
  background: url(/static/media/roadmap-waves.deb930bf62db3a8fd34e.svg);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  content: "";
  height: 250px;
  left: 0;
  opacity: .5;
  position: absolute;
  width: 100%;
  z-index: 1
}

.L1xLanding .roadmap-section .colorSpot {
  display: block;
  left: -70px;
  position: absolute;
  top: -70px;
  width: 140px
}

@media screen and (max-width:767px) {
  .L1xLanding .roadmap-section .spacer-t-100 {
    padding-top: 0
  }
}

.L1xLanding .project-partners h3 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 20px
}

@media screen and (max-width:767px) {
  .L1xLanding .project-partners h3 {
    text-align: center
  }
}

.L1xLanding .project-partners .projects-card {
  align-items: center;
  background: #211b2c;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  min-height: 150px;
  padding: 20px;
  width: 100%
}

.L1xLanding .project-partners .projects-card img {
  width: 170px
}

.L1xLanding .project-partners .partners-card {
  background: #0f0e0e;
  border: 1px solid #322e42;
  border-radius: 16px;
  height: 100%;
  padding: 20px
}

.L1xLanding .project-partners .partners-card img {
  margin-bottom: 12px
}

.L1xLanding .project-partners .partners-card h4 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0
}

.L1xLanding .project-partners .partners-card a {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  display: inline-flex;
  gap: 8px;
  padding: 4px 12px
}

.L1xLanding .project-partners .partners-card a svg {
  width: 18px
}

.L1xLanding .project-partners .partners-card p {
  color: #b0acc9;
  font-size: 14px;
  line-height: 180%
}

@media screen and (max-width:767px) {
  .L1xLanding .project-partners .partners-card {
    margin-bottom: 20px
  }
}

.L1xLanding .teams-section {
  background: url(/static/media/teams-bg.85251054d8f9522b2eb0.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.L1xLanding .teams-section .teams-grid {
  gap: 80px 0
}

@media screen and (max-width:767px) {
  .L1xLanding .teams-section .teams-grid {
    gap: 30px 0
  }
}

.L1xLanding .teams-section .teams-grid .team-card {
  background: radial-gradient(66.72% 66.72% at 50% 33.28%, #403850 0, #2b3960 85%);
  border-radius: 16px;
  height: 100%;
  padding: 30px;
  text-align: center;
  width: 100%
}

@media screen and (max-width:767px) {
  .L1xLanding .teams-section .teams-grid .team-card {
    height: auto
  }
}

.L1xLanding .teams-section .teams-grid .team-card:hover {
  box-shadow: 0 15px 20px #0000004d
}

.L1xLanding .teams-section .teams-grid .team-card .team-pic {
  margin-bottom: 12px;
  width: 120px
}

.L1xLanding .teams-section .teams-grid .team-card h4 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 6px
}

.L1xLanding .teams-section .teams-grid .team-card p {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 20px;
  min-height: 42px;
  opacity: .8
}

.L1xLanding .teams-section .teams-grid.advisors {
  padding-top: 80px
}

.L1xLanding .teams-section .teams-grid.advisors .team-card {
  background: radial-gradient(72.79% 72.79% at 50% 27.21%, #32164c 0, #1d284a 100%)
}

.L1xLanding .teams-section .teams-grid.advisors .team-card .team-pic {
  margin-top: -80px
}

.L1xLanding .teams-section .teams-grid.advisors .team-card p {
  min-height: auto
}

@media screen and (max-width:767px) {
  .L1xLanding .teams-section .teams-grid.advisors .team-card {
    margin-bottom: 60px
  }
}

.L1xLanding .swap-section {
  background: linear-gradient(92deg, #fc651b .68%, #c23880 48.39%, #8207ef 98.72%);
  border-radius: 30px;
  display: flex;
  gap: 40px;
  padding: 30px 30px 0;
  position: relative
}

.L1xLanding .swap-section .swapMobile {
  margin-top: -200px;
  max-width: 310px
}

@media screen and (max-width:767px) {
  .L1xLanding .swap-section .swapMobile {
    display: none
  }
}

.L1xLanding .swap-section .right-specer {
  padding-right: 120px
}

@media screen and (max-width:991px) {
  .L1xLanding .swap-section .right-specer {
    padding-right: 0
  }
}

.L1xLanding .swap-section .right-specer h2 {
  font-size: 40px;
  font-weight: 300
}

@media screen and (max-width:767px) {
  .L1xLanding .swap-section .right-specer h2 {
    font-size: 30px
  }
}

.L1xLanding .swap-section .right-specer h3 {
  font-size: 40px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .L1xLanding .swap-section .right-specer h3 {
    font-size: 30px
  }
}

.L1xLanding .swap-section .right-specer p {
  font-size: 14px;
  font-weight: 400;
  line-height: 160%
}

@media screen and (max-width:767px) {
  .L1xLanding .swap-section .right-specer p {
    font-size: 12px
  }
}

.L1xLanding .swap-section .right-specer .rounded-white {
  background: #fff;
  border-radius: 30px;
  color: #fc651b;
  font-size: 14px;
  font-weight: 500;
  min-width: 160px;
  padding: 8px 16px
}

.L1xLanding .swap-section .right-specer .rounded-white:hover {
  box-shadow: 0 8px 20px #00000061
}

.L1xLanding .swap-section .swapOpac {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 150px
}

@media screen and (max-width:991px) {
  .L1xLanding .swap-section {
    padding-bottom: 30px
  }
}

.L1xLanding .spacer-b-200 {
  padding-bottom: 200px
}

@media screen and (max-width:767px) {
  .L1xLanding .spacer-b-200 {
    padding-bottom: 80px
  }
}

.L1xLanding .spacer-b-100 {
  padding-bottom: 100px
}

@media screen and (max-width:767px) {
  .L1xLanding .spacer-b-100 {
    padding-bottom: 50px
  }
}

.L1xLanding .spacer-t-100 {
  padding-top: 100px
}

.L1xLanding .section-title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 24px
}

@media screen and (max-width:767px) {
  .L1xLanding .section-title {
    text-align: center
  }
}

.L1xLanding .special-title {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 16px
}

.L1xLanding .spotSplash {
  background: url(/static/media/spotSplash.a4261f5341b81c115a01.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 500px;
  position: absolute;
  width: 400px
}

.L1xLanding .spotSplash.right {
  right: -150px
}

.L1xLanding .spotSplash.left {
  left: -150px
}

.L1xLanding .spotSplash.top {
  top: -150px
}

.L1xLanding .spotSplash.bottom {
  bottom: -150px
}

.L1xLanding .spotSplash.center {
  top: 50%;
  transform: translateY(-50%)
}

.L1xLanding .rounded-white {
  background: #fff;
  border-radius: 30px;
  color: #fc651b;
  font-size: 14px;
  font-weight: 500;
  min-width: 160px;
  padding: 8px 16px
}

.L1xLanding .rounded-white:hover {
  box-shadow: 0 8px 20px #00000061
}

.L1xLanding .rounded-white.orange {
  background: #fc651b;
  color: #fff
}

.L1xLanding .rounded-white.outline {
  background: #0000;
  border: 1px solid #fff;
  color: #fff
}

.L1xLanding .fixedMenu-section {
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 9
}

.L1xLanding .fixedMenu-section .navigation nav ul {
  border: 1px solid #fff
}

.L1xLanding .z-10 {
  position: relative;
  z-index: 2
}

.L1xLanding .code-area button {
  position: absolute;
  right: 16px;
  top: -37px
}

.L1xLanding .share-pair-pop {
  color: #000
}

.L1xLanding .walletAddressWrapper {
  position: relative
}

.L1xLanding .walletAddressWrapper .walletAddressSpace {
  align-items: center;
  background: #fff;
  border-radius: 8px;
  color: #000;
  display: flex;
  padding: 6px 6px 6px 12px
}

.L1xLanding .walletAddressWrapper .walletAddressSpace .addressContainer {
  align-items: center;
  display: inline-flex;
  max-width: calc(100% - 36px);
  width: 100%
}

.L1xLanding .walletAddressWrapper .walletAddressSpace .addressContainer p {
  font-size: 14px;
  margin-bottom: 0
}

.L1xLanding .walletAddressWrapper .walletAddressSpace .addressContainer span {
  background-color: #000;
  display: inline-block;
  height: 20px;
  margin: 0 10px;
  width: 1px
}

.L1xLanding .walletAddressWrapper .walletAddressSpace button {
  align-items: center;
  background: #dae2ec;
  border: 1px solid #dae2ec;
  display: flex;
  height: 36px;
  justify-content: center;
  min-width: 36px;
  padding: 8px;
  width: 36px
}

.L1xLanding .walletAddressWrapper .walletAddressSpace.disabled {
  background: #e3e2e2
}

.hackathon-landing-pg {
  background-color: #100e0e;
  color: #fff;
  font-size: 16px;
  padding-bottom: 40px
}

.hackathon-landing-pg p {
  font-weight: 300
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg p {
    font-size: 14px
  }
}

.hackathon-landing-pg .hero-section-hackathon {
  background-image: url(/static/media/bg-banner-hero.dfde496e48dab1aca20b.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

.hackathon-landing-pg .hero-section-hackathon .hackathon-home-header {
  padding: 30px 0
}

.hackathon-landing-pg .hero-section-hackathon .title-of-hero {
  position: relative;
  text-align: center;
  z-index: 1
}

.hackathon-landing-pg .hero-section-hackathon .title-of-hero h2 {
  font-size: 70px;
  font-weight: 300
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .hero-section-hackathon .title-of-hero h2 {
    font-size: 40px
  }
}

@media screen and (max-width:400px) {
  .hackathon-landing-pg .hero-section-hackathon .title-of-hero h2 {
    font-size: 24px
  }
}

.hackathon-landing-pg .hero-section-hackathon .title-of-hero h3 {
  font-size: 30px;
  margin: 0 auto 20px
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .hero-section-hackathon .title-of-hero h3 {
    font-size: 20px
  }
}

@media screen and (max-width:400px) {
  .hackathon-landing-pg .hero-section-hackathon .title-of-hero h3 {
    font-size: 16px
  }
}

.hackathon-landing-pg .hero-section-hackathon .title-of-hero h1 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 80px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .hero-section-hackathon .title-of-hero h1 {
    font-size: 40px
  }
}

@media screen and (max-width:400px) {
  .hackathon-landing-pg .hero-section-hackathon .title-of-hero h1 {
    font-size: 34px
  }
}

.hackathon-landing-pg .hero-section-hackathon .title-of-hero p {
  line-height: 160%;
  margin: 0 auto;
  max-width: 650px
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .hero-section-hackathon .title-of-hero p {
    font-size: 14px
  }
}

.hackathon-landing-pg .hero-section-hackathon .title-of-hero .herobutton {
  margin-top: 30px
}

.hackathon-landing-pg .hero-section-hackathon .title-of-hero .herobutton .btn {
  border-radius: 30px;
  cursor: pointer;
  font-weight: 600;
  padding: 12px 40px
}

.hackathon-landing-pg .hero-section-hackathon .title-of-hero .herobutton .btn:focus,
.hackathon-landing-pg .hero-section-hackathon .title-of-hero .herobutton .btn:hover {
  background-color: #fff;
  color: #ff6717
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .hero-section-hackathon .title-of-hero .herobutton .btn {
    font-size: 14px;
    padding: 8px 40px
  }
}

.hackathon-landing-pg .hero-section-hackathon .bottombannerimg {
  margin-bottom: 30px;
  margin-top: -51px;
  overflow: hidden;
  text-align: center
}

@media screen and (max-width:1440px) {
  .hackathon-landing-pg .hero-section-hackathon .bottombannerimg img {
    max-width: 100%
  }
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .hero-section-hackathon .bottombannerimg {
    margin-top: -11px
  }
}

.hackathon-landing-pg .about-hackathon .img-bg-about {
  text-align: center
}

.hackathon-landing-pg .about-hackathon .img-bg-about img {
  max-width: 100%
}

.hackathon-landing-pg .about-hackathon .bg-about-left {
  background-image: url(/static/media/about-img-hack.11d39da5c7fc5b8c262c.svg);
  background-position: top;
  background-repeat: no-repeat;
  height: 468px;
  max-width: 610px;
  text-align: center
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .about-hackathon .bg-about-left {
    background-size: 100%;
    height: 368px;
    margin: 0 auto;
    max-width: 420px;
    text-align: center
  }
}

.hackathon-landing-pg .about-hackathon .bg-about-left img {
  margin: 0 auto;
  max-width: 350px
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .about-hackathon .bg-about-left img {
    max-width: 250px
  }
}

.hackathon-landing-pg .about-hackathon h3 {
  font-size: 46px;
  font-weight: 300
}

.hackathon-landing-pg .about-hackathon .textimg {
  margin-bottom: 15px
}

@media screen and (max-width:991px) {
  .hackathon-landing-pg .about-hackathon .textimg img {
    max-width: 280px
  }
}

.hackathon-landing-pg .about-hackathon .hackathon-content-top {
  margin-top: -160px
}

.hackathon-landing-pg .about-hackathon .hackathon-content-top .flex-hackathon {
  align-items: center;
  display: flex
}

@media screen and (max-width:991px) {
  .hackathon-landing-pg .about-hackathon .hackathon-content-top .flex-hackathon {
    display: grid;
    grid-template-columns: 1fr 1fr
  }
}

.hackathon-landing-pg .about-hackathon .hackathon-content-top .flex-hackathon .box-about {
  border-radius: 12px;
  padding: 10px 8px;
  text-align: center
}

.hackathon-landing-pg .about-hackathon .hackathon-content-top .flex-hackathon .box-about.purple-border {
  border: 1px solid #a418f1;
  box-shadow: 4px 6px 10px #a418f169
}

.hackathon-landing-pg .about-hackathon .hackathon-content-top .flex-hackathon .box-about.orange-border {
  border: 1px solid #f17318;
  box-shadow: 4px 6px 10px #f1731869
}

.hackathon-landing-pg .about-hackathon .hackathon-content-top .flex-hackathon .box-about h5 {
  color: #a2aaba;
  font-size: 12px;
  margin-bottom: 5px
}

.hackathon-landing-pg .about-hackathon .hackathon-content-top .flex-hackathon .box-about h4 {
  color: #fff;
  font-size: 15px;
  font-weight: 600
}

.hackathon-landing-pg .about-hackathon .hackathon-content-top .flex-hackathon .box-about h4.whitepaceno {
  white-space: nowrap
}

.hackathon-landing-pg .about-hackathon .hackathon-content-top .text-center-tx {
  text-align: center
}

@media screen and (max-width:991px) {
  .hackathon-landing-pg .about-hackathon .hackathon-content-top .text-center-tx {
    margin-top: 40px
  }
}

.hackathon-landing-pg .about-hackathon .hackathon-content-top .text-center-tx .btn-white {
  background-color: #fff;
  border: none;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 40px
}

.hackathon-landing-pg .about-hackathon .hackathon-content-top .text-center-tx .btn-white:focus,
.hackathon-landing-pg .about-hackathon .hackathon-content-top .text-center-tx .btn-white:hover {
  background-color: #ff6717;
  color: #fff
}

.hackathon-landing-pg .about-hackathon p {
  line-height: 160%
}

.hackathon-landing-pg .why-l1x {
  background-image: url(/static/media/bg-why-l1x.771aa76f9a243008fa62.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 150px 0 50px
}

.hackathon-landing-pg .why-l1x h2 {
  font-size: 54px;
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .why-l1x h2 {
    font-size: 36px
  }
}

.hackathon-landing-pg .why-l1x .why-flex-main {
  display: flex;
  gap: 15px
}

@media screen and (max-width:991px) {
  .hackathon-landing-pg .why-l1x .why-flex-main {
    display: grid;
    grid-template-columns: 1fr 1fr
  }
}

@media screen and (max-width:400px) {
  .hackathon-landing-pg .why-l1x .why-flex-main {
    display: grid;
    grid-template-columns: 1fr
  }
}

.hackathon-landing-pg .why-l1x .why-flex-main .box-why {
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  background: #100e0e6e;
  border: 1px solid #ffffff1f;
  border-radius: 16px;
  box-shadow: 0 4px 30px #0000001a;
  min-width: 24%;
  padding: 20px
}

.hackathon-landing-pg .why-l1x .why-flex-main .box-why .icon-why-l1x {
  align-items: center;
  border-radius: 6px;
  display: flex;
  height: 50px;
  justify-content: center;
  margin-bottom: 20px;
  padding: 3px;
  width: 50px
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .why-l1x .why-flex-main .box-why .icon-why-l1x {
    height: 40px;
    padding: 6px;
    width: 40px
  }

  .hackathon-landing-pg .why-l1x .why-flex-main .box-why .icon-why-l1x img {
    max-width: 100%
  }
}

.hackathon-landing-pg .why-l1x .why-flex-main .box-why .icon-why-l1x.bg-color-1 {
  background-color: #fe6719
}

.hackathon-landing-pg .why-l1x .why-flex-main .box-why .icon-why-l1x.bg-color-2 {
  background-color: #ba328e
}

.hackathon-landing-pg .why-l1x .why-flex-main .box-why .icon-why-l1x.bg-color-3 {
  background-color: #7b01fd
}

.hackathon-landing-pg .why-l1x .why-flex-main .box-why .icon-why-l1x.bg-color-4 {
  background-color: #e25148
}

.hackathon-landing-pg .why-l1x .why-flex-main .box-why h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .why-l1x .why-flex-main .box-why h3 {
    font-size: 16px
  }
}

.hackathon-landing-pg .why-l1x .why-flex-main .box-why p {
  color: #b0acc9;
  font-size: 16px;
  line-height: 23px
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .why-l1x .why-flex-main .box-why p {
    font-size: 14px
  }
}

.hackathon-landing-pg .how-does-this-work {
  padding: 100px 0 0
}

.hackathon-landing-pg .how-does-this-work h2 {
  font-size: 54px;
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .how-does-this-work h2 {
    font-size: 36px
  }
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work {
  background-color: #100e0e;
  border: 1px solid #3a3557;
  border-radius: 16px;
  padding: 15px 0
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .how-does-this-work .tab-how-does-work {
    padding: 16px
  }
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabheader {
  align-items: top;
  border-bottom: 1px solid #3a3557;
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabheader {
    grid-gap: 10px;
    border-bottom: none;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    min-width: 100%
  }
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabheader .tab-link {
  border-bottom: 3px solid #0000;
  cursor: pointer;
  min-width: 20%;
  padding: 10px 20px
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabheader .tab-link {
    border: 1px solid #3a3557;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 50px;
    min-width: auto;
    padding: 10px
  }
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabheader .tab-link.active {
  border-color: #fd6719
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabheader .tab-link.active {
    background-color: #fd6719;
    border-color: #fd6719;
    box-shadow: 3px 7px 23px #fd671963;
    color: #fff
  }
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabheader .tab-link h5 {
  font-size: 16px;
  font-weight: 500
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabheader .tab-link h5 {
    font-size: 12px;
    margin-bottom: 0
  }
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabheader .tab-link p {
  color: #b0acc9;
  font-size: 14px;
  margin-bottom: 0
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabheader .tab-link p {
    display: none
  }
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody .tab-content {
  padding: 20px
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody .tab-content img {
  max-width: 100%
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody .tab-content img {
    margin: 0 0 10px;
    max-width: 200px
  }
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody h4 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody h4:after {
  background-color: #fd6719;
  border-radius: 6px;
  bottom: -10px;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100px
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody p {
  color: #b0acc9;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 30px
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody p.text-immediate {
  color: #fd6719;
  font-size: 14px
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody .vertical-center {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding-right: 15px
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody .vertical-center .note {
  background-color: #ffc10712;
  border-radius: 6px;
  color: #ffeb3b;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding: 15px
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody .vertical-center .note span {
  font-weight: 600
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody .vertical-center .more-questions {
  margin-top: 30px
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody .vertical-center .more-questions .btn {
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  padding: 12px 40px
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody .vertical-center .more-questions .btn {
    font-size: 14px;
    padding: 8px 40px
  }
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody .vertical-center .more-questions .btn.btn-faq {
  background-color: #fd6719
}

.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody .vertical-center .more-questions .btn:focus,
.hackathon-landing-pg .how-does-this-work .tab-how-does-work .tabbody .vertical-center .more-questions .btn:hover {
  background-color: #fff;
  color: #ff6717
}

.hackathon-landing-pg .judging-criteria {
  background-image: url(/static/media/whats-in-it-for-you-bg.ab8f59c9839eb9b551dd.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 100px 0
}

.hackathon-landing-pg .judging-criteria h2 {
  font-size: 54px;
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .judging-criteria h2 {
    font-size: 36px
  }
}

.hackathon-landing-pg .judging-criteria .flex-what-in-it-for-you {
  display: flex;
  gap: 5px
}

@media screen and (max-width:991px) {
  .hackathon-landing-pg .judging-criteria .flex-what-in-it-for-you {
    display: grid;
    grid-template-columns: 1fr 1fr
  }
}

@media screen and (max-width:400px) {
  .hackathon-landing-pg .judging-criteria .flex-what-in-it-for-you {
    display: grid;
    grid-template-columns: 1fr
  }
}

.hackathon-landing-pg .judging-criteria .flex-what-in-it-for-you .flex-box-what {
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  background: #100e0e6e;
  border-radius: 16px;
  min-width: 20%;
  padding: 20px
}

@media screen and (max-width:1100px) {
  .hackathon-landing-pg .judging-criteria .flex-what-in-it-for-you .flex-box-what {
    min-width: 14%
  }
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .judging-criteria .flex-what-in-it-for-you .flex-box-what {
    min-width: auto
  }
}

.hackathon-landing-pg .judging-criteria .flex-what-in-it-for-you .flex-box-what .icon-whats {
  align-items: center;
  background-color: #604d73a8;
  border-radius: 6px;
  display: flex;
  height: 50px;
  justify-content: center;
  margin-bottom: 20px;
  width: 50px
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .judging-criteria .flex-what-in-it-for-you .flex-box-what .icon-whats {
    height: 40px;
    padding: 6px;
    width: 40px
  }

  .hackathon-landing-pg .judging-criteria .flex-what-in-it-for-you .flex-box-what .icon-whats img {
    max-width: 100%
  }
}

.hackathon-landing-pg .judging-criteria .flex-what-in-it-for-you .flex-box-what h3 {
  font-size: 16px
}

.hackathon-landing-pg .judging-criteria .flex-what-in-it-for-you .flex-box-what p {
  color: #b0acc9;
  font-size: 16px;
  margin-bottom: 0
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .judging-criteria .flex-what-in-it-for-you .flex-box-what p {
    font-size: 14px
  }
}

.hackathon-landing-pg .whats-in-it-for-you {
  padding: 100px 0 80px
}

.hackathon-landing-pg .whats-in-it-for-you h2 {
  font-size: 54px;
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .whats-in-it-for-you h2 {
    font-size: 36px
  }
}

.hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you {
  display: flex;
  gap: 10px
}

@media screen and (max-width:991px) {
  .hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you {
    display: grid;
    grid-template-columns: 1fr 1fr
  }
}

@media screen and (max-width:400px) {
  .hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you {
    display: grid;
    grid-template-columns: 1fr
  }
}

.hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what {
  min-width: 24%;
  padding: 30px
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what {
    min-width: auto
  }
}

.hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what.left-img {
  background-image: url(/static/media/left-img.37cf1d2e2fe943098c05.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%
}

.hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what.center-img {
  background-image: url(/static/media/center-img.3d0f1e0d78fd9e710350.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%
}

.hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what.right-img {
  background-image: url(/static/media/right-img.8df9b412b8f2cbb76aeb.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%
}

.hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what .icon-whats {
  align-items: center;
  border-radius: 6px;
  display: flex;
  height: 50px;
  justify-content: center;
  margin-bottom: 15px;
  width: 50px
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what .icon-whats {
    height: 40px;
    padding: 6px;
    width: 40px
  }

  .hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what .icon-whats img {
    max-width: 100%
  }
}

.hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what .icon-whats.icon-whats-1 {
  background: #ff5903;
  background: linear-gradient(104deg, #ff5903, #7b16d4 93%)
}

.hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what .icon-whats.icon-whats-2 {
  background-color: #e9a41a
}

.hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what .icon-whats.icon-whats-3 {
  background-color: #0e9b46
}

.hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what .icon-whats.icon-whats-4 {
  background-color: #e31212
}

.hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px
}

.hackathon-landing-pg .whats-in-it-for-you .flex-what-in-it-for-you .flex-box-what p {
  color: #ddd7e9;
  font-size: 14px;
  margin-bottom: 0
}

.hackathon-landing-pg .looking-for-inspirations {
  background: #8709bd;
  background: linear-gradient(208deg, #8709bd, #0e216b 93%);
  padding: 100px 0 0
}

.hackathon-landing-pg .looking-for-inspirations h2 {
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 40px;
  text-align: center
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .looking-for-inspirations h2 {
    font-size: 28px
  }
}

.hackathon-landing-pg .looking-for-inspirations .looking-tabs-div {
  background-color: #100e0e9e;
  border-radius: 30px 30px 0 0;
  display: flex;
  gap: 20px;
  padding: 30px
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .looking-for-inspirations .looking-tabs-div {
    display: block
  }
}

.hackathon-landing-pg .looking-for-inspirations .looking-tabs-div .left-tab-looking {
  border-right: 1px solid #3f3b5a;
  min-width: 330px;
  padding-right: 20px
}

@media screen and (max-width:660px) {
  .hackathon-landing-pg .looking-for-inspirations .looking-tabs-div .left-tab-looking {
    border-right: none;
    display: flex;
    margin-bottom: 20px;
    min-width: 100%;
    overflow: auto;
    padding-right: 0
  }
}

.hackathon-landing-pg .looking-for-inspirations .looking-tabs-div .left-tab-looking .tab-looking {
  border-radius: 6px;
  color: #b0acc9;
  cursor: pointer;
  display: block;
  font-size: 16px;
  padding: 10px
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .looking-for-inspirations .looking-tabs-div .left-tab-looking .tab-looking {
    font-size: 12px;
    min-width: 200px;
    white-space: nowrap
  }
}

.hackathon-landing-pg .looking-for-inspirations .looking-tabs-div .left-tab-looking .tab-looking.active {
  background-color: #fd6719;
  color: #fff
}

.hackathon-landing-pg .looking-for-inspirations .looking-tabs-div .right-tab-looking h3 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 30px
}

@media screen and (max-width:767px) {
  .hackathon-landing-pg .looking-for-inspirations .looking-tabs-div .right-tab-looking h3 {
    font-size: 26px
  }
}

.hackathon-landing-pg .looking-for-inspirations .looking-tabs-div .right-tab-looking ul {
  list-style: disc
}

.hackathon-landing-pg .looking-for-inspirations .looking-tabs-div .right-tab-looking ul li {
  display: block;
  font-size: 14px;
  list-style: disc;
  margin-bottom: 10px;
  padding-left: 15px;
  position: relative
}

.hackathon-landing-pg .looking-for-inspirations .looking-tabs-div .right-tab-looking ul li:after {
  background-color: #fff;
  border-radius: 30px;
  content: "";
  display: block;
  height: 6px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 6px
}

.hackathon-landing-pg .faq-section {
  padding: 100px 30px
}

.hackathon-landing-pg .faq-section h2 {
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 40px;
  text-align: center
}

.hackathon-landing-pg .faq-section .faq-content {
  margin: 0 auto;
  max-width: 650px
}

.hackathon-landing-pg .faq-section .faq-content .head-faq {
  background-image: url(/static/media/plus.e2a277e044198db3f782.svg);
  background-position: center right 15px;
  background-repeat: no-repeat;
  border: 1px solid #4f4b69;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 0 10px;
  padding: 10px
}

.hackathon-landing-pg .faq-section .faq-content .head-faq.active {
  background-image: url(/static/media/minus.60166e90bdbaca42fbc9.svg);
  border: 1px solid #fff
}

.hackathon-landing-pg .faq-section .faq-content .body-faq {
  color: #ddd7e9;
  padding: 20px 10px 30px
}

.hackathon-landing-pg .faq-section .more-questions {
  margin-top: 30px;
  text-align: center
}

.hackathon-landing-pg .faq-section .more-questions .btn {
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  padding: 12px 40px
}

.hackathon-landing-pg .faq-section .more-questions .btn.btn-faq {
  background-color: #fd6719
}

.hackathon-landing-pg .faq-section .more-questions .btn:focus,
.hackathon-landing-pg .faq-section .more-questions .btn:hover {
  background-color: #fff;
  color: #ff6717
}

.fixedMenu-section {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 9
}

.fixedMenu-section .navigation nav ul {
  border: 1px solid #fff
}

.gstarter-landing-main .social-space {
  margin: 40px 0
}

.gstarter-landing-main .social-space ul {
  display: flex;
  gap: 20px
}

.gstarter-landing-main .relative {
  display: block;
  position: relative
}

.gstarter-landing-main .blend-light {
  mix-blend-mode: lighten
}

.gstarter-landing-main .container {
  max-width: 1280px
}

.gstarter-landing-main .font-jetbrains-mono {
  font-family: JetBrains Mono, monospace;
  font-optical-sizing: auto;
  line-height: 150%
}

.gstarter-landing-main .font-lato {
  font-family: Lato, sans-serif;
  font-optical-sizing: auto
}

.gstarter-landing-main {
  background-color: #181a1f;
  color: #fff
}

.gstarter-landing-main img {
  max-width: 100%
}

.gstarter-landing-main .gstarter-hero {
  background-image: url(/static/media/hero-bg.68b3618be45a1cc7a704.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 0 0 100px;
  position: relative
}

.gstarter-landing-main .gstarter-hero .gstarter-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  padding: 20px 40px
}

.gstarter-landing-main .gstarter-hero .gstarter-header .btn-white {
  background-color: #fff;
  border: none;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 30px
}

.gstarter-landing-main .gstarter-hero .gstarter-header .btn-white.i-am-orange,
.gstarter-landing-main .gstarter-hero .gstarter-header .btn-white:focus,
.gstarter-landing-main .gstarter-hero .gstarter-header .btn-white:hover {
  background-color: #f35e29;
  color: #fff
}

.gstarter-landing-main .gstarter-hero .gstarter-header .btn-white.i-am-orange:focus,
.gstarter-landing-main .gstarter-hero .gstarter-header .btn-white.i-am-orange:hover {
  background-color: #fff;
  color: #f35e29
}

.gstarter-landing-main .gstarter-hero .content-hero h1 {
  color: #f8f4e9;
  font-size: 74px;
  font-weight: 700;
  margin-bottom: 15px;
  max-width: 630px
}

.gstarter-landing-main .gstarter-hero .content-hero p {
  font-size: 24px;
  font-weight: 300;
  line-height: 50px;
  margin-bottom: 15px
}

.gstarter-landing-main .gstarter-hero .content-hero p span {
  background-color: #f35e29;
  display: inline-block;
  line-height: 38px;
  padding: 1px 4px
}

.gstarter-landing-main .gstarter-hero .content-hero .button-group {
  display: flex;
  gap: 20px;
  margin-top: 20px
}

.gstarter-landing-main .gstarter-hero .content-hero .button-group .btn-defualt {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px
}

.gstarter-landing-main .gstarter-hero .content-hero .button-group .btn-defualt:focus,
.gstarter-landing-main .gstarter-hero .content-hero .button-group .btn-defualt:hover {
  background-color: #f35e29;
  border: 1px solid #f35e29;
  color: #fff
}

.gstarter-landing-main .gstarter-hero .content-hero .button-group .btn-defualt.i-am-orange {
  background-color: #f35e29;
  border-color: #f35e29;
  color: #fff
}

.gstarter-landing-main .gstarter-hero .content-hero .button-group .btn-defualt.i-am-orange:focus,
.gstarter-landing-main .gstarter-hero .content-hero .button-group .btn-defualt.i-am-orange:hover {
  background-color: #fff;
  border-color: #f35e29;
  color: #f35e29
}

.gstarter-landing-main .gstarter-hero .content-hero .button-group .btn-bordered {
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px
}

.gstarter-landing-main .gstarter-hero .content-hero .button-group .btn-bordered:focus,
.gstarter-landing-main .gstarter-hero .content-hero .button-group .btn-bordered:hover {
  background-color: #f35e29;
  border: 1px solid #f35e29;
  color: #fff
}

.gstarter-landing-main .gstarter-hero .content-hero .impact-credit {
  align-items: center;
  background-color: #0e121c;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-top: 70px;
  max-width: 450px;
  padding: 5px 5px 5px 20px;
  position: relative
}

.gstarter-landing-main .gstarter-hero .content-hero .impact-credit .arrowup {
  left: 30px;
  position: absolute;
  top: -35px
}

.gstarter-landing-main .gstarter-hero .content-hero .impact-credit h3 {
  font-size: 16px;
  margin-bottom: 0;
  text-transform: uppercase
}

.gstarter-landing-main .gstarter-hero .content-hero .impact-credit p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0
}

.gstarter-landing-main .gstarter-hero .content-hero .impact-credit .logo-desci {
  background-color: #2a303d;
  border-radius: 4px;
  padding: 11px
}

.gstarter-landing-main .gstarter-hero .content-hero .gray-box {
  align-items: center;
  background: #2f3340;
  background: linear-gradient(180deg, #2f3340, #181a1f 93%);
  border-radius: 16px 16px 0 0;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  max-width: 450px;
  padding: 20px 50px
}

.gstarter-landing-main .gstarter-hero .content-hero .gray-box ul li {
  align-items: center;
  color: #f8f4e9;
  display: flex;
  font-size: 14px;
  gap: 10px;
  margin-bottom: 10px
}

.gstarter-landing-main .gstarter-hero .main-icon-flex {
  margin-left: 30px
}

.gstarter-landing-main .gstarter-hero .main-icon-flex .icon-flex {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 15px
}

.gstarter-landing-main .gstarter-hero .main-icon-flex p {
  font-size: 12px;
  margin-bottom: 0
}

.gstarter-landing-main .gstarter-hero .globe-hero-icon {
  bottom: -90px;
  max-width: 170px;
  position: absolute;
  right: 0
}

.gstarter-landing-main .newproject-div {
  background-image: url(/static/media/newproject-bg.6dcc0091f11f73825e1e.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 30px 0 60px
}

.gstarter-landing-main .newproject-div .astrologer {
  margin: 0 auto;
  max-width: 440px;
  position: relative
}

.gstarter-landing-main .newproject-div .astrologer .astrologer-text {
  background-color: #181a1f;
  border: 1px solid #f35e29;
  border-radius: 16px;
  font-size: 14px;
  left: -140px;
  max-width: 240px;
  padding: 16px;
  position: absolute;
  top: 40px
}

.gstarter-landing-main .newproject-div .astrologer .astrologer-text span {
  color: #f35e29;
  display: block
}

.gstarter-landing-main .newproject-div .astrologer .astrologer-text .triangle {
  --b: 2px;
  aspect-ratio: .8660254038;
  background: linear-gradient(45deg, #f35e29, #f35e29);
  -webkit-clip-path: polygon(100% 50%, 0 100%, 0 0, 100% 50%, calc(100% - var(--b)) 50%, calc(var(--b)/2) calc(var(--b)*.86603), calc(var(--b)/2) calc(100% - var(--b)*.86603), calc(100% - var(--b)) 50%);
  clip-path: polygon(100% 50%, 0 100%, 0 0, 100% 50%, calc(100% - var(--b)) 50%, calc(var(--b)/2) calc(var(--b)*.86603), calc(var(--b)/2) calc(100% - var(--b)*.86603), calc(100% - var(--b)) 50%);
  height: 30px;
  position: absolute;
  right: -26px;
  top: 20px
}

.gstarter-landing-main .newproject-div .astrologer .astrologer-text .triangle:after {
  background-color: #181a1f;
  content: "";
  display: block;
  height: 26px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 2px
}

.gstarter-landing-main .newproject-div h4 {
  font-size: 22px;
  margin-bottom: 50px
}

.gstarter-landing-main .newproject-div .classic-main {
  display: flex;
  gap: 10px;
  position: relative
}

.gstarter-landing-main .newproject-div .classic-main h3 {
  color: #ff6b00;
  font-size: 18px;
  font-weight: 600;
  max-width: 100px
}

.gstarter-landing-main .newproject-div .classic-main .shape-box {
  border: 1px solid #f35e29;
  border-radius: 16px;
  color: #ff6b00;
  font-size: 14px;
  padding: 30px;
  position: relative
}

.gstarter-landing-main .newproject-div .classic-main .shape-box p span {
  color: #e3d1b1
}

.gstarter-landing-main .newproject-div .classic-main .trigle-shape {
  --b: 2px;
  aspect-ratio: .8660254038;
  background: linear-gradient(45deg, #f35e29, #f35e29);
  -webkit-clip-path: polygon(0 50%, 100% 100%, 100% 0, 0 50%, var(--b) 50%, calc(100% - var(--b)/2) calc(var(--b)*.86603), calc(100% - var(--b)/2) calc(100% - var(--b)*.86603), var(--b) 50%);
  clip-path: polygon(0 50%, 100% 100%, 100% 0, 0 50%, var(--b) 50%, calc(100% - var(--b)/2) calc(var(--b)*.86603), calc(100% - var(--b)/2) calc(100% - var(--b)*.86603), var(--b) 50%);
  height: 30px;
  left: -26px;
  position: absolute;
  top: 20px
}

.gstarter-landing-main .newproject-div .classic-main .trigle-shape:after {
  background-color: #181a1f;
  content: "";
  display: block;
  height: 26px;
  position: absolute;
  right: 0;
  top: 2px;
  width: 2px
}

.gstarter-landing-main .gstarter-fixes-this h3 {
  font-size: 30px
}

.gstarter-landing-main .gstarter-fixes-this h3 span {
  color: #f35e29
}

.gstarter-landing-main .gstarter-fixes-this p {
  font-size: 24px
}

.gstarter-landing-main .gstarter-fixes-this .invest-with-lst {
  border: 1px solid #fff;
  border-radius: 16px;
  margin-top: 50px;
  max-width: 450px;
  padding: 40px 20px 5px;
  position: relative
}

.gstarter-landing-main .gstarter-fixes-this .invest-with-lst h4 {
  font-size: 24px
}

.gstarter-landing-main .gstarter-fixes-this .invest-with-lst p {
  font-size: 14px
}

.gstarter-landing-main .gstarter-fixes-this .invest-with-lst .investimgs {
  background-color: #181a1f;
  display: inline-flex;
  gap: 15px;
  left: 20px;
  padding: 0 10px;
  position: absolute;
  top: -13px
}

.gstarter-landing-main .gstarter-fixes-this .invest-with-lst .investimgs img {
  width: 30px
}

.gstarter-landing-main .gstarter-fixes-this .btn-icon {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  gap: 5px;
  margin-top: 30px;
  padding: 12px 30px
}

.gstarter-landing-main .gstarter-fixes-this .btn-icon:focus,
.gstarter-landing-main .gstarter-fixes-this .btn-icon:hover {
  background-color: #f45e29;
  border: 1px solid #f45e29;
  color: #fff
}

.gstarter-landing-main .gstarter-fixes-this .btn-icon:focus img,
.gstarter-landing-main .gstarter-fixes-this .btn-icon:hover img {
  filter: brightness(0) invert(1)
}

.gstarter-landing-main .gstarter-fixes-this .btn-icon.i-am-orange {
  background-color: #f35e29;
  border-color: #f35e29;
  color: #fff
}

.gstarter-landing-main .gstarter-fixes-this .btn-icon.i-am-orange:focus,
.gstarter-landing-main .gstarter-fixes-this .btn-icon.i-am-orange:hover {
  background-color: #fff;
  border-color: #f35e29;
  color: #f35e29
}

.gstarter-landing-main .gstarter-fixes-this .btn-icon.i-am-orange:focus img,
.gstarter-landing-main .gstarter-fixes-this .btn-icon.i-am-orange:hover img {
  filter: brightness(0) invert(0)
}

.gstarter-landing-main .gstarter-fixes-this .btn-icon.i-am-orange img {
  filter: brightness(0) invert(1)
}

.gstarter-landing-main .gstarter-fixes-this .gridtop-cl {
  width: 100%
}

.gstarter-landing-main .grow-your-lst-stack {
  background-image: url(/static/media/grid-3rd.64ba4db1777ed60062a5.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 150px 0;
  position: relative
}

.gstarter-landing-main .grow-your-lst-stack .headline-grow {
  margin: 0 auto 70px;
  max-width: 600px;
  text-align: center
}

.gstarter-landing-main .grow-your-lst-stack .headline-grow h2 {
  font-size: 30px
}

.gstarter-landing-main .grow-your-lst-stack .headline-grow p {
  font-size: 14px
}

.gstarter-landing-main .grow-your-lst-stack .rightmountsin {
  bottom: 0;
  position: absolute;
  right: 0
}

.gstarter-landing-main .grow-your-lst-stack .leftmountsin {
  bottom: 0;
  left: 0;
  position: absolute
}

.gstarter-landing-main .grow-your-lst-stack .peichart {
  max-width: 290px
}

.gstarter-landing-main .token-funding-main {
  background-color: #1e2127;
  padding: 70px 0 0;
  position: relative
}

.gstarter-landing-main .token-funding-main .globeleft-token-fund {
  left: 10px;
  position: absolute;
  top: 50px;
  width: 130px
}

@media screen and (max-width:1440px) {
  .gstarter-landing-main .token-funding-main .globeleft-token-fund {
    display: none
  }
}

.gstarter-landing-main .token-funding-main .token-flex-div {
  display: flex;
  gap: 30px;
  position: relative
}

.gstarter-landing-main .token-funding-main .token-flex-div .token-dv {
  border-right: 1px solid #f35e2a;
  max-width: 500px;
  min-width: 500px;
  padding-right: 30px;
  position: relative
}

.gstarter-landing-main .token-funding-main .token-flex-div .token-dv .staricon {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: -24px;
  top: 0
}

.gstarter-landing-main .token-funding-main .token-flex-div .token-dv h3 {
  font-size: 20px;
  margin-bottom: 30px
}

.gstarter-landing-main .token-funding-main .token-flex-div .token-dv h5 {
  color: #f35e2a;
  font-size: 16px;
  margin-bottom: 15px
}

.gstarter-landing-main .token-funding-main .token-flex-div .token-dv p {
  font-size: 14px;
  font-weight: 300;
  line-height: 23px
}

.gstarter-landing-main .token-funding-main .token-flex-div .token-flow {
  padding-bottom: 40px;
  position: relative
}

.gstarter-landing-main .token-funding-main .flex-bottom-token {
  display: flex;
  gap: 30px
}

.gstarter-landing-main .token-funding-main .flex-bottom-token .flex-inner {
  max-width: 50%;
  min-width: 50%;
  padding: 50px 0 20px;
  position: relative
}

.gstarter-landing-main .token-funding-main .flex-bottom-token .flex-inner:first-child {
  border-right: 1px solid #f35e2a;
  padding-right: 30px
}

.gstarter-landing-main .token-funding-main .flex-bottom-token .flex-inner h5 {
  color: #f35e2a;
  font-size: 16px;
  margin-bottom: 15px
}

.gstarter-landing-main .token-funding-main .flex-bottom-token .flex-inner p {
  font-size: 14px;
  font-weight: 300;
  line-height: 23px
}

.gstarter-landing-main .token-funding-main .flex-bottom-token .flex-inner .staricon {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: -24px;
  top: 0
}

.gstarter-landing-main .full-width-border {
  border-top: 1px solid #f35e2a;
  position: relative
}

.gstarter-landing-main .full-width-border .staricon {
  left: 6%;
  position: absolute;
  top: -23px
}

.gstarter-landing-main .full-width-border .staricoright {
  left: 60%;
  position: absolute;
  top: -23px
}

.gstarter-landing-main .crypto-then-footer {
  background: #0b0b16;
  padding: 50px 0
}

.gstarter-landing-main .crypto-then-footer .left-section h4 {
  font-size: 30px;
  font-weight: 600
}

.gstarter-landing-main .crypto-then-footer .right-section {
  border-left: 1px solid #f35e2a;
  padding-left: 40px
}

.gstarter-landing-main .crypto-then-footer .right-section h3 {
  border-bottom: 1px solid #f35e2a;
  color: #f35e2a;
  font-size: 32px;
  margin-bottom: 20px;
  padding-bottom: 10px
}

.gstarter-landing-main .crypto-then-footer .right-section h5 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px
}

.gstarter-landing-main .crypto-then-footer .right-section p {
  font-size: 16px;
  line-height: 170%
}

.gstarter-landing-main .crypto-then-footer .footer-image-space {
  width: 100%
}

.gstarter-landing-main .compound-space {
  background-image: url(/static/media/square-pattern.49f94fe2ef2236b6a6ca.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0
}

.gstarter-landing-main .compound-space .graph-space {
  background: #1e2127;
  border-radius: 16px;
  padding: 60px 40px
}

.gstarter-landing-main .compound-space .graph-space .left-section {
  padding-right: 30px
}

.gstarter-landing-main .compound-space .graph-space .left-section p {
  font-size: 16px
}

.gstarter-landing-main .compound-space .graph-space .left-section .compound-gray-box {
  background: #30394b;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 10px
}

.gstarter-landing-main .compound-space .graph-space .left-section h4 {
  color: #f35e2a;
  font-size: 28px;
  margin-bottom: 16px
}

.gstarter-landing-main .compound-space .graph-space .right-section {
  border-left: 1px solid #f35e2a;
  padding-left: 30px
}

.gstarter-landing-main .compound-space .graph-space .right-section p {
  margin-bottom: 0
}

.gstarter-landing-main .compound-space .graph-space .right-section .text-bold {
  font-weight: 700
}

.gstarter-landing-main .compound-space .graph-space .right-section .orange-text {
  color: #f35e2a
}

.gstarter-landing-main .compound-space .graph-space .right-section .purple-text {
  color: #a220b4
}

.gstarter-landing-main .auto-buy-display {
  background: #1c1f26;
  padding: 100px 0;
  position: relative
}

.gstarter-landing-main .auto-buy-display:after {
  background: url(/static/media/square-pattern.49f94fe2ef2236b6a6ca.png);
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.gstarter-landing-main .auto-buy-display .left-section {
  padding-right: 40px
}

.gstarter-landing-main .auto-buy-display .left-section .headContent {
  margin-bottom: 16px
}

.gstarter-landing-main .auto-buy-display .left-section .headContent img {
  max-width: 150px
}

.gstarter-landing-main .auto-buy-display .left-section .headContent .h5 {
  font-size: 24px;
  margin-bottom: 0
}

.gstarter-landing-main .auto-buy-display .left-section .proejct-score-pattern {
  background-image: url(/static/media/pattern-orange-dots.5ed52a55e8fbb29cbe08.svg);
  background-repeat: repeat;
  padding: 20px
}

.gstarter-landing-main .auto-buy-display .left-section .proejct-score-pattern .project-score {
  background: #f45e2b;
  border-radius: 12px;
  padding: 16px
}

.gstarter-landing-main .auto-buy-display .left-section .proejct-score-pattern .project-score h6 {
  font-size: 24px;
  font-weight: 600
}

.gstarter-landing-main .auto-buy-display .left-section .proejct-score-pattern .project-score p {
  font-size: 16px;
  margin-bottom: 8px
}

.gstarter-landing-main .auto-buy-display .left-section .auto-buy-pattern {
  background-image: url(/static/media/pattern-white-dots.e064829a15c9568dcba5.svg);
  background-repeat: repeat;
  color: #000;
  padding: 20px
}

.gstarter-landing-main .auto-buy-display .left-section .auto-buy-pattern .auto-buy {
  background: #fff;
  border-radius: 12px;
  padding: 16px
}

.gstarter-landing-main .auto-buy-display .left-section .auto-buy-pattern .auto-buy h6 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px
}

.gstarter-landing-main .auto-buy-display .left-section .auto-buy-pattern .auto-buy .percentage-space {
  background: #000;
  border-radius: 6px;
  color: #fff;
  padding: 6px 10px
}

.gstarter-landing-main .auto-buy-display .left-section .autoSellSpace {
  background: #020205;
  border-radius: 16px;
  overflow: hidden;
  padding: 20px;
  position: relative
}

.gstarter-landing-main .auto-buy-display .left-section .autoSellSpace .spaceImage {
  bottom: -50%;
  position: absolute;
  right: -50%;
  z-index: 1
}

.gstarter-landing-main .auto-buy-display .left-section .font-20 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.gstarter-landing-main .auto-buy-display .right-section {
  border-left: 1px solid #f35e2a;
  padding-left: 40px
}

.gstarter-landing-main .auto-buy-display .right-section h4 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px
}

.gstarter-landing-main .auto-buy-display .right-section h5 {
  color: #f35e2a;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px
}

.gstarter-landing-main .auto-buy-display .right-section .orange-divider {
  background: #f35e2a;
  height: 1px;
  margin-bottom: 24px;
  width: 100%
}

.gstarter-landing-main .auto-buy-display .right-section h6 {
  color: #f35e2a;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px
}

.gstarter-landing-main .auto-buy-display .right-section p {
  font-size: 16px;
  line-height: 170%;
  margin-bottom: 20px
}

.gstarter-landing-main .research-tool {
  padding: 100px 0
}

.gstarter-landing-main .research-tool .tool-space {
  background: #1e2127;
  border-radius: 16px;
  padding: 60px 40px
}

.gstarter-landing-main .research-tool .tool-space .top-section h2 {
  font-size: 40px;
  font-weight: 700
}

.gstarter-landing-main .research-tool .tool-space .top-section .proejct-score-pattern {
  background-image: url(/static/media/pattern-orange-dots.5ed52a55e8fbb29cbe08.svg);
  background-repeat: repeat;
  padding: 12px
}

.gstarter-landing-main .research-tool .tool-space .top-section .proejct-score-pattern .project-score {
  background: #f45e2b;
  border-radius: 12px;
  padding: 16px
}

.gstarter-landing-main .research-tool .tool-space .top-section .proejct-score-pattern .project-score h6 {
  font-size: 24px;
  font-weight: 600
}

.gstarter-landing-main .research-tool .tool-space .top-section .proejct-score-pattern .project-score p {
  font-size: 16px;
  margin-bottom: 8px
}

.gstarter-landing-main .research-tool .tool-space .SecondSection h4 {
  color: #f35e2a;
  font-size: 34px;
  font-weight: 700
}

.gstarter-landing-main .research-tool .tool-space .SecondSection p {
  font-size: 16px
}

.gstarter-landing-main .research-tool .tool-space .SecondSection .text-orange {
  color: #f35e2a
}

.gstarter-landing-main .corner-left-pattern {
  height: 132px;
  left: 0;
  position: absolute;
  top: 0;
  width: 150px
}

.gstarter-landing-main .corner-right-pattern {
  bottom: 0;
  height: 132px;
  position: absolute;
  right: 0;
  width: 150px
}

.gstarter-landing-main .z-10 {
  z-index: 10
}

.gstarter-landing-main .projects-achieve {
  background-image: url(/static/media/bg-project-back.103922219428737d57bb.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 90px 0
}

.gstarter-landing-main .projects-achieve .projects-achieve-inner {
  background: #1e2127;
  border-radius: 16px;
  padding: 60px 40px
}

.gstarter-landing-main .projects-achieve .projects-achieve-inner .content-project-achieve {
  border-right: 1px solid #f35e2a;
  padding-right: 30px;
  position: relative
}

.gstarter-landing-main .projects-achieve .projects-achieve-inner .content-project-achieve .staricoright {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: -24px;
  top: 0
}

.gstarter-landing-main .projects-achieve .projects-achieve-inner .content-project-achieve h3 {
  font-size: 26px
}

.gstarter-landing-main .projects-achieve .projects-achieve-inner .content-project-achieve h5 {
  color: #f35e2a;
  font-size: 18px
}

.gstarter-landing-main .projects-achieve .projects-achieve-inner .content-project-achieve p {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 15px
}

.gstarter-landing-main .projects-achieve .projects-achieve-inner .project-achieve-p {
  background-color: #191919;
  border: 1px solid #f35e2a;
  border-radius: 16px;
  color: #f35e2a;
  font-size: 14px;
  margin-top: 40px;
  padding: 30px
}

.gstarter-landing-main .membarshipnft {
  max-width: 370px
}

.FoundationNew {
  background: #0f0e0e;
  color: #fff
}

.FoundationNew.quantum-proof-pg .quantum-max-w-1170 {
  max-width: 100%;
  padding-left: 0
}

.FoundationNew.quantum-proof-pg .quantumNewContent {
  padding-bottom: 0
}

.FoundationNew.quantum-proof-pg .quantum-proof-vertical-tab {
  padding: 60px
}

.FoundationNew.quantum-proof-pg .quantum-proof-vertical-tab .tab-header-menu {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 30px;
  max-height: 100%;
  position: static;
  width: auto
}

.FoundationNew.quantum-proof-pg .quantum-proof-vertical-tab .tab-header-menu .tabbutton {
  width: auto
}

.FoundationNew.quantum-proof-pg .quantum-proof-vertical-tab .cross-chain-messaging-content {
  height: auto
}

.FoundationNew.quantum-proof-pg .quantum-proof-vertical-tab .cross-chain-messaging-content .right-cross-chain-messaging ul li {
  color: #cccfe8
}

.FoundationNew.quantum-proof-pg .quantum-proof-vertical-tab .cross-chain-messaging-content .right-cross-chain-messaging ul li span {
  color: #fff
}

.FoundationNew.quantum-proof-pg .quantum-proof-vertical-tab .why-it-matters-div ul li {
  color: #cccfe8
}

.FoundationNew.quantum-proof-pg .quantum-proof-vertical-tab .why-it-matters-div ul li span {
  color: #fff
}

.FoundationNew .counting {
  overflow-x: hidden
}

.FoundationNew .btn,
.FoundationNew button {
  border-radius: 30px;
  flex-shrink: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  padding: 12px 28px
}

.FoundationNew .btn svg,
.FoundationNew button svg {
  margin-right: 8px;
  width: 18px
}

.FoundationNew .btn.btn-fill,
.FoundationNew button.btn-fill {
  background: #fff;
  color: #000
}

.FoundationNew .btn.btn-fill.orange,
.FoundationNew button.btn-fill.orange {
  background: #fe6818;
  color: #fff
}

.FoundationNew .btn.btn-outline,
.FoundationNew button.btn-outline {
  background: #0000;
  border: 1px solid #fff;
  color: #fff
}

.FoundationNew .btn.btn-smaller,
.FoundationNew button.btn-smaller {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 8px 20px
}

.FoundationNew .btn.btn-smaller:hover,
.FoundationNew button.btn-smaller:hover {
  background: #fe6818;
  color: #fff
}

.FoundationNew .title-secondary {
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 50px
}

@media screen and (max-width:650px) {
  .FoundationNew .title-secondary {
    font-size: 24px;
    line-height: 30px
  }
}

.FoundationNew .container {
  max-width: 1270px
}

.FoundationNew .center-768 {
  margin: 0 auto;
  max-width: 900px
}

.FoundationNew .gradient-text {
  -webkit-text-fill-color: #0000;
  animation: flashingGradient 2s linear infinite;
  background: linear-gradient(90deg, #7900ff -38.73%, #890ce2 -29.02%, #a824ac -10.99%, #c2387f 8.44%, #d84959 26.47%, #e9563c 45.89%, #f55f27 63.93%, #fc651b 81.96%, #ff6717);
  -webkit-background-clip: text;
  background-size: 300% 300%
}

@keyframes flashingGradient {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  to {
    background-position: 0 50%
  }
}

.FoundationNew .top-head {
  padding: 0 0 20px;
  top: 0;
  z-index: 99
}

.FoundationNew .top-head .logo {
  width: 150px
}

@media screen and (max-width:650px) {
  .FoundationNew .top-head .logo {
    width: 100px
  }
}

.FoundationNew .top-head .price-display {
  background: #242639;
  border-radius: 12px;
  color: #fff;
  gap: 10px;
  padding: 12px 16px
}

.FoundationNew .top-head .price-display h4 {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  margin: 0
}

@media screen and (max-width:650px) {
  .FoundationNew .top-head .price-display h4 {
    display: block
  }
}

.FoundationNew .top-head .price-display h4 span {
  color: #bbc6db;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-right: 6px;
  text-transform: uppercase
}

@media screen and (max-width:650px) {
  .FoundationNew .top-head .price-display h4 span {
    display: block;
    font-size: 12px
  }
}

.FoundationNew .top-head .price-display .seperator {
  background: #fff3;
  display: inline-block;
  height: 30px;
  width: 1px
}

.FoundationNew .hero-section {
  padding: 30px 15px
}

@media screen and (max-width:767px) {
  .FoundationNew .hero-section {
    padding: 10px 15px 20px
  }
}

.FoundationNew .hero-section h2 {
  font-size: 40px;
  font-weight: 400
}

@media screen and (max-width:1200px) {
  .FoundationNew .hero-section h2 {
    font-size: 30px
  }
}

@media screen and (max-width:767px) {
  .FoundationNew .hero-section h2 {
    font-size: 20px
  }
}

.FoundationNew .hero-section h1 {
  font-size: 70px;
  font-weight: 700;
  line-height: 1.2
}

@media screen and (max-width:1200px) {
  .FoundationNew .hero-section h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 50px
  }
}

@media screen and (max-width:767px) {
  .FoundationNew .hero-section h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 10px
  }
}

.FoundationNew .hero-section p {
  font-size: 20px;
  font-weight: 400 !important;
  line-height: 170%;
  margin-bottom: 40px
}

@media screen and (max-width:767px) {
  .FoundationNew .hero-section p {
    font-size: 14px
  }
}

.FoundationNew .hero-section img {
  max-width: 450px
}

@media screen and (max-width:1100px) {
  .FoundationNew .hero-section img {
    margin-bottom: 20px;
    max-width: 100%
  }
}

.FoundationNew .cta-space {
  margin-bottom: 60px
}

.FoundationNew .cta-space .cta-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 30px
}

@media screen and (max-width:991px) {
  .FoundationNew .cta-space .social-wrapper .social-links {
    margin-bottom: 20px
  }
}

.FoundationNew .cta-space .social-wrapper .social-links ul {
  align-items: center;
  display: flex;
  flex-flow: wrap;
  gap: 20px
}

@media screen and (max-width:650px) {
  .FoundationNew .cta-space .social-wrapper .social-links ul {
    gap: 10px;
    margin-bottom: 20px
  }
}

.FoundationNew .cta-space .social-wrapper .available-on-dexs {
  display: flex;
  flex-wrap: wrap
}

.FoundationNew .cta-space .social-wrapper .available-on-dexs a img {
  height: 28px
}

@media screen and (max-width:650px) {
  .FoundationNew .cta-space .social-wrapper .available-on-dexs a img {
    height: 24px
  }
}

.FoundationNew .cross-chain-community {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: #242639;
  border: 1px solid #ffffff1a
}

.FoundationNew .cross-chain-community .join-a-growing {
  align-items: center;
  display: flex;
  gap: 40px;
  position: relative
}

@media screen and (max-width:991px) {
  .FoundationNew .cross-chain-community .join-a-growing {
    display: block;
    padding: 25px 15px
  }
}

@media screen and (max-width:600px) {
  .FoundationNew .cross-chain-community .join-a-growing {
    padding: 25px 0
  }
}

.FoundationNew .cross-chain-community .join-a-growing .join-a-growing-left {
  background: #7900ff;
  background: linear-gradient(90deg, #7900ff, #ff6717);
  margin-left: -1000px;
  max-width: 1000px;
  min-width: 1250px;
  overflow-x: hidden;
  padding: 120px 40px 120px 1000px
}

@media screen and (max-width:991px) {
  .FoundationNew .cross-chain-community .join-a-growing .join-a-growing-left {
    background: #0000;
    display: block;
    margin: 0 0 20px;
    max-width: 100%;
    min-width: 100%;
    padding: 0;
    text-align: center
  }
}

.FoundationNew .cross-chain-community .join-a-growing .join-a-growing-left h4 {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 0;
  position: relative;
  z-index: 1
}

.FoundationNew .cross-chain-community .join-a-growing .join-a-growing-left h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 0;
  position: relative;
  z-index: 1
}

@media screen and (max-width:767px) {
  .FoundationNew .cross-chain-community .join-a-growing .join-a-growing-left h3 {
    font-size: 28px
  }
}

.FoundationNew .cross-chain-community .join-a-growing .join-a-growing-right .flex-cross-chain {
  padding: 10px 0
}

@media screen and (max-width:650px) {
  .FoundationNew .cross-chain-community .join-a-growing .join-a-growing-right .flex-cross-chain {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 15px;
    min-height: 100px
  }
}

.FoundationNew .cross-chain-community .join-a-growing .join-a-growing-right .flex-cross-chain h3 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 5px
}

@media screen and (max-width:650px) {
  .FoundationNew .cross-chain-community .join-a-growing .join-a-growing-right .flex-cross-chain h3 {
    font-size: 24px
  }
}

.FoundationNew .cross-chain-community .join-a-growing .join-a-growing-right .flex-cross-chain p {
  color: #bbc6db;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 0
}

@media screen and (max-width:650px) {
  .FoundationNew .cross-chain-community .join-a-growing .join-a-growing-right .flex-cross-chain {
    border: 1px solid #372e47;
    border-radius: 0;
    min-width: 50%;
    padding: 10px;
    text-align: center
  }
}

.FoundationNew .about-section {
  padding: 100px 0
}

@media screen and (max-width:650px) {
  .FoundationNew .about-section {
    padding: 20px 0 50px
  }
}

.FoundationNew .about-section h2 {
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 16px
}

@media screen and (max-width:650px) {
  .FoundationNew .about-section h2 {
    font-size: 36px;
    font-weight: 700
  }
}

.FoundationNew .about-section p {
  color: #bbc6db;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 0
}

@media screen and (max-width:650px) {
  .FoundationNew .about-section p {
    font-size: 14px;
    font-weight: 300
  }
}

.FoundationNew .about-section .quantum-about {
  background: #242639;
  border: 1px solid #565461;
  border-radius: 16px;
  padding: 24px
}

.FoundationNew .about-section .quantum-about h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px
}

.FoundationNew .about-section .quantum-about h4 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 12px
}

@media screen and (max-width:650px) {
  .FoundationNew .about-section .quantum-about h4 {
    font-size: 18px;
    font-weight: 300
  }
}

.FoundationNew .timeline {
  background: #242639
}

.FoundationNew .timeline .time-head {
  border-bottom: 1px dashed #fff3;
  padding: 40px 0
}

@media screen and (max-width:767px) {
  .FoundationNew .timeline .time-head {
    border-bottom: none;
    padding-bottom: 0
  }
}

.FoundationNew .timeline .time-frames {
  padding: 0 16px
}

.FoundationNew .timeline .time-frames h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0
}

@media screen and (max-width:767px) {
  .FoundationNew .timeline .time-frames h4 {
    background: linear-gradient(90deg, #7900ff, #ff6717);
    border-radius: 5px;
    display: inline-block;
    font-size: 18px;
    padding: 6px 10px
  }

  .FoundationNew .timeline .time-frames ul {
    border-left: 1px solid #3b3e54
  }
}

.FoundationNew .timeline .time-frames ul li .white-spot {
  background: #fff;
  border-radius: 10px;
  height: 10px;
  margin-right: 10px;
  width: 10px
}

@media screen and (max-width:767px) {
  .FoundationNew .timeline .time-frames ul li .white-spot {
    margin-left: -5px
  }
}

.FoundationNew .timeline .time-frames ul li h5 {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 0;
  text-transform: uppercase
}

@media screen and (max-width:767px) {
  .FoundationNew .timeline .time-frames ul li h5 {
    color: #9599b3;
    font-size: 16px;
    font-weight: 600
  }
}

.FoundationNew .timeline .time-frames ul li h6 {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%
}

.FoundationNew .timeline .time-frames ul li p {
  color: #9397b2;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%
}

.FoundationNew .timeline .time-frames ul li ul {
  padding-left: 16px
}

.FoundationNew .timeline .time-frames ul li ul li {
  list-style: disc
}

@media screen and (max-width:650px) {
  .FoundationNew .timeline .time-frames ul li ul {
    border-left: none
  }
}

.FoundationNew .timeline .time-frames .border-e {
  border-right: 1px dashed #fff3
}

@media screen and (max-width:650px) {
  .FoundationNew .timeline .time-frames .border-e {
    border-right: none
  }
}

.FoundationNew .l1x-techonlogy {
  background: linear-gradient(90deg, #ff6717 2.23%, #550ee3 99.83%);
  padding: 60px 0;
  position: relative
}

.FoundationNew .l1x-techonlogy:before {
  background: linear-gradient(3deg, #0f0e0e 5.3%, #0000 115.06%);
  content: "";
  height: 100%;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%
}

.FoundationNew .l1x-techonlogy .tech-img-center {
  text-align: center
}

.FoundationNew .l1x-techonlogy .tech-wrap {
  background: #242639
}

@media screen and (max-width:650px) {
  .FoundationNew .l1x-techonlogy .tech-wrap {
    background: #0000
  }
}

.FoundationNew .l1x-techonlogy .tech-wrap .top-nav {
  background: #1b1d2c
}

@media screen and (max-width:650px) {
  .FoundationNew .l1x-techonlogy .tech-wrap .top-nav {
    background: #24263975;
    margin-bottom: 20px
  }

  .FoundationNew .l1x-techonlogy .tech-wrap .top-nav ul {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr)
  }
}

.FoundationNew .l1x-techonlogy .tech-wrap .top-nav ul li a {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-size: 12px;
  padding: 12px 14px
}

.FoundationNew .l1x-techonlogy .tech-wrap .top-nav ul li a.active {
  background: #fff;
  color: #ff6717
}

@media screen and (max-width:650px) {
  .FoundationNew .l1x-techonlogy .tech-wrap .top-nav ul li a.active {
    box-shadow: 0 0 23px #ff671740
  }

  .FoundationNew .l1x-techonlogy .tech-wrap .top-nav ul li a {
    align-items: center;
    border: 1px solid #ffffff12;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100px;
    padding: 12px 15px;
    text-align: center
  }

  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body {
    background: #242639
  }

  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .nft-tier-nav {
    padding: 0 !important
  }

  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .nft-tier-nav ul {
    grid-gap: 0;
    display: grid !important;
    gap: 0;
    grid-template-columns: repeat(3, 1fr)
  }

  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .nft-tier-nav ul li {
    border: 1px solid #f1f1f6
  }

  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .nft-tier-nav ul li button {
    border: none;
    border-radius: 0;
    min-height: 90px;
    padding: 10px
  }

  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .nft-tier-nav ul li button.active {
    background-color: #fff7f5
  }
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap img {
  margin: 0
}

@media screen and (max-width:550px) {
  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .validates-abt-section .black-left {
    min-width: 240px
  }
}

@media screen and (max-width:650px) {
  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .whitebox-6 h3 {
    font-size: 20px
  }
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .hero-about-bridgeswap {
  padding: 20px 15px
}

@media screen and (max-width:650px) {
  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .hero-about-bridgeswap .content-hero h1 {
    font-size: 24px
  }
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div img {
  margin-top: 5px
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .real-world-analogy .table-swap table,
.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .x-talk-processflow .xtalk-flow img {
  width: 100%
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .breakdown-of-traditional .grid-cal-breakdown {
  height: 100%
}

@media screen and (max-width:767px) {
  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .breakdown-of-traditional .grid-cal-breakdown {
    height: auto;
    margin-bottom: 20px
  }
}

@media screen and (max-width:650px) {
  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .key-attack-vectors p {
    color: #fff !important
  }
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex p {
  margin-bottom: 0
}

@media screen and (max-width:650px) {
  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these {
    display: block
  }

  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex {
    margin-bottom: 10px
  }

  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex p {
    margin-bottom: 0
  }
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .key-attack-vectors .key-box-col h3 {
  font-size: 16px;
  font-weight: 600
}

@media screen and (max-width:650px) {

  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .validates-abt-section,
  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .why-x-talk-eliminates {
    display: block
  }

  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .validates-abt-section .black-left {
    border-radius: 0;
    padding-top: 100px
  }
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .whitebox-6 .icon-whitebox {
  align-items: center;
  background-color: #f4f6fd;
  border-radius: 4px;
  display: flex;
  height: 50px;
  justify-content: center;
  padding: 9px;
  width: 50px
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .bridges-x-talk h3 {
  color: #000
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders {
  overflow: auto
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .bridging-attack-vectors h3 span {
  font-size: 16px
}

@media screen and (max-width:650px) {
  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .bridging-attack-vectors {
    text-align: center
  }
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .breakdown-of-traditional h3 {
  padding: 0 15px
}

@media screen and (max-width:650px) {
  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks {
    height: auto;
    margin-bottom: 10px
  }
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks .content-major-hacks h5 {
  color: #000
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks .content-major-hacks p.flex-checkmark img {
  margin-top: 5px
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .h3 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 10px
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body h5 {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body p {
  color: #bbc6db;
  font-size: 15px;
  line-height: 180%
}

.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .bridgeless,
.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .hybrid-virtual,
.FoundationNew .l1x-techonlogy .tech-wrap .tech-body .scalability {
  padding: 40px 36px
}

@media screen and (max-width:650px) {

  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .bridgeless,
  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .hybrid-virtual,
  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .scalability {
    padding: 40px 26px
  }

  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .bridgeless h3,
  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .hybrid-virtual h3,
  .FoundationNew .l1x-techonlogy .tech-wrap .tech-body .scalability h3 {
    font-size: 24px;
    font-weight: 700
  }
}

.FoundationNew .l1x-techonlogy .has-minus-pos {
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1
}

.FoundationNew .l1x-techonlogy.homepage-tech {
  background-image: url(/static/media/tech-x-talk-bg.7ce4332f8bfbc6f82f7a.png);
  background-position: -100px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px
}

.FoundationNew .l1x-techonlogy.homepage-tech .title-secondary {
  font-size: 42px;
  margin-bottom: 15px;
  padding-left: 0
}

@media screen and (max-width:650px) {
  .FoundationNew .l1x-techonlogy.homepage-tech .title-secondary {
    font-size: 28px;
    margin-top: 20px
  }
}

.FoundationNew .l1x-techonlogy.homepage-tech .line-width-tech {
  background-color: #fff;
  border-radius: 6px;
  height: 3px;
  margin: 20px 0;
  width: 100px
}

.FoundationNew .l1x-techonlogy.homepage-tech h3 {
  margin-bottom: 10px
}

.FoundationNew .l1x-techonlogy.homepage-tech h5 {
  font-weight: 300;
  margin-bottom: 20px
}

.FoundationNew .l1x-techonlogy.homepage-tech p {
  color: #ffffffb8;
  font-weight: 300;
  letter-spacing: .3px;
  margin-bottom: 40px
}

.FoundationNew .interfaces {
  padding: 100px 16px
}

.FoundationNew .interfaces .interface-box {
  border: 1px solid #4d4f65;
  height: 100%;
  padding: 16px;
  position: relative
}

@media screen and (max-width:570px) {
  .FoundationNew .interfaces .interface-box {
    background-color: #242639;
    border-radius: 12px;
    height: auto;
    margin: 0 auto 20px;
    max-width: 90%
  }
}

.FoundationNew .interfaces .interface-box:hover {
  background: #242639
}

.FoundationNew .interfaces .interface-box:hover .arrow-button {
  background: #fe6818;
  border-color: #fe6818
}

.FoundationNew .interfaces .interface-box .arrow-button {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 30px;
  bottom: 12px;
  color: #fff;
  display: flex;
  height: 32px;
  justify-content: center;
  min-width: 32px;
  position: absolute;
  right: 12px;
  width: 32px
}

.FoundationNew .interfaces .interface-box .arrow-button svg {
  width: 20px
}

.FoundationNew .interfaces .interface-box .max-h-for3 {
  margin-bottom: 12px;
  max-height: 200px;
  object-fit: cover;
  width: 100%
}

@media screen and (max-width:570px) {
  .FoundationNew .interfaces .interface-box .max-h-for3 {
    margin-bottom: 12px;
    max-height: 100%;
    object-fit: cover;
    width: 100%
  }
}

.FoundationNew .interfaces .max-1920 {
  margin: 0 auto;
  max-width: 1920px
}

.FoundationNew .interfaces .gradient-bg {
  background: linear-gradient(90deg, #ff6717 2.23%, #550ee3 99.83%);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  display: inline-block;
  padding: 16px 40px
}

.FoundationNew .interfaces h3 {
  font-size: 24px;
  font-weight: 500
}

@media screen and (max-width:570px) {
  .FoundationNew .interfaces h3 {
    max-width: 90%
  }
}

@media screen and (max-width:767px) {
  .FoundationNew .interfaces h3 {
    font-size: 18px
  }
}

.FoundationNew .interfaces img {
  border-radius: 12px
}

.FoundationNew .tokenomics {
  padding-bottom: 100px
}

.FoundationNew .tokenomics .max-800 {
  color: #bbc6db;
  font-weight: 400;
  line-height: 160%;
  margin: 0 auto;
  max-width: 840px
}

.FoundationNew .tokenomics .tokenomics-tabs {
  text-align: center
}

.FoundationNew .tokenomics .tokenomics-tabs ul {
  background: #30334b;
  border-radius: 30px;
  display: inline-flex;
  width: auto
}

@media screen and (max-width:650px) {
  .FoundationNew .tokenomics .tokenomics-tabs ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
  }
}

.FoundationNew .tokenomics .tokenomics-tabs ul li button {
  background: #30334b;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-weight: 400
}

.FoundationNew .tokenomics .tokenomics-tabs ul li button.active {
  background: #ff6717;
  color: #fff
}

@media screen and (max-width:650px) {
  .FoundationNew .tokenomics .tokenomics-tabs ul li button {
    border: 1px solid #0f0e0e;
    border-radius: 0;
    height: 100%;
    min-height: 50px;
    width: 100%
  }
}

.FoundationNew .tokenomics .tokenomics-tabs-content p {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px
}

.FoundationNew .quantum-paradigm {
  padding: 100px 0
}

.FoundationNew .quantum-paradigm h3 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 20px
}

.FoundationNew .quantum-paradigm p {
  color: #bbc6db;
  line-height: 160%
}

.FoundationNew .quantum-paradigm .bg-secondary {
  background-color: #242639 !important;
  color: #fff;
  padding: 16px 20px !important
}

.FoundationNew .quantum-paradigm .bg-secondary span {
  color: #fff
}

.FoundationNew .our-team .head-part p {
  color: #bbc6db;
  max-width: 700px
}

.FoundationNew .our-team .teams-section {
  background: url(/static/media/teams-bg.85251054d8f9522b2eb0.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.FoundationNew .our-team .teams-section .teams-grid {
  gap: 80px 0
}

@media screen and (max-width:767px) {
  .FoundationNew .our-team .teams-section .teams-grid {
    gap: 30px 0
  }
}

.FoundationNew .our-team .teams-section .teams-grid .team-card {
  background: radial-gradient(66.72% 66.72% at 50% 33.28%, #403850 0, #2b3960 85%);
  border-radius: 16px;
  height: 100%;
  padding: 30px 20px;
  text-align: center;
  width: 100%
}

@media screen and (max-width:767px) {
  .FoundationNew .our-team .teams-section .teams-grid .team-card {
    height: auto
  }
}

.FoundationNew .our-team .teams-section .teams-grid .team-card:hover {
  box-shadow: 0 15px 20px #0000004d
}

.FoundationNew .our-team .teams-section .teams-grid .team-card .team-pic {
  margin-bottom: 12px;
  width: 120px
}

.FoundationNew .our-team .teams-section .teams-grid .team-card h4 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 6px
}

.FoundationNew .our-team .teams-section .teams-grid .team-card p {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 20px;
  min-height: 42px;
  opacity: .8
}

.FoundationNew .our-team .teams-section .teams-grid.advisors {
  padding-top: 80px
}

.FoundationNew .our-team .teams-section .teams-grid.advisors .team-card {
  background: radial-gradient(72.79% 72.79% at 50% 27.21%, #32164c 0, #1d284a 100%)
}

.FoundationNew .our-team .teams-section .teams-grid.advisors .team-card .team-pic {
  margin-top: -80px
}

.FoundationNew .our-team .teams-section .teams-grid.advisors .team-card p {
  min-height: auto
}

@media screen and (max-width:767px) {
  .FoundationNew .our-team .teams-section .teams-grid.advisors .team-card {
    margin-bottom: 60px
  }
}

.FoundationNew .project-partners {
  padding: 100px 0
}

.FoundationNew .project-partners h3 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 20px
}

@media screen and (max-width:767px) {
  .FoundationNew .project-partners h3 {
    text-align: center
  }
}

.FoundationNew .project-partners .projects-card {
  align-items: center;
  background: #211b2c;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  transform: translateY(0);
  transform-origin: top;
  transition: transform .3s cubic-bezier(.4, 0, .2, 1);
  width: 100%
}

.FoundationNew .project-partners .projects-card:hover {
  transform: translateY(-10px)
}

.FoundationNew .project-partners .projects-card img {
  border-radius: 16px;
  width: 100%
}

.FoundationNew .project-partners .projects-card .for50 {
  align-items: center;
  background: #ffffff1c;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  min-height: 164px;
  width: 100%
}

.FoundationNew .project-partners .projects-card .for50 h2 {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 0
}

.FoundationNew .project-partners .projects-card .for50 p {
  color: #fff;
  font-size: 16px;
  font-weight: 300
}

.FoundationNew .project-partners .partners-card {
  background: #0f0e0e;
  border: 1px solid #322e42;
  border-radius: 16px;
  height: 100%;
  padding: 20px
}

.FoundationNew .project-partners .partners-card img {
  margin-bottom: 12px
}

.FoundationNew .project-partners .partners-card h4 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0
}

.FoundationNew .project-partners .partners-card a {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  display: inline-flex;
  gap: 8px;
  padding: 4px 12px
}

.FoundationNew .project-partners .partners-card a svg {
  width: 18px
}

.FoundationNew .project-partners .partners-card p {
  color: #b0acc9;
  font-size: 14px;
  line-height: 180%
}

@media screen and (max-width:767px) {
  .FoundationNew .project-partners .partners-card {
    margin-bottom: 20px
  }
}

.FoundationNew .project-partners:after {
  background-image: url(/static/media/projectPattern.41a78620505eeb9c0b78.png);
  background-repeat: no-repeat;
  content: "";
  height: 100%;
  left: 0;
  width: 100%
}

.FoundationNew .footer-space-for-pro {
  padding-bottom: 150px
}

.FoundationNew .footer-space-for-pro .have-project {
  background: linear-gradient(92deg, #fc651b .68%, #c23880 48.39%, #8207ef 98.72%);
  border-radius: 30px;
  padding: 40px;
  position: relative
}

.FoundationNew .footer-space-for-pro .have-project:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJUAAACVCAYAAABRorhPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAZdSURBVHgB7d1tb9s2FMVxuskeu2wt+qLf//ulg4suSdst8XgSsXXduLaocyney/MHjKRA4QfpByWRSGqT1GO73e5t/nKR6vqw2Ww+JPXYi6QUOaFS9IRK0RMqRU+oFD2hUvSEStETKkVPqBQ9oVL0hErREypFT6gUPaFS9IRK0WuGarfb/Y5HUs3K2/tFfrzG19Swy9SgCdOr6fu02WxukzJtgvQmP37Kj8v873d5uz+kBpkL3gc19UpHLNsOQKXp65tWRyzTF3kGVEmwjHoGVKkZLLMX+AGokmCR+wGoUhNYJk9+BqiSYJE6A1TJHBb9iWeAKgnWwmaAKpnCoj5pBaiSYFVWAapkBov2hAtAlQRrZgtAlUxgUZ6MAKokWGdGAFWiw1r8RERQJcE6ERFUiQqr12t/gnUkA1AlPO8mEVqMarrksk38BOsgQ1D3+XGd9+V9IkQ5UgmWfV5AIdqPP8GyyxMoRP2dSrD4eQOF6L+oCxYvj6CQyV9/grU8r6CQ2SkFwarPMyhkep5KsObnHRQyP/kpWOcXARRqckZdsE4XBRRqdplGsI4XCRRqeu1PsL4vGihEuYA4N4ORDaVt7fSv/J6WTFd7qJn+FBEUWgUVMoT1Pm/Mm9R5UUGh1VAhQ1hd34EhMii0Kio0GqzooNDqqNAosEYAhbpAhaLDGgUU6gYVigprJFCoK1QoGqzRQKHuUKEosEYEhbpEhbzDGhUU6hYV8gprZFCoa1TIG6zRQaHuUSEvsATqKReoUO+wBOprblChXmEJ1Le5QoV6gzUNmXmdBOpL7lAhQ1h36QnXf+f85/w+/shfrhJ/O7oFhVyiQoaw0N30+Hw4+C6/Lo5Iv+YHXv8i8XMNCrlFhYxhfXmZ/CiwLBDt5x4Uco0KNYLVohCgkHtUKACsMKBQCFTIMaxQoFAYVMghrHCgUChUyBGskKBQOFTIAaywoFBIVKhjWKFBoU3e+G9T333MO+B9qmg64/1n6qdFoPLn+SX1fQS+yZ/tH1y3sj6ht7Tqoyk+YN4RP6enM+A9tCUcoXreX4/7qtfF+ZlVHeUMus2gPqUBCo9qOjJ8TOvX/foOrEY4UqG1d+h9xv1vGqRRUK29Q4f4sVcaAtU0fGXNP+GHOUqhUY5Ua7dLAyVUit5IqNY8v8Mev951Q6CaToCumVAFbG1UlxZ3Ve+1UT7oy7Ru2M6/pUEKj2oardDD9bKrUY5WoT/kNNHzKvURtnUv78U0bHSLOzAwO2ti52F7U9F7uqr/Mr+vhwVT7HEStef99XiSN+rIT6u1DVh1vc770iKOUe8dVCksrGizabyAKoWEFWnenzdQpXCwosxQ9gqqFApWhLUUvIMqhYHlfdWXKKBKIWB5Xp/KGhTOj2HE5v4Au4vp9TBVymrbuYfldSU9S1C4s+ndqZkv0+UfnCG3OLnqGpbHNT8tF23dzp1Gld8PYFlcfnELy9vqxFag8CPu7wUzh61mQruE5WkddUtQ7zYVN9beb9Rb9z6Xlzs+dA2qJFhPebg3jQtQJcHq/y5arkCVRofV8/3+XIIqjQyr1zuTugZVGhVWj/dQDgGqNCKs3u72HgpUaTRY3aCKCqo0EqwuUEUHVRoF1uqoRgFVGgHWqqhGA1WKDms1VKOCKkWGtQqq0UGVosJqjqpXUPl9/ZXqlwHAoL6qFZAjwrpMDev8CIUF/GtHcWLocRWq/J5v83bBt2xYWBAkrQGr2QId+pF3PMBKNmskXE0jU5vWBJVAnS4SLHNUAnV+UWCZohKo+UWAZYZKoOrzDssElUAtzzMsOiqB4uUVFhWVQPHzCIuGSqDs8gaLgkqg7PMEazEqgWqXF1iMIxUuxApUo4xhUfYjAxVufF211vmRBOpERrC2rFvyLkY17fzrxIElUGdGhrWdno8S5Rd1EiyBmhkJFhUUop1SWAhLoCpbCIsOClFPflbCEqiFVcIyAYXol2lmwhIoUjNhmYFCJheUz4QlUOTOhGUKCpkNfTkBS6CMOgHLHBQyHaR3BJZAGXcEVhNQyHw48QEsgWrUAaxmoFCTKVpAlC8BXJfvk2rSNP3rU+1S3rU1m/cnTOvUGhRqNu9PjZNQKXpCpegJlaInVIqeUCl6QqXoCZWiJ1SKnlApekKl6AmVoidUip5QKXpNl7zuvJtUv67856SUsut/GXxU+A0WPhoAAAAASUVORK5CYII=);
  content: "";
  height: 140px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 140px
}

.FoundationNew .footer-space-for-pro .have-project h3 {
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 10px
}

.FoundationNew .footer-space-for-pro .have-project h2 {
  font-size: 40px;
  font-weight: 700
}

.FoundationNew .footer-space-for-pro .have-project p {
  font-size: 15px;
  line-height: 160%
}

.FoundationNew .has-pattern {
  overflow: hidden;
  position: relative
}

.FoundationNew .has-pattern:after {
  background-image: url(/static/media/web-pattern-com.93dbb605e147d9582596.png);
  background-repeat: no-repeat;
  content: "";
  height: 400px;
  position: absolute;
  width: 400px
}

.FoundationNew .has-pattern.right:after {
  right: -200px
}

.FoundationNew .has-pattern.left:after {
  left: -200px
}

.FoundationNew .has-pattern.top:after {
  top: -100px
}

.FoundationNew .has-pattern.top-50:after {
  top: -50%
}

.FoundationNew .x-talk-commercialisation {
  background-color: #242639;
  padding: 0 0 60px
}

.FoundationNew .x-talk-commercialisation.newx-talk-commercialisation {
  padding: 60px 0
}

.FoundationNew .x-talk-commercialisation img {
  height: auto;
  max-width: 100%
}

.FoundationNew .x-talk-commercialisation .commercialisation-text {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.FoundationNew .x-talk-commercialisation .commercialisation-text .commercialisation-content-home p {
  margin-bottom: 30px
}

.FoundationNew .x-talk-commercialisation .commercialisation-text h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 20px
}

@media screen and (max-width:650px) {
  .FoundationNew .x-talk-commercialisation .commercialisation-text h3 {
    font-size: 30px
  }
}

.FoundationNew .x-talk-commercialisation .commercialisation-text p {
  color: #bbc6db;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab {
  margin-top: 40px;
  padding: 0 100px
}

@media screen and (max-width:1250px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab {
    padding: 20px 30px
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .tab-head {
  align-items: center;
  display: flex;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 105px;
  z-index: 99
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .tab-head {
    display: block
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .tab-head ul {
  align-items: center;
  background-color: #33364d;
  border-radius: 30px;
  display: flex;
  width: auto
}

@media screen and (max-width:991px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .tab-head ul {
    overflow-x: auto;
    padding: 10px 0
  }
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .tab-head ul {
    border-radius: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    overflow: visible;
    padding: 0
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .tab-head ul li {
  background-color: #33364d;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  padding: 10px 30px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .tab-head ul li.active {
  background-color: #fa530b;
  color: #fff
}

@media screen and (max-width:991px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .tab-head ul li {
    white-space: nowrap
  }
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .tab-head ul li {
    align-items: center;
    border: 1px solid #242639;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    min-height: 70px;
    padding: 10px !important;
    text-align: center;
    white-space: normal
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .what-is-XMNAIS {
  padding: 70px 0
}

@media screen and (max-width:991px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .what-is-XMNAIS {
    text-align: center
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .what-is-XMNAIS .what-is-XMNAIS-text {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

@media screen and (max-width:991px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .what-is-XMNAIS .what-is-XMNAIS-text {
    margin-top: 30px
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .what-is-XMNAIS .what-is-XMNAIS-text h3 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .what-is-XMNAIS .what-is-XMNAIS-text p {
  color: #bbc6db;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .key-features-benefits {
  background-color: #0f0e0e;
  border-radius: 30px;
  padding: 50px 30px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .key-features-benefits h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 auto;
  max-width: 450px;
  text-align: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .key-features-benefits .key-features-benefits-list {
  display: flex;
  gap: 15px;
  margin-top: 50px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .key-features-benefits .key-features-benefits-list .key-features-icon {
  min-width: 40px;
  width: 40px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .key-features-benefits .key-features-benefits-list .key-features-content h4 {
  font-size: 16px;
  font-weight: 600
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .key-features-benefits .key-features-benefits-list .key-features-content p {
  color: #cbc9d8;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .simplified-multi-network {
  padding: 50px 0
}

@media screen and (max-width:991px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .simplified-multi-network .tokenmanagment-img {
    margin-bottom: 30px;
    text-align: center
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .simplified-multi-network .simplified-multi-network-text {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .simplified-multi-network .simplified-multi-network-text h3 {
  font-size: 24px;
  font-weight: 600
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .simplified-multi-network .simplified-multi-network-text p {
  font-weight: 300;
  margin-bottom: 50px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .simplified-multi-network .simplified-multi-network-text ul li {
  align-items: start;
  display: flex;
  font-weight: 300;
  gap: 10px;
  margin-bottom: 20px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .simplified-multi-network .simplified-multi-network-text ul li img {
  margin-top: 3px;
  min-width: 16px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-X-MNAIS-works {
  padding-top: 60px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-X-MNAIS-works h3 {
  font-size: 28px;
  font-weight: 600
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-X-MNAIS-works h4 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 30px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-X-MNAIS-works .how-X-MNAIS-works-box {
  background-color: #1a1523;
  border-radius: 16px;
  height: 100%;
  padding: 16px
}

@media screen and (max-width:991px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-X-MNAIS-works .how-X-MNAIS-works-box {
    height: auto;
    margin-bottom: 20px
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-X-MNAIS-works .how-X-MNAIS-works-box h5 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-X-MNAIS-works .how-X-MNAIS-works-box ul li {
  align-items: start;
  display: flex;
  font-weight: 300;
  gap: 10px;
  margin-bottom: 20px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-X-MNAIS-works .how-X-MNAIS-works-box ul li img {
  margin-top: 3px;
  min-width: 16px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .two-scenarios {
  background: #550ee3;
  background: linear-gradient(90deg, #550ee3, #ff6717 93%);
  border-radius: 30px;
  margin-top: 60px;
  padding: 50px 30px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .two-scenarios h3 {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .two-scenarios .border-right {
  border-right: 1px solid #3f3357;
  padding-right: 30px
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .two-scenarios .border-right {
    border-right: none;
    padding-right: 0
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .two-scenarios h4 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .two-scenarios h4 {
    margin-top: 20px
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .two-scenarios ul {
  list-style-type: disc;
  margin-left: 20px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .two-scenarios ul li {
  margin-bottom: 30px
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .two-scenarios ul li {
    margin-bottom: 10px
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .table-two-scenarios {
  border: 1px solid #3f4157;
  border-radius: 16px;
  margin: 60px 0 40px;
  overflow: hidden
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .table-two-scenarios table {
  width: 100%
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .table-two-scenarios table thead {
  background-color: #3a3c52;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .table-two-scenarios table thead tr th {
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .table-two-scenarios table thead tr th:first-child {
  border-top-left-radius: 16px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .table-two-scenarios table thead tr th:last-child {
  border-top-right-radius: 16px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .table-two-scenarios table tbody tr {
  background-color: #2b2d44;
  border-bottom: 1px solid #3f4157
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .table-two-scenarios table tbody tr td {
  color: #cbc9d8;
  font-size: 14px;
  font-weight: 300;
  padding: 10px 20px
}

@media screen and (max-width:1200px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .table-two-scenarios table tbody tr td {
    white-space: normal
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .What-is-XCDP {
  padding: 60px 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .What-is-XCDP .XCDP-image {
  margin: 0 auto
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .What-is-XCDP .XCDP-image {
    text-align: center
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .What-is-XCDP .content-what-is-XCDP {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .What-is-XCDP .content-what-is-XCDP h3 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .What-is-XCDP .content-what-is-XCDP h3 {
    margin-top: 30px;
    text-align: center
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .What-is-XCDP .content-what-is-XCDP p {
  line-height: 23px;
  margin-bottom: 0
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .What-is-XCDP .content-what-is-XCDP p {
    text-align: center
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-XCDP-works-div {
  padding: 70px 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-XCDP-works-div .how-XCDP-works-box {
  background-color: #3a3c52;
  border-radius: 16px;
  height: 100%;
  padding: 20px;
  position: relative
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-XCDP-works-div .how-XCDP-works-box {
    height: auto;
    margin-bottom: 20px
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-XCDP-works-div .how-XCDP-works-box .icon-xcdp {
  margin-bottom: 15px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-XCDP-works-div .how-XCDP-works-box h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-XCDP-works-div .how-XCDP-works-box p {
  color: #bbc6db;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-XCDP-works-div .how-XCDP-works-box .arrowrightside {
  align-items: center;
  background-color: #3a3c52;
  border-radius: 50%;
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 40px;
  justify-content: center;
  left: auto;
  margin: auto 0;
  position: absolute;
  right: -18px;
  top: 0;
  width: 40px
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .how-XCDP-works-div .how-XCDP-works-box .arrowrightside {
    display: none
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main {
  padding: 60px 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .whyxcdlogo {
  text-align: center
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .whyxcdlogo {
    margin-bottom: 28px
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main h3 {
  font-size: 28px;
  margin-bottom: 40px;
  text-align: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .why-XCDP-flex-div {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .why-use-xcdp {
  display: flex;
  gap: 30px
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .why-use-xcdp {
    margin-bottom: 28px
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .why-use-xcdp .text-xcdp-why h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .why-use-xcdp .text-xcdp-why p {
  color: #bbc6db;
  font-size: 14px;
  margin-bottom: 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .why-use-xcdp .icon-xcdp-why {
  position: relative
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .why-use-xcdp .icon-xcdp-why {
    display: none
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .why-use-xcdp .icon-xcdp-why img {
  min-width: 38px;
  width: 38px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .why-use-xcdp .icon-xcdp-why .arrowrightside-large {
  position: absolute;
  right: -70px;
  top: 3px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .why-use-xcdp .icon-xcdp-why .arrowrightside-large img {
  width: auto
}

@media screen and (max-width:991px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .why-use-xcdp .icon-xcdp-why .arrowrightside-large {
    display: none
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .why-use-xcdp .icon-xcdp-why .arrowleftside-large {
  left: -70px;
  position: absolute;
  top: 3px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .why-use-XCDP-main .why-use-xcdp .icon-xcdp-why .arrowleftside-large img {
  width: auto
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .XCDP-in-X-MNAIS-section {
  margin: 0 auto;
  max-width: 880px;
  padding: 60px 0
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .XCDP-in-X-MNAIS-section {
    text-align: center
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .XCDP-in-X-MNAIS-section .text-XCDPinXMNAIS {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .XCDP-in-X-MNAIS-section .text-XCDPinXMNAIS h4 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 15px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .XCDP-in-X-MNAIS-section .text-XCDPinXMNAIS p {
  color: #bbc6db;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .integration-guide {
  text-align: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .integration-guide h3 {
  font-size: 28px;
  margin-bottom: 15px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .integration-guide p {
  color: #bbc6db;
  font-size: 14px;
  margin-bottom: 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .integration-guide .guide-button {
  margin-top: 20px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .integration-guide .guide-button .btn-defualt {
  align-items: center;
  background-color: #fe6818;
  border: 1px solid #fe6818;
  border-radius: 30px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 10px;
  margin: 0 auto;
  padding: 10px 20px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .integration-guide .guide-button .btn-defualt:hover {
  background-color: #0000
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .access-control-section {
  padding: 60px 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .access-control-section .access-control-txt {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .access-control-section .access-control-txt h4 {
  font-size: 28px;
  margin-bottom: 15px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .access-control-section .access-control-txt p {
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
  margin-bottom: 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .why-AVDR-section {
  background-color: #211b2c;
  border-radius: 16px;
  padding: 30px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .why-AVDR-section h3 {
  margin-bottom: 30px;
  text-align: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .why-AVDR-section .whyavdrimg {
  text-align: center
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .why-AVDR-section .whyavdrimg {
    display: none
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .why-AVDR-section .why-avdr-card-box {
  align-items: center;
  display: flex;
  gap: 30px;
  margin-bottom: 90px
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .why-AVDR-section .why-avdr-card-box {
    margin-bottom: 20px
  }

  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .why-AVDR-section .why-avdr-card-box.mb-0 {
    margin-bottom: 20px !important
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .why-AVDR-section .why-avdr-card-box .why-avdr-card-box-left h4 {
  font-size: 18px;
  margin-bottom: 6px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .why-AVDR-section .why-avdr-card-box .why-avdr-card-box-left p {
  color: #bbc6db;
  font-size: 14px;
  line-height: 23px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .why-AVDR-section .why-avdr-card-box .why-avdr-card-box-right {
  min-width: 44px;
  width: 44px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .key-features-avdr {
  padding: 100px 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .key-features-avdr .key-features-avdr-flex {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .key-features-avdr .key-features-avdr-flex .img-key-features-avdr {
  text-align: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .key-features-avdr .key-features-avdr-flex h3 {
  font-size: 36px;
  font-weight: 600;
  margin: 20px 0 0;
  text-align: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .key-features-avdr .key-features-avdr-text h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .key-features-avdr .key-features-avdr-text ul {
  list-style-type: disc;
  margin: 0 0 40px 15px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .key-features-avdr .key-features-avdr-text ul li {
  color: #bbc6db;
  margin-bottom: 6px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .use-cases-slider {
  padding-bottom: 100px;
  padding-left: 200px;
  padding-top: 20px
}

@media screen and (max-width:1250px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .use-cases-slider {
    padding-left: 0
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .use-cases-slider .slick-list .slick-slide {
  height: 100%
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .use-cases-slider .slick-list .slick-slide .use-cases-slider-box {
  background-color: #3a3c52;
  border-radius: 12px;
  height: 100% !important;
  margin: 0 10px !important;
  min-height: 420px;
  padding: 16px 16px 40px;
  position: relative;
  width: auto !important
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .use-cases-slider .slick-list .slick-slide .use-cases-slider-box .usecases {
  border-radius: 20px;
  height: 200px;
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .use-cases-slider .slick-list .slick-slide .use-cases-slider-box .usecases img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .use-cases-slider .slick-list .slick-slide .use-cases-slider-box h3 {
  font-size: 20px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .use-cases-slider .slick-list .slick-slide .use-cases-slider-box p {
  color: #bbc6db;
  font-size: 14px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .use-cases-slider .slick-list .slick-slide .use-cases-slider-box .rightupbtnnew {
  background-color: #0000;
  bottom: 15px;
  cursor: pointer;
  position: absolute;
  right: 15px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .use-cases-slider .slick-arrow {
  display: none !important
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .deep-dive-on-avrd {
  background: #550ee3;
  background: linear-gradient(90deg, #550ee3, #ff6717 93%);
  border-radius: 30px;
  margin: 0 auto;
  max-width: 840px;
  padding: 40px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .deep-dive-on-avrd p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 30px;
  text-align: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .deep-dive-on-avrd .guide-button {
  text-align: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .deep-dive-on-avrd .guide-button .btn-defualt {
  background-color: #fff;
  border: 1px solid #fff
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .AVDR-Content .deep-dive-on-avrd .guide-button .btn-defualt img {
  filter: brightness(0) invert(0)
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .gaming-contracts-nw .gaming-smart-cn {
  padding: 60px 0
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .gaming-contracts-nw .gaming-smart-cn {
    text-align: center
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .gaming-contracts-nw .gaming-smart-cn .flex-l1xgame {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .gaming-contracts-nw .gaming-smart-cn .flex-l1xgame h4 {
  font-size: 28px;
  font-weight: 600
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .gaming-contracts-nw .gaming-smart-cn .flex-l1xgame h5 {
  font-size: 20px;
  font-weight: 300;
  margin: 15px 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .gaming-contracts-nw .gaming-smart-cn .flex-l1xgame p {
  font-size: 14px;
  margin-bottom: 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .box-newpagediv {
  display: grid;
  grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .box-newpagediv {
    grid-template-columns: repeat(1, 1fr)
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .box-newpagediv {
  background-color: #3a3c52
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .box-newpagediv .box-newpagediv-div {
  border-bottom: 1px dashed #6b6e8b;
  border-right: 1px dashed #6b6e8b;
  padding: 20px
}

@media screen and (max-width:767px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .box-newpagediv .box-newpagediv-div {
    border-bottom: none;
    border-right: none
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .box-newpagediv .box-newpagediv-div .imgnewboxs {
  margin-bottom: 10px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .box-newpagediv .box-newpagediv-div h4 {
  font-size: 20px;
  font-weight: 600
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .box-newpagediv .box-newpagediv-div p {
  color: #bbc6db;
  line-height: 24px;
  margin-bottom: 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .designed-for-next-gen {
  background: #550ee3;
  background: linear-gradient(90deg, #550ee3, #ff6717 93%);
  border-radius: 30px;
  margin: 100px 0 40px;
  padding: 40px 40px 0
}

@media screen and (max-width:991px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .designed-for-next-gen {
    padding: 30px
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .designed-for-next-gen .img-gen-designnext {
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin-top: -60px;
  position: relative
}

@media screen and (max-width:991px) {
  .FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .designed-for-next-gen .img-gen-designnext {
    display: none;
    margin-top: 0
  }
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .designed-for-next-gen .designfor-next-gen {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .designed-for-next-gen .designfor-next-gen h3 {
  margin-top: 0
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .designed-for-next-gen .designfor-next-gen p {
  margin-bottom: 30px
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .designed-for-next-gen .designfor-next-gen .guide-button .btn-defualt {
  border: none
}

.FoundationNew .x-talk-commercialisation .x-talk-commercialisation-tab .commercialisation-tab-body .designed-for-next-gen .designfor-next-gen .guide-button .btn-defualt img {
  filter: brightness(0) invert(0)
}

.FoundationNew .new-quantum-resistant-cross-chain {
  margin: 0 auto;
  max-width: 1090px;
  padding: 100px 15px
}

.FoundationNew .new-quantum-resistant-cross-chain h2 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center
}

@media screen and (max-width:650px) {
  .FoundationNew .new-quantum-resistant-cross-chain h2 {
    font-size: 24px
  }
}

.FoundationNew .new-quantum-resistant-cross-chain h3 {
  font-size: 32px;
  font-weight: 100;
  margin-bottom: 30px;
  text-align: center
}

@media screen and (max-width:650px) {
  .FoundationNew .new-quantum-resistant-cross-chain h3 {
    font-size: 24px
  }
}

.FoundationNew .new-quantum-resistant-cross-chain .myth-fact-tbl {
  display: flex
}

@media screen and (max-width:650px) {
  .FoundationNew .new-quantum-resistant-cross-chain .myth-fact-tbl {
    display: block
  }
}

.FoundationNew .new-quantum-resistant-cross-chain .myth-fact-tbl .myth-call {
  min-width: 400px;
  padding: 16px
}

@media screen and (max-width:650px) {
  .FoundationNew .new-quantum-resistant-cross-chain .myth-fact-tbl .myth-call {
    min-width: 100%
  }
}

.FoundationNew .new-quantum-resistant-cross-chain .myth-fact-tbl .myth-call.redcrl {
  background-color: #ea43351f;
  border: 1px solid #ea4335
}

.FoundationNew .new-quantum-resistant-cross-chain .myth-fact-tbl .myth-call .myth-call-flex {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  width: 100%
}

.FoundationNew .new-quantum-resistant-cross-chain .myth-fact-tbl .myth-call .myth-call-flex h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.FoundationNew .new-quantum-resistant-cross-chain .myth-fact-tbl .fact-call {
  background-color: #34a8531f;
  border: 1px solid #34a853;
  margin-left: -1px;
  padding: 16px
}

.FoundationNew .new-quantum-resistant-cross-chain .myth-fact-tbl .fact-call .myth-call-flex {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  width: 100%
}

.FoundationNew .new-quantum-resistant-cross-chain .myth-fact-tbl .fact-call .myth-call-flex h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.FoundationNew .new-quantum-resistant-cross-chain .myth-fact-tbl .fact-call ul {
  list-style-type: disc;
  margin-left: 15px
}

.FoundationNew .new-quantum-resistant-cross-chain .myth-fact-tbl .fact-call ul li {
  margin-bottom: 10px
}

.FoundationNew .quantumNewContent {
  padding-bottom: 100px
}

.FoundationNew .why-now-countdown-div {
  padding: 100px 16px
}

@media screen and (max-width:650px) {
  .FoundationNew .why-now-countdown-div .img-counddown-tx img {
    margin-bottom: 20px;
    width: 100%
  }
}

.FoundationNew .why-now-countdown-div img {
  max-width: 100%
}

.FoundationNew .why-now-countdown-div {
  margin: 0 auto;
  max-width: 1090px
}

.FoundationNew .why-now-countdown-div h3 {
  font-size: 46px;
  font-weight: 300
}

@media screen and (max-width:650px) {
  .FoundationNew .why-now-countdown-div h3 {
    font-size: 36px
  }
}

.FoundationNew .why-now-countdown-div h4 {
  font-size: 30px;
  font-weight: 600
}

@media screen and (max-width:650px) {
  .FoundationNew .why-now-countdown-div h4 {
    font-size: 22px
  }
}

.FoundationNew .why-now-countdown-div p {
  color: #9397b2;
  font-size: 14px;
  line-height: 23px
}

.FoundationNew .why-now-countdown-div .gradient-bg-text {
  background: linear-gradient(92deg, #fc651b .68%, #c23880 48.39%, #8207ef 98.72%);
  border-radius: 16px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 16px
}

.FoundationNew .quantum-max-w-1170 {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 130px;
  position: relative
}

@media screen and (max-width:1200px) {
  .FoundationNew .quantum-max-w-1170 {
    padding-left: 0
  }
}

.FoundationNew .quantum-proof-vertical-tab {
  background-color: #272a41;
  padding: 60px 0 60px 60px;
  position: relative
}

@media screen and (max-width:1200px) {
  .FoundationNew .quantum-proof-vertical-tab {
    padding: 30px
  }
}

@media screen and (max-width:650px) {
  .FoundationNew .quantum-proof-vertical-tab {
    padding: 16px
  }
}

.FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content {
  height: 800px;
  overflow-y: auto;
  padding: 0 20px
}

@media screen and (max-width:650px) {
  .FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content {
    margin: 0 -15px;
    padding: 0 15px
  }
}

.FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content.bggray-color {
  background-color: #3e4058;
  border-radius: 20px;
  padding: 30px
}

.FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content.bggray-color p {
  color: #fff
}

.FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content.hidden {
  display: none
}

.FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content.visible {
  display: block
}

.FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content .header-cross-chain-messaging h3 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px
}

@media screen and (max-width:650px) {
  .FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content .header-cross-chain-messaging h3 {
    font-size: 26px
  }
}

.FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content .header-cross-chain-messaging h5 {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px
}

.FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content p {
  color: #9397b2;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 30px
}

@media screen and (max-width:650px) {
  .FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content p {
    font-size: 14px
  }
}

.FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content .right-cross-chain-messaging {
  background-color: #3d4058;
  border-radius: 16px;
  padding: 24px
}

.FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content .right-cross-chain-messaging h4 {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 20px
}

@media screen and (max-width:650px) {
  .FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content .right-cross-chain-messaging h4 {
    font-size: 22px
  }
}

.FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content .right-cross-chain-messaging ul li {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 20px
}

.FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content .right-cross-chain-messaging ul li span {
  font-weight: 600
}

.FoundationNew .quantum-proof-vertical-tab .cross-chain-messaging-content .right-cross-chain-messaging ul li img {
  margin-right: 10px
}

.FoundationNew .quantum-proof-vertical-tab .why-it-matters-div {
  background-color: #3d4058;
  border-radius: 16px;
  padding: 24px
}

@media screen and (max-width:1200px) {
  .FoundationNew .quantum-proof-vertical-tab .why-it-matters-div {
    margin-bottom: 20px
  }
}

.FoundationNew .quantum-proof-vertical-tab .why-it-matters-div h3 {
  font-size: 28px;
  font-weight: 300
}

.FoundationNew .quantum-proof-vertical-tab .why-it-matters-div ul li {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 24px
}

@media screen and (max-width:767px) {
  .FoundationNew .quantum-proof-vertical-tab .why-it-matters-div ul li {
    font-size: 14px
  }
}

.FoundationNew .quantum-proof-vertical-tab .why-it-matters-div ul li span {
  font-weight: 600
}

.FoundationNew .quantum-proof-vertical-tab .why-it-matters-div ul li img {
  margin-right: 10px
}

.FoundationNew .quantum-proof-vertical-tab .why-it-matters-full-width {
  background-color: #3d4058;
  border-radius: 16px;
  margin-top: 30px;
  overflow: hidden;
  position: relative
}

@media screen and (max-width:1200px) {
  .FoundationNew .quantum-proof-vertical-tab .why-it-matters-full-width {
    padding: 30px
  }
}

.FoundationNew .quantum-proof-vertical-tab .why-it-matters-full-width .title-why-matters {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0 0 0 20px
}

.FoundationNew .quantum-proof-vertical-tab .why-it-matters-full-width .title-why-matters h3 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px
}

.FoundationNew .quantum-proof-vertical-tab .why-it-matters-full-width .title-why-matters h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0
}

@media screen and (max-width:1200px) {
  .FoundationNew .quantum-proof-vertical-tab .why-it-matters-full-width .title-why-matters h4 {
    margin-bottom: 30px
  }
}

@media screen and (max-width:767px) {
  .FoundationNew .quantum-proof-vertical-tab .why-it-matters-full-width .why-it-matter-table {
    overflow-x: auto
  }
}

.FoundationNew .quantum-proof-vertical-tab .why-it-matters-full-width .why-it-matter-table table {
  border: 1px solid #ffffff47;
  width: 100%
}

.FoundationNew .quantum-proof-vertical-tab .why-it-matters-full-width .why-it-matter-table table thead tr td,
.FoundationNew .quantum-proof-vertical-tab .why-it-matters-full-width .why-it-matter-table table thead tr th {
  font-weight: 600
}

.FoundationNew .quantum-proof-vertical-tab .why-it-matters-full-width .why-it-matter-table table tr td {
  border: 1px solid #ffffff47;
  font-size: 14px;
  padding: 14px 20px
}

.FoundationNew .quantum-proof-vertical-tab .why-it-matters-full-width .why-it-matter-table table tr th {
  background: linear-gradient(92deg, #fc651b .68%, #c23880 48.39%, #8207ef 98.72%);
  border: 1px solid #ffffff47;
  font-size: 14px;
  font-weight: 300;
  padding: 14px 20px
}

.FoundationNew .quantum-proof-vertical-tab .tab-header-menu {
  bottom: 0;
  left: -100px;
  margin: auto 0;
  max-height: 300px;
  position: absolute;
  top: 0;
  width: 220px
}

@media screen and (max-width:1200px) {
  .FoundationNew .quantum-proof-vertical-tab .tab-header-menu {
    background-color: #191b29;
    border-radius: 6px;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto 20px;
    max-width: 700px;
    padding: 0;
    position: static;
    width: 100%
  }
}

.FoundationNew .quantum-proof-vertical-tab .tab-header-menu .tabbutton {
  background-color: #191b29;
  border: none;
  border-radius: 30px;
  color: #fff;
  margin-bottom: 20px;
  padding: 12px 20px;
  text-align: center;
  width: 100%
}

.FoundationNew .quantum-proof-vertical-tab .tab-header-menu .tabbutton.active {
  background-color: #ff6717
}

@media screen and (max-width:1200px) {
  .FoundationNew .quantum-proof-vertical-tab .tab-header-menu .tabbutton {
    border: 1px solid #313345;
    border-radius: 0;
    margin-bottom: 0;
    padding: 20px
  }
}

@media screen and (max-width:650px) {
  .FoundationNew .quantum-proof-vertical-tab .tab-header-menu .tabbutton {
    padding: 10px
  }
}

.FoundationNew .fixedPositionMenu {
  align-items: center;
  background: #000;
  border-radius: 30px;
  bottom: 80px;
  box-shadow: 0 10px 30px color(srgb 1 1 1/.33);
  display: none;
  position: fixed;
  right: 10px;
  z-index: 99
}

@media screen and (max-width:1080px) {
  .FoundationNew .fixedPositionMenu {
    display: flex
  }
}

.FoundationNew .fixedPositionMenu .menuTextSpace {
  background: #232739;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  height: 37px;
  margin-right: -30px;
  padding: 7px 40px 7px 12px
}

.FoundationNew .fixedPositionMenu .menuTextSpace p {
  margin-bottom: 0
}

.FoundationNew .fixedPositionMenu .maindiv-footericon {
  animation: pulse-animation 2s infinite;
  background: linear-gradient(90deg, #7900ff -64.09%, #a824ad -18.99%, #f56028 102.78%, #fd651b 132.1%, #ff6717 161.41%);
  border-radius: 50px;
  cursor: pointer;
  height: 50px;
  padding: 10px;
  width: 50px
}

.FoundationNew .footerfoundation-menu-mobile {
  background-color: #242639;
  border-radius: 30px;
  bottom: 80px;
  max-width: 355px;
  padding: 15px;
  position: fixed;
  right: 10px;
  width: 100%;
  z-index: 99
}

.FoundationNew .footerfoundation-menu-mobile.visible {
  display: block
}

.FoundationNew .footerfoundation-menu-mobile.hidden {
  display: none
}

.FoundationNew .footerfoundation-menu-mobile ul {
  grid-gap: 10px;
  display: grid !important;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr)
}

.FoundationNew .footerfoundation-menu-mobile ul li {
  padding: 6px 2px;
  text-align: center
}

.FoundationNew .footerfoundation-menu-mobile ul li .foundation-link {
  background-color: #0000;
  border: none;
  padding: 12px
}

.FoundationNew .footerfoundation-menu-mobile ul li p {
  color: #fff;
  font-size: 12px;
  margin-bottom: 0;
  text-align: center
}

.FoundationNew .footerfoundation-menu-mobile ul li:hover {
  background-color: #3c3f57;
  border-radius: 10px
}

.FoundationNew .navbar {
  align-items: center;
  background-color: #000;
  box-shadow: 0 2px 10px #0000001a;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  position: relative
}

.FoundationNew .navbar .navbar-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.FoundationNew .navbar .L1Xlogo img {
  height: 40px
}

.FoundationNew .navbar .nav-menu {
  align-items: center;
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0
}

@media screen and (max-width:1237px) {
  .FoundationNew .navbar .nav-menu {
    gap: 0
  }
}

@media screen and (max-width:1080px) {
  .FoundationNew .navbar .nav-menu {
    display: none
  }
}

.FoundationNew .navbar .nav-menu .nav-item {
  position: relative
}

.FoundationNew .navbar .nav-menu .nav-item.active a {
  background: #fe6717;
  border-radius: 4px;
  color: #fff
}

.FoundationNew .navbar .nav-menu .nav-item .nav-link {
  color: #fff;
  display: block;
  font-weight: 500;
  padding: 10px 15px;
  text-decoration: none;
  transition: color .3s ease
}

@media screen and (max-width:1334px) {
  .FoundationNew .navbar .nav-menu .nav-item .nav-link {
    padding: 8px 10px
  }
}

.FoundationNew .navbar .nav-menu .nav-item .nav-link.active,
.FoundationNew .navbar .nav-menu .nav-item .nav-link:hover {
  background: #fe6717;
  border-radius: 4px;
  color: #fff
}

.FoundationNew .navbar .nav-menu .nav-item .nav-link .DropArrow svg {
  color: #fff;
  width: 18px
}

.FoundationNew .navbar .nav-menu .nav-item.nav-dropdown .dropdown-menu {
  background: #242639;
  border-radius: 6px;
  display: none;
  left: 0;
  min-width: 500px;
  padding: 0;
  position: absolute;
  top: 100%;
  width: 500px;
  z-index: 100
}

.FoundationNew .navbar .nav-menu .nav-item.nav-dropdown .dropdown-menu .dropdown-item {
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 10px 15px;
  position: relative;
  text-decoration: none;
  transition: background .3s ease
}

.FoundationNew .navbar .nav-menu .nav-item.nav-dropdown .dropdown-menu .dropdown-item:hover {
  background: #000
}

.FoundationNew .navbar .nav-menu .nav-item.nav-dropdown .dropdown-menu .dropdown-item:hover:after {
  background: #ff6717;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 4px
}

.FoundationNew .navbar .nav-menu .nav-item.nav-dropdown .dropdown-menu .dropdown-item.active {
  background: #000
}

.FoundationNew .navbar .nav-menu .nav-item.nav-dropdown .dropdown-menu .dropdown-item.active:after {
  background: #ff6717;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 4px
}

.FoundationNew .navbar .nav-menu .nav-item.nav-dropdown .dropdown-menu .upperOver {
  background: #242639;
  border-radius: 6px;
  box-shadow: 0 4px 6px #0000001a;
  list-style: none;
  min-width: auto;
  padding: 10px 0;
  position: relative;
  z-index: 2
}

.FoundationNew .navbar .nav-menu .nav-item.nav-dropdown .dropdown-menu:after {
  background: #ff6717;
  border-radius: 6px;
  bottom: -5px;
  content: "";
  height: 100%;
  position: absolute;
  right: -5px;
  width: 100%;
  z-index: 1
}

.FoundationNew .navbar .nav-menu .nav-item.nav-dropdown .dropdown-menu.dropdown-menu-right {
  left: auto;
  right: 0
}

.FoundationNew .navbar .nav-menu .nav-item.nav-dropdown .dropdown-menu.open,
.FoundationNew .navbar .nav-menu .nav-item.nav-dropdown:hover .dropdown-menu {
  display: flex
}

.FoundationNew .navbar .launch-button {
  border-radius: 30px;
  color: #fff;
  font-weight: 700;
  padding: 10px 20px;
  text-decoration: none;
  transition: background .3s ease
}

.FoundationNew .navbar .launch-button,
.FoundationNew .navbar .launch-button:hover {
  background: linear-gradient(90deg, #7900ff -3.42%, #8a0de2 6.3%, #a824ad 24.35%, #c3397f 43.78%, #d9495a 61.83%, #e9563c 81.26%, #f56028 99.31%, #fd651b 117.36%, #ff6717 135.4%)
}

.FoundationNew .l1x-spaces {
  padding-bottom: 100px
}

@media screen and (max-width:991px) {
  .FoundationNew .l1x-spaces a {
    display: block;
    margin-bottom: 15px;
    text-align: center
  }
}

.css-ybxc8g {
  display: none !important
}

.price-updates {
  background: #fff;
  border-radius: 12px;
  color: #000;
  padding: 10px;
  position: absolute;
  right: 20px;
  top: 0;
  width: 250px
}

@media screen and (max-width:768px) {
  .price-updates {
    bottom: 50px;
    left: 50%;
    right: auto;
    top: auto;
    transform: translateX(-50%)
  }
}

.price-updates .col {
  text-align: left
}

.price-updates .col:first-child {
  border-right: 1px solid #ccc
}

.price-updates .col p {
  font-size: 12px;
  margin-bottom: 4px;
  text-transform: uppercase
}

.price-updates .col h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0
}

.price-updates .col h5.gradientPrice {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff -3.42%, #8a0de2 6.3%, #a824ad 24.35%, #c3397f 43.78%, #d9495a 61.83%, #e9563c 81.26%, #f56028 99.31%, #fd651b 117.36%, #ff6717 135.4%);
  background-clip: text;
  -webkit-background-clip: text
}

.blurAreaforMenu {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: color(srgb 0 0 0/.71);
  filter: blur(10px);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%
}

.roadmap-goundastion {
  padding: 60px 0
}

.roadmap-goundastion .title-secondary {
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 50px
}

.roadmap-goundastion .roadmap-content-body .right-content-right {
  padding-left: 200px;
  position: relative
}

@media screen and (max-width:768px) {
  .roadmap-goundastion .roadmap-content-body .right-content-right {
    padding-left: 0
  }
}

.roadmap-goundastion .roadmap-content-body .right-content-right:after {
  border-right: 1px dashed #354052;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 30px;
  position: absolute;
  top: 0;
  width: 1px
}

@media screen and (max-width:768px) {
  .roadmap-goundastion .roadmap-content-body .right-content-right:after {
    display: none
  }
}

.roadmap-goundastion .roadmap-list-main {
  background-color: #121822;
  border-radius: 12px;
  margin-bottom: 20px;
  max-width: 900px;
  padding: 20px;
  position: relative
}

@media screen and (max-width:768px) {
  .roadmap-goundastion .roadmap-list-main {
    max-width: 100%
  }
}

.roadmap-goundastion .roadmap-list-main .roadmap-head {
  border-bottom: 1px solid #282f3b;
  margin-bottom: 20px;
  padding-bottom: 10px
}

.roadmap-goundastion .roadmap-list-main .roadmap-head h4 {
  font-size: 22px;
  font-weight: 600
}

.roadmap-goundastion .roadmap-list-main .roadmap-head h6 {
  color: #9b9eb3;
  font-size: 15px;
  font-weight: 300
}

.roadmap-goundastion .roadmap-list-main h4.tab-timeline {
  background-color: #273142;
  border-radius: 4px;
  font-size: 14px;
  left: -131px;
  margin-bottom: 0;
  padding: 5px 10px;
  position: absolute
}

.roadmap-goundastion .roadmap-list-main h4.tab-timeline:after {
  border-top: 1px dashed #282f3b;
  content: "";
  display: block;
  height: 1px;
  left: -50px;
  position: relative;
  top: -8px;
  width: 40px
}

.roadmap-goundastion .roadmap-list-main .roadmap-content .content-hideshow-roadmap {
  display: none;
  overflow: hidden
}

.roadmap-goundastion .roadmap-list-main .roadmap-content .content-hideshow-roadmap.roadmapehight {
  display: none
}

.roadmap-goundastion .roadmap-list-main .roadmap-content .content-hideshow-roadmap.active,
.roadmap-goundastion .roadmap-list-main .roadmap-content .content-hideshow-roadmap.defualtshow-div {
  display: block;
  max-height: 100%
}

.roadmap-goundastion .roadmap-list-main .roadmap-content .content-hideshow-roadmap p {
  color: #909cb0;
  font-size: 14px;
  font-weight: 300
}

.roadmap-goundastion .roadmap-list-main .roadmap-content .more-btn {
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 30px
}

.roadmap-goundastion .roadmap-list-main .roadmap-content .more-btn:hover {
  background-color: #fff;
  color: #000
}

.roadmap-goundastion .faq-section .faq-content {
  margin: 0 auto;
  max-width: 100%
}

.roadmap-goundastion .faq-section .faq-content .faq-item {
  background: #283142;
  border: 1px solid #4f4b69;
  border-radius: 8px;
  margin-bottom: 10px
}

.roadmap-goundastion .faq-section .faq-content .faq-item:hover {
  border-color: #fff
}

.roadmap-goundastion .faq-section .faq-content .faq-item .head-faq {
  background-image: url(/static/media/plus.e2a277e044198db3f782.svg);
  background-position: center right 15px;
  background-repeat: no-repeat;
  border-radius: 4px;
  cursor: pointer;
  padding: 10px
}

.roadmap-goundastion .faq-section .faq-content .faq-item .head-faq.active {
  background-image: url(/static/media/minus.60166e90bdbaca42fbc9.svg);
  background-position: center right 15px
}

.roadmap-goundastion .faq-section .faq-content .body-faq {
  color: #ddd7e9;
  padding: 20px 10px 30px
}

.navbar .navbar-container .nav-menu .nav-item .dropdown-menu {
  left: 0;
  right: auto
}

.navbar .navbar-container .nav-menu .nav-item .dropdown-menu.dropdown-menu-right {
  left: auto;
  right: 0
}

.scrollSection {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 100px;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: -webkit-sticky;
  position: sticky;
  transition: opacity .3s ease-in-out;
  width: 100%;
  z-index: 999
}

.scrollSection.hidden {
  opacity: 0
}

.scrollSection.hidden a {
  display: none
}

.scrollSection.visible {
  opacity: 1
}

.scrollSection a {
  bottom: 90px;
  color: #fff;
  display: inline-block;
  left: 50%;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  text-decoration: none;
  transform: translateY(-50%);
  z-index: 2
}

.scrollSection a span {
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
  height: 50px;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  top: 0;
  width: 30px
}

.scrollSection a span:before {
  animation: sdb10 2s infinite;
  background-color: #fff;
  border-radius: 100%;
  height: 6px;
  margin-left: -3px;
  top: 10px;
  width: 6px
}

.scrollSection a span:after,
.scrollSection a span:before {
  box-sizing: border-box;
  content: "";
  left: 50%;
  position: absolute
}

.scrollSection a span:after {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  bottom: -18px;
  height: 18px;
  margin-left: -9px;
  transform: rotate(-45deg);
  width: 18px
}

@keyframes sdb10 {
  0% {
    opacity: 0;
    transform: translate(0)
  }

  40% {
    opacity: 1
  }

  80% {
    opacity: 0;
    transform: translateY(20px)
  }

  to {
    opacity: 0
  }
}

.hideMe768 {
  display: none
}

@media screen and (max-width:768px) {
  .hideMe768 {
    display: block;
    position: relative;
    z-index: 9
  }
}

.showMe768 {
  display: block;
  position: relative;
  z-index: 9
}

@media screen and (max-width:768px) {
  .showMe768 {
    display: none
  }
}

.raise-highlights {
  background: linear-gradient(270deg, #eb5f14, #6f05d7);
  border-radius: 12px;
  padding: 20px
}

.raise-highlights h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 16px
}

.raise-highlights ul li {
  font-size: 18px;
  font-weight: 400;
  line-height: 190%
}

.raise-highlights.forMobileInvestor {
  color: #fff;
  display: none
}

@media screen and (max-width:768px) {
  .raise-highlights.forMobileInvestor {
    display: block;
    margin-top: 16px;
    padding: 16px
  }
}

.raise-highlights.forMobileInvestor h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px
}

.raise-highlights.forMobileInvestor ul {
  background: #0000 !important
}

.raise-highlights.forMobileInvestor ul li {
  font-size: 12px;
  font-weight: 400;
  line-height: 190%
}

@media screen and (max-width:768px) {
  .caprisePayment-body-section .l1x-modal {
    padding: 10px
  }
}

.l1xtech-newpage {
  color: #fff
}

.l1xtech-newpage,
.l1xtech-newpage.bnr-top-head-l1x {
  background-color: #242639
}

.l1xtech-newpage .btn-white-text {
  border: 1px solid #27364b;
  color: #ffffff70;
  display: block
}

.l1xtech-newpage .xtalk-content p,
.l1xtech-newpage .xtalk-content p span {
  color: #fff !important
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap {
  background: #0000;
  max-height: 100%;
  overflow-y: visible
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap:after {
  display: none !important
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .bg-white {
  background: #0000 !important
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .major-hacks-div h3 {
  color: #fff
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .bridges-x-talk h3 {
  margin-bottom: 20px
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks .content-major-hacks p {
  color: #667085 !important
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div {
  background-color: #374860
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div.lightgraybg {
  background-color: #27364b
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div h3,
.l1xtech-newpage .xtalk-content .aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div h5 {
  color: #fff !important
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .IamSpacer {
  background-color: #0000
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .validates-abt-section .wallet-color-bg-left p {
  color: #000 !important
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .real-world-analogy h3 {
  color: #fff
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .real-world-analogy .table-swap {
  border: 1px solid #3a3d53
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .real-world-analogy .table-swap table {
  width: 100%
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .real-world-analogy .table-swap table tr th {
  background-color: #33364d;
  border-bottom: 1px solid #242639;
  color: #fff
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .real-world-analogy .table-swap table tr td {
  border-bottom: 1px solid #3a3d53;
  color: #fff;
  font-size: 14px
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .breakdown-of-traditional {
  background: #0000
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .breakdown-of-traditional h3 {
  color: #fff
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .breakdown-of-traditional .grid-cal-breakdown {
  background-color: #33364d
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .breakdown-of-traditional .grid-cal-breakdown h4,
.l1xtech-newpage .xtalk-content .aboutbridgelessswap .bridging-attack-vectors h3,
.l1xtech-newpage .xtalk-content .aboutbridgelessswap .x-talk-processflow h3 {
  color: #fff
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .bg-white {
  background-color: #0000
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .whitebox-6 {
  background-color: #33364d
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .whitebox-6 h3 {
  color: #fff
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .whitebox-6 ul li {
  color: #a5aec1
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .bridges-x-talk {
  background-color: #0000
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders {
  border: 1px solid #36384c
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders table tbody tr {
  border-bottom: 1px solid #36384c
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders table tbody tr td,
.l1xtech-newpage .xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders table tbody tr th {
  color: #fff
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .bridging-attack-vectors {
  background-image: none;
  background: #7900ff;
  background: linear-gradient(90deg, #7900ff, #ff6717);
  border-radius: 20px;
  padding: 30px
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .bridging-attack-vectors .x-talk-cnt h3 {
  text-align: left
}

.l1xtech-newpage .xtalk-content .aboutbridgelessswap .bridging-attack-vectors .x-talk-cnt p .grnt {
  background: #000
}

.l1xtech-newpage .xtalk-content .nft-tier-nav {
  background-color: #27364b;
  border-bottom: 1px solid #324259
}

.l1xtech-newpage .xtalk-content .nft-tier-nav ul li button {
  color: #fff
}

.tokenomics-pagenw {
  color: #fff;
  padding: 40px
}

.tokenomics-pagenw .tokenomics-tabs-content p {
  font-size: 30px;
  font-weight: 500
}

.tokenomics-pagenw .tokenmics-heads {
  background-color: #30334b;
  border-radius: 20px;
  margin: 40px auto 70px;
  max-width: 900px;
  padding: 40px;
  text-align: center
}

.tokenomics-pagenw .tokenmics-heads p {
  color: #b6b9d1;
  font-weight: 300
}

.tokenomics-pagenw .tokenomics-tabs {
  text-align: center
}

.tokenomics-pagenw .tokenomics-tabs ul {
  background: #30334b;
  border-radius: 30px;
  display: inline-flex;
  width: auto
}

.tokenomics-pagenw .tokenomics-tabs ul li button {
  background: #30334b;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding: 12px 28px
}

.tokenomics-pagenw .tokenomics-tabs ul li button.active {
  background: #ff6717;
  color: #fff
}

.xtalk-main-div,
.xtalk-main-div .FoundationNew {
  background: #242639
}

.my-40 {
  margin: 40px 0 !important
}

.head-tchno-head {
  align-items: center;
  background-color: #33364d;
  display: flex;
  gap: 20px;
  padding: 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 91.8px;
  z-index: 99
}

@media screen and (min-width:1550px) {
  .head-tchno-head {
    top: 96px
  }
}

.head-tchno-head {
  margin: 0 auto
}

.head-tchno-head .backbutton-tech {
  align-items: center;
  background-color: #4f5166;
  border: none;
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 6px !important;
  width: 40px
}

.head-tchno-head .backbutton-tech svg {
  color: #fff;
  margin-right: 0
}

.head-tchno-head h2 {
  font-size: 20px !important;
  line-height: 26px;
  margin-bottom: 0 !important
}

.l1x-tech-container {
  padding: 20px 100px
}

.l1x-tech-container .tech-body {
  padding: 60px 0
}

.l1x-tech-container .tech-body .btn.btn-fill {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 30px;
  display: flex;
  font-size: 14px;
  gap: 10px;
  padding: 12px 30px
}

.l1x-tech-container .tech-body .btn.btn-fill svg {
  width: 24px
}

.l1x-tech-container .tech-body .btn :hover,
.l1x-tech-container .tech-body .btn.btn-fill :hover {
  background-color: #fa530b;
  color: #fff
}

.l1x-tech-container .tech-body .bridgeless h3,
.l1x-tech-container .tech-body .bridgeless h5 {
  margin-bottom: 10px
}

.l1x-tech-container .tech-body .bridgeless p {
  margin-bottom: 30px
}

.l1x-tech-container .tech-body h3 {
  font-size: 34px
}

.l1x-tech-container .tech-body p {
  color: #bbc6db;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 30px
}

.l1x-tech-container .tech-body .hybrid-virtual,
.l1x-tech-container .tech-body .scalability {
  background-color: #121822;
  border-radius: 20px;
  padding: 30px
}

.l1x-tech-container .top-nav {
  display: flex;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 105px;
  z-index: 101
}

.l1x-tech-container .top-nav ul {
  align-items: center;
  background-color: #33364d;
  border-radius: 30px;
  display: inline-flex;
  justify-content: center
}

.l1x-tech-container .top-nav ul li a {
  background-color: #33364d;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: block;
  padding: 10px 16px
}

.l1x-tech-container .top-nav ul li a.active,
.l1x-tech-container .top-nav ul li.active {
  background-color: #fa530b;
  color: #fff
}

.xtalk-commercialisation-hero {
  padding: 20px 100px
}

@media screen and (max-width:1250px) {
  .xtalk-commercialisation-hero {
    padding: 20px 30px
  }
}

.fnt-img-div {
  grid-gap: 14px;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 30px
}

.fnt-img-div .tech-nw-wrksnw {
  align-items: center;
  background-color: #00000029;
  border-radius: 6px;
  display: flex;
  gap: 10px;
  padding: 10px
}

.fnt-img-div .tech-nw-wrksnw .arrowicon-left {
  min-width: 20px;
  width: 20px
}

.fnt-img-div .tech-nw-wrksnw h3 {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0 !important
}

.multi-text-xcdp {
  grid-gap: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 30px
}

.multi-text-xcdp.online-flex a {
  align-items: center;
  display: flex;
  gap: 15px
}

@media screen and (max-width:650px) {
  .multi-text-xcdp {
    grid-template-columns: repeat(1, 1fr)
  }
}

.multi-text-xcdp li {
  align-items: center;
  background-color: #242639;
  border-radius: 12px;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  padding: 0
}

.multi-text-xcdp li span {
  display: block;
  max-width: 54px;
  min-width: 54px;
  width: 54px
}

.multi-text-xcdp li a {
  color: #fff
}

.quantunewcontsmain {
  padding: 100px 0
}

@media screen and (max-width:991px) {
  .quantunewcontsmain .commercialisation-text .commercialisation-content-home {
    margin-bottom: 20px
  }
}

.quantunewcontsmain .commercialisation-text .commercialisation-content-home h3 {
  font-size: 34px;
  margin-bottom: 20px
}

.quantunewcontsmain .commercialisation-text .commercialisation-content-home p {
  color: #cbc9d8;
  font-weight: 300;
  margin-bottom: 30px
}

.quantunewcontsmain .multi-text-xcdp li {
  display: block;
  margin-bottom: 0;
  padding: 10px;
  position: relative
}

.quantunewcontsmain .multi-text-xcdp li span {
  margin-bottom: 10px
}

.quantunewcontsmain .multi-text-xcdp li .arrowupright-quantum {
  position: absolute;
  right: 14px;
  top: 14px
}

.outSourcerLink {
  background: #fff;
  border-radius: 30px;
  color: #0f0e0e !important
}

.outSourcerLink:hover {
  background: #ff6717;
  color: #fff !important
}

.outSourcerLink svg {
  margin-right: 6px;
  width: 20px
}

.quantumnew-head {
  position: -webkit-sticky;
  position: sticky;
  top: 91.8px;
  z-index: 20
}

@media screen and (min-width:1550px) {
  .quantumnew-head {
    top: 96.8px
  }
}

.l1x-tech-container .btn.btn-fill {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 30px;
  display: flex;
  font-size: 14px;
  gap: 10px;
  padding: 12px 30px
}

.l1x-tech-container .btn.btn-fill svg {
  width: 24px
}

.l1x-tech-container .btn.btn-outline {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 30px;
  display: flex;
  font-size: 14px;
  gap: 10px;
  padding: 12px 30px
}

.l1x-tech-container .btn.btn-outline svg {
  width: 24px
}

.l1x-tech-container .btn:hover {
  background-color: #fa530b !important;
  color: #fff
}

.bridgeless-img-nwpg {
  text-align: center
}

.technologyNewSection .xTalkIcon {
  margin-bottom: 10px;
  width: 64px
}

.technologyNewSection p {
  color: #bbc6db;
  font-size: 14px;
  font-weight: 300;
  line-height: 180%;
  margin-bottom: 0
}

.technologyNewSection .tech-bg-l1x {
  background: #242639;
  border-radius: 12px;
  height: 100%;
  padding: 20px;
  position: relative
}

@media screen and (max-width:767px) {
  .technologyNewSection .tech-bg-l1x {
    padding-bottom: 60px
  }
}

.technologyNewSection .tech-bg-l1x h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 0
}

.technologyNewSection .tech-bg-l1x .forXTalkLogo {
  margin: 0 auto;
  width: 200px
}

.technologyNewSection .tech-bg-l1x img {
  width: 64px
}

.technologyNewSection .tech-bg-l1x.xTalkOnly h4 {
  font-size: 28px
}

.technologyNewSection .tech-bg-l1x .learnMore {
  align-items: center;
  background: #0000;
  border: 1px solid #fff;
  border-radius: 30px;
  bottom: 10px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 12px;
  position: absolute;
  right: 10px
}

.technologyNewSection .tech-bg-l1x .learnMore:hover {
  background: #fff;
  color: #000
}

.technologyNewSection .tech-bg-l1x .learnMore svg {
  margin-left: 8px;
  margin-right: 0;
  width: 20px
}

.animated-glow {
  animation: rainbowGlow 4s ease-in-out infinite, float 6s ease-in-out infinite, pulse 2s ease-in-out infinite alternate;
  transition: transform .3s ease
}

.animated-glow:hover {
  animation-duration: 2s, 3s, 1s;
  transform: scale(1.1)
}

@keyframes rainbowGlow {
  0% {
    filter: drop-shadow(0 0 20px rgba(138, 43, 226, .9)) drop-shadow(0 0 40px rgba(138, 43, 226, .6)) drop-shadow(0 0 80px rgba(138, 43, 226, .3))
  }

  25% {
    filter: drop-shadow(0 0 25px rgba(255, 20, 147, .9)) drop-shadow(0 0 50px rgba(255, 20, 147, .6)) drop-shadow(0 0 100px rgba(255, 20, 147, .3))
  }

  50% {
    filter: drop-shadow(0 0 30px rgba(0, 191, 255, .9)) drop-shadow(0 0 60px rgba(0, 191, 255, .6)) drop-shadow(0 0 120px rgba(0, 191, 255, .3))
  }

  75% {
    filter: drop-shadow(0 0 25px rgba(255, 165, 0, .9)) drop-shadow(0 0 50px rgba(255, 165, 0, .6)) drop-shadow(0 0 100px rgba(255, 165, 0, .3))
  }

  to {
    filter: drop-shadow(0 0 20px rgba(138, 43, 226, .9)) drop-shadow(0 0 40px rgba(138, 43, 226, .6)) drop-shadow(0 0 80px rgba(138, 43, 226, .3))
  }
}

@keyframes float {

  0%,
  to {
    transform: translateY(0) rotate(0deg)
  }

  33% {
    transform: translateY(-15px) rotate(2deg)
  }

  66% {
    transform: translateY(10px) rotate(-2deg)
  }
}

@keyframes pulse {
  0% {
    transform: scale(1)
  }

  to {
    transform: scale(1.05)
  }
}

.glow-container {
  display: inline-block;
  position: relative
}

.glow-container:before {
  animation: backgroundGlow 5s ease-in-out infinite;
  background: radial-gradient(circle, #8a2be21a 0, #ff14930d 30%, #0000 70%);
  border-radius: 50%;
  bottom: -20px;
  content: "";
  left: -20px;
  position: absolute;
  right: -20px;
  top: -20px;
  z-index: -1
}

@keyframes backgroundGlow {

  0%,
  to {
    opacity: .3;
    transform: scale(1)
  }

  50% {
    opacity: .7;
    transform: scale(1.2)
  }
}

.FoundationNew .hero-section .hero-biscuit-run {
  margin: 0 auto 20px;
  max-width: 560px;
  position: relative
}

.FoundationNew .hero-section .hero-biscuit-run:after {
  background: #0f0e0e;
  background: linear-gradient(0deg, #0f0e0e00, #0f0e0efc 77%);
  bottom: 0;
  content: "";
  display: block;
  left: -50px;
  position: absolute;
  right: -40px;
  top: -70px;
  z-index: 2
}

.FoundationNew .hero-section .hero-biscuit-run .content-biscuit {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 20px;
  z-index: 3
}

.FoundationNew .hero-section .hero-biscuit-run .content-biscuit h4 {
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase
}

.FoundationNew .hero-section .hero-biscuit-run .content-biscuit h5 {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase
}

.FoundationNew .hero-section .hero-biscuit-run .content-biscuit .live-label {
  align-items: center;
  background-color: red;
  border-radius: 4px;
  color: #fff;
  display: inline-flex;
  font-size: 16px;
  font-weight: 600;
  gap: 6px;
  padding: 2px 10px
}

.FoundationNew .hero-section .hero-biscuit-run .content-biscuit .live-label .circle-live {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin-left: 0;
  position: relative;
  top: calc(50% - 5px);
  width: 10px;
  z-index: 1
}

.FoundationNew .hero-section .hero-biscuit-run .content-biscuit .live-label .circle-live:before {
  animation: live 2s ease-in-out infinite;
  background-color: #fff9;
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1
}

@keyframes live {
  0% {
    transform: scale(1)
  }

  to {
    background-color: #f000;
    transform: scale(3.5)
  }
}

.FoundationNew .hero-section .hero-biscuit-run .hero-biscuit-runimg {
  max-width: 560px;
  position: relative
}

.FoundationNew .hero-section .hero-biscuit-run .hero-biscuit-runimg .relative-img {
  border-radius: 20px;
  max-width: 100%;
  position: relative;
  z-index: 1
}

.FoundationNew .hero-section .hero-biscuit-run .hero-biscuit-runimg .blur-img {
  filter: blur(23.5px);
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0
}

.FoundationNew .hero-section .hero-biscuit-run .btn-parrent-biscuit {
  margin: -28px 0 0;
  position: relative;
  text-align: center;
  z-index: 4
}

@media(max-width:767px) {
  .FoundationNew .hero-section .hero-biscuit-run .btn-parrent-biscuit {
    margin: -48px 0 0
  }
}

.FoundationNew .hero-section .hero-biscuit-run .button-biscuit {
  align-items: center;
  background: #fd6719;
  background: linear-gradient(90deg, #fd6719, #90f);
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-weight: 500;
  gap: 6px;
  overflow: hidden;
  padding: 12px 20px;
  position: relative;
  text-transform: uppercase;
  transition: all .3s ease
}

.FoundationNew .hero-section .hero-biscuit-run .button-biscuit svg {
  transition: transform .3s ease;
  width: 24px
}

.FoundationNew .hero-section .hero-biscuit-run .button-biscuit:before {
  background: linear-gradient(90deg, #0000, #ffffff4d, #0000);
  content: "";
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  transition: left .5s ease;
  width: 100%
}

.FoundationNew .hero-section .hero-biscuit-run .button-biscuit:hover {
  border-color: #fffc;
  box-shadow: 0 8px 20px #fd671966;
  transform: translateY(-2px)
}

.FoundationNew .hero-section .hero-biscuit-run .button-biscuit:hover svg {
  transform: translateX(4px)
}

.FoundationNew .hero-section .hero-biscuit-run .button-biscuit:hover:before {
  left: 100%
}

.FoundationNew .hero-section .hero-biscuit-run .button-biscuit:active {
  box-shadow: 0 4px 10px #fd67194d;
  transform: translateY(0)
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0)
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
  transform: scale(.6)
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
  transform: scale(1.2)
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0)
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: transform
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

.xtalk-content {
  border-radius: 16px;
  margin-top: 20px;
  overflow: hidden
}

.xtalk-content .aboutbridgelessswap {
  background: #f3f6fd;
  max-height: 600px;
  overflow-y: auto;
  position: relative
}

.xtalk-content .aboutbridgelessswap:after {
  background: #f3f6fd url(/static/media/how-x-talk-work-bg.52d0d956b535d6b31ab9.png) no-repeat;
  background-size: 100% 700px;
  content: "";
  height: 700px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.xtalk-content .aboutbridgelessswap .hero-about-bridgeswap {
  color: #fff;
  padding: 60px 40px
}

.xtalk-content .aboutbridgelessswap .hero-about-bridgeswap .content-hero h1 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px
}

.xtalk-content .aboutbridgelessswap .hero-about-bridgeswap .content-hero h4 {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px
}

.xtalk-content .aboutbridgelessswap .hero-about-bridgeswap .content-hero p {
  color: #fff !important;
  font-size: 12px;
  line-height: 20px
}

.xtalk-content .aboutbridgelessswap .hero-about-bridgeswap .content-hero .white-btn {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 30px;
  color: #f11;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  gap: 5px;
  padding: 8px 20px
}

.xtalk-content .aboutbridgelessswap .hero-about-bridgeswap .content-hero .white-btn img {
  min-width: 24px
}

.xtalk-content .aboutbridgelessswap img {
  max-width: 100%
}

.xtalk-content .aboutbridgelessswap .p-16 {
  padding: 0 16px
}

.xtalk-content .aboutbridgelessswap .whitebox-6 {
  background-color: #fff;
  border-radius: 16px;
  height: 100%;
  padding: 20px
}

.xtalk-content .aboutbridgelessswap .whitebox-6 .icon-whitebox {
  margin-bottom: 10px
}

.xtalk-content .aboutbridgelessswap .whitebox-6 h3 {
  color: #172238;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px
}

.xtalk-content .aboutbridgelessswap .whitebox-6 ul {
  list-style-type: disc;
  margin-left: 20px
}

.xtalk-content .aboutbridgelessswap .whitebox-6 ul li {
  color: #667085;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 5px
}

.xtalk-content .aboutbridgelessswap .whitebox-6 ul li span {
  font-weight: 600
}

.xtalk-content .aboutbridgelessswap .bridges-x-talk {
  background-color: #fff;
  padding: 16px
}

.xtalk-content .aboutbridgelessswap .bridges-x-talk h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center
}

.xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders {
  border: 1px solid #d0daef;
  border-radius: 12px
}

.xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders table {
  width: 100%
}

.xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders table thead {
  background: #f35d2d;
  background: linear-gradient(86deg, #f35d2d, #950be6 93%);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders table thead tr th {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  padding: 10px
}

.xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders table thead tr th:first-child {
  border-top-left-radius: 12px
}

.xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders table thead tr th:last-child {
  border-top-right-radius: 12px
}

.xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders table tbody tr {
  border-bottom: 1px solid #d0daef
}

.xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders table tbody tr td {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  padding: 10px
}

.xtalk-content .aboutbridgelessswap .bridges-x-talk .tableborders table tbody tr th {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  padding: 10px
}

.xtalk-content .aboutbridgelessswap .x-talk-processflow {
  padding: 30px
}

.xtalk-content .aboutbridgelessswap .x-talk-processflow h3 {
  color: #0f1323;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center
}

.xtalk-content .aboutbridgelessswap .x-talk-processflow .xtalk-flow img {
  max-width: 100%
}

.xtalk-content .aboutbridgelessswap .bridging-attack-vectors {
  background-image: url(/static/media/bridging-attack-vectors-bg.0376b3d4e06163d21f03.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 40px
}

.xtalk-content .aboutbridgelessswap .bridging-attack-vectors h3 {
  color: #0f1323;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center
}

.xtalk-content .aboutbridgelessswap .bridging-attack-vectors h3 span {
  display: block;
  font-size: 24px;
  font-weight: 300;
  margin-top: 10px
}

.xtalk-content .aboutbridgelessswap .bridging-attack-vectors p {
  font-size: 14px;
  margin-bottom: 20px
}

.xtalk-content .aboutbridgelessswap .bridging-attack-vectors p span {
  color: #000;
  font-weight: 600
}

.xtalk-content .aboutbridgelessswap .bridging-attack-vectors p .grnt {
  background: #f35d2d;
  background: linear-gradient(86deg, #f35d2d, #950be6 93%);
  border-radius: 4px;
  color: #fff;
  font-weight: 400;
  padding: 1px 4px
}

.xtalk-content .aboutbridgelessswap .breakdown-of-traditional {
  background: #fff;
  padding: 60px 0
}

.xtalk-content .aboutbridgelessswap .breakdown-of-traditional h3 {
  color: #0f1323;
  font-size: 28px;
  font-weight: 600;
  margin: 0 auto 20px;
  max-width: 440px;
  text-align: center
}

.xtalk-content .aboutbridgelessswap .breakdown-of-traditional .grid-cal-breakdown {
  background-color: #f3f6fd;
  border-radius: 8px;
  padding: 16px
}

.xtalk-content .aboutbridgelessswap .breakdown-of-traditional .grid-cal-breakdown h4 {
  color: #172238;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px
}

.xtalk-content .aboutbridgelessswap .breakdown-of-traditional .grid-cal-breakdown p {
  color: #667085;
  font-size: 14px;
  margin-bottom: 0
}

.xtalk-content .aboutbridgelessswap .breakdown-of-traditional .grid-cal-breakdown .icon-breakdown {
  margin-bottom: 10px
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors {
  background: #0a0722 url(/static/media/key-attackvector-bg.a2865818d94123ab7b2b.png) no-repeat 50%;
  border-radius: 20px;
  color: #fff;
  padding: 40px
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors h3 {
  font-size: 22px;
  margin-bottom: 30px;
  text-align: center
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .key-box-col {
  margin-bottom: 30px
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .key-box-col h3 {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
  margin-bottom: 10px;
  text-align: left
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .key-box-col h3 img {
  min-width: 18px
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .key-box-col p {
  color: #fff !important;
  font-size: 14px;
  margin-bottom: 0
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .keyimg-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .these-p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 30px
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these {
  display: flex;
  gap: 15px;
  width: 100%
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex {
  border: 1px solid #ccc;
  border-radius: 16px;
  display: flex;
  gap: 15px;
  min-width: 32%;
  padding: 10px
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex .circle {
  background-color: #fff;
  border-radius: 50px;
  height: 20px;
  min-width: 20px;
  width: 20px
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex .content-these h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex .content-these p {
  color: #fff !important;
  font-size: 13px
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex.red-color {
  background-color: #ea433526;
  border-color: #ea4335
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex.red-color .circle {
  background-color: #ea4335
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex.yellow-color {
  background-color: #fabc0526;
  border-color: #fabc05
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex.yellow-color .circle {
  background-color: #fabc05
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex.green-color {
  background-color: #33a85226;
  border-color: #33a852
}

.xtalk-content .aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex.green-color .circle {
  background-color: #33a852
}

.xtalk-content .aboutbridgelessswap .real-world-analogy {
  padding: 60px 0
}

.xtalk-content .aboutbridgelessswap .real-world-analogy h3 {
  color: #0f1323;
  font-size: 28px;
  font-weight: 600;
  text-align: center
}

.xtalk-content .aboutbridgelessswap .real-world-analogy h3 span {
  display: block;
  font-size: 24px;
  font-weight: 300;
  margin-top: 10px
}

.xtalk-content .aboutbridgelessswap .real-world-analogy p {
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 30px
}

.xtalk-content .aboutbridgelessswap .real-world-analogy .table-swap {
  border: 1px solid #e8eaf1;
  border-radius: 12px;
  overflow: hidden
}

.xtalk-content .aboutbridgelessswap .real-world-analogy .table-swap table tr th {
  background-color: #f3f6fd;
  border-bottom: 1px solid #dce0e9;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 10px
}

.xtalk-content .aboutbridgelessswap .real-world-analogy .table-swap table tr th:first-child {
  border-top-left-radius: 12px
}

.xtalk-content .aboutbridgelessswap .real-world-analogy .table-swap table tr td {
  border-bottom: 1px solid #dce0e9;
  color: #000;
  font-size: 14px;
  font-weight: 300;
  padding: 10px
}

.xtalk-content .aboutbridgelessswap .real-world-analogy .table-swap table tr td:last-child {
  border-top-right-radius: 12px
}

.xtalk-content .aboutbridgelessswap .major-hacks-div {
  padding-bottom: 60px
}

.xtalk-content .aboutbridgelessswap .major-hacks-div h3 {
  color: #0f1323;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: center
}

.xtalk-content .aboutbridgelessswap .major-hacks-div h3 span {
  display: block;
  font-size: 24px;
  font-weight: 300;
  margin-top: 10px
}

.xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks {
  border: 1px solid #dce0e9;
  border-radius: 16px;
  height: 100%;
  overflow: hidden
}

.xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks .red-major-hacks {
  background: #ea4335;
  background: linear-gradient(86deg, #ea4335, #bf2d20 93%);
  color: #fff;
  padding: 16px
}

.xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks .red-major-hacks h4 {
  font-size: 16px;
  font-weight: 300
}

.xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks .red-major-hacks h4 span {
  display: block;
  font-weight: 600;
  margin-top: 15px
}

.xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks .red-major-hacks.yellow-div {
  background: #fabc05;
  background: linear-gradient(86deg, #fabc05, #c39409 93%)
}

.xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks .red-major-hacks.green-div {
  background: #33a852;
  background: linear-gradient(86deg, #33a852, #0f7e2d 93%)
}

.xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks .content-major-hacks {
  padding: 16px
}

.xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks .content-major-hacks h5 {
  align-items: center;
  display: flex;
  gap: 10px
}

.xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks .content-major-hacks p {
  color: #667085;
  margin-bottom: 20px
}

.xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks .content-major-hacks p span {
  color: #000;
  font-weight: 600
}

.xtalk-content .aboutbridgelessswap .major-hacks-div .box-major-hacks .content-major-hacks p.flex-checkmark {
  align-items: start;
  color: #000;
  display: flex;
  font-weight: 600;
  gap: 10px
}

.xtalk-content .aboutbridgelessswap .why-x-talk-eliminates {
  border-radius: 20px;
  display: flex;
  overflow: hidden
}

.xtalk-content .aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div {
  background-color: #dee4f1;
  min-width: 50%;
  padding: 20px
}

.xtalk-content .aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div h3 {
  color: #0a0722 !important;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px
}

.xtalk-content .aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div h5 {
  color: #0a0722 !important;
  font-weight: 18px;
  font-weight: 300;
  margin-bottom: 20px
}

.xtalk-content .aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div h5 span {
  font-weight: 600
}

.xtalk-content .aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div ul li {
  align-items: start;
  display: flex;
  font-size: 14px;
  gap: 10px;
  margin-bottom: 15px
}

.xtalk-content .aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div ul li span {
  font-weight: 600
}

.xtalk-content .aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div ul li p {
  margin-bottom: 0
}

.xtalk-content .aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div.lightgraybg {
  background-color: #f3f5fc
}

.xtalk-content .aboutbridgelessswap .IamSpacer {
  background: #fff;
  padding-bottom: 30px;
  padding-top: 150px
}

.xtalk-content .aboutbridgelessswap .validates-abt-section {
  background: #190790;
  background: linear-gradient(86deg, #190790, #b09 93%);
  border-radius: 20px;
  color: #fff;
  display: flex
}

.xtalk-content .aboutbridgelessswap .validates-abt-section .black-left {
  align-items: center;
  background-color: #000;
  border-radius: 20px 0 0 20px;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-width: 320px;
  padding-top: 140px;
  position: relative
}

.xtalk-content .aboutbridgelessswap .validates-abt-section .black-left ul {
  position: relative;
  z-index: 1
}

.xtalk-content .aboutbridgelessswap .validates-abt-section .black-left ul li {
  display: flex;
  gap: 10px;
  margin-bottom: 10px
}

.xtalk-content .aboutbridgelessswap .validates-abt-section .black-left .img-black {
  position: absolute;
  top: -100px;
  width: 230px
}

.xtalk-content .aboutbridgelessswap .validates-abt-section .wallet-color-bg-left {
  padding: 25px
}

.xtalk-content .aboutbridgelessswap .validates-abt-section .wallet-color-bg-left h5 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 20px
}

.xtalk-content .aboutbridgelessswap .validates-abt-section .wallet-color-bg-left h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px
}

.xtalk-content .aboutbridgelessswap .validates-abt-section .wallet-color-bg-left p {
  background-color: #fff;
  border-radius: 4px;
  color: #000;
  display: inline-block;
  font-size: 16px;
  padding: 10px 20px
}

.xtalk-content .aboutbridgelessswap .bg-white {
  background: #fff
}

.xtalk-content .nft-tier-nav {
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #dae0ee;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0 !important
}

.xtalk-content .nft-tier-nav ul {
  align-items: center;
  display: flex;
  gap: 5px
}

.xtalk-content .nft-tier-nav ul li button {
  background-color: #0000;
  border: none;
  color: #000;
  font-size: 13px;
  font-weight: 300;
  padding: 10px 16px;
  position: relative;
  z-index: 0
}

.xtalk-content .nft-tier-nav ul li button.active {
  color: #ff6717;
  font-weight: 500
}

.xtalk-content .nft-tier-nav ul li button.active:after {
  background-color: #fc651b;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.xtalk-content .nft-tier-nav .mint-nft-button {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 6px 16px
}

.xtalk-content p {
  color: #000 !important
}

.toggleForInvestment {
  align-items: center;
  background-color: #27364b;
  border-radius: 30px;
  display: inline-flex;
  padding: 4px
}

.toggleForInvestment .investmentTypeCTA {
  background: 27364b;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 6px 24px
}

.toggleForInvestment .investmentTypeCTA.active {
  background: #e0530d;
  color: #fff
}

.countdown-container {
  background: #0000004d
}

.countdown-label {
  color: #cbd5e1
}

.newLayoutStructure {
  background-color: #0e131a;
  font-size: 14px;
  width: 100%
}

.newLayoutStructure.height-full-page {
  height: 100%
}

.newLayoutStructure.height-full-page .width-limit {
  min-height: 100%
}

.newLayoutStructure.height-full-page .dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content {
  max-height: calc(100vh - 125px);
  overflow-y: auto
}

.newLayoutStructure.height-full-page .dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content.scrollBarCustom {
  max-height: 510px;
  min-height: calc(100vh - 255px);
  overflow-y: auto
}

.newLayoutStructure.height-full-page .staking {
  height: 100%;
  max-height: 100%
}

.newLayoutStructure .width-limit {
  display: flex;
  min-height: 100vh;
  position: relative;
  width: 100%
}

@media(min-width:1920px) {
  .newLayoutStructure .width-limit {
    margin: 0 auto;
    max-width: 1920px;
    width: 100%
  }
}

.newLayoutStructure .FoundationNew .top-head {
  top: 141.9px
}

@media screen and (max-width:768px) {
  .newLayoutStructure .FoundationNew .top-head {
    top: 0
  }
}

@media screen and (min-width:1550px) {
  .newLayoutStructure .FoundationNew .top-head {
    top: 146.9px
  }
}

.newLayoutStructure .hamburger {
  background: none;
  border: none;
  cursor: pointer;
  display: none;
  font-size: 24px
}

@media(max-width:991px) {
  .newLayoutStructure .hamburger {
    align-items: center;
    background-color: #1d2634;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 40px;
    justify-content: center;
    padding: 1px 10px;
    width: 40px
  }

  .newLayoutStructure .hamburger img {
    width: 18px
  }
}

.newLayoutStructure .headerbar-div {
  align-items: center;
  background-color: #121822;
  border-left: 1px solid #26374f;
  display: flex;
  height: 91.8px;
  justify-content: space-between;
  padding: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  z-index: 99
}

@media screen and (max-width:991px) {
  .newLayoutStructure .headerbar-div {
    display: none
  }
}

.newLayoutStructure .headerbar-div .flex-left-div {
  align-items: center;
  display: flex;
  gap: 30px
}

.newLayoutStructure .headerbar-div h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0
}

@media(max-width:991px) {
  .newLayoutStructure .headerbar-div h3 {
    font-size: 18px
  }
}

.newLayoutStructure .headerbar-div ul {
  align-items: center;
  display: flex;
  gap: 12px
}

@media(max-width:991px) {
  .newLayoutStructure .headerbar-div ul {
    gap: 10px
  }
}

.newLayoutStructure .headerbar-div ul li .menulink-header {
  color: #fff;
  display: block;
  padding: 10px 30px
}

@media(max-width:991px) {
  .newLayoutStructure .headerbar-div ul li .menulink-header {
    font-size: 12px;
    padding: 10px
  }
}

.newLayoutStructure .headerbar-div ul li .button-header {
  background-color: #fd6519;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 15px;
  height: 40px;
  padding: 10px 30px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s
}

.newLayoutStructure .headerbar-div ul li .button-header:focus,
.newLayoutStructure .headerbar-div ul li .button-header:hover {
  background-color: #fff;
  color: #fd6519
}

@media(max-width:991px) {
  .newLayoutStructure .headerbar-div ul li .button-header {
    font-size: 12px;
    padding: 10px
  }
}

.newLayoutStructure .headerbar-div .connected-cta {
  background: linear-gradient(90deg, #7408c1 -1.34%, #ee5a0c 118.32%);
  border-radius: 30px;
  display: inline-block;
  padding: 1px
}

.newLayoutStructure .headerbar-div .connected-cta .button-header {
  align-items: center;
  background: #0e131a;
  color: #fff;
  display: flex;
  gap: 8px;
  padding: 8px 10px
}

.newLayoutStructure .headerbar-div .connected-cta .button-header img {
  width: 24px
}

.newLayoutStructure .headerbar-div .connected-cta .button-header svg {
  width: 20px
}

.newLayoutStructure .headerbar-div .connected-cta .button-header:hover {
  background: linear-gradient(90deg, #7408c1 -1.34%, #ee5a0c 118.32%);
  color: #fff
}

.newLayoutStructure .sidebar-swap-fee {
  background-color: #121822;
  height: calc(100vh - 50px);
  left: 0;
  max-width: 270px;
  min-width: 270px;
  overflow-y: auto;
  padding: 20px 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  z-index: 10
}

@media(max-width:991px) {
  .newLayoutStructure .sidebar-swap-fee {
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    display: none;
    top: 0
  }
}

.newLayoutStructure .sidebar-swap-fee .l1xlogo {
  margin-bottom: 40px
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist {
  display: flex;
  flex-direction: column;
  height: calc(100% - 80px);
  justify-content: space-between
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul {
  padding-bottom: 40px
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text {
  align-items: center;
  border-left: 2px solid #0000;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-weight: 300;
  gap: 12px;
  padding: 14px 16px
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text.active {
  background-color: #436bed !important;
  border-left: 2px solid #436bed
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text:hover {
  background-color: #17202d;
  border-left: 2px solid #436bed
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span {
  align-items: center;
  border-radius: 10px;
  display: flex;
  height: 34px;
  justify-content: center;
  min-width: 34px;
  width: 34px
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span img,
.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span svg {
  height: 34px;
  width: 34px
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span.bg-white {
  background-color: #fff
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span.bg-orange {
  background-color: #ff6616
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span.bg-blue {
  background-color: #436bed
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span.bg-blue svg {
  -webkit-clip-path: #fff;
  clip-path: #fff
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span.bg-node-portal {
  background-color: #bbc9ff
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span.bg-mint-nft {
  background-color: #ffce2c
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span.bg-create-token {
  background-color: #2c54aa
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span.bg-space-card {
  background-color: #a857ff
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span.bg-web-website {
  background-color: #00afef
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span.bg-zero-swap-fee {
  background-color: #fd4895
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span.bg-swapa-thon {
  background-color: #1f8300
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span.bg-ecosystemgrantpool {
  background-color: #1875f3
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li .navlink-text span.bg-getassistance {
  background-color: #ffd300
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li.dropdownarrow .navlink-text {
  background: url(/static/media/arrowicon.ef808bd72c2fbedf162b.svg) no-repeat center right 15px
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li.dropdownarrow .subnavbarmenu {
  background-color: #17202d;
  border-left: 0;
  padding-bottom: 0
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li.dropdownarrow .subnavbarmenu li .navlink-text {
  background-image: none
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li.dropdownarrow .subnavbarmenu li .navlink-text img {
  height: 34px;
  min-width: 34px;
  width: 34px
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li.dropdownarrow .subnavbarmenu li .navlink-text.active {
  background-color: #27364b !important;
  border-left: 2px solid #436bed
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist ul li.dropdownarrow .subnavbarmenu li:hover {
  background-color: #283d5f
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist .exclusive-portals-class p {
  color: #859fb5;
  font-size: 14px;
  position: relative
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist .exclusive-portals-class p:after {
  background-color: #859fb5;
  content: "";
  display: block;
  height: 1px;
  left: 120px;
  position: absolute;
  top: 11px;
  width: 100px
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist .menu-devider {
  border-bottom: 1px solid #859fb5;
  margin: 15px auto;
  opacity: .5;
  width: 100%
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist .l1x-play-highlight {
  position: relative
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist .l1x-play-highlight:after {
  animation: dotBlink 1.5s ease-in-out infinite;
  background: #fd6519;
  border-radius: 50%;
  box-shadow: 0 0 10px #fd6519cc, 0 0 20px #fd651966;
  content: "";
  height: 10px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  z-index: 10
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist .l1x-play-highlight .navlink-text {
  overflow: visible;
  position: relative
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist .l1x-play-highlight .navlink-text:before {
  animation: gradientShift 3s ease-in-out infinite;
  background: linear-gradient(135deg, #fd651940, #436bed40 50%, #fd651940);
  background-size: 200% 200%;
  border-radius: 6px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist .l1x-play-highlight .navlink-text:after {
  background: linear-gradient(135deg, #fd651926, #436bed26);
  border-radius: 6px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist .l1x-play-highlight .navlink-text span.bg-white {
  animation: iconScalePulse 2.5s ease-in-out infinite;
  transition: transform .3s ease
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist .l1x-play-highlight .navlink-text span.bg-white img {
  display: block
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist .l1x-play-highlight .navlink-text:hover span.bg-white {
  animation: iconScalePulse 1.5s ease-in-out infinite
}

.newLayoutStructure .sidebar-swap-fee .sidebarlist .l1x-play-highlight .navlink-text:hover:before {
  animation: gradientShift 2s ease-in-out infinite
}

@keyframes gradientShift {
  0% {
    background-position: 0 50%;
    opacity: 1
  }

  50% {
    background-position: 100% 50%;
    opacity: .7
  }

  to {
    background-position: 0 50%;
    opacity: 1
  }
}

@keyframes iconScalePulse {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.15)
  }

  to {
    transform: scale(1)
  }
}

@keyframes dotBlink {
  0% {
    box-shadow: 0 0 10px #fd6519cc, 0 0 20px #fd651966;
    opacity: 1;
    transform: translateY(-50%) scale(1)
  }

  50% {
    box-shadow: 0 0 5px #fd651966, 0 0 10px #fd651933;
    opacity: .3;
    transform: translateY(-50%) scale(.85)
  }

  to {
    box-shadow: 0 0 10px #fd6519cc, 0 0 20px #fd651966;
    opacity: 1;
    transform: translateY(-50%) scale(1)
  }
}

.newLayoutStructure .main-layout {
  width: calc(100% - 270px)
}

@media screen and (max-width:991px) {
  .newLayoutStructure .main-layout {
    width: 100%
  }
}

.newLayoutStructure .main-body-content-swap {
  position: relative
}

.l1x-modal {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999
}

@media screen and (max-width:767px) {
  .l1x-modal {
    bottom: 0;
    top: auto
  }
}

.l1x-modal-body {
  background: #26374f;
  border-radius: 20px;
  max-width: 100%;
  padding: 20px;
  position: relative;
  width: 600px;
  z-index: 1
}

@media screen and (max-width:767px) {
  .l1x-modal-body {
    height: auto;
    width: 100%
  }
}

.l1x-modal-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px
}

.l1x-modal-head h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.l1x-modal-head .btn-dark-close {
  align-items: center;
  background: #142339;
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 36px;
  justify-content: center;
  padding: 0;
  width: 36px
}

.l1x-modal-head .btn-dark-close svg {
  width: 24px
}

.l1x-modal-content ul {
  list-style: disc;
  padding-left: 16px
}

.l1x-modal-content ul li {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 200%
}

.l1x-modal-content ul li span {
  font-weight: 600
}

.l1x-modal-content .btn-dark-primary {
  background: #fd6519;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 20px
}

.l1x-modal-overlay {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%
}

.l1x-modal-overlay:after {
  background: #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%
}

.scrollBarCustom {
  overflow: overlay;
  scrollbar-color: #667086 #0000;
  scrollbar-width: thin
}

.scrollBarCustom::-webkit-scrollbar {
  background: none;
  width: 10px
}

.scrollBarCustom::-webkit-scrollbar-track {
  background: none !important
}

.scrollBarCustom::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #667086;
  border: 4px solid #0000;
  border-radius: 10px
}

.scrollBarCustom::-webkit-scrollbar-thumb:hover {
  background-color: #525c6a
}

.referral-modal {
  background-color: #2a3950;
  border-radius: 16px;
  box-shadow: 0 4px 15px #0003;
  color: #fff;
  font-family: sans-serif;
  max-width: 650px;
  padding: 30px;
  position: relative;
  width: 90%
}

.referral-modal .close-button {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
  position: absolute;
  right: 15px;
  top: 15px
}

.referral-modal .modal-content {
  align-items: center;
  display: flex;
  gap: 30px
}

.referral-modal .modal-content .text-content {
  flex: 1 1
}

.referral-modal .modal-content .text-content h2 {
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 15px;
  margin-top: 0
}

.referral-modal .modal-content .text-content p {
  color: #bdc5d7;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 30px
}

.referral-modal .modal-content .image-content {
  flex-shrink: 0
}

.referral-modal .modal-content .image-content img {
  display: block;
  height: auto;
  max-width: 100%
}

.referral-modal .referral-code-section {
  margin-top: 20px
}

.referral-modal .referral-code-section .referral-label {
  color: #bdc5d7;
  font-size: 12px;
  letter-spacing: .5px;
  margin-bottom: 8px;
  text-transform: uppercase
}

.referral-modal .referral-code-section .code-box {
  align-items: center;
  background-color: #3a4a64;
  border: 1px solid #4a6b9d;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 15px 20px
}

.referral-modal .referral-code-section .code-box .referral-code {
  color: #fff;
  font-family: monospace;
  font-size: 16px
}

.referral-modal .referral-code-section .code-box .copy-button {
  background: none;
  border: none;
  color: #bdc5d7;
  cursor: pointer;
  font-size: 14px
}

.referral-modal .referral-code-section .code-box .copy-button:hover {
  color: #fff
}

.btn-referral-code {
  align-items: center;
  border-radius: 30px;
  display: inline-flex;
  font-size: 15px;
  font-weight: 500;
  gap: 8px;
  height: 40px;
  padding: 8px 20px
}

.btn-referral-code,
.btn-referral-code:hover {
  background: #ffc107;
  color: #202020
}

.btn-gradinet-for-join {
  background: #fff;
  border: none;
  border-radius: 30px;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  padding: 10px 20px;
  transition: background .3
}

.btn-gradinet-for-join:hover {
  background: linear-gradient(90deg, #ff6717 -4.05%, #fc651b 10.18%, #f55f27 24.41%, #e9563c 38.64%, #d84959 53.96%, #c2387f 68.19%, #a824ac 83.51%, #890ce2 97.74%, #7900ff 105.41%);
  color: #fff;
  transition: background .3
}

.l1x-price-display {
  align-items: center;
  background: #27364b;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  height: 40px;
  padding: 10px
}

.l1x-price-display p {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
  margin-right: 12px;
  text-transform: uppercase
}

.l1x-price-display h4 {
  -webkit-text-fill-color: #0000;
  font-feature-settings: "liga" off, "clig" off;
  background: linear-gradient(90deg, #fd6519 61.02%, #de0ce2 101.18%);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 0;
  overflow: hidden;
  position: relative
}

.capital-raise-head-section {
  align-items: center;
  background-color: #27364b;
  border-radius: 12px;
  color: #fff;
  display: flex;
  overflow: hidden
}

.capital-raise-head-section .capital-raise-left {
  background: #7900ff;
  background: linear-gradient(90deg, #7900ff, #ff6717);
  padding: 7px 12px
}

.capital-raise-head-section .capital-raise-left img {
  max-width: 100%
}

.capital-raise-head-section .capital-raise-left h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0
}

@media(min-width:1550px) {
  .capital-raise-head-section .capital-raise-left h4 {
    font-size: 16px
  }
}

.capital-raise-head-section .capital-raise-middle {
  background-color: #32455f;
  padding: 9px 12px
}

.capital-raise-head-section .capital-raise-middle p {
  font-size: 10px;
  font-weight: 300;
  margin-bottom: 4px;
  text-transform: uppercase
}

@media(min-width:1550px) {
  .capital-raise-head-section .capital-raise-middle p {
    font-size: 12px
  }
}

.capital-raise-head-section .capital-raise-middle h5 {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 300;
  gap: 4px;
  margin-bottom: 0
}

@media(min-width:1550px) {
  .capital-raise-head-section .capital-raise-middle h5 {
    font-size: 14px
  }
}

@media(max-width:1270px) {
  .capital-raise-head-section .capital-raise-middle h5 {
    display: block
  }
}

.capital-raise-head-section .capital-raise-middle h5 p {
  align-items: center;
  color: #47d61d;
  display: flex;
  font-size: 10px;
  gap: 4px;
  margin-bottom: 0
}

@media(min-width:1550px) {
  .capital-raise-head-section .capital-raise-middle h5 p {
    font-size: 12px
  }
}

.capital-raise-head-section .capital-raise-middle h5 p span {
  color: #fff;
  font-weight: 600
}

.capital-raise-head-section .capital-raise-right {
  align-items: center;
  display: flex;
  gap: 12px;
  padding: 4px 12px
}

.capital-raise-head-section .capital-raise-right ul {
  align-items: center;
  display: flex;
  gap: 0
}

@media(max-width:1380px) {
  .capital-raise-head-section .capital-raise-right ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
  }
}

.capital-raise-head-section .capital-raise-right ul li {
  border-right: 1px solid #5e789d;
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 0 8px
}

.capital-raise-head-section .capital-raise-right ul li.border-none {
  border: none
}

@media(min-width:1550px) {
  .capital-raise-head-section .capital-raise-right ul li {
    font-size: 14px
  }
}

.capital-raise-head-section .capital-raise-right .btn-participate {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #000;
  font-size: 14px;
  line-height: 1.3;
  padding: 7px 12px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s
}

.capital-raise-head-section .capital-raise-right .btn-participate :focus,
.capital-raise-head-section .capital-raise-right .btn-participate:hover {
  background-color: #fd6519;
  border: 1px solid #fd6519;
  color: #fff
}

.updateHeadline {
  align-items: center;
  background-color: #fff267;
  display: flex;
  height: 50px;
  padding-right: 12px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 99
}

.updateHeadline .headlineTitle {
  background: red;
  color: #fff;
  height: 50px;
  padding: 6px 20px
}

.updateHeadline .headlineTitle p {
  font-size: 16px;
  line-height: 14px;
  margin-bottom: 4px;
  text-transform: uppercase
}

.updateHeadline .headlineTitle h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 0;
  text-transform: uppercase
}

.updateHeadline .updateMarqueeWrapper {
  flex: 1 1;
  overflow: hidden;
  position: relative
}

.updateHeadline .updateMarquee {
  animation: scroll-marquee 30s linear infinite;
  display: flex;
  width: -webkit-max-content;
  width: max-content
}

.updateHeadline .marquee-track {
  align-items: center;
  display: flex;
  height: 50px;
  will-change: transform
}

.updateHeadline .marquee-item {
  align-items: center;
  display: flex;
  gap: 12px
}

.updateHeadline .marquee-item img {
  max-height: 28px;
  max-width: 100%;
  width: auto
}

.updateHeadline .marquee-item p {
  color: #000;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  white-space: nowrap
}

.updateHeadline .updateMarqueeSeparator {
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  height: 8px;
  margin: 0 24px;
  min-width: 8px;
  width: 8px
}

@keyframes scroll-marquee {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-50%)
  }
}

.closeMarquee {
  align-items: center;
  background: color(srgb .09 .13 .18/.23);
  border-radius: 30px;
  display: flex;
  height: 34px;
  justify-content: center;
  padding: 4px;
  width: 34px
}

.closeMarquee:active,
.closeMarquee:focus-within,
.closeMarquee:hover {
  background: color(srgb .09 .13 .18/.7);
  color: #fff
}

.no-headline .headerbar-div,
.no-headline .sidebar-swap-fee {
  top: 0
}

.no-headline .FoundationNew .top-head {
  top: 91.8px
}

@media screen and (min-width:1550px) {
  .no-headline .FoundationNew .top-head {
    top: 96.8px
  }
}

@media screen and (max-width:767px) {
  .no-headline .FoundationNew .top-head {
    top: 0
  }
}

.no-headline .sidebar-swap-fee {
  height: 100vh
}

.capRaiseNew {
  align-items: center;
  background: #27364b;
  border-radius: 8px;
  display: flex;
  overflow: hidden
}

.capRaiseNew .raiseTitle {
  align-items: center;
  background: linear-gradient(90deg, #7900ff -4.3%, #890ce2 5.41%, #a824ac 23.44%, #c2387f 42.86%, #d84959 60.89%, #e9563c 80.31%, #f55f27 98.34%, #fc651b 116.38%, #ff6717 134.41%);
  border-radius: 8px 0 0 8px;
  color: #fff;
  display: flex;
  height: 100%;
  padding: 8px 10px;
  position: relative
}

.capRaiseNew .raiseTitle img {
  margin-right: 10px;
  width: 30px
}

.capRaiseNew .raiseTitle h3 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0
}

.capRaiseNew .raiseTitle h2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase
}

.capRaiseNew .raiseTitle:after {
  background: url(/static/media/capRaisePattern.09429bdb38e0ce9b727d.svg);
  content: "";
  height: 38px;
  position: absolute;
  right: 12px;
  top: -20px;
  width: 38px
}

.capRaiseNew .discountContent {
  align-items: center;
  color: #fff;
  display: flex;
  margin-left: 14px;
  padding-right: 14px;
  position: relative
}

.capRaiseNew .discountContent h1 {
  color: #47d61e;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0;
  margin-right: 10px;
  position: relative
}

.capRaiseNew .discountContent p {
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
  margin-bottom: 2px
}

.capRaiseNew .discountContent h5 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0
}

.capRaiseNew .discountContent .participate {
  align-items: center;
  background: #fff;
  border-radius: 30px;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  margin-left: 14px;
  padding: 6px 16px
}

.capRaiseNew .discountContent .participate span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff -17.26%, #890ce2 -8%, #a824ac 9.2%, #c2387f 27.73%, #d84959 44.92%, #e9563c 63.45%, #f55f27 80.65%, #fc651b 97.85%, #ff6717 115.04%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px
}

.capRaiseNew .discountContent:after {
  right: 130px;
  top: -30px
}

.capRaiseNew .discountContent:after,
.capRaiseNew .discountContent:before {
  background: url(/static/media/capRaisePattern.09429bdb38e0ce9b727d.svg);
  content: "";
  height: 38px;
  opacity: .4;
  position: absolute;
  width: 38px
}

.capRaiseNew .discountContent:before {
  bottom: -34px;
  left: 4px
}

@keyframes scaleMe {
  to {
    transform: scale(1.15)
  }
}

.quantumSpace {
  padding: 0 0 8px 16px
}

.quantumSpace p {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0
}

.l1xAssistText {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #fff;
  border-radius: 30px;
  bottom: 29px;
  box-shadow: 0 0 20px #000c;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 40px 8px 14px;
  position: fixed;
  right: 58px;
  z-index: 99
}

@media screen and (max-width:767px) {
  .l1xAssistText {
    display: none
  }
}

.loadingSpinnerTx {
  animation: spin 1.5s linear infinite;
  border: 4px solid color(srgb 1 1 1/.27);
  border-radius: 50%;
  border-top-color: #4caf50;
  height: 26px;
  width: 26px
}

.specialAirdrop {
  border-radius: 30px !important;
  margin: 10px 0
}

@media screen and (max-width:1024px) {
  .specialAirdrop {
    display: none
  }
}

.specialAirdrop .checkerBTN {
  background: #0d1419;
  border-radius: 30px;
  color: #fd651b;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 16px;
  text-transform: uppercase;
  width: 100%
}

.specialAirdrop .checkerBTN:hover {
  background: linear-gradient(270deg, #7900ff -16.78%, #8a0de2 -8.3%, #a824ad 7.47%, #c3397f 24.44%, #d9495a 40.2%, #e9563c 57.17%, #f56028 72.94%, #fd651b 88.7%, #ff6717 104.46%);
  color: #fff
}

.specialAirdrop .checkerBTN img {
  margin-right: 10px;
  width: 20px
}

.specialAirdrop .checkerBTN img.iamSecond {
  margin-left: 10px;
  margin-right: 0
}

.mobileSidebar {
  height: 100vh;
  pointer-events: none;
  position: fixed;
  width: 100%;
  z-index: 99
}

.mobileSidebar .leftMenu {
  background: #202e38;
  height: 100vh;
  left: 0;
  overflow-y: auto;
  padding: 12px;
  position: fixed;
  transform: translateX(-100%);
  transition: transform .25s ease-in-out;
  width: 240px;
  z-index: 9
}

.mobileSidebar .leftMenu .LeftMenuItem .dropMenuItem,
.mobileSidebar .leftMenu .LeftMenuItem a {
  border-radius: 6px;
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 12px 12px 12px 10px
}

.mobileSidebar .leftMenu .LeftMenuItem .dropMenuItem img,
.mobileSidebar .leftMenu .LeftMenuItem a img {
  margin-right: 10px;
  width: 24px
}

.mobileSidebar .leftMenu .LeftMenuItem .dropMenuItem.active,
.mobileSidebar .leftMenu .LeftMenuItem a.active {
  background: #0e131a
}

.mobileSidebar .leftMenu .LeftMenuItem.logoSpace {
  padding: 16px 0
}

.mobileSidebar .leftMenu .LeftMenuItem.logoSpace img {
  width: 110px
}

.mobileSidebar .leftMenu .LeftMenuItem.hasDropdown .dropMenuItem svg {
  width: 20px
}

.mobileSidebar .leftMenu .LeftMenuItem.hasDropdown ul {
  display: none;
  margin-bottom: 0;
  padding-left: 30px
}

.mobileSidebar .leftMenu .LeftMenuItem.hasDropdown.open .dropMenuItem {
  background: #0e131a
}

.mobileSidebar .leftMenu .LeftMenuItem.hasDropdown.open .dropMenuItem svg {
  transform: rotate(180deg);
  transition: transform .2s ease-in-out
}

.mobileSidebar .leftMenu .LeftMenuItem.hasDropdown.open ul {
  display: block
}

.mobileSidebar .leftMenu .LeftMenuItem.hasDropdown.open ul li a.active {
  background: #0000;
  color: #ff6717
}

.mobileSidebar .sidebarOverlay {
  background: color(srgb 0 0 0/0);
  height: 100%;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: background .25s ease-in-out;
  width: 100%
}

.mobileSidebar.open {
  pointer-events: auto
}

.mobileSidebar.open .leftMenu {
  pointer-events: auto;
  transform: translateX(0)
}

.mobileSidebar.open .sidebarOverlay {
  background: color(srgb 0 0 0/.48);
  pointer-events: auto
}

.mobileHeader {
  align-items: center;
  background: #1e2735;
  display: flex;
  justify-content: space-between;
  padding: 10px 16px
}

.mobileHeader .menuAndLogo .btnHumbergerMenu {
  background: #1e2735;
  border: 1px solid #303946;
  border-radius: 36px;
  color: #fff;
  height: 36px;
  margin-right: 10px;
  padding: 0;
  width: 36px
}

.mobileHeader .menuAndLogo .btnHumbergerMenu svg {
  width: 20px
}

.mobileHeader .menuAndLogo a img {
  width: 100px
}

.mobileHeader .connectWallet {
  align-items: center;
  background: linear-gradient(90deg, #7900ff -4.3%, #890ce2 5.41%, #a824ac 23.44%, #c2387f 42.86%, #d84959 60.89%, #e9563c 80.31%, #f55f27 98.34%, #fc651b 116.38%, #ff6717 134.41%);
  border: none;
  border-radius: 40px;
  color: #fff;
  display: flex;
  font-size: 14px;
  gap: 8px;
  padding: 8px 16px
}

.mobileHeader .connectWallet:hover {
  color: #fff
}

.mobileHeader .connectWallet .chevron-down {
  flex-shrink: 0;
  transition: transform .2s ease
}

.mobileHeader .connectWallet:hover .chevron-down {
  transform: translateY(1px)
}

@media screen and (max-width:767px) {
  .iYHzLq {
    display: none
  }
}

.qst-token-header-img-raise {
  cursor: pointer;
  max-width: 400px
}

@media screen and (max-width:1299px) {
  .qst-token-header-img-raise {
    max-width: 280px;
    padding-right: 10px
  }
}

.biscuit-token-header-img {
  cursor: pointer
}

@media screen and (max-width:1299px) {
  .biscuit-token-header-img {
    padding-right: 10px
  }
}

.referral-modal-overlay {
  align-items: center;
  background-color: #0009;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000
}

.referral-modal-body {
  background: #142339;
  width: 800px
}

.l1x-modal-content .modal-content {
  align-items: center;
  background: #0000;
  color: #fff;
  display: flex;
  gap: 30px
}

.l1x-modal-content .modal-content .text-content h2 {
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 15px;
  margin-top: 0
}

.l1x-modal-content .modal-content .text-content p {
  color: #bdc5d7;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 30px
}

.l1x-modal-content .modal-content .image-content {
  flex-shrink: 0
}

.l1x-modal-content .modal-content .image-content img {
  display: block;
  height: auto;
  max-width: 100%
}

.l1x-modal-content .referral-code-section {
  margin-top: 20px
}

.l1x-modal-content .referral-code-section .referral-label {
  color: #bdc5d7;
  font-size: 12px;
  letter-spacing: .5px;
  margin-bottom: 8px;
  text-transform: uppercase
}

.l1x-modal-content .referral-code-section .code-box {
  align-items: center;
  background-color: #3a4a64;
  border: 1px dashed #4a6b9d;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 15px 20px
}

.l1x-modal-content .referral-code-section .code-box .referral-code {
  color: #fff;
  font-family: monospace;
  font-size: 16px
}

.l1x-modal-content .referral-code-section .code-box .copy-button {
  background: none;
  border: none;
  color: #bdc5d7;
  cursor: pointer;
  font-size: 14px
}

.l1x-modal-content .referral-code-section .code-box .copy-button:hover {
  color: #fff
}

@media(max-width:600px) {
  .referral-modal {
    max-width: 90%;
    padding: 20px
  }

  .referral-modal .modal-content {
    flex-direction: column-reverse;
    text-align: center
  }

  .referral-modal .modal-content .image-content {
    margin-bottom: 20px
  }

  .referral-modal .modal-content .image-content img {
    max-width: 150px
  }

  .referral-modal .modal-content .text-content h2 {
    font-size: 24px
  }

  .referral-modal .modal-content .text-content p {
    font-size: 15px;
    margin-bottom: 20px
  }

  .referral-modal .referral-code-section .code-box {
    padding: 12px 15px
  }

  .referral-modal .referral-code-section .code-box .referral-code {
    font-size: 14px
  }

  .referral-modal .referral-code-section .code-box .copy-button {
    font-size: 13px
  }
}

.referral-stats {
  background: linear-gradient(90deg, #7408c1 -1.34%, #ee5a0c 118.32%);
  border-radius: 12px;
  margin-top: -40px;
  padding: 12px;
  position: relative;
  z-index: 9
}

.referral-stats h3 {
  font-size: 18px !important;
  font-weight: 500;
  margin-bottom: 10px !important;
  text-align: center
}

.referral-stats .count-stat {
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  text-align: center;
  width: 100%
}

.referral-stats .count-stat h4 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 2px
}

.referral-stats .count-stat p {
  color: #4e617f;
  font-size: 12px;
  margin-bottom: 0;
  text-transform: uppercase
}

.text-content {
  background: #25374f;
  border-radius: 12px;
  height: 100%;
  padding: 12px
}

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

.grid-for-3 .wallet-option {
  background: #142339;
  border-radius: 12px;
  cursor: pointer;
  display: block;
  padding: 20px;
  text-align: center;
  transition: .3s ease;
  width: 100%
}

.grid-for-3 .wallet-option:hover {
  background: #0d1a2e
}

.grid-for-3 .wallet-option img {
  margin-bottom: 16px;
  width: 50px
}

.grid-for-3 .wallet-option span {
  color: #fff;
  display: block;
  font-size: 14px;
  width: 100%
}

.connected-wallet {
  align-items: center;
  background: #142339;
  border: 1px solid #109d58;
  border-radius: 12px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 16px
}

.connected-wallet img {
  margin-right: 12px;
  width: 40px
}

.connected-wallet .wallet-name {
  font-size: 14px;
  font-weight: 500
}

.connected-wallet .connected-wallet-space {
  align-items: center;
  background: #253346;
  border-radius: 8px;
  color: #fff;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 4px 8px
}

.connected-wallet .connected-wallet-space .connected-check {
  align-items: center;
  background: #109d58;
  border-radius: 24px;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px
}

.connected-wallet .connected-wallet-space .connected-check svg {
  width: 20px
}

.connected-wallet .connected-wallet-space .wallet-address {
  font-size: 12px
}

.connected-wallet .connected-wallet-space .btn-dark-copy {
  align-items: center;
  background: #142339;
  border-radius: 6px;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  position: relative;
  width: 32px
}

.connected-wallet .connected-wallet-space .btn-dark-copy svg {
  color: #63768e;
  filter: invert(1);
  height: 20px;
  opacity: .5;
  width: 20px
}

.connected-wallet .btn-dark-logout {
  align-items: center;
  background: #253346;
  border-radius: 40px;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 0;
  width: 40px
}

.connected-wallet .btn-dark-logout svg {
  color: #63768e;
  width: 20px
}

.for-connect-wallet .l1x-modal-body {
  width: 500px
}

.for-connect-wallet .presale-note {
  background: #fce5a1;
  border-radius: 8px;
  color: #430808;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 16px;
  padding: 12px
}

.addL1XToMetamask {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  display: flex;
  gap: 8px;
  padding: 6px 10px
}

.addL1XToMetamask:hover {
  background: #fff;
  color: #000
}

.addL1XToMetamask img {
  width: 20px
}

.addL1XToMetamask p {
  font-size: 14px;
  margin-bottom: 0
}

.usersConnect {
  background: #1e2736;
  border-radius: 8px;
  padding: 8px 10px;
  width: 300px
}

.usersConnect p {
  color: #fff;
  font-size: 13px;
  margin-bottom: 8px
}

.usersConnect p span {
  display: inline-block;
  font-weight: 600
}

.usersConnect .progress-container {
  background-color: #121821;
  border-radius: 8px;
  height: 10px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.usersConnect .progress-bar {
  align-items: center;
  background-color: #4fd710;
  color: #fff;
  display: flex;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  transition: width .4s ease;
  width: 0
}

.usersConnect .progress-label {
  font-size: 14px
}

.disconnect-wallet-modal-overlay {
  align-items: center;
  background-color: #000000b3;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 20px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000
}

.disconnect-wallet-modal-content {
  animation: modalSlideIn .3s ease-out;
  background: #142339;
  border-radius: 16px;
  box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
  max-width: 420px;
  width: 100%
}

@keyframes modalSlideIn {
  0% {
    opacity: 0;
    transform: translateY(-20px) scale(.95)
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1)
  }
}

.disconnect-wallet-modal-header {
  align-items: center;
  border-bottom: 1px solid #2a3a54;
  display: flex;
  justify-content: space-between;
  padding: 24px 24px 0
}

.disconnect-wallet-modal-header h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin: 0
}

.disconnect-wallet-modal-header .close-button {
  align-items: center;
  background: none;
  border: none;
  border-radius: 8px;
  color: #8b9dc3;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 8px;
  transition: all .2s ease
}

.disconnect-wallet-modal-header .close-button:hover {
  background-color: #8b9dc31a;
  color: #fff
}

.disconnect-wallet-modal-header .close-button svg {
  height: 20px;
  width: 20px
}

.disconnect-wallet-modal-body {
  padding: 24px
}

.disconnect-wallet-modal-body .wallet-info {
  align-items: center;
  background: #3a4a644d;
  border: 1px solid #3a4a64;
  border-radius: 12px;
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
  padding: 16px
}

.disconnect-wallet-modal-body .wallet-info .wallet-icon {
  align-items: center;
  background: linear-gradient(135deg, #7900ff, #ff6717);
  border-radius: 12px;
  color: #fff;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px
}

.disconnect-wallet-modal-body .wallet-info .wallet-icon svg {
  height: 24px;
  width: 24px
}

.disconnect-wallet-modal-body .wallet-info .wallet-details {
  flex: 1 1
}

.disconnect-wallet-modal-body .wallet-info .wallet-details .wallet-address {
  color: #fff;
  font-family: Monaco, Menlo, Ubuntu Mono, monospace;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px
}

.disconnect-wallet-modal-body .wallet-info .wallet-details .wallet-type {
  color: #8b9dc3;
  font-size: 14px;
  margin: 0
}

.disconnect-wallet-modal-body .disconnect-message {
  color: #bdc5d7;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  text-align: center
}

.disconnect-wallet-modal-footer {
  display: flex;
  gap: 12px;
  padding: 0 24px 24px
}

.disconnect-wallet-modal-footer .btn {
  border: none;
  border-radius: 8px;
  cursor: pointer;
  flex: 1 1;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 24px;
  text-transform: none;
  transition: all .2s ease
}

.disconnect-wallet-modal-footer .btn.btn-secondary {
  background: #3a4a64;
  color: #bdc5d7
}

.disconnect-wallet-modal-footer .btn.btn-secondary:hover {
  background: #4a5a74;
  color: #fff
}

.disconnect-wallet-modal-footer .btn.btn-danger {
  background: linear-gradient(135deg, #ff4757, #ff3742);
  color: #fff
}

.disconnect-wallet-modal-footer .btn.btn-danger:hover {
  background: linear-gradient(135deg, #ff3742, #ff2f3a);
  box-shadow: 0 4px 12px #ff47574d;
  transform: translateY(-1px)
}

@media(max-width:480px) {
  .disconnect-wallet-modal-overlay {
    padding: 16px
  }

  .disconnect-wallet-modal-content {
    max-width: 100%
  }

  .disconnect-wallet-modal-header {
    padding: 20px 20px 0
  }

  .disconnect-wallet-modal-header h3 {
    font-size: 18px
  }

  .disconnect-wallet-modal-body {
    padding: 20px
  }

  .disconnect-wallet-modal-body .wallet-info {
    gap: 12px;
    padding: 12px
  }

  .disconnect-wallet-modal-body .wallet-info .wallet-icon {
    height: 40px;
    width: 40px
  }

  .disconnect-wallet-modal-body .wallet-info .wallet-icon svg {
    height: 20px;
    width: 20px
  }

  .disconnect-wallet-modal-body .wallet-info .wallet-details .wallet-address {
    font-size: 14px
  }

  .disconnect-wallet-modal-body .wallet-info .wallet-details .wallet-type {
    font-size: 12px
  }

  .disconnect-wallet-modal-footer {
    flex-direction: column;
    padding: 0 20px 20px
  }

  .disconnect-wallet-modal-footer .btn {
    width: 100%
  }
}

.swap-stats-container {
  background-color: #17202d;
  color: #fff;
  max-width: 750px;
  min-height: 100%;
  min-width: 750px;
  position: relative;
  width: 100%
}

.swap-stats-container .back-arrow-container {
  align-items: center;
  background: #27364b;
  border-radius: 12px 0 0 12px;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  left: -39px;
  position: absolute;
  top: 0;
  width: 40px
}

.swap-stats-container .header {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 1.5rem;
  padding: 16px 16px 0
}

.swap-stats-container .stats-grid {
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 0 16px
}

.swap-stats-container .stats-grid .stat-card {
  align-items: center;
  background-color: #1e293b;
  border-radius: 12px;
  display: flex;
  flex: 1 1;
  padding: 1rem 1.25rem;
  position: relative
}

.swap-stats-container .stats-grid .stat-card .icon_grp {
  background-color: #4d75ff;
  border-radius: 8px;
  height: 50px;
  margin-right: 1rem;
  object-fit: contain;
  padding: 10px;
  width: 50px
}

.swap-stats-container .stats-grid .stat-card .icon_dol {
  background-color: #843fe7;
  border-radius: 8px;
  height: 50px;
  margin-right: 1rem;
  object-fit: contain;
  padding: 10px;
  width: 50px
}

.swap-stats-container .stats-grid .stat-card .icon_doll {
  background-color: #4ec900;
  border-radius: 8px;
  height: 50px;
  margin-right: 1rem;
  object-fit: contain;
  padding: 10px;
  width: 50px
}

.swap-stats-container .stats-grid .stat-card .value {
  color: #fff;
  font-size: 20px;
  font-weight: 700
}

.swap-stats-container .stats-grid .stat-card .label {
  color: #94a3b8;
  font-size: 14px
}

.swap-stats-container .stats-grid .stat-card.earnings .badge {
  align-items: center;
  background-color: #ffce2c;
  border-radius: 50%;
  color: #0f172a;
  display: flex;
  font-size: 12px;
  height: 38px;
  justify-content: center;
  padding: 8px 4px;
  position: absolute;
  right: 8px;
  top: 4px;
  width: 38px
}

.swap-stats-container .stats-grid .stat-card.earnings .points {
  background: #44566f;
  border-radius: 25px;
  bottom: 8px;
  color: #fff;
  font-size: 12px;
  padding: 2px 6px;
  position: absolute;
  right: 8px
}

.swap-stats-container .tier-section {
  align-items: center;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border-radius: 12px;
  display: flex;
  margin: 0 16px 2rem;
  padding: 1rem
}

.swap-stats-container .tier-section .tier-card {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 3.371px 12.64px 0 #00000026;
  color: #0f172a;
  display: flex;
  margin-right: 14px;
  padding: 4px;
  width: 222px
}

.swap-stats-container .tier-section .tier-card .tier-icon {
  height: 82px;
  margin-right: 10px;
  width: 82px
}

.swap-stats-container .tier-section .tier-card .tier-info .tier-label {
  color: #000;
  display: block;
  font-size: 10px;
  font-weight: 600;
  padding-bottom: 6px
}

.swap-stats-container .tier-section .tier-card .tier-info .tier-name {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  background-clip: text;
  -webkit-background-clip: text;
  border-top: 1px solid #e3ecf8;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase
}

.swap-stats-container .tier-section .tier-card .tier-info .tier-multiplier {
  color: #000;
  font-size: 12px;
  font-weight: 400
}

.swap-stats-container .tier-section .tier-card .tier-info .tier-multiplier span {
  font-weight: 700
}

.swap-stats-container .tier-section .tier-description {
  color: #fff;
  flex: 1 1;
  padding-right: 20px
}

.swap-stats-container .tier-section .tier-description p {
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 0
}

.swap-stats-container .tier-section .calculate-btn {
  background-color: #fff;
  border: none;
  border-radius: 25px;
  color: #000;
  cursor: pointer;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  padding: 6px 14px;
  transition: all .2s ease
}

.swap-stats-container .tier-section .calculate-btn:hover {
  background-color: #fd6519;
  color: #fff
}

.swap-stats-container .about-section {
  color: #94a3b8;
  font-size: 12px;
  letter-spacing: 1px;
  margin-top: 2rem;
  text-align: center;
  text-transform: uppercase
}

.swap-stats-container .about-section .how-zero-fee-div-img {
  margin: 0 auto 20px;
  max-width: 700px
}

.swap-stats-container .about-section .how-zero-fee-div-img img {
  max-width: 100%
}

.swap-stats-container .about-section h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 1.5rem
}

.swap-stats-container .about-section .btn-primary {
  background: linear-gradient(270deg, #7018d1 -1.47%, #901594 47.69%, #ed661f 107.77%);
  border: none;
  border-radius: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px
}

.swap-a-thon-master-class h3 {
  font-size: 24px;
  padding: 16px 16px 0
}

@media screen and (max-width:991px) {
  .manageForMobile {
    left: 0;
    min-width: 100%;
    position: fixed;
    width: 100%
  }

  .manageForMobile .swap-stats-container {
    min-width: 100%
  }
}

.swap-mobile-transaction {
  background: #0a0e1a;
  color: #fff;
  margin: 0;
  min-height: 100vh;
  padding: 16px
}

.swap-mobile-transaction .transaction-tabs {
  align-items: center;
  background: #242f40;
  border-radius: 6px;
  display: flex;
  margin-bottom: 16px
}

.swap-mobile-transaction .transaction-tabs .tab-button {
  background: #242f40;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 8px 10px;
  width: 50%
}

.swap-mobile-transaction .transaction-tabs .tab-button.active {
  background: #ff6616;
  border: none;
  color: #fff
}

.swap-mobile-transaction .transactionContent .transactionCard {
  background: #222a38;
  border-radius: 6px;
  color: #fff;
  display: block;
  padding: 10px
}

.swap-mobile-transaction .transactionContent .transactionCard .tokenPairSpace {
  align-items: center;
  display: flex;
  margin-bottom: 10px
}

.swap-mobile-transaction .transactionContent .transactionCard .tokenPairSpace .tokenNetwork {
  position: relative
}

.swap-mobile-transaction .transactionContent .transactionCard .tokenPairSpace .tokenNetwork img {
  border-radius: 50%;
  height: 24px;
  width: 24px
}

.swap-mobile-transaction .transactionContent .transactionCard .tokenPairSpace .tokenNetwork img.small-icon {
  border: 1px solid #fff;
  border-radius: 50%;
  bottom: 0;
  height: 12px;
  left: 0;
  position: absolute;
  width: 12px
}

.swap-mobile-transaction .transactionContent .transactionCard .tokenPairSpace .tokenNetwork.nextTokenPair {
  margin-left: -4px
}

.swap-mobile-transaction .transactionContent .transactionCard .tokenPairSpace h5 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  margin-left: 10px
}

.swap-mobile-transaction .transactionContent .transactionCard .trxHashLink {
  color: #ff6616;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  opacity: 1;
  text-decoration: none
}

.swap-mobile-transaction .transactionContent .transactionCard h5 {
  font-size: 16px;
  font-weight: 500
}

.swap-mobile-transaction .transactionContent .transactionCard h5.timeSpace {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
  opacity: .5
}

.swap-mobile-transaction .transactionContent .transactionCard .referanceId {
  align-items: center;
  background: #171d27;
  border-radius: 8px;
  border-top: 1px solid #242f40;
  display: flex;
  padding: 4px 4px 4px 10px
}

.swap-mobile-transaction .transactionContent .transactionCard .referanceId p {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
  margin-right: 6px;
  opacity: .5
}

.swap-mobile-transaction .transactionContent .transactionCard .referanceId .referanceIdValue {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  width: calc(100% - 84px)
}

.swap-mobile-transaction .transactionContent .transactionCard .referanceId .referanceIdValue p {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
  opacity: 1
}

.swap-mobile-transaction .transactionContent .transactionCard .referanceId .referanceIdValue .btn-copy {
  align-items: center;
  background: #242f40;
  border: none;
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-size: 12px;
  height: 30px;
  justify-content: center;
  padding: 0;
  width: 30px
}

.swap-mobile-transaction .transactionContent .transactionCard .referanceId .referanceIdValue .btn-copy svg {
  width: 16px
}

.swap-mobile-transaction .transaction-spinner {
  display: inline-block;
  position: relative
}

.swap-mobile-transaction .transaction-spinner .spinner-svg {
  animation: spin 2s linear infinite;
  transform: rotate(-90deg)
}

.swap-mobile-transaction .transaction-spinner .spinner-bg {
  stroke: #2f3d4d
}

.swap-mobile-transaction .transaction-spinner .spinner-progress {
  stroke: #4ade80;
  stroke-dasharray: 113.1;
  stroke-dashoffset: 33.93;
  animation: progressSpin 2s ease-in-out infinite
}

@keyframes progressSpin {
  0% {
    stroke-dashoffset: 79.17
  }

  50% {
    stroke-dashoffset: 33.93
  }

  to {
    stroke-dashoffset: 79.17
  }
}

.swap-mobile-transaction .loading-transactions,
.swap-mobile-transaction .no-transactions {
  color: #8b9dc3;
  padding: 40px 20px;
  text-align: center
}

.swap-mobile-transaction .loading-transactions p,
.swap-mobile-transaction .no-transactions p {
  font-size: 14px;
  margin: 0;
  opacity: .7
}

.swap-mobile-transaction .loading-transactions p {
  color: #4ade80
}

.swap-mobile-transaction .no-context-message {
  color: #8b9dc3;
  padding: 60px 20px;
  text-align: center
}

.swap-mobile-transaction .no-context-message p {
  font-size: 16px;
  margin: 0;
  opacity: .8
}

.swap-a-thon-master-class .padding-x {
  padding-left: 50px !important;
  padding-right: 50px !important
}

.swap-a-thon-master-class .swapathon-draw .swapathontab ul {
  border-bottom: 1px solid #27364b;
  display: flex;
  margin: 0;
  padding: 0
}

.swap-a-thon-master-class .swapathon-draw .swapathontab ul li a {
  border-bottom: 2px solid #0000;
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 7px 30px
}

.swap-a-thon-master-class .swapathon-draw .swapathontab ul li a.active,
.swap-a-thon-master-class .swapathon-draw .swapathontab ul li a:focus,
.swap-a-thon-master-class .swapathon-draw .swapathontab ul li a:hover {
  border-bottom: 2px solid #fc651b;
  color: #fc651b
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content {
  height: 100%;
  max-height: calc(100vh - 118px);
  overflow: auto;
  overflow-x: hidden
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content.heightscroll1 {
  max-height: calc(100vh - 148px);
  min-height: 685px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-banner {
  align-items: center;
  background-image: url(/static/media/daildraw-banner.5fc089f9c6eaf80180f3.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
  padding: 33px 0 33px 30px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-banner h1 {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-banner b {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 6px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-banner p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 16px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-banner .swapathon-btn-white {
  background: #fff;
  border: none;
  border-radius: 30px;
  color: #060606;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 20px;
  transition: .3s ease-in-out
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-banner .swapathon-btn-white:hover {
  background: #ff6619;
  color: #fff
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-how-it-works {
  background: #17202d;
  background-image: url(/static/media/howitworks-bg.6d53b7f6c85974aa8e8f.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 14px 20px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-how-it-works h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-how-it-works .swapathon-how-wrap {
  position: relative;
  z-index: 1
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-how-it-works .swapathon-how-wrap .swapathon-step {
  -webkit-backdrop-filter: blur(57px);
  backdrop-filter: blur(57px);
  background: #27364b;
  border-radius: 12px;
  min-height: 250px;
  padding: 12px 10px 16px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-how-it-works .swapathon-how-wrap .swapathon-step h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 3px 0 4px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-how-it-works .swapathon-how-wrap .swapathon-step p {
  color: #a6afc9;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 7px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards {
  padding: 40px 16px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-left {
  background: linear-gradient(162deg, #fc651b -1.73%, #7c1dc9 89.7%);
  border-radius: 16px;
  box-shadow: 0 4px 14px 0 #060d2133;
  padding: 0 11px 11px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-left h2,
.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-left p {
  color: #fff;
  text-align: center
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-left ul {
  -webkit-backdrop-filter: blur(82px);
  backdrop-filter: blur(82px);
  background: #fff3;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 14px 10px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-left ul li {
  color: #fff;
  font-size: 14px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-left ul li p {
  font-weight: 400;
  line-height: 16px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-right {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-right .swapathon-rewards-example h4,
.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-right .swapathon-rewards-rules h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-right .swapathon-rewards-example ul,
.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-right .swapathon-rewards-rules ul {
  padding-left: 18px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-right .swapathon-rewards-example ul li,
.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-right .swapathon-rewards-rules ul li {
  font-size: 14px;
  line-height: 24px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-rewards .swapathon-rewards-right .swapathon-rewards-rules {
  background: #fabc0512;
  border-radius: 12px;
  color: #f3d6a6;
  padding: 16px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-start {
  background: radial-gradient(50% 50% at 50% 50%, #27364b 0, #080d14 100%);
  padding: 30px 0;
  position: relative;
  text-align: center;
  z-index: 1
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-start h2 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px !important
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-start p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 20px
}

.swap-a-thon-master-class .swapathon-draw .swapathon-scroll-content .swapathon-start:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAokAAADzCAYAAADq8YyvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACQPSURBVHgB7d17jFzned/x5z0zs9zlRZw1fZNDRcOikRugNlftP6GAQMvIDeBUqsi2luoECZdFDNSpa5JRi9zk7BKNlaCFTDJorBoJqiVa242CllQo1wkceZdoaxkoUC5roKrYxhxGTGnJoji87W3mnDfPc857ZocUyb3NLme43w/18sycOTM0vcPZ3z7vzQmwSrz3O/TwUW1vOOdeEwAA0LGKAiyBBr4BDXoTi7h+SA87wt0del8IigAAdK5IgKUZWMhFGga3aPuCZAFxUtvEYp4PAADuDiqJWKqHQvgz70gW/s5odfBifoE+/pAehrRt0Wbnv6xtvWQBsU8AAEDHIiRiqSzkbQm3t0qoDGowPB/OvU+yQGjs3JctQFplMZx7v2BV+OemHpXadEXebZxzf/CBcQEAYAEIiViqPAA+L1lY3C7ZpJStLddYhfE1DYevCFad//ez2+VK47jU6hXx+ivyzj994axc9Tvdf/nIOQGADnDpm1Ip9URjSax3GsmB+35Gjgs6AiERS3VGm3UnP6Ah8FU9ppNQtFJoIdEC5MXWrucWU+FId/MK8semKnJdxvVWOT3h9Jf956UicTLuB88+7Ma31QQA7rKe9dFQVIoejGLnGtfk2NVvysimTyYHBXcdE1ewVCfCcUfrSQ2G57WduU1AtMdt8oo9tj6MWcRKKPQMayYsp8HQ+PDLTnh5UGZlvwBAB1jX31MpbSy6nk0l0aP4REaufiMaFtx1hEQsiQVByWYrP7CEsPedcHxasDIiNzd73DmfHUOzrJi4RwUAOkGkP7g6Zz1RUuwr2vcXve1Grv5x8ZDgrqK7Gcth3cxPSDZp5cwinvdtbY9o26ofCp/V40u3qzxiqUI3c3ozsWiYVxFD1zMAdJD0s0k/nCLxUY9z8VSiQVH2Xz5W2FWQaPfG3fXbrst76YXeSiz1Qeei7ZKIzM7Uj9x/QKqCZSMkYjnymcxbFvGctMtZw6Eth/NLkgVMq0aeYHHtNor9Sf39QZEwFtF5l30KS/gw9qcFADqAZsNK9vOrjWsXV1xfknh6NvvE8lJp+ORU7aVoouCi8casfnYlUtMLK1FS2J7EyaAkjUoU67M1IFpbV+jZplFxl2DZCIlYjslwXPQkFBu7qMHQZkY/JVlQHNL7j+nxBaqKbZDUR/Tn8Sf1Vtk+gcVbl7PLKojOV/WD97AAQAfQz/658dP6MVUoRRIVI4njJDtl14gbSGLb6Su7Rj/TmsOss6c5O5XptWgzK1g+xiRiOfLlbs7LElgY1PaC3hyVbDLLA9qeESyb291XlXp9p96s2o/mTZHed/FO991tVQGAu8y/3lvRbwYtw2OyOXY99/VIVHB5Qsxyochch4iXGz7avMzdiWdm+SG4TagkrhLb61gPVQ1FtZZzg3p/XLrXJ8LxDVkG62bW/y9saRwbn2jb+G2hmrh8bu9GG8Ozzf/21UE9VqQgZ91/vP+kAECHiGMZTEfEaCEw8V4/+p1lPyeRk3Wbe2Xm8owkSdIMh+8Jjbm5x6sf+FxjXNAWhMTVM6htjwagnRYU9WjT+7dpG5cupP/7bcJKut2e/n2WNL5NX8PWU/wJbQ9LtuaiyO3XV8QSuV/bNC4A0IFcQb8XJi4di5gu5Zpk46gtNErBuXWb+0Q0PSYzejIO8/ASPcwkrjFpATIs3jCXGllfsY0IiatE38CHs3EXMqbHcT3267kh6UJha73Hw93nZQnC+EN7jXznFhvfaBNXXhUAwD0v/r89w76hvRwmLPefVRHXS7R12CV/eUhk+i1vU56dphUXRRYivYVF50p6dSSz9WxofCgkVt/3T+ujgrYhJK4iDYUjGo5sfbohyaqI3SofN3hiKVU//f9gSOYW4bauausW/W5YaBsAcI/zf94zHDdkJJ1rki2ROLc0V2GTuPUfk0LldyT+wdecXP2euM0f1++hG/T+Cdec5BJlx7ynufC+DcdF2EiqnQiJqyh0MZ/TZuPCxvKuZ+kiYeHsvJv5ldBl3BdaOmt5nudbN7UFRAuEL4RFuQEAa4A/aztBFYd9LPuzmcr6bSHJl/nPVmBwpQ9mF+uxsPVAMwUm77wqc7OgpXk+T5dJJC8L2oqQuEryMYh5F7PPpmWNSTYer5vkey/bBJOv3PygnrPwZ2MU31NlvLmber5ACQC4d/g3o30+cSOSyObm8jV+bu/Q9F5ho3Mf/uVbP//dVyVLhlGYvOKba+DY67lrtQlBWxESV89JDUXNAbWh6/m4dBn93/2mLXytN21MoVURJ0PLw6MtY2OVwh16ne2k0jrGMJ+c8hoBEQDWBv9DedTXo1FJXCUrHWYTU3y2/1NY8VD7jjfvdtH7fl7PbghVwps2h5p9O5vXnE2Adq5QbF5gL9S/l77mdiMkrpJbLXWj57rypx7rZtbDK7d6rKVaaNvuPaX332zpUs6rpstaMgcA0B00INrs5ZH0dtgc1LmwRaiEWc3hP0mua7smUthw6xfb8DedTH1bmhtJRVG2iHb4NfUHvQ/2/eL0OUHbsJg22ioskH1Ub54Ipz4bgqP5sXBkHCIArAUunajpszjomzs/ZcMJkxuWOpSr35L4+0PiL/4HudUO84UHPiOuuCGd5OLCctqF3nXNP+j6bL3bhm91PEIiVkSoNn5Hsi7pZ8KEF7vNOogAsFZ4OZodXFZDtEUPm1OZXdhNr7mdSrqzXvLOV8XX386eX39L4gu/L/Ff/r4kP/xjcTZmMTzXWlQqNv+gKCrsEbSVE2CFhJnPz0o2Gzpn4xFHBQCwJvgLUpEkGtY4OORj21pFT8aRLYqtRxfWPoycj/V+uli2k+hDz4jr+7jEZ39N/NRbds7rc136uD0nzhbVtnMz714R39AO59h2cPE7P/DP2HGlXe5aJbH+rfLg5PFNY5dGC2cF96Sw7qEttp1XDu14QgAAa4a7X6ruR5K9Uo+3JYnfqxGwmpYOW5awSYcrztUIvVUTk3O/4mX2LZ9d4W5cFDF/basnFqLm3s0F54YFbdP2SqJ/s7RPE/0uF7vR6XrhZN+PT1dveHysXG6I2BpJ+3w9cjOXJuW+n52monmPYz9mAECu8f9KQ06ri5oFKnpMq4DWnM9up1v1abXQJTdWDd1NFcWknshM7VqzkmjVSZ9EB7Z8fuawYNnaHs6Svygc841olzTSL6B9MY8mdXc6iqNLvuEGNBgOSSMqS0O/jrPipn54TfqHGoREAADWEP96b0Wz35i3pXFCN3QeGCV2zaCYHSV0ReePa4/k9VmJr8/ofd9yjb2w1Fyjvq3/AEviLFfbl8DxPjqpGX9XmNnunJc9zmdLXubzmqwobI/VJ6ctpfJFBABgjXHa0zj1eu/OkvenNBKUJeQECb3PWRd0iA7hRlJvSP3ajMQzsTgNhUny3mqXXlf2fRtGRK7vFyxL28ckRkk9XSDaS3O6UraeUTavKWRF/aVf2Ximric9IREAgDXIhqR5745IKCK1bLqXhoh8InQSa7fylUmZuTypQTFuGceYF57mpE+Ynn1SsGxtD4lum+gXPKna7TQR5j8AZNVE56INztY5Shpx/ozKpRdtL0cAALDWFBvTNn6wli6uLc2d9iTsyKLdyLGfrU2Kr8fhrK/qA6OSrZRxXDPGuOuxyTAZny60k67Xi2VakR1X9IunQVEqWcTXZLjxp51b93GRxnVxm39a4j//onNXT4drbZBpaUikziBTAADWGPew1Br/S8a1mrRLXCShrpRGiKSeuJnatEtLij3F8eR6fLD/522Jm/imV2mkv186VC5brthyoEYvZRusSEjUnF/Ot9y2L7h4C4d/J9SEsyJxoSfyUangkljLxqVo+MILcvz+z0pVAADAmpL4ZDxy0ZM+sZAQZfWjhnezV6c1MiY1t37Dgfv+7tXR+V6nn3DYVm3vbvZntYIoMtByRqRnW7idlZCjHz0gru+vSc/GvnTvRS0hl9cVCmMaFCsCAADWFJe40821ECXblKUxWU9nLmtu3LuQgIj2a/9i2oVCtpBlPmcl2iRuwyPZxt12Mr4uybt/Jn7mLWcBsdTb40OFsdJb7D178d+sYzYSAABrSFF6J+zo0nGJWVq0CSqaFQ/2/8P4uOCuaOv6hP5CNJzU3YiLI+8bznlb/rAe1ktMNrlo679K915MfviqhGukfmXG1a/OpMMLfD1dMFOShux9/4H6qAAAgDWhMdF3VhL3oC2WHU8nMnNVjmz+mSkKR3dR2yqJ/gfypJaHR9KBBPne3T6sfWO/aSUxOf9bIle+k27mbcNS69emXH1qRpprI2XjGG2GE2MKAABYQzQXjKaroOjNwrqecQLi3de+iSuRHE5XOjdJ2B4nTGV3YWFtmX1L0u109Fz9+ow0pht5t/S4Pv5yEvsJNuYGAGDt0S7nI42oXtY8UCv97csHBXdd27qb/dtySLuaB2ffkXIyqSGx4coaFMuFqCBRMZJCqUdsqz7f0P8mEzf77rR1LVf9rNvbv5dgCAAA0EnaOibxZlfHZFBiN6xt0P6oUt86iXzkZy5O23iDmnfJw/2fZtkbAACATrOiITF39U+iw1pV3Jdu4G3rXWYbdR/e/HTjgAAAAKDjtH8JnFvY+KH7RvRPqraeS5LGEQEAAEBHWpWQ6B6u1eJGsrd538k43cwAAACda1VCoul/It2XMa0eaq8zG28DAABgzqVjpQEBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABYGU4AAADQVbz3j+jhU9re1fa8c25S2iwSAAAAdBQNgeu1bb3NY0/oYY+2M9rsmu2yAooCAACAjqEhcIsengu3L0oWBt/Q1qftYW0PaXtJq4ev6uNfkRVCSAQAAOgsD4XjC+G2tR3arEv5Tcm6l8/ICiMkAgAAdJbT4bhFw+BL81xrwfEBba9JmzEmEQAAoIOESShWKRxYwOXnF3jdohESAQAAOs93tD1kE1jmue4PtW3R64bCWMa2ISQCAAB0novh2Heni7TqaJXEUclmOD+jQXGHtAljEgEAADqPLW0zqSHw4nwX6jWvaTi07umntFlFcb3NfJZlopIIAADQQUK38SdkbgLLvEKYtGCYT2RZNiqJAAAAneWpcDwx34VhzOJj2n5Km91+YyHPWwhCIgAAQIcIYwpttvLofF3NoeL4jGTjFq2KeKad6ycSEgEAADpHPlHlE2H7PTMl2SLaJ24Kjvnjv7WQsYuL5QQAAAAdQ8OhdR3buEILhzbG0CqGHw0P224rF1u27rOKY9sX0gYAAEAXsFCo7Vltz9k4ROuWtn2bF7CO4pIxuxkAAKDDhe5k28vZuqP3aHtY25thd5YVQUgEAADoAiEoHpVsYostnr3stRABAABwjwhdzw8JAAAAAAAAAAAAAAAAAAAAAADAvcZ7X9FWFgAAAECD4YC2s37OmAVGwT2JdRIBAMC8Qhgc0/aytn5t27TVwjkAAACsRRoSR6xyeNO5srZL2gYF9xwqiQAAYCEq2qqtJ5xztXCuIgAAAFh7tFq4P1QNyy3nKmFs4oAAAABg7Qldy6fCxJX9odntwwIAAIC1KwTF0RAWbWbzfgEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoEt47/dpq7Tcr2gbli4QCQAAAFbKZW1jIRxW7La2cwIAAIC1TcPhkLazoQ0JAAAAEKqIFhAvtXY9AwAAYI1qCYhDLRXFigAAAGDt0kA41trFHILimHQBJwAAYEVNfb23MjubDNXr8cT7fzE+Pt/1Zw9JuVzs2ecTv6uRyN4PHqhPCLqSBsKyc64mXagoAABgRU3X413F3tLwup6C1EZnq97Lwf698ejN1519UcPhtIbDONnvnS/buYL4XXogJHapbg2IhpAIAMAK692yoRYVnBcfuZmarySzjRdrRwvDTgpHkySuSmJXue3S0G7JKCk3n2j9fV0cMtDd5kLiVT/oGjIssQz4upT1OKFv2iPyo25UAADA0kUy7orifJLIunKvTF+6Lj6WivfJsIbAbNVib9e5NBi69L5myiQ9RRURd0Wkb8KyXPOHNBCO6fuzqm2vnt+p90/rG/ZFOdsdq4IDANCp+j5Zq/ooqUnk0/JM7/vWe1d01pcszso1haxFpUiiYgiNUXjsw/1UEnFXOJnxp7RqWJYZDYf9bvyGR89q2TvRoDirofHHb3oMAAAs2OzJzaf0MGBdyz7RIBgnPp5JXFKPtXJY0IBY1KphIa0ezl6+LvFsI60u9v/jBpNMcVdoJVFGNSrufE9ANNu0q9nLEf1JhmoiAADL4IpJNa0kptXDxEd9G6W4oSg9m9f54saSRL0btcqYeHus0FsQZ9dpu/SilAW4C4rS647c8YqCjEhDLsnr/lGtJp4UdBR/zJfdbgY1A0DHK/hKOtYwrSRq8XDrZ/S78IfEX/uecxs/llYNG2d+I60aRhoSZdrbsES9vjigj4wLsMqiea/Y5mr6Jh3XN+9uQUfxf+oPyTp/yR+PX/Rfn6oIAKAjTb3WW9GQOJCNScyqhX72++I2fUyi+39W0pDYeFsrh0lWZVwXSbSukE5gcevozcPdMX9INLEc1d/3CDqG/6YflMTvk4a3cS1DEpW+7V8kKAJAJyr1RsMunZyin9mRd9pL51zftrDEjWSTVDb/hEjvByV9rCjpLGibxOIiP3jlDwt8D8aqW1hInJbjzslm+Z4Gk9v5lj72J36/+4Y/5o77MTmmAQYrJ9HQPps4qWudt64fOvVEP22iU/73rg0IAKBjxN/rHdZwOCSFrILoit5HW/6euPInNBn6rFlfc3G9FP76b2dB0iqKJSel8rp0DKP2UI9e/09FKopYVQufMfW/NfjFevyY29k8N+bLUVH2JQ3ZJQ0Z0MfHtZ1OxzDGMqStKp9quR5t41+Oz0rsKxoUJa0mWlBs6AOzSU0abr/b13dUAAB3Vfx/Svt8Eh2WNAs6b2MRRQuJUvywhr8PSVTeLbJ+h36GvyXJhS+Jn/q++MZ1TYVaQbRL9SN++uKk+NhLtuC2H9n8qeSgdCjv/UN6sHbROfeaoKstPCS+roEkljFXl5q+aSds0W3XkO0+lpMaTsb1iiOys2UCxTG9vi62vM5u+TTL57STTVaRpGFB3KfVRAuJs74lLNqHiR9x/2JTx36QAMC9zp8t7UnqMqphT7OTc94KLVY0tPhnc1JsGRy30UVbf0/8xa96f/nPnIXC9BoLknqNLZEze2kmDYvZi+rHe+IP9H8qOSwdRv+SW/TwXMspWwT8qIbFSUFXWtzaS6c0+EXazVmXigbDCT2elp+8QwB8yR/WILNdQyLVxDbyf1QftMXPtYs5BEP92KiHsJiFRA2P3u6Pykxy0P1Of1UAAKvGn5VyIsVLaRjUgGiVwTz8tQZBe9wqisns2y4ERzvqDf0Ivx5L/ersXGhsPk/G7/v7ccd9X9W/6ON6eELbGW1bQruo7Xn9W10UdJ2VXaDz6+kYxjGZln7ZyzIt7eK/biHRf1tDYBiTmMwdrcs5ryZmXdFVqbsRd6if7mcAWEXJXxSOadjbFfZlDiHPpWkqC30aHrPQl4ZDe9y6mBM91q82JNaQmC6Xk1YfpeqKpQkprDvX2LD+cP+OH1Slw7SExBParKv5GZkLiidau5/12vWSdUt/VNt2bVPaJvSaE4KOsfKruH/NX9J/ACPyc/Osx4gF81+rPyqz8XgzDKbB0D5V0kksefezz0Jkkl9TlVn9OsT1k270/qoAAFbF7NnSgKbBsraK84VBPf5CVk1Mq4a2nbMeXVgT0QJiklYR9cS4fn4f3Pg3BibctomOL7Ro8LMZ2I9oG7VAGIKgncsnVFq383ltdn7rbV7mX+pzzws6QlFW3qi+6XeJjVlEe8w0zulPoD6dSGSh0MYmpuFQWsclurTbueHzbuhK2v1c13/IT/3/CQ2MGhr9hDQa9jx9fjTu/usDLJYOAG3Ws60+MXcvHtWu6BEpFLXK6AesK9pZuUY/ri0oNmb0Y3taP8ydO7jpE34ke86EdKMwFvEF/Xvu0ONj2h6QrHqYe0Oyv5x1T/+SZFXH9YKOsfKVxK/6AZfI/9T3/075hVvs2PKv/aCLZViDTsU3pGbbAMqIGxXckX9h0iaubM4mroQxiVk1MYxRtPUTfcs5n1Ua8+qiXdOw57Qc68nfcv9jW3d+GgFAl0mqxTH9ZB5MxyX6dD9nN/PDWOLZ5OCmRzVIdhkNgxb0rOv4yxoQT9/i8byCaOHx3XxCS8uEF5sR/euCjrGwdRKX4+fchMaSo/oP4LC86Of2nzykla1Dfkxj6jH9tzGhzWbiHtfg8+/k2Tusx4hMXSu0eXdzNmnFz3U/W3UxhMI0BNq5ROa6n6Wl4hgmvDSSy3ot40YBYJU439jrClpB1OYjWx/HjlFNP65HpTvlXci3nKRioVDbGetOvmnG8xPheEbQUVaju9kCzQH9/ZR2O5+Sr3gLjFoBkyFJ0jLzgPyqO9e89jdtYEa6BdG44PbimSPSKA5pwNscJrCE7mbJZjdnk1luXEMxG5sYuqBDBTJ7jlVwf9lNbKsKAGBVuG1Sjc/7wxK5/dbl7O0z2sXH+3dKVbqMBlwLeukklSWMKcy7oJm00mFWvpJospnNO23avlYOH9VjWY+7Zb/bKf+8JSCaRK9JZFBwR+5Af1W7mkeaE1XyamHapZzMncsridmuLDJ3vllFPKk/zlo386gAAFZVVE8OumJSS/dydolEsXTd+rYaEG2yyuPh7qKCXlh828LlmyyT03lWfkziUvy6H5DnHGPjFsD/5uV9GhYPN5e8qbfMdm4eW0Ni81w6a859d9u4AADuGv8D2a8lmy8lDfndwkf0dpcIYwmfkrnZy7bMzSuyCGFSy5C21/S5o4K2OTsyUt4ohYGoVNoTRaVBVyyWXaFQlkKhFhWKE65UnNA4cKT/s3urt3uNzgyJWBT/q5cqMpUMaxAc1AD4YMuM5tZ2Sc+dljg5qWFy3P03wiEAdAp/QSru/u7pZtZwZ7OVrXpok1FsfOErGvJelUUiJLbf2f0j5fs2un3ehjEULBgWvYZDpyFR9Lbo0bsove8lOz+q3coH+/Z+unrzaxES7zH+M28PpMvdzCZlmbaFWLWrP3Kn3H/+yDkBAGCJQuWwT7KlbIbCaVvG5uhSu4pDd7Mtum0TWp4XLMvbv/LsvqgQDfso6tdgKFox9BJFzYCooTALitqiYgiMdrtUvBwVSyM9/+jJG5YrJCQCAIAFadlVxSy6e/kWr2eVyC9KVpG07fuY4bwEF/bvrxRKvS9qCBwUF0kaEK1SqBXDSG9LMyDa+ZIdsypiVllMz2m3tI9KPQdL/+CTzXGxqzNxBQAAdL0QCr8T7j6hIe8Z6zIOYW8pr2dd1Xk39dBSX2cts4DoolK65qYto+SyvXzS9dnDno7pb1YVDDuDS7YBpMvOhfM2t16fP9J4+U/35K9NSAQAAIvxRzIXFK27eEhs9WPvn1pKyAvB803JZjk/LlgwC4ga5cb0ZsXuW+zz2R4+ErKh/p7dzwKiZULX7EfOrrjhjh6jw1PHxtLXIyQCAIAFC4tiH9WbtgbyqGTjEo1NZnk2jF1crNH8NcI4RcwjDYjejWnEezDkvGbF0DdvNU9nlUVx+Z00T0rLZS6yx9KT5VJJXrRzhEQAALBoISzarOQv6V3bTs8mr1hAHJrvuRYkLQyG45awAHe+xuIjgnn5RI7poeJb55eEsJjXEiW/4fLqoXfhflpVzIuOPlyZXqa/aRv03/jvD67OjisAAOCeZbObNezZ7GSbqWzhb4cFyJuvCzuz2LI3W24633p3UnBHFz73+WGfr08Zgt7NM5Fbg6LLByLKjd3O+e1QfQz90lmFMSn43VQScUv6D3bAmgAAsABhGZzRcPeGamCoGH5BsjGHFhAtCNo4xHdCy1nX9aLXW1xLLvwT7WZ2bvjGUJgmu7xKmNUMm2MM7b+0uDg3XDF/yPusmqhhMZ284tOL06JiJG47lUTcQN8gu/RgYxHK4X5VDzv1zVMVAADuLN+32aqJ661LOkxmsQpjureztlGWulmGgh9OE2BeBfT5dOWsYpgGP8kqhi6fs5IWDt1cOTHn3I291a6ZMy0qDlBJRJO+sSp6sDEOtphmv7Zt2mx7xDEBAGAeYUmbPAD+WDjm1UMLiKyFuAxn9+8va37bFdLfXD9zNuQw7TFOu46zy600GPqafVY1DGGxhWVMlx/z+S55ciQkopXtGfqyvsVGtNVC9XCvtrK+uQYFAID55bOdPxrGINqsZwuPzy91ZxZkehqNQR96+nKhppjWFpsTV9LuZy9z3cv5BBWfdzH7MB6x+STnoix7NoeHuirdzWhlb7xq6wkLi/qGqslNb0oAAG4jrxTaBJV83cSXCIjLFyXuSR+FZW7khkVuso5jKwe2lv+ys6HPOcpnNIfhiv6GmmJadfRzhcZGEh+hkohW1rX8pL5RmoEwdEFXwmMAANxR6E62ySd5QDxxq5nOWLzEzU0ojZrrImZdyOkmK85y4lwoDOMTfXNlnOa5loqhS0uOPq8u6q+qbyS7S5/8yXEqiWg1qm2PtlP6JrJxiZsl64I+yMQVAMBC6feMl/T7iBUXzodximgDDXcV57Ohh6Hol01H9n5urcM0J2YpMExAuSkPplvzncuypX5vT9IexFqSJOci58YLTz7WLAoREtEUupZ3SrYQ6pParJv5gJ4fFQAAFoEJKiui7FvWRfTZytc3jD302RkbfHhZM+F44v3JKJGaj6OJOOqt9u/bW1voH0ZIxA0sKOrhcGgAAKBz1FzrHIF8McRsNopFxMt6c1T7ol9+/8iz47JMhEQAAICuYF347lFpmbOS9hpH1hMov3t96trhbYcPL7hSOB9CIgAAQBdwSTTqCzKYL5ZtdUTtTj4yVZ8ZaWc4bP55AgAAgK5w/nOfP1wQ+bwUopNJ5A7/yKFDLwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFgQ7/1D2nZoWy8AAADoKiuy44oGw8f08FS4+6q2lwQAAABdY8khUYPg03rYqu2UttPOuYuhavi4NguJJ7RtCdcAAACgiywpJFpXsh5+Stsb2iwsPu3THQRTk9pe0tD4qp7bIwAAAOg6S60kXgzH17T9W20WGreG81ZVnGy5ljGJAAAAXWZJITF0LZ/Rm4/obQuKE6Hd7E1tA9YNfVNwBAAAQAeLZOlsLOJD88xe/m44Pi4AAADoGssJiefDse92F4Tq4SvaHtMw+QVtWwQAAAAdbzkhMQ98U3e6yCaw6OF5ycLks2HSCwAAADrYckLiE9reWMhYQ73Gxi9aULRA+ZgAAACgoy11CRwLiFZJfH4B11rl0K632c82fpGFtQEAADrcokNiGFdoE1FO2Cznea59Ilxr6ylat/O3meUMAMAa9LoflGsy7K5IxV+Rmt4elXfkqBxwNUFHcrJIGvwe0MOzMrfkjVUHLfhNhOVw8ussTD4nWZh8RQAAwJoUXfDDyVUZkcsaPK7oCT16bXJFqnJJHpYRgmInWvSYRA18tvahVQVtIopts/JOuD2kwXCo5VKrIl4kIAIAsIZd8pUk0hgYiXdOfOtDWql6UEqyT9CRlrqY9nvGFWpA3CFZUJwMj9tYxAkBAABrl4XAWcsJGh/SuJB1Y+aB0cWyX28cFHSc5cxuvkHoarZwaGsi2r7O1t1MSAQAYC1zUhYLhD4LipYQ83Ki3ddWlt/wDwo6TttCoglrItpyN09L1tV8RgAAwFpWTX93csNMiDwwakWxJl905wQdZ0ndzXeiwfB5rSQOSLZvMwAAWMsiOaqlwxGXlQ/z3uaMVRcjGRV0pLZWEnMaFCfmWx4HAACsAX2uqmFwv3U5p9VDY4HRuqCdTEiD8YidatFL4AAAACza674itgzOFdmux5oex2WPIyB2sL8CQqfoRf1Eb20AAAAASUVORK5CYII=);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .flex-leaderboard-header {
  align-items: center;
  display: flex;
  gap: 11px;
  justify-content: space-between;
  padding: 26px 16px 16px;
  width: 100%
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .flex-leaderboard-header ul {
  background-color: #27364b;
  border-radius: 30px;
  display: flex;
  width: auto
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .flex-leaderboard-header ul li {
  cursor: pointer
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .flex-leaderboard-header ul li a {
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 7px 16px
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .flex-leaderboard-header ul li a.active {
  background-color: #ff6717;
  color: #fff
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .flex-leaderboard-header .dashboad-swap-banner {
  align-items: center;
  background-image: url(/static/media/DailyWinnerTimerBg.71da3adc7227bf96b64c.png);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 0;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin: 0;
  padding: 4px 86px 4px 14px;
  position: relative
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .flex-leaderboard-header .dashboad-swap-banner :after {
  background-image: url(/static/media/airdropicon-cmp.9c8c98c37f33c7a2e6b4.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 65px;
  position: absolute;
  right: 0;
  top: -20px;
  width: 75px
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .flex-leaderboard-header .dashboad-swap-banner h5 {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
  max-width: 150px
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .flex-leaderboard-header .dashboad-swap-banner .competition-closes {
  align-items: center;
  background-color: #00000026;
  border-radius: 6px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  max-width: 190px;
  padding: 6px 20px;
  width: 100%
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .flex-leaderboard-header .dashboad-swap-banner .competition-closes .box-timer {
  text-align: center
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .flex-leaderboard-header .dashboad-swap-banner .competition-closes .box-timer h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 2px;
  padding: 0
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .flex-leaderboard-header .dashboad-swap-banner .competition-closes .box-timer p {
  font-size: 8px;
  margin-bottom: 0;
  text-transform: uppercase
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .qualifying-transactions-class {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px 16px
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .qualifying-transactions-class h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .qualifying-transactions-class .buttonright-qualifying {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .qualifying-transactions-class .buttonright-qualifying .label-btn {
  align-items: center;
  background-color: #27364b;
  border: none;
  border-radius: 30px;
  color: #fff;
  display: flex;
  font-size: 12px;
  gap: 10px;
  padding: 7px 16px
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .qualifying-transactions-class .buttonright-qualifying .label-btn.active,
.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .qualifying-transactions-class .buttonright-qualifying .label-btn:focus,
.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .qualifying-transactions-class .buttonright-qualifying .label-btn:hover {
  background-color: #fff;
  color: #27364b
}

.swap-a-thon-master-class .swapathon-draw .leaderboard-swap-main .qualifying-transactions-class .date-filter .form-control {
  background-color: #1a1f2e !important;
  border: 1px solid #3a3f4e !important;
  border-radius: 30px;
  color: #e0e0e0 !important;
  padding: 7px 12px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-airdrop-banner {
  align-items: center;
  background-image: url(/static/media/airdrop-banner-bg.a02f62f45831bcd8198b.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 400px;
  justify-content: flex-end;
  margin: 0;
  padding-bottom: 80px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-airdrop-banner .usdt-btn {
  align-items: center;
  background: #fff;
  border: none;
  border-radius: 30px;
  color: #000;
  display: flex;
  font-size: 14px;
  margin-bottom: 20px;
  padding: 6px 20px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-airdrop-banner .usdt-btn svg {
  margin-right: 10px;
  width: 20px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-airdrop-banner .usdt-banner-content {
  color: #fff;
  margin-bottom: 16px;
  text-align: center
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-airdrop-banner .usdt-banner-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 10px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-airdrop-banner .usdt-banner-content h5 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-airdrop-banner .usdt-banner-content .usdt-countdown-box {
  background-color: #00000026;
  border-radius: 6px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 250px;
  padding: 6px 20px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-airdrop-banner .usdt-banner-content .usdt-countdown-box .usdt-timer-box {
  color: #fff;
  text-align: center
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-airdrop-banner .usdt-banner-content .usdt-countdown-box .usdt-timer-box h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-airdrop-banner .usdt-banner-content .usdt-countdown-box .usdt-timer-box p {
  font-size: 9px;
  margin-bottom: 0;
  text-transform: uppercase
}

.swap-a-thon-master-class .usdt-marathon-v1 .swap-swap-a-thon-engagement {
  background: linear-gradient(88deg, #5c17aa 1.92%, #b09 96.24%);
  border-radius: 16px;
  margin: -40px auto 0;
  padding: 12px;
  width: calc(100% - 40px)
}

.swap-a-thon-master-class .usdt-marathon-v1 .swap-swap-a-thon-engagement h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-align: center
}

.swap-a-thon-master-class .usdt-marathon-v1 .swap-swap-a-thon-engagement .overview-dash {
  display: flex;
  gap: 14px;
  justify-content: space-between
}

.swap-a-thon-master-class .usdt-marathon-v1 .swap-swap-a-thon-engagement .overview-dash .overview-card {
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  gap: 20px;
  padding: 12px;
  width: 100%
}

.swap-a-thon-master-class .usdt-marathon-v1 .swap-swap-a-thon-engagement .overview-dash .overview-card h3 {
  font-size: 20px;
  padding: 0
}

.swap-a-thon-master-class .usdt-marathon-v1 .swap-swap-a-thon-engagement .overview-dash .overview-card .fullwidth {
  width: 100%
}

.swap-a-thon-master-class .usdt-marathon-v1 .swap-swap-a-thon-engagement .overview-dash .overview-card .overview-icon {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 28px;
  justify-content: center;
  margin-bottom: 8px;
  width: 28px
}

.swap-a-thon-master-class .usdt-marathon-v1 .swap-swap-a-thon-engagement .overview-dash .overview-card .overview-icon.green {
  background-color: #0fa43c
}

.swap-a-thon-master-class .usdt-marathon-v1 .swap-swap-a-thon-engagement .overview-dash .overview-card .overview-icon.purple {
  background-color: #872cdd
}

.swap-a-thon-master-class .usdt-marathon-v1 .swap-swap-a-thon-engagement .overview-dash .overview-card .overview-icon.orange {
  background-color: #eb3221
}

.swap-a-thon-master-class .usdt-marathon-v1 .swap-swap-a-thon-engagement .overview-dash .overview-card h3 {
  color: #172238;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  text-align: left
}

.swap-a-thon-master-class .usdt-marathon-v1 .swap-swap-a-thon-engagement .overview-dash .overview-card p {
  color: #667085;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: .3px;
  margin-bottom: 0
}

.swap-a-thon-master-class .usdt-marathon-v1 .swap-swap-a-thon-engagement .overview-dash .overview-card a {
  font-size: 12px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section {
  padding: 35px 0 0
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .airdrop-faq .max-w-560 {
  margin: 0 auto;
  max-width: 560px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .airdrop-faq #FAQs .accordion .accordion-item {
  background: #202e42;
  border: 1px solid #2e3642;
  color: #fff
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .airdrop-faq #FAQs .accordion .accordion-item .accordion-header .accordion-button {
  background: #202e42;
  color: #fff;
  font-size: 13px !important;
  padding: 10px !important
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .airdrop-faq #FAQs .accordion .accordion-item .accordion-header .accordion-button.collapsed {
  background: #17202d;
  color: #fff;
  font-weight: 500;
  font-weight: 300
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .airdrop-faq #FAQs .accordion .accordion-item .accordion-header .accordion-button:after {
  background-size: cover;
  filter: brightness(0) invert(1);
  height: 16px;
  width: 16px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .l1x-swap-competition h4 {
  font-size: 18px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .l1x-swap-competition ul {
  font-size: 12px;
  list-style: disc;
  margin-left: 20px;
  margin-top: 20px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .l1x-swap-competition ul li {
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 20px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .eligibility-criteria {
  background-color: #202e42;
  border-radius: 12px;
  color: #fff;
  margin-bottom: 20px;
  padding: 16px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .eligibility-criteria h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .eligibility-criteria ul {
  list-style: disc;
  margin-left: 20px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .eligibility-criteria ul li {
  font-size: 13px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-max-width {
  margin: 0 auto;
  max-width: 560px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section h6 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 50px;
  text-align: center
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card {
  background-color: #31486d;
  border-radius: 12px;
  box-shadow: 0 12px 35px #2d24681a;
  margin: 0 auto;
  max-width: 560px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-level-flex {
  align-items: center;
  background-color: #283d5f;
  border-radius: 12px;
  display: flex;
  gap: 20px;
  padding: 12px 18px;
  position: relative
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-level-flex .usdt-left-flex {
  align-items: center;
  display: flex;
  gap: 15px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-level-flex .usdt-left-flex p {
  color: #667085;
  font-size: 12px;
  margin-bottom: 5px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-level-flex .usdt-left-flex h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-level-flex .usdt-right-flex {
  border-left: 1px solid #667085;
  padding-left: 20px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-level-flex .usdt-right-flex .usdt-info-list {
  margin-bottom: 10px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-level-flex .usdt-right-flex .usdt-info-list p {
  color: #cbd3df;
  font-size: 11px;
  font-weight: 300;
  margin-bottom: 4px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-level-flex .usdt-right-flex .usdt-info-list h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-level-flex .usdt-right-flex .usdt-info-list h4 span {
  color: #cbd3df;
  font-size: 12px;
  font-weight: 400
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-level-flex .usdt-right-flex .usdt-info-list .usdt-swaps {
  color: #172238;
  font-size: 12px;
  font-weight: 600
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-level-flex .usdt-img {
  position: absolute;
  right: -11px;
  top: -40px;
  width: 64px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-level-flex .usdt-note {
  color: gray;
  font-size: 11px;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 8px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-note-bottom {
  font-size: 12px;
  padding: 8px;
  text-align: center
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-level-card .usdt-note-bottom span {
  font-weight: 500
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-divider {
  border-top: 1px solid #263346;
  margin-top: 30px;
  padding-top: 30px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-swap-section {
  align-items: center;
  display: flex;
  gap: 30px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-swap-section .usdt-swap-left .usdt-swap-img {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 1px 1px 11px #0000000f;
  padding: 6px;
  position: relative;
  width: 150px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-swap-section .usdt-swap-left .usdt-swap-img img {
  border-radius: 8px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-swap-section .usdt-swap-left .usdt-swap-img .usdt-nft-tag {
  background-color: #fff;
  border-radius: 30px;
  bottom: -10px;
  display: inline-block;
  left: 31px;
  padding: 2px 20px;
  position: absolute
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-swap-section .usdt-swap-left .usdt-swap-img .usdt-nft-tag span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-swap-section .usdt-swap-right h5 {
  font-size: 16px;
  font-weight: 500
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-swap-section .usdt-swap-right ul {
  list-style: disc;
  margin-left: 15px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-swap-section .usdt-swap-right ul li {
  font-size: 13px;
  margin-bottom: 10px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards h4 {
  font-size: 18px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards ul {
  font-size: 12px;
  list-style: disc;
  margin-left: 20px;
  margin-top: 20px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards ul li {
  font-size: 13px;
  margin-bottom: 20px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards ul li span {
  font-weight: 600
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards .usdt-table-container {
  border: 1px solid #2d3541;
  border-radius: 12px;
  overflow: hidden
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards .usdt-table-container table {
  border-radius: 12px;
  color: #172238;
  font-size: 12px;
  width: 100%
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards .usdt-table-container table thead tr th {
  background-color: #202e42;
  color: #879ec0;
  font-size: 12px;
  font-weight: 400;
  padding: 10px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards .usdt-table-container table thead tr th:first-child {
  border-top-left-radius: 8px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards .usdt-table-container table thead tr th:last-child {
  border-top-right-radius: 8px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards .usdt-table-container table tbody tr td {
  border-bottom: 1px solid #2d3541;
  color: #fff;
  padding: 10px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards .usdt-table-container table tbody tr td span {
  font-weight: 600
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards .usdt-btn {
  font-size: 14px;
  padding: 6px 30px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards .usdt-reward-flex {
  align-items: center;
  display: flex;
  gap: 30px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards .usdt-reward-flex .usdt-reward-left h3 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
  max-width: 300px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards .usdt-reward-flex .usdt-reward-left p {
  font-size: 13px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-rewards .usdt-reward-flex .usdt-reward-left p span img {
  width: 15px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-spacing-40 {
  border-top: 1px solid #eef0f6;
  margin-top: 40px;
  padding-top: 40px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-eligibility-box {
  background-color: #f4f6fd;
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 16px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-eligibility-box h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-eligibility-box ul {
  list-style: disc;
  margin-left: 15px
}

.swap-a-thon-master-class .usdt-marathon-v1 .usdt-content-section .usdt-eligibility-box ul li {
  font-size: 13px;
  margin-bottom: 10px
}

.swap-a-thon-master-class .amount-td {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  gap: 10px
}

.swap-a-thon-master-class .amount-td .coins-two {
  height: 24px;
  position: relative;
  width: 24px
}

.swap-a-thon-master-class .amount-td .coins-two .l1xicon {
  width: 24px
}

.swap-a-thon-master-class .amount-td .coins-two .smallicon {
  border: 1px solid #fff;
  border-radius: 20px;
  bottom: -2px;
  position: absolute;
  right: -3px;
  width: 12px
}

.swap-a-thon-master-class .flex-transaction {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-a-thon-master-class .transaction-in-progress h6 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 12px;
  padding: 0 16px
}

.swap-a-thon-master-class .transaction-in-progress .transaction-progress-body {
  background-color: #27364b;
  border-radius: 8px;
  margin: 0 16px 20px
}

.swap-a-thon-master-class .transaction-in-progress .transaction-progress-body .content-transaction {
  display: flex;
  gap: 50px;
  padding: 16px
}

.swap-a-thon-master-class .transaction-in-progress .transaction-progress-body .content-transaction .flexswap-transaction {
  align-items: center;
  display: flex;
  gap: 10px;
  margin: 0 0 10px
}

.swap-a-thon-master-class .transaction-in-progress .transaction-progress-body .content-transaction .flexswap-transaction img {
  width: 24px
}

.swap-a-thon-master-class .transaction-in-progress .transaction-progress-body .content-transaction .flex-swap-chain-right {
  min-width: 400px
}

.swap-a-thon-master-class .transaction-in-progress .transaction-progress-body .content-transaction .flex-swap-chain-right .oneline-text {
  align-items: center;
  display: flex;
  gap: 20px
}

.swap-a-thon-master-class .transaction-in-progress .transaction-progress-body .content-transaction .flex-swap-chain-right .oneline-text .flexswap-transaction {
  min-width: 150px
}

.swap-a-thon-master-class .transaction-in-progress .transaction-progress-body .content-transaction .flex-swap-chain-right .oneline-text .flexswap-transaction img {
  width: 24px
}

.swap-a-thon-master-class .transaction-in-progress .transaction-progress-body .content-transaction .flex-swap-chain-right .oneline-text .rightarrowicon {
  margin-bottom: 10px
}

.swap-a-thon-master-class .transaction-in-progress .transaction-progress-body .transaction-progress-top {
  align-items: center;
  border-bottom: 1px solid #3a4b63;
  display: flex;
  justify-content: space-between;
  padding: 5px;
  width: 100%
}

.swap-a-thon-master-class .transaction-in-progress .transaction-progress-body .transaction-in-progress-dv {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px
}

.swap-a-thon-master-class .transaction-in-progress .flex-reference-main {
  display: flex;
  gap: 20px
}

.swap-a-thon-master-class .transaction-in-progress .reference-id-div {
  align-items: center;
  background-color: #17202d;
  border-radius: 4px;
  display: flex;
  gap: 10px;
  padding: 2px 2px 2px 10px
}

.swap-a-thon-master-class .transaction-in-progress .reference-id-div h4 {
  font-size: 12px;
  margin-bottom: 0
}

.swap-a-thon-master-class .transaction-in-progress .reference-id-div .flex-reference {
  align-items: center;
  background-color: #27364b;
  border-radius: 4px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 3px 3px 3px 10px
}

.swap-a-thon-master-class .transaction-in-progress .reference-id-div .flex-reference p {
  margin-bottom: 0
}

.swap-a-thon-master-class .transaction-in-progress .reference-id-div .flex-reference .copy-btn {
  align-items: center;
  background-color: #3a4b63;
  border: none;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  height: 26px;
  justify-content: center;
  padding: 4px;
  width: 26px
}

.swap-a-thon-master-class .transaction-in-progress .reference-id-div .flex-reference .copy-btn .copy {
  color: #fff;
  margin: 0
}

.swap-a-thon-master-class .transaction-in-progress .reference-id-div .flex-reference .copy-btn .copy svg path {
  fill: #fff
}

.swap-a-thon-master-class .transaction-in-progress-dv {
  cursor: pointer
}

.swap-a-thon-master-class .transaction-in-progress-dv label {
  cursor: pointer;
  display: block
}

.swap-a-thon-master-class .transaction-in-progress-dv .arrow-icon {
  height: 26px;
  margin-left: 8px;
  transition: transform .3s ease;
  width: 26px
}

.swap-a-thon-master-class .transaction-in-progress-dv .arrow-icon.rotated {
  transform: rotate(180deg)
}

.swap-a-thon-master-class .transaction-in-progress-dv .progress-container {
  height: 46px;
  position: relative;
  width: 46px
}

.swap-a-thon-master-class .transaction-in-progress-dv .progress-container svg {
  transform: rotate(-90deg)
}

.swap-a-thon-master-class .transaction-in-progress-dv .progress-container circle {
  fill: none;
  stroke-width: 2
}

.swap-a-thon-master-class .transaction-in-progress-dv .bg {
  stroke: #2f3d4d
}

.swap-a-thon-master-class .transaction-in-progress-dv .progress {
  stroke: #4ade80;
  stroke-linecap: round;
  stroke-dasharray: 131.94;
  stroke-dashoffset: 91.94;
  transition: stroke-dashoffset 1s linear
}

.swap-a-thon-master-class .transaction-in-progress-dv .time {
  color: #fff;
  font-family: sans-serif;
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.swap-a-thon-master-class .flex-my-cls {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 30px
}

.swap-a-thon-master-class .flex-my-cls button {
  background-color: #0000;
  border: none
}

.swap-a-thon-master-class .address-td {
  color: #ff6717;
  margin-bottom: 0
}

.swap-a-thon-master-class .main-tickets-div {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 0 16px
}

.swap-a-thon-master-class .main-tickets-div h6 {
  padding: 0
}

.swap-a-thon-master-class .main-tickets-div .my-tickets-class {
  align-items: center;
  background: linear-gradient(88deg, #190790 1.92%, #b09 96.24%);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  color: #fff;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 10px 20px;
  position: relative;
  width: 100%
}

.swap-a-thon-master-class .main-tickets-div .my-tickets-class h5 {
  font-size: 14px;
  margin-bottom: 0;
  min-width: 130px
}

.swap-a-thon-master-class .main-tickets-div .my-tickets-class ul {
  display: flex;
  gap: 20px;
  width: 100%
}

.swap-a-thon-master-class .main-tickets-div .my-tickets-class ul li {
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  padding: 4px;
  width: 100%
}

.swap-a-thon-master-class .main-tickets-div .my-tickets-class ul li.active {
  background-color: #ffffff52
}

.swap-a-thon-master-class .main-tickets-div .my-tickets-class ul li .flex-tickets {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-a-thon-master-class .main-tickets-div .my-tickets-class ul li .flex-tickets img {
  width: 20px
}

.swap-a-thon-master-class .main-tickets-div .my-tickets-class ul li .flex-tickets.eth-text {
  color: #627eea
}

.swap-a-thon-master-class .main-tickets-div .my-tickets-class ul li .flex-tickets.binance-text {
  color: #f0b90b
}

.swap-a-thon-master-class .main-tickets-div .my-tickets-class ul li .flex-tickets.solana-text {
  color: #000
}

.swap-a-thon-master-class .main-tickets-div .pagination-swap-thon {
  align-items: center;
  display: flex;
  gap: 20px
}

.swap-a-thon-master-class .main-tickets-div .pagination-swap-thon p {
  color: #aeb9e1;
  margin-bottom: 0;
  white-space: nowrap
}

.swap-a-thon-master-class .main-tickets-div .pagination-swap-thon p span {
  color: #fff;
  display: inline-block
}

.swap-a-thon-master-class .main-tickets-div .pagination-swap-thon ul {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-a-thon-master-class .main-tickets-div .pagination-swap-thon ul li {
  align-content: center;
  background-color: #202e42;
  border: 1px solid #2d3b4e;
  border-radius: 6px;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 6px;
  width: 30px
}

.swap-a-thon-master-class .table-swapa-thon table {
  width: 100%
}

.swap-a-thon-master-class .table-swapa-thon table thead {
  background-color: #202e42;
  color: #879ec0
}

.swap-a-thon-master-class .table-swapa-thon table thead tr th {
  font-size: 12px;
  font-weight: 400;
  padding: 10px 15px
}

.swap-a-thon-master-class .table-swapa-thon table tbody tr td {
  border-bottom: 1px solid #2e3642;
  font-size: 12px;
  padding: 10px 15px
}

.swap-a-thon-master-class .table-swapa-thon table tbody tr td .prizepoolimg {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-a-thon-master-class .table-swapa-thon table tbody tr td .prizepoolimg img {
  max-width: 100%;
  width: 20px
}

.swap-a-thon-master-class .table-swapa-thon p {
  margin-bottom: 0
}

.swap-a-thon-master-class .swapathon-draw .table-swapa-thon {
  max-height: calc(100vh - 148px);
  min-height: 685px;
  overflow: auto
}

.swap-a-thon-master-class .swapathon-draw .table-swapa-thon.previous-table .flex-tickets {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-a-thon-master-class .swapathon-draw .table-swapa-thon.previous-table .flex-tickets img {
  width: 20px
}

.swap-a-thon-master-class .swapathon-draw .table-swapa-thon.previous-table .ethereum-tr {
  background-color: #2b3c7e
}

.swap-a-thon-master-class .swapathon-draw .table-swapa-thon.previous-table .binance-tr {
  background-color: #58420c
}

.swap-a-thon-master-class .swapathon-draw .table-swapa-thon.previous-table .solana-tr {
  background-color: #36056b
}

.swap-a-thon-master-class .swapathon-draw .amount-td {
  font-size: 10px;
  gap: 5px
}

.swap-a-thon-master-class .swapathon-draw .amount-td .coins-two .l1xicon {
  width: 20px
}

.w-full-table {
  width: 100%
}

.react-datepicker-popper {
  right: auto
}

.dark-theme-datepicker {
  background-color: #1a1f2e;
  border: 1px solid #3a3f4e;
  border-radius: 8px;
  color: #e0e0e0;
  font-family: inherit
}

.dark-theme-datepicker .react-datepicker__header {
  background-color: #23293a;
  border-bottom: 1px solid #3a3f4e;
  color: #fff;
  padding-bottom: 10px;
  padding-top: 10px
}

.dark-theme-datepicker .react-datepicker__navigation {
  top: 14px
}

.dark-theme-datepicker .react-datepicker__navigation--previous {
  border-right-color: #e0e0e0
}

.dark-theme-datepicker .react-datepicker__navigation--previous:hover {
  border-right-color: #fff
}

.dark-theme-datepicker .react-datepicker__navigation--next {
  border-left-color: #e0e0e0
}

.dark-theme-datepicker .react-datepicker__navigation--next:hover {
  border-left-color: #fff
}

.dark-theme-datepicker .react-datepicker__current-month {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: .5rem
}

.dark-theme-datepicker .react-datepicker__day-name {
  color: #a0a0a0;
  font-weight: 600
}

.dark-theme-datepicker .react-datepicker__day {
  border-radius: 4px;
  color: #e0e0e0;
  transition: background-color .2s ease
}

.dark-theme-datepicker .react-datepicker__day:hover {
  background-color: #3a3f4e;
  color: #fff
}

.dark-theme-datepicker .react-datepicker__day--keyboard-selected,
.dark-theme-datepicker .react-datepicker__day--selected {
  background-color: #f38b45;
  border-radius: 4px;
  color: #fff
}

.dark-theme-datepicker .react-datepicker__day--keyboard-selected:hover,
.dark-theme-datepicker .react-datepicker__day--selected:hover {
  background-color: #e07a3a
}

.dark-theme-datepicker .react-datepicker__day--today {
  font-weight: 700
}

.dark-theme-datepicker .react-datepicker__day--outside-month {
  color: #666
}

.dark-theme-datepicker .react-datepicker__day--outside-month:hover {
  background-color: #0000;
  color: #666
}

.dark-theme-datepicker .react-datepicker__day--disabled {
  color: #555;
  cursor: default
}

.dark-theme-datepicker .react-datepicker__day--disabled:hover {
  background-color: #0000;
  color: #555
}

.dark-theme-datepicker .react-datepicker__triangle:after,
.dark-theme-datepicker .react-datepicker__triangle:before {
  border-bottom-color: #1a1f2e !important
}

.swap-a-thon-content .date-filter .form-control,
.swap-a-thon-master-class .leaderboard-swap-main .qualifying-transactions-class .date-filter .form-control {
  background-color: #1a1f2e !important;
  border: 1px solid #3a3f4e !important;
  border-radius: 6px;
  color: #e0e0e0 !important;
  padding: 7px 12px
}

.directly-swap .body-container .shift-content .direct-swap-main {
  border-radius: 24px 0 0 24px
}

.direct-swap-main {
  background-color: #fff;
  border-radius: 24px;
  max-width: 400px;
  min-height: 685px;
  min-width: 400px;
  padding: 20px;
  position: relative
}

@media screen and (max-width:767px) {
  .direct-swap-main {
    border-radius: 0;
    max-width: 100%;
    min-width: 100%;
    width: 100%
  }
}

.direct-swap-main .direct-swap-header {
  margin-bottom: 20px;
  position: relative
}

.direct-swap-main .direct-swap-header .direct-swap-logo {
  margin: 0 auto;
  max-width: 170px;
  text-align: center
}

.direct-swap-main .direct-swap-header .direct-swap-logo img {
  max-width: 100%
}

.direct-swap-main .direct-swap-header .direct-space {
  background: #ff6717;
  border-radius: 0 0 8px 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 1.4;
  padding: 2px 16px;
  position: absolute;
  text-transform: uppercase;
  top: -32px;
  transform: translateX(-50%)
}

.direct-swap-main .direct-swap-footer {
  margin-top: 14px
}

.direct-swap-main .direct-swap-footer .poweredby-tx {
  color: #667085;
  font-size: 10px;
  margin-right: 10px
}

.direct-swap-main .direct-swap-footer .lyr-icn {
  font-size: 12px;
  font-weight: 600;
  margin-left: 5px
}

.direct-swap-main .direct-swap-footer .audited-tx {
  font-size: 10px;
  margin-right: 10px
}

.direct-swap-main .direct-swap-footer .center-line {
  color: #e0e3e9
}

.swap-value-container {
  background: #eff2fe
}

.label-directswap {
  font-size: 12px;
  font-weight: 500
}

.swap-switch-btn {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.text-exnge-text {
  font-size: 12px
}

.text-exnge-price {
  font-size: 14px;
  font-weight: 600
}

.reserve-btn {
  align-items: center;
  background-color: #f6f3fd;
  border: none;
  border-radius: 50%;
  display: flex;
  height: 30px;
  justify-content: center;
  margin: 20px 0;
  width: 30px
}

.reserve-btn,
.reserve-btn:focus,
.reserve-btn:hover {
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s
}

.reserve-btn:focus,
.reserve-btn:hover {
  background-color: #dedede 3FD
}

.input-bx {
  margin-bottom: 20px;
  position: relative
}

.input-bx .label-directswap {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px
}

.input-bx .form-control {
  background-color: #f6f3fd;
  border: none;
  border-radius: 8px;
  font-size: 12px;
  height: 50px;
  outline: none;
  padding: 12px
}

.input-bx .form-control:focus,
.input-bx .form-control:focus-visible {
  box-shadow: none;
  outline: none
}

.input-bx .note-wp {
  font-size: 12px;
  margin-top: 6px;
  opacity: .7
}

.input-bx .changes-links {
  color: #2c56dd;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  right: 10px;
  text-decoration: underline;
  top: 38px
}

.input-bx.pr-swap .form-control {
  padding-right: 70px
}

.order-preview-bg {
  background-color: #f6f3fd;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 10px
}

.order-preview-bg h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center
}

.order-preview-bg .flex-view-tkn {
  align-items: center;
  display: flex;
  gap: 10px
}

.order-preview-bg .flex-view-tkn .coin-main-circle {
  position: relative
}

.order-preview-bg .flex-view-tkn .coin-main-circle .large-coin {
  height: 26px;
  width: 26px
}

.order-preview-bg .flex-view-tkn .coin-main-circle .small-coin {
  bottom: -1px;
  height: 12px;
  position: absolute;
  right: -3px;
  width: 12px;
  z-index: 1
}

.order-preview-bg .flex-view-tkn .fnt-value-num {
  font-size: 24px;
  font-weight: 600
}

.order-preview-bg .flex-justfy {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.order-preview-bg .flex-justfy .usdc-bnc {
  font-size: 12px;
  font-weight: 500
}

.order-preview-bg .walletaddress-nm {
  background-color: #e6e7f2;
  border-radius: 8px;
  font-size: 12px;
  padding: 10px 14px
}

.order-preview-bg .textnote-order {
  font-size: 12px;
  text-align: center
}

.order-preview-bg .textnote-order span {
  display: inline-block;
  font-weight: 600
}

.order-preview-bg .copy-cta {
  align-items: center;
  background-color: #e3f9e4;
  border: 1px solid #34d441;
  border-radius: 4px;
  color: #34a853;
  cursor: pointer;
  display: flex;
  gap: 5px;
  padding: 2px 6px;
  position: absolute;
  right: 7px;
  top: 7px
}

.order-preview-bg .wallet-address {
  background-color: #fff;
  border-radius: 8px;
  font-size: 12px;
  margin-top: 10px;
  padding: 10px;
  position: relative
}

.swap-being-fnt .flex-main-cn {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 35px
}

.swap-being-fnt .flex-main-cn .flex-tkn {
  align-items: center;
  display: flex;
  font-weight: 500;
  gap: 10px
}

.swap-being-fnt .flex-main-cn .flex-tkn .coin-main-circle {
  position: relative
}

.swap-being-fnt .flex-main-cn .flex-tkn .coin-main-circle .large-coin {
  height: 26px;
  width: 26px
}

.swap-being-fnt .flex-main-cn .flex-tkn .coin-main-circle .small-coin {
  bottom: -4px;
  height: 12px;
  position: absolute;
  right: 0;
  width: 12px
}

.swap-being-fnt .flex-main-cn .textlink-view a {
  align-items: center;
  border-bottom: 1px solid #2c56dd;
  color: #ccc;
  display: inline-flex;
  gap: 8px;
  padding-bottom: 2px
}

.swap-wallet-btn {
  background-color: #fff3;
  border: none;
  border-radius: 16px 16px 0 0;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 500;
  margin: 0 auto;
  max-width: 340px;
  padding: 8px 10px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  width: 100%
}

.swap-wallet-btn:hover {
  background-color: #fff6
}

.vertical-swap-menu {
  background-color: #ffffff4d;
  border: none;
  border-radius: 16px 0 0 16px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  height: 100%;
  margin-top: 20px;
  max-height: 600px;
  outline: none;
  padding: 16px 8px;
  text-align: right;
  transform: rotate(180deg);
  transition: .3s;
  transition: right .5s ease-in-out;
  writing-mode: vertical-rl;
  z-index: 1
}

.vertical-swap-menu:hover {
  background-color: #fff6
}

.direct-swap-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 539px
}

.direct-swap-body .destination-class {
  align-items: center;
  background-color: #e841420d;
  border-radius: 10px;
  display: flex;
  gap: 8px;
  margin-top: 10px;
  padding: 6px 10px
}

.direct-swap-body .destination-class p {
  color: #e84142;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0
}

.direct-swap-body .destination-class p span {
  font-weight: 600
}

.direct-swap-body .destination-class svg {
  width: 20px
}

.direct-swap-body .destination-class svg.swap-invalid {
  color: #e84142
}

.direct-swap-body .destination-class svg.swap-valid {
  color: #00ee08
}

.direct-swap-outer {
  display: flex;
  transition: transform .5s ease-in-out;
  width: auto
}

.direct-swap-outer.shift-content .side-content {
  border-top-right-radius: 16px;
  margin-left: 3px;
  min-height: 685px;
  min-width: 900px;
  opacity: 1;
  overflow: hidden;
  transition: .5s
}

.direct-swap-outer .side-content,
.direct-swap-outer.shift-content .side-content {
  background-color: #f3f6fd;
  height: 100%;
  position: relative;
  transition: right .5s ease-in-out
}

.direct-swap-outer .side-content {
  border-radius: 0 24px 24px 0;
  margin-left: -54px;
  max-height: 685px;
  min-height: 684px;
  opacity: 0;
  transition: .3s;
  width: 54px
}

.direct-swap-outer .side-content .nft-tier-nav {
  align-items: center;
  border-bottom: 1px solid #dae0ee;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.direct-swap-outer .side-content .nft-tier-nav.margin-0 {
  margin-bottom: 0
}

.direct-swap-outer .side-content .nft-tier-nav .links {
  border-top-right-radius: 16px;
  overflow: hidden;
  width: 100%
}

.direct-swap-outer .side-content .nft-tier-nav .links li {
  flex: auto
}

.direct-swap-outer .side-content .nft-tier-nav .links li button {
  font-size: 13px;
  font-weight: 300;
  padding: 12px 4px;
  width: 100%
}

.direct-swap-outer .side-content .nft-tier-nav .links li button.active {
  background: #ff6717;
  color: #fff;
  font-size: 13px;
  font-weight: 500
}

.direct-swap-outer .side-content .nft-tier-nav .links li button.active:after {
  display: none
}

.direct-swap-outer .side-content .nft-tier-nav .search-tokn {
  position: relative
}

.direct-swap-outer .side-content .nft-tier-nav .search-tokn .search-btn-icn {
  background-color: #fff;
  border: none;
  height: 28px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 28px
}

.direct-swap-outer .side-content .nft-tier-nav .search-tokn .search-bar-my-asset {
  border: 1px solid #e6e8ef;
  border-radius: 4px;
  font-size: 12px;
  height: 32px;
  min-width: 250px;
  padding: 5px 30px 5px 10px
}

.min-width-400 {
  max-width: 400px;
  min-width: 400px;
  position: relative;
  width: 100%;
  z-index: 9
}

@media screen and (max-width:767px) {
  .min-width-400 {
    max-width: 100%;
    min-width: 100%;
    z-index: 1
  }
}

.price-tabel .no-transaction-space {
  color: #333
}

.price-tabel .price-compare-tbl {
  margin-top: 110px
}

.price-tabel {
  padding: 0 16px
}

.price-tabel table {
  font-size: 12px;
  width: 100%
}

.price-tabel table thead tr {
  background-color: #dde2ea
}

.price-tabel table thead tr th {
  font-weight: 400;
  padding: 10px
}

.price-tabel table tbody tr {
  border-bottom: 1px solid #dde2ea
}

.price-tabel table tbody tr td {
  padding: 12px 10px
}

.price-tabel table .greencolor-t {
  background-color: #e1f4e5
}

.price-tabel table .orangecolor-t {
  background-color: #f4f1e4
}

.price-tabel table .redcolor-t {
  background-color: #f4dfe5
}

.price-tabel table .flex-circle-swp-d {
  align-items: center;
  display: flex;
  font-weight: 500;
  gap: 5px
}

.price-tabel table .flex-circle-swp-d .circle-swp-d {
  align-items: center;
  background-color: #fff;
  border: 1px solid #c2cad7;
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 3px;
  width: 24px
}

.price-tabel table .flex-circle-swp-d .circle-swp-d img {
  height: auto;
  max-width: 100%
}

.overflow-auto-y {
  max-height: 501px;
  overflow: auto
}

.note-text-swap {
  font-size: 14px;
  font-weight: 400;
  margin-top: 20px
}

.note-text-swap span {
  font-weight: 600
}

.my-assets-main {
  padding: 0 20px
}

.my-assets-main .assets-box-white {
  align-items: center;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 10px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s
}

.my-assets-main .assets-box-white.active,
.my-assets-main .assets-box-white:hover {
  background-color: #fff;
  border: 1px solid #2c56dd;
  box-shadow: 10px 5px 9px #2c56dd40
}

.my-assets-main .assets-box-white:hover {
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s
}

.my-assets-main .assets-box-white .favourites-icons-main-flex {
  align-items: center;
  display: flex;
  gap: 6px
}

.my-assets-main .assets-box-white .favourites-icons-main-flex .favourites-icons-main .favourites-icons {
  display: inline-block;
  height: 20px;
  width: 20px
}

.my-assets-main .assets-box-white .favourites-icons-main-flex .favourites-icons-main .favourites-icons>img {
  width: 100%
}

.my-assets-main .assets-box-white .favourites-icons-main-flex .favourites-icons-main .favourites-right-icons {
  bottom: -6px;
  display: inline-block;
  height: 10px;
  left: -6px;
  position: relative;
  width: 10px
}

.my-assets-main .assets-box-white .favourites-icons-main-flex .favourites-icons-main .favourites-right-icons>img {
  width: 100%
}

.my-assets-main .assets-box-white .favourites-icons-main-flex .favourites-text-lbl {
  font-size: 12px;
  font-weight: 600
}

.my-assets-main .assets-box-white .flex-icn-swap {
  align-items: center;
  display: flex;
  gap: 10px
}

.my-assets-main .assets-box-white .circle-icn-nft {
  height: 40px;
  max-width: 30px;
  position: relative;
  width: 30px
}

.my-assets-main .assets-box-white .circle-icn-nft .lg-icon {
  max-width: 30px;
  width: 30px
}

.my-assets-main .assets-box-white .circle-icn-nft .xs-icon {
  bottom: 8px;
  height: 14px;
  position: absolute;
  right: -3px;
  width: 14px
}

.my-assets-main .assets-box-white .ethr-txt {
  font-size: 14px;
  font-weight: 500
}

.my-assets-main .assets-box-white .ethr-p-txt {
  color: #858aa0;
  font-size: 12px;
  font-weight: 400
}

.my-assets-main .col-swap-menu {
  grid-gap: 0 16px;
  display: grid;
  gap: 0 16px;
  grid-template-columns: repeat(2, 1fr)
}

.side-content {
  display: none
}

.shift-content .side-content {
  display: block
}

.maintransactions,
.maintransactions .my-assets-main {
  padding: 0
}

.maintransactions .header-tab-trx {
  align-items: center;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 0 20px
}

.maintransactions .header-tab-trx .tab-swapmn a {
  background-color: #fff;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding: 6px 14px
}

.maintransactions .header-tab-trx .tab-swapmn a.active {
  background-color: #ff6717;
  color: #fff
}

.maintransactions .header-tab-trx ul {
  align-items: center;
  display: flex;
  gap: 8px
}

.maintransactions .header-tab-trx ul li {
  font-size: 14px
}

.maintransactions .header-tab-trx ul li.remaining-page {
  color: #667085
}

.maintransactions .header-tab-trx ul li.btn {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d9d6d6;
  border-radius: 6px;
  color: #000;
  display: flex;
  height: 32px;
  justify-content: center;
  min-width: 32px;
  padding: 0 6px
}

.maintransactions .header-tab-trx ul li.btn svg {
  height: 16px;
  width: 16px
}

.maintransactions .header-tab-trx ul li.btn.btn-active {
  background: #2c56dd;
  border-color: #2c56dd;
  color: #fff
}

.transactions-list {
  margin-top: 20px;
  max-height: 529px;
  overflow-y: auto;
  padding: 5px
}

.transactions-list .transactions-table thead th {
  padding: 14px
}

.transactions-list .transactions-whitebox {
  background: #f3f6fd;
  border-radius: 8px;
  cursor: pointer;
  padding: 14px;
  position: relative;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s
}

.transactions-list .transactions-whitebox td {
  background: #f3f6fd;
  padding: 14px
}

.transactions-list .transactions-whitebox:hover {
  background-color: #e4e9f6;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s
}

.transactions-list .transactions-whitebox .eth-trans {
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap
}

.transactions-list .transactions-whitebox .utc-text {
  color: #345cf8;
  font-size: 12px
}

.transactions-list .transactions-whitebox .utc-text.time {
  color: #000
}

.transactions-list .transactions-whitebox .iconbuttons-s {
  background-color: #0000;
  border: none;
  padding: 1px 4px
}

.transactions-list .transactions-whitebox .mainflexdiv {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 51px
}

.transactions-list .transactions-whitebox .transactions-flex-cn {
  align-items: center;
  display: flex;
  gap: 10px
}

.transactions-list .transactions-whitebox .transactions-flex-cn .label-eth {
  font-size: 14px;
  font-weight: 500;
  width: 40px
}

.transactions-list .transactions-whitebox .transactions-flex-cn .coin30 {
  background-color: #fff;
  border-radius: 50px;
  height: 24px;
  position: relative;
  width: 24px
}

.transactions-list .transactions-whitebox .transactions-flex-cn .coin30 .smallicn-c {
  border-radius: 30px;
  bottom: -6px;
  position: absolute;
  right: 0;
  width: 12px
}

.transactions-list .transactions-whitebox .transactions-flex-cn .coin30 .smallicn-c img {
  border: 1px solid #fff;
  border-radius: 20px
}

.transactions-list .transactions-whitebox .transactions-flex-cn .coin30 img {
  height: auto;
  max-width: 100%
}

.transactions-list .transactions-whitebox .transactions-flex-cn .coin30 .lg-image {
  height: 24px;
  min-width: 24px;
  width: 24px
}

.transactions-list .transactions-whitebox .transactions-flex-cn .coin30 .xs-image {
  border: 1px solid #fff;
  border-radius: 30px;
  bottom: -3px;
  height: 14px;
  max-width: 100%;
  position: absolute;
  right: -4px;
  width: 14px
}

.headertab-menucontent {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 0 20px
}

.headertab-menucontent h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.selct-maindiv {
  background-color: #fff
}

.selct-maindiv .select-div {
  align-items: center;
  border: 1px solid #e3e5e9;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 8px 10px
}

.selct-maindiv .select-div .lg-icon {
  width: 20px
}

.selct-maindiv .ul-dropdowns {
  background-color: #fff;
  border: 1px solid #e3e5e9;
  border-radius: 8px;
  margin-top: 5px;
  position: absolute;
  z-index: 1
}

.selct-maindiv .ul-dropdowns .option-div {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 10px
}

.selct-maindiv .ul-dropdowns .option-div:hover {
  background-color: #f0f0f0
}

.selct-maindiv .ul-dropdowns .option-div .lg-icon {
  width: 20px
}

.dropdownheaders {
  align-items: center;
  display: flex;
  gap: 10px
}

.portfolio-container-my-asset {
  border-radius: 0;
  margin: 20px 0 0;
  max-width: 1200px;
  padding: 0 20px
}

.portfolio-container-my-asset .portfolio-header-assets {
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  display: flex;
  justify-content: space-between;
  margin: 0 0 8px
}

.portfolio-container-my-asset .portfolio-header-assets .total-value h1 {
  font-size: 2rem;
  margin: 0
}

.portfolio-container-my-asset .portfolio-header-assets .total-tokens h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 0
}

.portfolio-container-my-asset .portfolio-header-assets p {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 6px
}

.chain-summary {
  grid-gap: 16px;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 -10px;
  max-height: 162px;
  overflow: auto;
  padding: 10px
}

.chain-summary .chain {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 6px #0000001a;
  display: flex;
  padding: 8px
}

.chain-summary .chain .icon-cryto {
  background-size: cover;
  height: auto;
  margin-right: 10px;
  width: 40px
}

.chain-summary .chain .icon-cryto img {
  max-width: 100%;
  width: 100%
}

.chain-summary .chain .chain-details {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: space-between;
  width: 100%
}

.chain-summary .chain .chain-details h3 {
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  margin: 0
}

.chain-summary .chain .chain-details p {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  max-width: 76px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.chain-summary .chain .chain-details span {
  color: #777;
  font-size: .85rem
}

.token-table {
  margin: 0 -20px
}

.token-table .search-bar {
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 1rem;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%
}

.token-table table {
  border-collapse: collapse;
  font-size: 12px;
  width: 100%
}

.token-table table td,
.token-table table th {
  border-bottom: 1px solid #eef0f6;
  font-size: 12px;
  padding: 8px 15px;
  text-align: left
}

.token-table table th {
  background-color: #eef0f6;
  color: #667085;
  font-weight: 500;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.token-table table td {
  color: #172238;
  font-size: 12px;
  font-weight: 500
}

.circle-process-bar {
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
  height: 40px;
  width: 40px
}

.searchmainbox {
  align-items: center;
  border-top: 1px solid #ebebeb;
  display: flex;
  justify-content: space-between;
  margin: 20px -20px 10px;
  padding: 10px 20px 0
}

.searchmainbox h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0
}

.searchmainbox .search-tokn {
  position: relative
}

.searchmainbox .search-tokn .search-btn-icn {
  background-color: #fff;
  border: none;
  height: 28px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 28px
}

.searchmainbox .search-tokn .search-bar-my-asset {
  border: 1px solid #e6e8ef;
  border-radius: 4px;
  font-size: 12px;
  height: 32px;
  min-width: 290px;
  padding: 5px 30px 5px 10px
}

.flex-network-icon {
  align-items: center;
  display: flex;
  font-weight: 400;
  gap: 5px
}

.flex-network-icon img {
  width: 20px
}

.total-tokens-multi h3 {
  font-size: 20px
}

.token-table {
  max-height: 273px;
  overflow: auto
}

.maintransactions .no-transaction-space {
  color: #333
}

.maintransactions .tab-swapmn {
  border: 1px solid #dbdee5;
  border-radius: 4px;
  padding: 2px
}

.price-tabel-header {
  margin-bottom: 20px
}

.price-tabel-header h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.price-tabel-header .mergeicons .right-icon-m {
  margin-left: -5px
}

.text-usdc-swap-p {
  font-size: 12px
}

.mains-input-swap {
  position: relative
}

.mains-input-swap .refrsh-btn {
  background-color: #0000;
  border: none;
  position: absolute;
  right: 10px;
  top: 18px
}

.powered-by {
  gap: 10px
}

.powered-content {
  justify-content: center;
  width: 100%
}

.price-compare-space {
  align-items: center;
  background: #0000;
  display: flex;
  justify-content: space-between
}

.price-compare-space .flex-price-compare {
  display: flex;
  gap: 10px
}

.price-compare-space .graph-container {
  max-width: 900px
}

.price-compare-space h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.price-compare-space .dropdown-selected {
  font-size: 12px;
  padding: 5px 10px
}

.price-compare-space .pair-icon {
  margin-right: 8px;
  min-width: 51px
}

.price-compare-space .pair-icon img {
  margin-right: 0
}

.price-compare-space .pair-icon img:nth-child(2) {
  margin-left: -4px
}

.price-compare-space .dropdown-list {
  max-height: 240px;
  overflow: auto;
  width: 170px
}

.price-compare-space .dropdown-list li,
.price-compare-space .tab {
  font-size: 12px
}

.price-compare-space .tab.active {
  border: 1px solid #2d2468
}

.price-compare-space .tab.active .icon-graph img,
.price-compare-space .tab.active .icon-table img {
  filter: brightness(0) invert(1)
}

.ml-skeln-3 {
  margin-left: 10px
}

.contract-address-space {
  align-items: center;
  display: flex;
  margin-top: 10px
}

.contract-address-space p {
  color: #667085;
  font-size: 12px
}

.contract-address-space a p {
  border-bottom: 1px solid #2c56dd;
  color: #2c56dd;
  margin-right: 8px
}

.contract-address-space a svg {
  width: 16px
}

.disclaimer {
  background: #fffae3;
  border-radius: 8px;
  display: flex;
  padding: 8px
}

.disclaimer svg {
  fill: #f6cf1f;
  margin-right: 10px;
  min-width: 20px;
  width: 20px
}

.disclaimer p {
  font-size: 11px
}

.disclaimer p a {
  text-decoration: underline
}

.justifyBetweenSpace {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  min-height: 538px
}

.checkbox,
.checkbox-container {
  align-items: center;
  cursor: pointer;
  display: flex
}

.checkbox {
  border: 1px solid #a2aabb;
  border-radius: 5px;
  height: 20px;
  justify-content: center;
  width: 20px
}

.checkbox.checked {
  background-color: #0e7b17;
  border-color: #0e7b17
}

.checkmark {
  stroke-width: 1.5px;
  color: #e0e0e0;
  height: 16px;
  width: 16px
}

.checkbox-label {
  color: #e0e0e0;
  font-size: 13px;
  margin-left: 10px
}

.arrow-fvrt svg {
  height: 15px;
  width: 15px
}

.arrow-fvrt svg path {
  stroke-width: 1px;
  stroke: #ccc
}

.favourites-icons-main {
  display: flex
}

.btn-back-arrow {
  align-items: center;
  background: #eaedf3;
  border-radius: 30px;
  display: flex;
  height: 32px;
  justify-content: center;
  left: 10px;
  padding: 0;
  position: absolute;
  top: 10px;
  width: 32px
}

.btn-back-arrow:hover {
  background: #cfd4da
}

.btn-back-arrow svg {
  width: 20px
}

.directly-swap .transaction-fee-btns {
  align-items: center;
  background-color: #fff;
  border: 1px solid #e8e6f5;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 2px 3px 2px 10px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  width: 100%
}

.directly-swap .transaction-fee-btns:hover {
  background-color: #f1eeff;
  box-shadow: 3px 3px 20px #e8e6f5;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s
}

.directly-swap .transaction-fee-btns svg {
  fill: #a2aabe;
  width: 20px
}

.directly-swap .transaction-fee-btns svg path {
  stroke: #0000
}

.directly-swap .popup-overlay {
  background-color: #000000b3;
  cursor: pointer;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 999
}

.directly-swap .popup-content {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 10px #0003;
  left: 50%;
  max-width: 400px;
  padding: 20px;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1000
}

.directly-swap .close-btn {
  background-color: #007bff;
  border: none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin-top: 20px;
  padding: 10px 20px
}

.directly-swap .close-btn:hover {
  background-color: #0056b3
}

.directly-swap .shift-content .overlay-tra {
  border-radius: 24px 0 24px 24px
}

.directly-swap .overlay-tra,
.directly-swap .shift-content .overlay-tra {
  background-color: #000000b3;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.directly-swap .overlay-tra {
  border-radius: 24px
}

.directly-swap .transaction-fee-mdl {
  background: #fff;
  border-radius: 24px;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2
}

.directly-swap .transaction-fee-mdl .transaction-fee-head {
  align-items: center;
  border-bottom: 1px solid #e8e6f5;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 10px 20px
}

.directly-swap .transaction-fee-mdl .transaction-fee-head h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0
}

.directly-swap .transaction-fee-mdl .transaction-fee-head .closebutton {
  background-color: #f3f5f9;
  border: none;
  border-radius: 30px;
  color: #2d2468;
  cursor: pointer;
  height: 30px;
  width: 30px
}

.directly-swap .transaction-fee-mdl .transaction-fee-head .closebutton svg {
  height: 14px;
  width: 14px
}

.directly-swap .transaction-fee-mdl .transaction-fee-head .closebutton svg path {
  stroke: #2d2468;
  stroke-width: 1px
}

.directly-swap .transaction-fee-mdl .transaction-fee-content {
  padding: 0 20px
}

.directly-swap .transaction-fee-mdl .transaction-fee-content ul li {
  align-items: center;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  margin-bottom: 10px
}

.directly-swap .transaction-fee-mdl .transaction-fee-content ul li .left-ul {
  color: #000;
  opacity: .7
}

.directly-swap .transaction-fee-mdl .transaction-fee-content ul li .right-ul {
  font-weight: 600
}

.directly-swap .transaction-fee-mdl .transaction-fee-footer {
  border-top: 1px solid #e8e6f5;
  padding: 10px 20px
}

.directly-swap .transaction-fee-mdl .transaction-fee-footer .greentext {
  color: #2ab243;
  font-size: 14px;
  margin-bottom: 16px;
  text-align: right
}

.directly-swap .transaction-fee-mdl .transaction-fee-footer .greentext span {
  font-size: 18px;
  font-weight: 700
}

.directly-swap .transaction-fee-mdl .transaction-fee-footer .flexfooter {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.directly-swap .transaction-fee-mdl .transaction-fee-footer .flexfooter-left {
  font-size: 12px
}

.directly-swap .transaction-fee-mdl .transaction-fee-footer .flexfooter-left span {
  font-size: 14px;
  font-weight: 700
}

.directly-swap .transaction-fee-mdl .transaction-fee-footer .flexfooter a {
  color: #2c56dd;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 4px
}

.directly-swap .transaction-fee-mdl .transaction-fee-footer .flexfooter a svg {
  height: 24px;
  width: 24px
}

.directly-swap .transaction-fee-mdl .transaction-fee-footer .flexfooter a svg path {
  stroke: #2c56dd;
  stroke-width: 1
}

.points-fees-sp {
  align-items: center;
  border: 1px solid #e8e6f5;
  border-radius: 10px;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  margin: 10px 0 0;
  padding: 9px 10px
}

.points-fees-sp .swap-sp {
  color: #34a853;
  font-weight: 600
}

.bg-whitecolor {
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
  padding: 16px 16px 0
}

.checkbox-label {
  color: #444
}

@media screen and (min-height:800px) {
  .dashboad-swap .dashboad-swap-body .modal-overlay.transactions-view-all .modal-content-transactions .my-transactions-swap-main .tbl-transactionss {
    max-height: 498px !important
  }

  .dashboad-swap .my-transactions-swap-main .tbl-transactionss {
    max-height: 200px !important
  }

  .dashboad-swap .swapleaderboard-table {
    max-height: 378px !important
  }

  .dashboad-swap .swapleaderboard-table.hasDiffHeight {
    max-height: 495px !important
  }

  .dashboad-swap .scroll-airdorp-content {
    height: 638px !important
  }
}

@media screen and (max-height:800px) {
  .vertical-swap-menu {
    max-height: 550px
  }

  .overflow-auto-y {
    max-height: 454px
  }

  .token-table {
    max-height: 261px
  }

  .transactions-list {
    max-height: 508px
  }

  .mains-input-swap .refrsh-btn {
    top: 12px
  }

  .has-dollar span {
    font-size: 16px
  }

  .direct-swap-body {
    min-height: 490px
  }

  .directly-swap .body-container .swap-value-container .currency-selector {
    height: 48px;
    padding: 6px 12px
  }

  .directly-swap .body-container .swap-value-container .currency-selector .currency-icon img {
    height: 22px;
    width: 22px
  }

  .directly-swap .body-container .swap-value-container .currency-selector .currency-icon span {
    bottom: -4px;
    right: -4px
  }

  .directly-swap .body-container .swap-value-container .currency-selector .currency-icon span img {
    height: 12px;
    width: 12px
  }

  .directly-swap .body-container .swap-value-container .currency-selector .currency-name h4 {
    font-size: 14px
  }

  .directly-swap .body-container .swap-value-container .value-input input {
    font-size: 18px;
    height: 48px
  }

  .directly-swap .body-container .swap-value-container .value-input .flex-swap-con {
    height: 48px
  }

  .directly-swap .body-container .swap-value-container .value-input .flex-swap-con input {
    height: 38px;
    padding: 0 35px 0 6px
  }

  .direct-swap-outer.shift-content .side-content {
    min-height: 685px
  }

  .new-swap-widget .swap-value-container .currency-selector {
    height: 48px;
    padding: 7px 12px
  }

  .new-swap-widget .swap-value-container .currency-selector .currency-name h4 {
    font-size: 14px
  }

  .new-swap-widget .swap-value-container .currency-selector .currency-icon img {
    height: 22px;
    width: 22px
  }

  .new-swap-widget .swap-value-container .currency-selector .currency-icon span {
    bottom: -3px;
    right: -4px
  }

  .new-swap-widget .swap-value-container .currency-selector .currency-icon span img {
    height: 12px;
    width: 12px
  }

  .new-swap-widget .swap-value-container .paste-address input {
    font-size: 12px;
    height: 36px
  }

  .new-swap-widget .swap-value-container .paste-address p {
    font-size: 12px
  }

  .new-swap-widget .swap-value-container .paste-address .btn {
    font-size: 13px
  }

  .new-swap-widget .swap-value-container .paste-address .valid-in-valid svg {
    right: 4px;
    top: -4px
  }

  .insufficient-balance p {
    font-size: 12px
  }

  .text-exnge-price {
    font-size: 13px
  }

  .directly-swap .body-container .direct-swap-main .direct-swap-header .direct-swap-logo {
    max-width: 170px
  }

  .directly-swap .transaction-fee-btns {
    padding: 0 3px 0 10px
  }

  .directly-swap .transaction-fee-btns .point-lft {
    border-bottom: 1px solid #0d6efd;
    color: #0d6efd
  }

  .directly-swap .transaction-fee-btns .point-lft svg {
    fill: #0d6efd;
    margin-left: 8px;
    width: 16px
  }

  .points-fees-sp {
    padding: 7px 10px
  }
}

.point-lft {
  border-bottom: 1px solid #0d6efd;
  color: #0d6efd;
  display: inline-flex;
  font-size: 13px;
  justify-content: center
}

.point-lft svg {
  fill: #0d6efd;
  margin-left: 8px;
  width: 16px
}

@media screen and (max-width:1150px) {
  .my-assets-main .assets-box-white {
    gap: 3px;
    padding: 6px 10px
  }

  .my-assets-main .assets-box-white .favourites-icons-main-flex .favourites-icons-main .favourites-icons {
    height: 16px;
    width: 16px
  }

  .my-assets-main .assets-box-white .favourites-icons-main-flex .favourites-text-lbl {
    font-size: 10px
  }

  .direct-swap-outer .side-content .nft-tier-nav .links li button,
  .direct-swap-outer .side-content .nft-tier-nav .links li button .active {
    font-size: 12px
  }

  .direct-swap-outer .side-content .nft-tier-nav .search-tokn .search-bar-my-asset {
    min-width: 110px
  }

  .direct-swap-outer.shift-content .side-content {
    min-width: 590px
  }

  .chain-summary {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
  }
}

.swap-mobile-footer {
  display: none
}

@media screen and (max-width:1024px) {
  body {
    background: #9a3308;
    background: linear-gradient(180deg, #9a3308, #450589)
  }

  .for-mobile-device .airdrop-bg video,
  .for-mobile-device .swap-wallet-btn,
  .for-mobile-device .vertical-swap-menu {
    display: none
  }

  .swap-mobile-footer {
    background: #fff;
    bottom: 0;
    box-shadow: 4px 3px 33px #0000003b;
    display: flex;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index: 99999
  }

  .swap-mobile-footer .foundation-icon-mobile svg path {
    fill: #000
  }

  .swap-mobile-footer .footer-link {
    width: 33.33%
  }

  .swap-mobile-footer .footer-link span {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: column;
    gap: 7px;
    justify-content: center;
    text-align: center;
    width: 100%
  }

  .swap-mobile-footer .footer-link span svg {
    color: #000;
    height: 24px;
    margin: 0;
    width: 24px
  }

  .swap-mobile-footer .footer-link span p {
    font-size: 14px
  }

  .swap-mobile-footer .footer-link.active span,
  .swap-mobile-footer .footer-link.active span svg {
    color: #ff4500
  }

  .swap-mobile-footer .footer-link.active .foundation-icon-mobile svg path {
    fill: #ff4500
  }
}

@media screen and (max-width:767px) {
  .directly-swap .body-container .direct-swap-main {
    min-height: calc(100vh - 50px)
  }

  .directly-swap .transaction-fee-mdl {
    border-radius: 24px 24px 0 0;
    bottom: 74px;
    position: fixed
  }

  .directly-swap .shift-content .overlay-tra {
    border-radius: 0
  }

  .direct-swap-outer.shift-content .side-content {
    display: none
  }
}

@media screen and (max-width:600px) {
  .body-container {
    padding: 0 !important
  }

  .for-mobile-device .direct-swap-outer {
    width: 100%
  }

  .for-mobile-device .direct-swap-outer .min-width-400 {
    max-width: 100%;
    min-width: 100%;
    width: 100%
  }

  .for-mobile-device .direct-swap-outer .min-width-400 .direct-swap-main {
    border-radius: 0;
    height: auto;
    max-width: 100%;
    min-width: 100%;
    padding: 32px 12px 62px;
    width: 100%
  }

  .for-mobile-device .direct-swap-outer .min-width-400 .direct-swap-main .direct-swap-body {
    min-height: calc(94vh - 221px)
  }
}

.textlink-view a {
  align-items: center;
  border-bottom: 1px solid #2c56dd;
  color: #2c56dd;
  display: inline-flex;
  gap: 8px;
  padding-bottom: 2px
}

.header-buttons {
  background-color: #fff;
  border-radius: 6px;
  display: flex;
  position: absolute;
  right: 0;
  top: -40px
}

.header-buttons .btn {
  align-items: center;
  border-radius: 6px;
  display: flex;
  font-size: 12px;
  gap: 7px;
  padding: 6px 12px
}

.header-buttons .btn:hover {
  color: #000
}

.header-buttons .btn.active {
  background-color: #ff6717;
  border: 1px solid #ff6717;
  color: #fff
}

.tab-switcher-for-swap {
  background: #fff;
  border-radius: 8px;
  display: flex;
  margin-bottom: 10px;
  padding: 2px;
  width: 100%
}

.tab-switcher-for-swap button {
  border-radius: 6px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 10px;
  transition: background .3s ease, color .3s ease, border-color .3s ease;
  width: 50%
}

.tab-switcher-for-swap button.btn-active {
  background: #ff6718 !important;
  background-color: #ff6718 !important;
  border-color: #ff6718 !important;
  color: #fff !important
}

.tab-switcher-for-swap button:active,
.tab-switcher-for-swap button:focus,
.tab-switcher-for-swap button:focus-visible,
.tab-switcher-for-swap button:focus-within,
.tab-switcher-for-swap button:hover,
.tab-switcher-for-swap button:visited {
  background: #ff6718;
  color: #fff
}

.swap-stat {
  background: linear-gradient(88deg, #5c17aa 1.92%, #b09 96.24%);
  border-radius: 16px;
  margin: -40px auto 0;
  padding: 12px;
  width: calc(100% - 40px)
}

.AnalyticsNavyBlue {
  background: #fff;
  border-radius: 8px;
  color: #f15f18;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  padding: 6px 16px
}

.AnalyticsNavyBlue svg {
  margin-right: 8px;
  width: 18px
}

.AnalyticsNavyBlue:hover {
  background: #f5f3fd;
  color: #172238
}

.share-swap-pair {
  position: absolute;
  right: 198px;
  top: 10px
}

.price-compare-spaceAditional {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 38%
}

.price-compare-spaceAditional .priceComapre {
  background: #ff6718 !important;
  border-radius: 30px;
  color: #fff !important;
  padding: 6px 16px !important
}

.maxHeighControl {
  border-bottom-right-radius: 16px;
  max-height: 641px;
  overflow-y: hidden
}

.aboutbridgelessswap {
  background: #f3f6fd;
  max-height: 600px;
  overflow-y: auto;
  position: relative
}

.aboutbridgelessswap:after {
  background: #f3f6fd url(/static/media/how-x-talk-work-bg.52d0d956b535d6b31ab9.png) no-repeat;
  background-size: 100% 700px;
  content: "";
  height: 700px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.aboutbridgelessswap .hero-about-bridgeswap {
  color: #fff;
  padding: 60px 40px
}

.aboutbridgelessswap .hero-about-bridgeswap .content-hero h1 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px
}

.aboutbridgelessswap .hero-about-bridgeswap .content-hero h4 {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px
}

.aboutbridgelessswap .hero-about-bridgeswap .content-hero p {
  font-size: 12px;
  line-height: 20px
}

.aboutbridgelessswap .hero-about-bridgeswap .content-hero .white-btn {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 30px;
  color: #f11;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  gap: 5px;
  padding: 8px 20px
}

.aboutbridgelessswap .hero-about-bridgeswap .content-hero .white-btn img {
  min-width: 24px
}

.aboutbridgelessswap img {
  max-width: 100%
}

.aboutbridgelessswap .p-16 {
  padding: 0 16px
}

.aboutbridgelessswap .whitebox-6 {
  background-color: #fff;
  border-radius: 16px;
  height: 100%;
  padding: 20px
}

.aboutbridgelessswap .whitebox-6 .icon-whitebox {
  margin-bottom: 10px
}

.aboutbridgelessswap .whitebox-6 h3 {
  color: #172238;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px
}

.aboutbridgelessswap .whitebox-6 ul {
  list-style-type: disc;
  margin-left: 20px
}

.aboutbridgelessswap .whitebox-6 ul li {
  color: #667085;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 5px
}

.aboutbridgelessswap .whitebox-6 ul li span {
  font-weight: 600
}

.aboutbridgelessswap .bridges-x-talk {
  background-color: #fff;
  padding: 16px
}

.aboutbridgelessswap .bridges-x-talk h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center
}

.aboutbridgelessswap .bridges-x-talk .tableborders {
  border: 1px solid #d0daef;
  border-radius: 12px
}

.aboutbridgelessswap .bridges-x-talk .tableborders table {
  width: 100%
}

.aboutbridgelessswap .bridges-x-talk .tableborders table thead {
  background: #f35d2d;
  background: linear-gradient(86deg, #f35d2d, #950be6 93%);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.aboutbridgelessswap .bridges-x-talk .tableborders table thead tr th {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  padding: 10px
}

.aboutbridgelessswap .bridges-x-talk .tableborders table thead tr th:first-child {
  border-top-left-radius: 12px
}

.aboutbridgelessswap .bridges-x-talk .tableborders table thead tr th:last-child {
  border-top-right-radius: 12px
}

.aboutbridgelessswap .bridges-x-talk .tableborders table tbody tr {
  border-bottom: 1px solid #d0daef
}

.aboutbridgelessswap .bridges-x-talk .tableborders table tbody tr td {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  padding: 10px
}

.aboutbridgelessswap .bridges-x-talk .tableborders table tbody tr th {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  padding: 10px
}

.aboutbridgelessswap .x-talk-processflow {
  padding: 30px
}

.aboutbridgelessswap .x-talk-processflow h3 {
  color: #0f1323;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center
}

.aboutbridgelessswap .x-talk-processflow .xtalk-flow img {
  max-width: 100%
}

.aboutbridgelessswap .bridging-attack-vectors {
  background-image: url(/static/media/bridging-attack-vectors-bg.0376b3d4e06163d21f03.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 40px
}

.aboutbridgelessswap .bridging-attack-vectors h3 {
  color: #0f1323;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center
}

.aboutbridgelessswap .bridging-attack-vectors h3 span {
  display: block;
  font-size: 24px;
  font-weight: 300;
  margin-top: 10px
}

.aboutbridgelessswap .bridging-attack-vectors p {
  font-size: 14px;
  margin-bottom: 20px
}

.aboutbridgelessswap .bridging-attack-vectors p span {
  color: #000;
  font-weight: 600
}

.aboutbridgelessswap .bridging-attack-vectors p .grnt {
  background: #f35d2d;
  background: linear-gradient(86deg, #f35d2d, #950be6 93%);
  border-radius: 4px;
  color: #fff;
  font-weight: 400;
  padding: 1px 4px
}

.aboutbridgelessswap .breakdown-of-traditional {
  background: #fff;
  padding: 60px 0
}

.aboutbridgelessswap .breakdown-of-traditional h3 {
  color: #0f1323;
  font-size: 28px;
  font-weight: 600;
  margin: 0 auto 20px;
  max-width: 440px;
  text-align: center
}

.aboutbridgelessswap .breakdown-of-traditional .grid-cal-breakdown {
  background-color: #f3f6fd;
  border-radius: 8px;
  padding: 16px
}

.aboutbridgelessswap .breakdown-of-traditional .grid-cal-breakdown h4 {
  color: #172238;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px
}

.aboutbridgelessswap .breakdown-of-traditional .grid-cal-breakdown p {
  color: #667085;
  font-size: 14px;
  margin-bottom: 0
}

.aboutbridgelessswap .breakdown-of-traditional .grid-cal-breakdown .icon-breakdown {
  margin-bottom: 10px
}

.aboutbridgelessswap .key-attack-vectors {
  background: #0a0722 url(/static/media/key-attackvector-bg.a2865818d94123ab7b2b.png) no-repeat 50%;
  border-radius: 20px;
  color: #fff;
  padding: 40px
}

.aboutbridgelessswap .key-attack-vectors h3 {
  font-size: 22px;
  margin-bottom: 30px;
  text-align: center
}

.aboutbridgelessswap .key-attack-vectors .key-box-col {
  margin-bottom: 30px
}

.aboutbridgelessswap .key-attack-vectors .key-box-col h3 {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
  margin-bottom: 10px;
  text-align: left
}

.aboutbridgelessswap .key-attack-vectors .key-box-col h3 img {
  min-width: 18px
}

.aboutbridgelessswap .key-attack-vectors .key-box-col p {
  color: #a0a6b2;
  font-size: 14px;
  margin-bottom: 0
}

.aboutbridgelessswap .key-attack-vectors .keyimg-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.aboutbridgelessswap .key-attack-vectors .these-p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 30px
}

.aboutbridgelessswap .key-attack-vectors .flexdiv-these {
  display: flex;
  gap: 15px;
  width: 100%
}

.aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex {
  border: 1px solid #ccc;
  border-radius: 16px;
  display: flex;
  gap: 15px;
  min-width: 32%;
  padding: 10px
}

.aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex .circle {
  background-color: #fff;
  border-radius: 50px;
  height: 20px;
  min-width: 20px;
  width: 20px
}

.aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex .content-these h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px
}

.aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex .content-these p {
  font-size: 13px
}

.aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex.red-color {
  background-color: #ea433526;
  border-color: #ea4335
}

.aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex.red-color .circle {
  background-color: #ea4335
}

.aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex.yellow-color {
  background-color: #fabc0526;
  border-color: #fabc05
}

.aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex.yellow-color .circle {
  background-color: #fabc05
}

.aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex.green-color {
  background-color: #33a85226;
  border-color: #33a852
}

.aboutbridgelessswap .key-attack-vectors .flexdiv-these .col-flex.green-color .circle {
  background-color: #33a852
}

.aboutbridgelessswap .real-world-analogy {
  padding: 60px 0
}

.aboutbridgelessswap .real-world-analogy h3 {
  color: #0f1323;
  font-size: 28px;
  font-weight: 600;
  text-align: center
}

.aboutbridgelessswap .real-world-analogy h3 span {
  display: block;
  font-size: 24px;
  font-weight: 300;
  margin-top: 10px
}

.aboutbridgelessswap .real-world-analogy p {
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 30px
}

.aboutbridgelessswap .real-world-analogy .table-swap {
  border: 1px solid #e8eaf1;
  border-radius: 12px;
  overflow: hidden
}

.aboutbridgelessswap .real-world-analogy .table-swap table tr th {
  background-color: #f3f6fd;
  border-bottom: 1px solid #dce0e9;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 10px
}

.aboutbridgelessswap .real-world-analogy .table-swap table tr th:first-child {
  border-top-left-radius: 12px
}

.aboutbridgelessswap .real-world-analogy .table-swap table tr td {
  border-bottom: 1px solid #dce0e9;
  color: #000;
  font-size: 14px;
  font-weight: 300;
  padding: 10px
}

.aboutbridgelessswap .real-world-analogy .table-swap table tr td:last-child {
  border-top-right-radius: 12px
}

.aboutbridgelessswap .major-hacks-div {
  padding-bottom: 60px
}

.aboutbridgelessswap .major-hacks-div h3 {
  color: #0f1323;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: center
}

.aboutbridgelessswap .major-hacks-div h3 span {
  display: block;
  font-size: 24px;
  font-weight: 300;
  margin-top: 10px
}

.aboutbridgelessswap .major-hacks-div .box-major-hacks {
  border: 1px solid #dce0e9;
  border-radius: 16px;
  height: 100%;
  overflow: hidden
}

.aboutbridgelessswap .major-hacks-div .box-major-hacks .red-major-hacks {
  background: #ea4335;
  background: linear-gradient(86deg, #ea4335, #bf2d20 93%);
  color: #fff;
  padding: 16px
}

.aboutbridgelessswap .major-hacks-div .box-major-hacks .red-major-hacks h4 {
  font-size: 16px;
  font-weight: 300
}

.aboutbridgelessswap .major-hacks-div .box-major-hacks .red-major-hacks h4 span {
  display: block;
  font-weight: 600;
  margin-top: 15px
}

.aboutbridgelessswap .major-hacks-div .box-major-hacks .red-major-hacks.yellow-div {
  background: #fabc05;
  background: linear-gradient(86deg, #fabc05, #c39409 93%)
}

.aboutbridgelessswap .major-hacks-div .box-major-hacks .red-major-hacks.green-div {
  background: #33a852;
  background: linear-gradient(86deg, #33a852, #0f7e2d 93%)
}

.aboutbridgelessswap .major-hacks-div .box-major-hacks .content-major-hacks {
  padding: 16px
}

.aboutbridgelessswap .major-hacks-div .box-major-hacks .content-major-hacks h5 {
  align-items: center;
  display: flex;
  gap: 10px
}

.aboutbridgelessswap .major-hacks-div .box-major-hacks .content-major-hacks p {
  color: #667085;
  margin-bottom: 20px
}

.aboutbridgelessswap .major-hacks-div .box-major-hacks .content-major-hacks p span {
  color: #000;
  font-weight: 600
}

.aboutbridgelessswap .major-hacks-div .box-major-hacks .content-major-hacks p.flex-checkmark {
  align-items: start;
  color: #000;
  display: flex;
  font-weight: 600;
  gap: 10px
}

.aboutbridgelessswap .why-x-talk-eliminates {
  border-radius: 20px;
  display: flex;
  overflow: hidden
}

.aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div {
  background-color: #dee4f1;
  min-width: 50%;
  padding: 20px
}

.aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px
}

.aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div h5 {
  font-weight: 18px;
  font-weight: 300;
  margin-bottom: 20px
}

.aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div h5 span {
  font-weight: 600
}

.aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div ul li {
  align-items: start;
  display: flex;
  font-size: 14px;
  gap: 10px;
  margin-bottom: 15px
}

.aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div ul li span {
  font-weight: 600
}

.aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div ul li p {
  margin-bottom: 0
}

.aboutbridgelessswap .why-x-talk-eliminates .flex-x-talk-div.lightgraybg {
  background-color: #f3f5fc
}

.aboutbridgelessswap .IamSpacer {
  background: #fff;
  padding-bottom: 30px;
  padding-top: 150px
}

.aboutbridgelessswap .validates-abt-section {
  background: #190790;
  background: linear-gradient(86deg, #190790, #b09 93%);
  border-radius: 20px;
  color: #fff;
  display: flex
}

.aboutbridgelessswap .validates-abt-section .black-left {
  align-items: center;
  background-color: #000;
  border-radius: 20px 0 0 20px;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-width: 320px;
  padding-top: 140px;
  position: relative
}

.aboutbridgelessswap .validates-abt-section .black-left ul {
  position: relative;
  z-index: 1
}

.aboutbridgelessswap .validates-abt-section .black-left ul li {
  display: flex;
  gap: 10px;
  margin-bottom: 10px
}

.aboutbridgelessswap .validates-abt-section .black-left .img-black {
  position: absolute;
  top: -100px;
  width: 230px
}

.aboutbridgelessswap .validates-abt-section .wallet-color-bg-left {
  padding: 25px
}

.aboutbridgelessswap .validates-abt-section .wallet-color-bg-left h5 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 20px
}

.aboutbridgelessswap .validates-abt-section .wallet-color-bg-left h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px
}

.aboutbridgelessswap .validates-abt-section .wallet-color-bg-left p {
  background-color: #fff;
  border-radius: 4px;
  color: #000;
  display: inline-block;
  font-size: 16px;
  padding: 10px 20px
}

.aboutbridgelessswap .bg-white {
  background: #fff
}

.nft-tier-nav {
  background-color: #fff;
  border-bottom: 1px solid #dae0ee;
  justify-content: space-between;
  margin-bottom: 0 !important
}

.nft-tier-nav,
.nft-tier-nav ul {
  align-items: center;
  display: flex
}

.nft-tier-nav ul {
  gap: 5px
}

.nft-tier-nav ul li button {
  background-color: #0000;
  border: none;
  color: #000;
  font-size: 13px;
  font-weight: 300;
  padding: 10px 16px;
  position: relative;
  z-index: 0
}

.nft-tier-nav ul li button.active {
  color: #ff6717;
  font-weight: 500
}

.nft-tier-nav ul li button.active:after {
  background-color: #fc651b;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.nft-tier-nav .mint-nft-button {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 6px 16px
}

.swapathon-menu {
  background: #fff;
  width: 100%
}

.swapathon-menu ul {
  display: flex
}

.swapathon-menu ul li a {
  color: #000;
  display: inline-block;
  font-size: 14px;
  padding: 10px 16px
}

.swapathon-menu ul li a.active {
  border-bottom: 1px solid #ff6717;
  color: #ff6717
}

.pawnnft-maindiv img {
  max-width: 100%
}

.pawnnft-maindiv {
  max-height: 640px;
  overflow-y: auto
}

.pawnnft-maindiv .nft-tier-nav {
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #dae0ee;
  display: flex;
  justify-content: space-between;
  padding-right: 16px !important;
  z-index: 11
}

.pawnnft-maindiv .nft-tier-nav ul {
  align-items: center;
  display: flex;
  gap: 5px
}

.pawnnft-maindiv .nft-tier-nav ul li button {
  background-color: #0000;
  border: none;
  color: #000;
  font-size: 13px;
  font-weight: 300;
  padding: 10px 16px;
  position: relative;
  z-index: 0
}

.pawnnft-maindiv .nft-tier-nav ul li button.active {
  color: #ff6717;
  font-weight: 500
}

.pawnnft-maindiv .nft-tier-nav ul li button.active:after {
  background-color: #fc651b;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.pawnnft-maindiv .nft-tier-nav .mint-nft-button {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 6px 16px
}

.pawnnft-maindiv .pawn-nft-support {
  background-color: #fff;
  padding: 60px 20px
}

.pawnnft-maindiv .pawn-nft-support h3 {
  color: #0f1323;
  font-size: 28px;
  font-weight: 600
}

.pawnnft-maindiv .pawn-nft-support h4 {
  color: #0f1323;
  font-size: 24px;
  font-weight: 300
}

.pawnnft-maindiv .pawn-nft-support p {
  font-size: 14px;
  margin-bottom: 20px
}

.pawnnft-maindiv .pawn-nft-support p span {
  font-weight: 600
}

.pawnnft-maindiv .pawn-nft-support p.boldfont {
  font-weight: 600;
  margin-top: 30px
}

.pawnnft-maindiv .pawn-nft-support ul li {
  display: flex;
  gap: 10px;
  margin-bottom: 10px
}

.pawnnft-maindiv .pawn-nft-support .pawn-cardimg {
  border-radius: 20px;
  box-shadow: 0 0 12px #42465021;
  margin-top: 10px;
  padding: 30px;
  text-align: center
}

.pawnnft-maindiv .pawn-nft-support .pawn-cardimg .pawn-border {
  background-color: #fff;
  border-radius: 16px;
  margin: 0 auto 15px;
  max-width: 110px;
  padding: 2px;
  position: relative;
  z-index: 2
}

.pawnnft-maindiv .pawn-nft-support .pawn-cardimg .pawn-border:before {
  background: linear-gradient(180deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.pawnnft-maindiv .pawn-nft-support .pawn-cardimg .pawn-border .imagenftpawn {
  background-color: #fff;
  border-radius: 13px;
  padding: 12px 12px 4px
}

.pawnnft-maindiv .pawn-nft-support .pawn-cardimg .pawn-border .imagenftpawn img {
  border-radius: 12px
}

.pawnnft-maindiv .pawn-nft-support .pawn-cardimg .pawn-border h4 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 0;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase
}

.pawnnft-maindiv .pawn-nft-support .pawn-cardimg .btn-mints {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 8px 16px
}

.pawnnft-maindiv .pawn-nft-support .pawn-cardimg .btn-mints:hover {
  background-color: #000;
  color: #fff
}

.pawnnft-maindiv .pawn-nft-support .pawn-cardimg p {
  color: #667085;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 10px
}

.pawnnft-maindiv .pawn-nft-support .pawn-cardimg p span {
  color: #000;
  font-weight: 600
}

.pawnnft-maindiv .benefits-section-div-ui {
  padding: 60px 20px
}

.pawnnft-maindiv .benefits-section-div-ui h4 {
  display: flex;
  font-size: 24px;
  gap: 10px;
  margin-bottom: 20px
}

.pawnnft-maindiv .benefits-section-div-ui h3 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px
}

.pawnnft-maindiv .benefits-section-div-ui ul {
  border-bottom: 1px solid #dadde8;
  margin-bottom: 30px;
  padding-bottom: 30px
}

.pawnnft-maindiv .benefits-section-div-ui ul li {
  align-items: start;
  display: flex;
  gap: 10px;
  margin-bottom: 30px
}

.pawnnft-maindiv .benefits-section-div-ui ul li h6 {
  color: #010101;
  font-size: 14px;
  font-weight: 600
}

.pawnnft-maindiv .benefits-section-div-ui ul li p {
  color: #3a3d4a;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0
}

.pawnnft-maindiv .benefits-section-div-ui ul li p span {
  color: #000;
  font-weight: 600
}

.pawnnft-maindiv .benefits-section-div-ui .mintyoubutton {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 10px 30px
}

.pawnnft-maindiv .benefits-section-div-ui .mintyoubutton:hover {
  background-color: #000;
  color: #fff
}

.pawnnft-maindiv .benefits-section-div-ui .small-p-text {
  font-size: 12px;
  margin-top: 5px
}

.pawnnft-maindiv .minnftfree-main {
  background-image: url(/static/media/bgnftbg.63b2beb958f2f528bbbf.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 40px;
  text-align: center
}

.pawnnft-maindiv .minnftfree-main img {
  margin-bottom: 20px
}

.pawnnft-maindiv .minnftfree-main h3 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px
}

.pawnnft-maindiv .minnftfree-main p {
  font-size: 18px;
  margin-bottom: 0
}

.minnowspace {
  background: #fff3;
  border-radius: 0 0 12px 12px;
  padding: 6px 16px
}

.minnowspace .minNowCTA {
  background: #ff6718;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  margin-left: 8px;
  padding: 3px 10px
}

.minnowspace p {
  color: #fff;
  font-size: 13px
}

.mintyoubutton {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 10px 30px
}

.mintyoubutton:hover {
  background-color: #000;
  color: #fff
}

.colFlex {
  display: flex;
  flex-direction: column
}

.react-datepicker-popper {
  right: 536px
}

.spinner {
  animation: spinner .75s linear infinite;
  height: 30px;
  left: calc(50% - 15px);
  position: absolute;
  top: calc(50% - 15px);
  width: 30px
}

.spinner span {
  border-radius: 50%;
  height: 100%;
  position: absolute;
  width: 100%
}

.spinner .spinner-inner-1 {
  background: linear-gradient(90deg, #2085d500 0, #2085d500 50%, #2085d5 51%)
}

.spinner .spinner-inner-2 {
  background: linear-gradient(0deg, #fff0 0, #fff)
}

.spinner .spinner-inner-3 {
  background: #fff;
  height: 24px;
  left: 3px;
  top: 3px;
  width: 24px
}

@keyframes spinner {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.for-direct-only .select-network {
  max-height: 700px
}

.for-direct-only .select-network .network-selection,
.for-direct-only .select-network .token-selection {
  height: 100%;
  max-height: 300px;
  overflow-y: auto
}

.mains-input-swap input {
  padding-left: 10px !important
}

.swap-exnge-rt {
  margin-bottom: 10px;
  margin-top: 10px
}

.pointeForSwap {
  background: #17202d;
  border: 1px solid #f0b90b;
  border-radius: 8px;
  display: flex;
  margin-top: 16px;
  overflow: hidden
}

.pointeForSwap .earningPoints {
  background: #f0b90b;
  color: #000;
  padding: 8px 12px;
  width: 40%
}

.pointeForSwap .earningPoints p {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 2px;
  text-transform: uppercase
}

.pointeForSwap .earningPoints h4 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 0
}

.pointeForSwap .upgradeContent {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 4px;
  justify-content: space-between;
  padding: 8px 12px;
  width: 100%
}

.pointeForSwap .upgradeContent h5 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px
}

.pointeForSwap .upgradeContent h5 span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff -21.95%, #890ce2 -12.39%, #a824ac 5.37%, #c2387f 24.49%, #d84959 42.24%, #e9563c 61.37%, #f55f27 79.12%, #fc651b 96.88%, #ff6717 114.63%);
  background-clip: text;
  -webkit-background-clip: text;
  font-weight: 700
}

.pointeForSwap .upgradeContent p {
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 0
}

.pointeForSwap .upgradeContent p span {
  display: inline-block;
  font-weight: 600
}

.btn-gradientForPoint {
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%);
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 12px
}

.gradient-border-box {
  background: linear-gradient(90deg, #ff6a00, #ff3cba, #7b2ff7);
  border-radius: 8px;
  margin-top: 16px;
  padding: 1px
}

@media screen and (max-width:919px) {
  .gradient-border-box {
    display: none
  }
}

.gradient-border-box .noNFTSpaceToUpgrade {
  align-items: center;
  background: #17202d;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 8px 10px
}

.gradient-border-box .noNFTSpaceToUpgrade p {
  font-size: 13px;
  font-weight: 500;
  margin: 0
}

.swap-value-container {
  background: #e6e1ef;
  border-radius: 12px;
  padding: 12px
}

.swap-value-container .currency-selector {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 12px;
  cursor: pointer;
  padding: 16px 12px
}

.swap-value-container .currency-selector .currency-icon {
  margin-right: 10px;
  position: relative
}

.swap-value-container .currency-selector .currency-icon img {
  height: 32px;
  width: 32px
}

.swap-value-container .currency-selector .currency-icon span {
  bottom: 0;
  position: absolute;
  right: -4px
}

.swap-value-container .currency-selector .currency-icon span img {
  height: 14px;
  width: 14px
}

.swap-value-container .currency-selector .currency-name {
  margin-right: 10px
}

.swap-value-container .currency-selector .currency-name h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  max-width: 70px
}

.swap-value-container .currency-selector .currency-name p {
  font-size: 10px;
  margin-bottom: 0;
  max-width: 70px
}

.swap-value-container .value-input {
  margin-right: 8px
}

.swap-value-container .value-input input {
  background: #0000;
  margin-bottom: 4px;
  padding: 0 10px 0 0
}

.swap-value-container .value-input input:active,
.swap-value-container .value-input input:focus,
.swap-value-container .value-input input:hover {
  border: none;
  box-shadow: none;
  outline: none
}

.swap-value-container .value-input .dollar-value {
  font-size: 12px;
  margin-bottom: 0
}

.swap-value-container .value-input .btn-exchange {
  background: #0000;
  border: 0;
  border-radius: 30px;
  padding: 0
}

.swap-value-container .value-input .btn-exchange:hover {
  background: #fff
}

.swap-value-container .cta-space {
  margin-top: 8px
}

.swap-value-container .cta-space .btn-outline-connect {
  align-items: center;
  background: #2d24681a;
  border-radius: 30px;
  color: #2d2468;
  display: flex;
  font-size: 12px;
  justify-content: center;
  padding: 3px 10px
}

.swap-value-container .cta-space .btn-outline-connect img {
  margin-right: 8px;
  width: 20px
}

.swap-value-container .cta-space .btn-outline-connect:hover {
  background: #2d2468;
  color: #fff
}

.swap-value-container .cta-space .balance {
  font-size: 12px;
  margin-bottom: 5px;
  text-align: right
}

.swap-value-container .paste-address {
  height: 40px;
  margin-top: 10px;
  position: relative
}

.swap-value-container .paste-address input {
  border: none;
  border-radius: 8px;
  font-size: 14px;
  height: 40px;
  padding-left: 50px;
  padding-right: 38px;
  position: absolute;
  width: 100%
}

.swap-value-container .paste-address input:focus {
  border: 1px solid #ff6619;
  outline: none
}

.swap-value-container .paste-address p {
  border-right: 1px solid #ccc;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  left: 8px;
  margin-bottom: 0;
  padding: 0 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}

.swap-value-container .paste-address .btn {
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.dashboad-swap {
  border-bottom-right-radius: 16px;
  height: 100%;
  max-height: 599px;
  overflow: hidden
}

.dashboad-swap .scroll-airdorp-content {
  max-height: 635px;
  overflow: auto;
  width: 100%
}

.dashboad-swap .trans-pagination ul li {
  font-size: 12px
}

.dashboad-swap .trans-pagination ul li.btn {
  height: 28px;
  min-width: 28px
}

.dashboad-swap .dashboad-swap-banner {
  align-items: center;
  background-image: url(/static/media/competition-bnr-dv.448a32e834893d9be447.svg);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  color: #fff;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: -14px;
  padding: 22px 160px 14px 20px;
  position: relative
}

.dashboad-swap .dashboad-swap-banner h5 {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0
}

.dashboad-swap .dashboad-swap-banner .competition-closes {
  align-items: center;
  background-color: #00000026;
  border-radius: 6px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  max-width: 240px;
  padding: 6px 20px;
  width: 100%
}

.dashboad-swap .dashboad-swap-banner .competition-closes .airdrop-bnr {
  bottom: -10px;
  position: absolute;
  right: -10px
}

.dashboad-swap .dashboad-swap-banner .competition-closes .box-timer {
  text-align: center
}

.dashboad-swap .dashboad-swap-banner .competition-closes .box-timer h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 2px
}

.dashboad-swap .dashboad-swap-banner .competition-closes .box-timer p {
  font-size: 8px;
  letter-spacing: .5;
  margin-bottom: 0;
  text-transform: uppercase
}

.dashboad-swap .dashboad-swap-body h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 9px
}

.dashboad-swap .dashboad-swap-body .overview-dash {
  display: flex;
  gap: 14px;
  justify-content: space-between
}

.dashboad-swap .dashboad-swap-body .overview-dash .overview-card {
  background-color: #f3f6fd;
  border-radius: 12px;
  padding: 12px;
  width: 100%
}

.dashboad-swap .dashboad-swap-body .overview-dash .overview-card .overview-icon {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 28px;
  justify-content: center;
  margin-bottom: 8px;
  width: 28px
}

.dashboad-swap .dashboad-swap-body .overview-dash .overview-card .overview-icon.green {
  background-color: #0fa43c
}

.dashboad-swap .dashboad-swap-body .overview-dash .overview-card .overview-icon.purple {
  background-color: #872cdd
}

.dashboad-swap .dashboad-swap-body .overview-dash .overview-card .overview-icon.orange {
  background-color: #eb3221
}

.dashboad-swap .dashboad-swap-body .overview-dash .overview-card h3 {
  color: #172238;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px
}

.dashboad-swap .dashboad-swap-body .overview-dash .overview-card p {
  color: #667085;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: .3px;
  margin-bottom: 0
}

.dashboad-swap .dashboad-swap-body .overview-dash .overview-card a {
  font-size: 12px
}

.dashboad-swap .dashboad-swap-body .card-white-bg {
  background-color: #fff;
  border-radius: 20px;
  border-radius: 16px;
  margin-top: 20px;
  padding: 30px
}

.dashboad-swap .dashboad-swap-body .card-white-bg .view-connect-wallet {
  text-align: center
}

.dashboad-swap .dashboad-swap-body .card-white-bg .view-connect-wallet .airdropconnect {
  margin: 0 auto 20px
}

.dashboad-swap .dashboad-swap-body .card-white-bg .view-connect-wallet h3 {
  font-size: 16px;
  font-weight: 600
}

.dashboad-swap .dashboad-swap-body .card-white-bg .view-connect-wallet .connect-wallet-btn {
  background-color: #f15f18;
  border: 1px solid #f15f18;
  border-radius: 30px;
  color: #fff;
  margin: 0 auto;
  padding: 10px 30px;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s
}

.dashboad-swap .dashboad-swap-body .card-white-bg .view-connect-wallet .connect-wallet-btn:hover {
  background-color: #fff;
  color: #f15f18;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s
}

.dashboad-swap .dashboad-swap-body .card-white-bg .view-connect-wallet .or-class {
  margin: 0 auto;
  max-width: 180px;
  position: relative;
  text-align: center
}

.dashboad-swap .dashboad-swap-body .card-white-bg .view-connect-wallet .or-class:after {
  background-color: #d7e0f5;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 100%
}

.dashboad-swap .dashboad-swap-body .card-white-bg .view-connect-wallet .or-class span {
  background-color: #fff;
  color: #d7e0f5;
  display: inline-block;
  font-size: 12px;
  padding: 10px;
  position: relative;
  z-index: 1
}

.dashboad-swap .dashboad-swap-body .card-white-bg .view-connect-wallet .wallet-addr input {
  background-color: #f3f6fd;
  border: 1px solid #f3f6fd;
  border-radius: 6px;
  color: #172238;
  font-size: 12px;
  height: 38px;
  margin: 10px auto 0;
  max-width: 320px;
  padding: 4px 10px;
  text-align: center;
  width: 100%
}

.dashboad-swap .dashboad-swap-body .card-white-bg .view-connect-wallet .wallet-addr input::placeholder {
  color: #858c9a
}

.dashboad-swap .dashboad-swap-body .rank-bg-swap {
  align-items: center;
  background: #190790;
  background: linear-gradient(37deg, #190790, #b09);
  border-radius: 12px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 16px
}

.dashboad-swap .dashboad-swap-body .rank-bg-swap .flex-rank {
  min-width: 140px;
  width: 100%
}

.dashboad-swap .dashboad-swap-body .rank-bg-swap .flex-rank p {
  font-size: 11px;
  font-weight: 300;
  letter-spacing: .3px;
  margin-bottom: 3px
}

.dashboad-swap .dashboad-swap-body .rank-bg-swap .flex-rank .myrank-cls {
  align-items: start;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  gap: 10px;
  margin-bottom: 0
}

.dashboad-swap .dashboad-swap-body .rank-bg-swap .flex-rank .myrank-cls span {
  background-color: #e7ba1c;
  border-radius: 20px;
  height: 7px;
  margin-top: 4px;
  width: 7px
}

.dashboad-swap .dashboad-swap-body .rank-bg-swap .slot-note {
  background: #fff;
  border-radius: 4px;
  color: #000;
  display: inline-flex;
  font-size: 12px;
  margin-bottom: 8px;
  padding: 4px 10px
}

.dashboad-swap .dashboad-swap-body .modal-overlay.transactions-view-all {
  align-items: center;
  background-color: #000000b3;
  border-radius: 0 20px 20px 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: end;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.dashboad-swap .dashboad-swap-body .modal-overlay.transactions-view-all .modal-content-transactions {
  background-color: #fff;
  border-radius: 16px 16px 16px 0;
  min-width: 100%;
  padding: 20px 0
}

.dashboad-swap .dashboad-swap-body .modal-overlay.transactions-view-all .modal-content-transactions .my-transactions-swap-main {
  margin-top: 0;
  padding: 0
}

.dashboad-swap .dashboad-swap-body .modal-overlay.transactions-view-all .modal-content-transactions .my-transactions-swap-main .tbl-transactionss {
  max-height: 476px
}

.dashboad-swap .dashboad-swap-body .modal-overlay.transactions-view-all .modal-content-transactions .transactions-modal-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 0 20px
}

.dashboad-swap .dashboad-swap-body .modal-overlay.transactions-view-all .modal-content-transactions .transactions-modal-head h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0
}

.dashboad-swap .dashboad-swap-body .modal-overlay.transactions-view-all .modal-content-transactions .transactions-modal-head .btn-close {
  font-size: 13px
}

.dashboad-swap .my-transactions-swap-main {
  background-color: #fff;
  border-radius: 12px;
  margin-top: 16px;
  padding: 12px 0
}

.dashboad-swap .my-transactions-swap-main .no-transaction-space {
  height: 165px;
  overflow: auto
}

.dashboad-swap .my-transactions-swap-main .transactions-footer-swap .trans-pagination {
  align-items: end;
  display: flex;
  flex-direction: column;
  padding: 20px 20px 0
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss {
  max-height: 191px;
  overflow: auto
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss .flextrnfr {
  align-items: center;
  display: flex;
  gap: 10px
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss .transactions-flex-cn {
  align-items: center;
  display: flex;
  gap: 6px;
  position: relative
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss .transactions-flex-cn .label-eth {
  font-size: 11px;
  font-weight: 500
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss .transactions-flex-cn .coin30 {
  background-color: #fff;
  border-radius: 50px;
  height: 18px;
  position: relative;
  width: 18px
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss .transactions-flex-cn .coin30 .smallicn-c {
  border-radius: 30px;
  bottom: -6px;
  position: absolute;
  right: 0;
  width: 10px
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss .transactions-flex-cn .coin30 .smallicn-c img {
  border: 1px solid #fff;
  border-radius: 20px
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss .transactions-flex-cn .coin30 img {
  height: auto;
  max-width: 100%
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss .transactions-flex-cn .coin30 .lg-image {
  height: 24px;
  min-width: 24px;
  width: 24px
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss .transactions-flex-cn .coin30 .xs-image {
  border: 1px solid #fff;
  border-radius: 30px;
  bottom: -3px;
  height: 14px;
  max-width: 100%;
  position: absolute;
  right: -4px;
  width: 14px
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss table {
  font-size: 11px;
  width: 100%
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss table thead tr th {
  background-color: #f3f6fd;
  font-weight: 500;
  padding: 10px 15px
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss table tbody tr td {
  background-color: #fff;
  border-bottom: 1px solid #eff1f8;
  font-weight: 400;
  padding: 10px 15px
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss table .bnb-swp {
  align-items: center;
  display: flex;
  gap: 10px
}

.dashboad-swap .my-transactions-swap-main .tbl-transactionss table .bnb-swp p {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px
}

.dashboad-swap .my-transactions-swap {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 0 16px
}

.dashboad-swap .my-transactions-swap h4 {
  color: #172238;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0
}

.dashboad-swap .my-transactions-swap .view-all-btn {
  background-color: #fff;
  border: 1px solid #2c56dd;
  border-radius: 30px;
  color: #2c56dd;
  font-size: 12px;
  padding: 4px 16px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s
}

.dashboad-swap .my-transactions-swap .view-all-btn:hover {
  background-color: #2c56dd;
  color: #fff;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s
}

.dashboad-swap .frame-icn {
  background-color: #0000;
  border: none
}

.dashboad-swap .leaderboard-pagination {
  align-items: end
}

.dashboad-swap .leaderboard-pagination,
.dashboad-swap .lucky-draw-pagination {
  display: flex;
  flex-direction: column;
  padding: 20px 0 0
}

.dashboad-swap .swapleaderboard-table {
  max-height: 392px;
  overflow: auto
}

.dashboad-swap .swapleaderboard-table table {
  border-collapse: collapse;
  font-size: 12px;
  width: 100%
}

.dashboad-swap .swapleaderboard-table table thead th {
  background-color: #e0e5f0;
  font-weight: 500;
  padding: 10px 15px;
  text-align: left
}

.dashboad-swap .swapleaderboard-table table thead th:first-child {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px
}

.dashboad-swap .swapleaderboard-table table thead th:last-child {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px
}

.dashboad-swap .swapleaderboard-table table thead tr {
  border-bottom: 6px solid #f4f6fd;
  margin-bottom: 8px
}

.dashboad-swap .swapleaderboard-table table tbody tr {
  background-color: #fff;
  border-bottom: 6px solid #f4f6fd;
  border-radius: 8px
}

.dashboad-swap .swapleaderboard-table table tbody tr.bg-none {
  background: #0000 !important
}

.dashboad-swap .swapleaderboard-table table tbody tr.currentuser {
  background: #7a01ff;
  background: linear-gradient(261deg, #7a01ff, #f86223 96%);
  color: #fff
}

.dashboad-swap .swapleaderboard-table table tbody tr td {
  height: 44px;
  padding: 6px 15px
}

.dashboad-swap .swapleaderboard-table table tbody tr td.highlight {
  font-weight: 600
}

.dashboad-swap .swapleaderboard-table table tbody tr td .height-sp {
  width: 20px
}

.dashboad-swap .swapleaderboard-table table tbody tr td .waltaddress-max {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px
}

.dashboad-swap .swapleaderboard-table table tbody tr td .rank-icon {
  align-items: center;
  display: flex
}

.dashboad-swap .swapleaderboard-table table tbody tr td .rank-icon img {
  margin-right: 5px
}

.dashboad-swap .swapleaderboard-table table tbody tr td:first-child {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}

.dashboad-swap .swapleaderboard-table table tbody tr td:last-child {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px
}

.dashboad-swap .airdropbanner-bg {
  align-items: center;
  background-image: url(/static/media/airdrop-banner-bg.a02f62f45831bcd8198b.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 400px;
  justify-content: flex-end;
  margin: 0;
  padding-bottom: 80px
}

.dashboad-swap .airdropbanner-bg .air-banner-content {
  color: #fff;
  margin-bottom: 16px;
  text-align: center
}

.dashboad-swap .airdropbanner-bg .air-banner-content .btn {
  font-size: 14px;
  padding: 6px 30px
}

.dashboad-swap .airdropbanner-bg .air-banner-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 10px
}

.dashboad-swap .airdropbanner-bg .air-banner-content h5 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px
}

.dashboad-swap .airdropbanner-bg .air-banner-content .competition-closes {
  background-color: #00000026;
  border-radius: 6px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 250px;
  padding: 6px 20px
}

.dashboad-swap .airdropbanner-bg .air-banner-content .competition-closes .box-timer {
  color: #fff;
  text-align: center
}

.dashboad-swap .airdropbanner-bg .air-banner-content .competition-closes .box-timer h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px
}

.dashboad-swap .airdropbanner-bg .air-banner-content .competition-closes .box-timer p {
  font-size: 9px;
  margin-bottom: 0;
  text-transform: uppercase
}

.dashboad-swap .airdrop-content {
  background-color: #fff;
  padding: 35px 0 0
}

.dashboad-swap .airdrop-content h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px
}

.dashboad-swap .airdrop-content .max-w-560 {
  margin: 0 auto;
  max-width: 560px
}

.dashboad-swap .airdrop-content h6 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 50px;
  text-align: center
}

.dashboad-swap .airdrop-content .trading-level-div {
  background-color: #fefbef;
  border-radius: 12px;
  box-shadow: 0 12px 35px #2d24681a;
  margin: 0 auto;
  max-width: 560px
}

.dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  gap: 20px;
  padding: 12px 18px;
  position: relative
}

.dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .trading-flex-left {
  align-items: center;
  display: flex;
  gap: 15px
}

.dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .trading-flex-left p {
  color: #667085;
  font-size: 12px;
  margin-bottom: 5px
}

.dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .trading-flex-left h4 {
  color: #172238;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0
}

.dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .trading-flex-right {
  border-left: 1px solid #f0f1f3;
  padding-left: 20px
}

.dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .trading-flex-right .list-flex-airdrop {
  margin-bottom: 10px
}

.dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .trading-flex-right .list-flex-airdrop p {
  color: #667085;
  font-size: 11px;
  font-weight: 300;
  margin-bottom: 4px
}

.dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .trading-flex-right .list-flex-airdrop h4 {
  color: #172238;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .trading-flex-right .list-flex-airdrop h4 span {
  color: #667085;
  font-size: 12px;
  font-weight: 400
}

.dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .trading-flex-right .list-flex-airdrop .swaps-texts {
  color: #172238;
  font-size: 12px;
  font-weight: 600
}

.dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .airdrop-img {
  position: absolute;
  right: -11px;
  top: -40px;
  width: 64px
}

.dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .noteSwap {
  color: gray;
  font-size: 11px;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 8px
}

.dashboad-swap .airdrop-content .trading-level-div .note-rewards {
  font-size: 12px;
  padding: 8px;
  text-align: center
}

.dashboad-swap .airdrop-content .trading-level-div .note-rewards span {
  font-weight: 500
}

.dashboad-swap .airdrop-content .border-spaces {
  border-top: 1px solid #eef0f6;
  margin-top: 30px;
  padding-top: 30px
}

.dashboad-swap .airdrop-content .first-swap-ui {
  align-items: center;
  display: flex;
  gap: 30px
}

.dashboad-swap .airdrop-content .first-swap-ui .first-swap-left .pawn-img {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 1px 1px 11px #0000000f;
  padding: 6px;
  position: relative;
  width: 150px
}

.dashboad-swap .airdrop-content .first-swap-ui .first-swap-left .pawn-img img {
  border-radius: 8px
}

.dashboad-swap .airdrop-content .first-swap-ui .first-swap-left .pawn-img .text-nft {
  background-color: #fff;
  border-radius: 30px;
  bottom: -10px;
  display: inline-block;
  left: 31px;
  padding: 2px 20px;
  position: absolute
}

.dashboad-swap .airdrop-content .first-swap-ui .first-swap-left .pawn-img .text-nft span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase
}

.dashboad-swap .airdrop-content .first-swap-ui .first-swap-right h5 {
  font-size: 16px;
  font-weight: 500
}

.dashboad-swap .airdrop-content .first-swap-ui .first-swap-right ul {
  list-style: disc;
  margin-left: 15px
}

.dashboad-swap .airdrop-content .first-swap-ui .first-swap-right ul li {
  font-size: 13px;
  margin-bottom: 10px
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards {
  background-color: #fff;
  border-top: 1px solid #eef0f6;
  margin: 40px 0 0;
  padding: 40px 0 0
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards ul {
  font-size: 12px;
  list-style: disc;
  margin-left: 20px;
  margin-top: 20px
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards ul li {
  font-size: 13px;
  margin-bottom: 20px
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards ul li span {
  font-weight: 600
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards .tabl-airdrop {
  border: 1px solid #e8eaf1;
  border-radius: 12px;
  overflow: hidden
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards .tabl-airdrop table {
  border-radius: 12px;
  color: #172238;
  font-size: 12px;
  width: 100%
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards .tabl-airdrop table thead tr th {
  background-color: #eef0f6;
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  padding: 10px
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards .tabl-airdrop table thead tr th:first-child {
  border-top-left-radius: 8px
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards .tabl-airdrop table thead tr th:last-child {
  border-top-right-radius: 8px
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards .tabl-airdrop table tbody tr td {
  border-bottom: 1px solid #e8eaf1;
  padding: 10px
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards .tabl-airdrop table tbody tr td span {
  font-weight: 600
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards .btn {
  font-size: 14px;
  padding: 6px 30px
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards .flex-airdrop-rewards {
  align-items: center;
  display: flex;
  gap: 30px
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards .flex-airdrop-rewards .left-flex-airdrop-rewards h3 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
  max-width: 300px
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards .flex-airdrop-rewards .left-flex-airdrop-rewards p {
  font-size: 13px
}

.dashboad-swap .airdrop-content .airdrop-earn-rewards .flex-airdrop-rewards .left-flex-airdrop-rewards p span img {
  width: 15px
}

.dashboad-swap .airdrop-content .mt-40 {
  border-top: 1px solid #eef0f6;
  margin-top: 40px;
  padding-top: 40px
}

.dashboad-swap .airdrop-content .eligibility-criteria {
  background-color: #f4f6fd;
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 16px
}

.dashboad-swap .airdrop-content .eligibility-criteria h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px
}

.dashboad-swap .airdrop-content .eligibility-criteria ul {
  list-style: disc;
  margin-left: 15px
}

.dashboad-swap .airdrop-content .eligibility-criteria ul li {
  font-size: 13px;
  margin-bottom: 10px
}

.dashboad-swap .airdrop-competition {
  border-top: 1px solid #eef0f6;
  margin-top: 40px;
  padding: 40px 0 0
}

.dashboad-swap .airdrop-competition h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px
}

.dashboad-swap .airdrop-competition ul {
  font-size: 12px;
  list-style: disc;
  padding-left: 15px
}

.dashboad-swap .airdrop-competition ul li {
  border-bottom: 1px solid #e0e4ee;
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 15px;
  padding: 0 10px 15px
}

.dashboad-swap .airdrop-competition ul li span {
  font-weight: 600
}

.dashboad-swap .airdrop-competition ul li:last-child {
  border-bottom: none !important;
  margin-bottom: 0;
  padding-bottom: 0
}

.dashboad-swap .airdrop-faq {
  background-color: #fff;
  border-radius: 0 0 20px 0;
  border-top: 1px solid #eef0f6;
  margin: 40px 0 -20px;
  padding: 40px 0
}

.dashboad-swap .airdrop-faq #FAQs .accordion .accordion-item .accordion-header .accordion-button {
  font-size: 13px;
  padding: 10px
}

.dashboad-swap .airdrop-faq #FAQs .accordion .accordion-item .accordion-header .accordion-button:after {
  background-size: cover;
  height: 16px;
  width: 16px
}

.dashboad-swap .airdrop-faq #FAQs .accordion .accordion-item .accordion-body {
  font-size: 13px;
  line-height: 22px
}

.foo .react-tooltip-lite {
  border-radius: 4px;
  font-size: 12px !important;
  padding: 4px 9px !important;
  width: auto !important
}

.nft-tier-nav .serach-wrapper {
  min-width: 260px;
  position: relative;
  width: 100%
}

.nft-tier-nav .serach-wrapper input {
  border: 1px solid #d1d3df;
  border-radius: 30px;
  font-size: 12px;
  padding: 6px 35px 6px 15px;
  width: 100%
}

.nft-tier-nav .serach-wrapper input:focus {
  outline: none
}

.nft-tier-nav .serach-wrapper button {
  background-color: #0000;
  border: none;
  position: absolute;
  right: 10px;
  top: 5px
}

@media screen and (max-width:1150px) {
  .dashboad-swap .dashboad-swap-banner {
    background-size: contain;
    padding: 14px 130px 12px 20px
  }

  .dashboad-swap .dashboad-swap-banner h5 {
    font-size: 12px
  }

  .dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .airdrop-img {
    right: 4px
  }
}

.btn-swapGuide {
  align-items: center;
  border-radius: 30px;
  color: #000;
  display: flex;
  font-size: 14px;
  margin-bottom: 20px
}

.btn-swapGuide,
.btn-swapGuide:hover {
  background: #fff
}

.btn-swapGuide svg {
  margin-right: 10px;
  width: 20px
}

.downArrowNav {
  bottom: 12px;
  left: 0;
  position: absolute;
  width: 100%
}

.downArrowNav .btn-downArrow {
  animation: bounce 3s infinite;
  background: #e1e0f1;
  border-radius: 32px;
  height: 32px;
  padding: 0;
  width: 32px
}

.downArrowNav .btn-downArrow svg {
  width: 24px
}

.daildraw-swap .scroll-airdorp-content {
  max-height: 769px;
  overflow: auto;
  overflow-x: hidden
}

.daildraw-swap .scroll-airdorp-content.scrollBarCustom {
  max-height: 640px;
  min-height: calc(100vh - 255px);
  overflow: auto
}

.daildraw-swap .scroll-airdorp-content .daildraw-banner {
  align-items: center;
  background-image: url(/static/media/daildraw-banner.5fc089f9c6eaf80180f3.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
  padding: 33px 0 33px 30px
}

.daildraw-swap .scroll-airdorp-content .daildraw-banner h1 {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase
}

.daildraw-swap .scroll-airdorp-content .daildraw-banner b {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 6px
}

.daildraw-swap .scroll-airdorp-content .daildraw-banner p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 16px
}

.daildraw-swap .scroll-airdorp-content .daildraw-banner .btn-orange {
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 20px;
  transition: .3s ease-in-out
}

.daildraw-swap .scroll-airdorp-content .daildraw-banner .btn-orange:hover {
  background: #fff;
  color: #ff6619
}

.daildraw-swap .scroll-airdorp-content .daildraw-banner .btn-white {
  background: #fff;
  border-radius: 30px;
  color: #060606;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 20px;
  transition: .3s ease-in-out
}

.daildraw-swap .scroll-airdorp-content .daildraw-banner .btn-white:hover {
  background: #ff6619;
  color: #fff
}

.daildraw-swap .scroll-airdorp-content .howitworks-section {
  background: #f6f3fd;
  background-image: url(/static/media/howitworks-bg.6d53b7f6c85974aa8e8f.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 40px 14px 20px
}

.daildraw-swap .scroll-airdorp-content .howitworks-section h2 {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px
}

.daildraw-swap .scroll-airdorp-content .howitworks-section .howitworks-wrap {
  position: relative;
  z-index: 1
}

.daildraw-swap .scroll-airdorp-content .howitworks-section .howitworks-wrap:after {
  background-size: contain;
  left: 13px;
  top: -34px
}

.daildraw-swap .scroll-airdorp-content .howitworks-section .howitworks-wrap:after,
.daildraw-swap .scroll-airdorp-content .howitworks-section .howitworks-wrap:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAA+CAYAAABwdqZsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASSSURBVHgB7ZtNcltFEIB7evRjYOMboGKHK1TJ7GJDlV4F1ogTIJ8A6QR2TiDnBFZOYLOiCuJ6wkHyDqmCEKyIcgLMzrL1ZtI9nmdn5x6l4lV/VZKeVfN53ozeonumx4zzeR8AuuCgt/Nk6xAEnOd/5x58o4Bi7+vsi+F97fN80qhDPefrJSyzLNteSJwa1CcG4IKcbXIu7nPGL+Ztb+EIAaaPs60MBJQO9TNAD9DhLw3CdxKZJqJBE9GiywY625Y4NYBNbs+vmqu2JE7V1dsmehWoNCWON67FDo2p9cfo308lDlr4IfbTxQJWe3Rx4sD1JPLj7PMFTcZTdhCN6Enazban3rlnBvzgY7w+kTjXuByAh+fcl+TpYxDtIQ2M2/a+3P3sjcQpwD0tHVAURVEURflQUNi7+fLXP1sP4XCIneKMfpk1H9JByhkmtmLz0elfBxKRB1U649N5V+hwbvIfvV6/zGWTePbiVdtUccIOpwASZ3Q660Qn5/uUOJyblQ7nJkFCRFEsH2nwm0cv6jDmJgEPVuSAvbtcwaohcsCU7YTtadzvtDU86wX49iewHGwLMkNmlM+aHrD1VSbLcpmz/FWbEi7YybZEuUnsp+PAL6S5yTpOOX4DTtReURRFURRlHQznGBR9tq7waiBZwmc47OVoj5zDTBqoBYcWh588GoCQ3yncp2DoQupwCE6r6p1Eh1bsax2HboiUYxwZNPt1XxNFk9yhQQxOzdUPJA5P+I2DR+Wk3Ae3Q4R+cCjilTi0DXFQOtLc5COo93ksFuwx0jL5gr/0BqYgZxHe0YmcVWU1pRzo5glCWT8O/SLcF3kIVvT0vfO/F9InlrZIfiud8H6emPJOaNbXcSbCX+uhndSxKIqiKIqipGLG+T8/UhzWKaDoJSyi7ntaRPXg9nazR6KIkkuf+PMSLr+XRIecM2zAxhHd2+ISrnopDt3blBaeRcUnXMZEK/H7BswJrZQ7zkma1qNoDySWMR2wQzFzR+JwbsKlT/yi/EFW+uSq0TEdaRkTOd1YYtVNKWOijyaPCWNJ0gKMGUjkUMbk3DN2pGVMnJvEUqEhoh1KnNiOn7qheKsAYcCOA3ieUMb0EztxHhRFURRFUT4ceeKa4TpOLGN6EAcSOf/5Zg0Ux/k85xIjaUkSQ85rdqTL/rGMaZJSxhSPWHA/E+kA+X7CWOj+pE7Isza4VGoeyphC3J9yxAJuS39QljPcHbHYRDANibPOEQuIY4GEMiYDPjie++EjFlWwNBEois05N6FNnT3jsJlyxIId3oWjLHcgcfiIBe100YaVuUg5YuEdZRm0nyPdN6FEsAfOvymwEJdXKYqiKIqipGJCqFzUm0u7HEoDlTyfNesFNna+kdeB8wq5NXYzxQknCzwFXd8m1I5TSH6F10NpSRaH7bxizw6GY9kWjmm/oS+WAYMjPZbB5zn4SAY7Z7xPIYAnomIrx+H4h7CMaXw663IJU0o+swG1fnRyhPchlhrdS/X67tqKDDDW3D6lCWVMAQ9ynPP/3/7BiRcff4AE2JFmn+/jcPtUh8eSWsZUOm8BWBx/5685kJMAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  content: "";
  height: 60px;
  position: absolute;
  width: 67px;
  z-index: -1
}

.daildraw-swap .scroll-airdorp-content .howitworks-section .howitworks-wrap:before {
  background-size: cover;
  bottom: -34px;
  right: 13px
}

.daildraw-swap .scroll-airdorp-content .howitworks-section .howitworks-wrap .howitworks-part {
  -webkit-backdrop-filter: blur(57px);
  backdrop-filter: blur(57px);
  background: #fff;
  border-radius: 12px;
  height: 190px;
  padding: 12px 10px 16px;
  position: relative;
  transition: .3s ease-in-out
}

.daildraw-swap .scroll-airdorp-content .howitworks-section .howitworks-wrap .howitworks-part h4 {
  color: #0f1323;
  font-size: 14px;
  font-weight: 600;
  margin: 3px 0 4px
}

.daildraw-swap .scroll-airdorp-content .howitworks-section .howitworks-wrap .howitworks-part p {
  color: #535a6b;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 7px
}

.daildraw-swap .scroll-airdorp-content .howitworks-section .howitworks-wrap .howitworks-part.last {
  -webkit-backdrop-filter: blur(57px);
  backdrop-filter: blur(57px);
  background: linear-gradient(180deg, #fc651b, #8207ef)
}

.daildraw-swap .scroll-airdorp-content .howitworks-section .howitworks-wrap .howitworks-part.last h4 {
  color: #fff
}

.daildraw-swap .scroll-airdorp-content .howitworks-section .howitworks-wrap .howitworks-part.last h4 span {
  font-weight: 400
}

.daildraw-swap .scroll-airdorp-content .howitworks-section .howitworks-wrap .howitworks-part.last:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAABMCAYAAACRbX4YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAbmSURBVHgB7d1daBxVFAfw/52ZpPlq3VA/KlS6VahP4voiKkin1Udr2wcrCuIWFeyDdK1PghIFQRAk1m8RSVtQUcS0fqAgaaKCLSg0RakYW7OtoS006W52m+xmvo7nbmbjoq00u4k7054fnN5LdltK9uy9Z+7MnQGEEEIIESdE1AERexaiayUn2ZhSahqXMffnNtvo8myj08uqq7ELMeKfRAZRxcm1huMeNAH1Fm16dHwjmsw50Jn2DneQf7SF6LQKaAJ9iBE6haSBaLur2uFkW64TTrdYRDRICXRagwiCvXTn6CY0k2P1kKNArqFDwYeNGFHXIhv1BOvghNoWjmTPcGzgSGMRqXUqD5+yUOB2ySE0ifvZlWvJMZLwdHJxkjnGLkzhFsRMlGuwapGfCqNqUUcwTW3rWI0mcxzqNq3KyAXDN9PmDeXdiKEoj2AjNf0Bjrc4dMGvp8otl/pRpmP6Q8pFzi+p561bpmKZXJHHSdTL8U617gprsHfC2IJLHPUnEoi5RR/BOBESHH0cyXn+PV3gV0cpfUS5hts7at4ygUuc2pzPI+b+jxpMfwt3h+18rKzpp2v6Yxwf8frYCETkqQu9UOpvS5bPuanuh/y9aIJwWrwZs6OYHrmqxf2bnFyHIWKhMoIFWaufD4PzvkM7/aKZt7zWh6lsbrdckz/IqaYkGCeRngL36z4n2wFutnFMS3LFSyXBFKk8kUobgZlWponA5Q81COCVZiYRAWGyvQARO7NFvo9vw8mSsOR6GF03wSu7UC3mKgjRgEqCBYoLcCLdVWbydZirnkVLB9fkbpCaeLcluicsReRVEkxZ2M7zEFTrDaCZY6DSH1DtK2C1t/L0Sb25N1p7IEQdDDoJXswMkjw58vmuYxT8+TSCsV4Kikd5mnR03uW5HrMhLnul96+dd8lk6TLfP4shv+hwx7INs8jnKabUTKGsc25r92PeLkSBQynoqfwchtGtYr8AGXWlwUTS9LHWL1nH2zeMD+X6ViQ9p7JYfhz1Kn4Du/ClQYV9FuU+iE7tZbjUo1wKOMlITdAoRmg7xIKi0dYe75e2NB1pq4xSzvfLKr/jUv+KZPmTa7aXPlyRxkKY3Gc8V/jUpNyHSCIKSvyt4cSqJJduz3I7wu0BsiEaxl/XhDdqbuJSqZJY7qEuu/xDZ4YGF+k8qP6HC5+1pBEVemoME4wjQI5bnWAHaRCiYTSGlA4sEoU44BPmKHP9ZfGoOsmRRw/G+c/bVOwuwBNxcYhifymLEEIIIS5b8SjyRSyEVy3bHHmlVOUyr6hvWxPxUj3DIgdgYnHoPRgQQohLghT5omFnnnvRtjo6k1b70uzSJ7YO1b4mCSbqdiqT0UnVZ7R32FbXUnCQ2bVsZ9uDm5+svkeOIkVddHIpw9xPvCzBSxKVnxFBKcPI+J8PzF0BLQkm6kPESaRWV5JLKapMhmGfYMxdnSEJJuZtNJNJIJjbba93C6lqfrFJZWBu72qUb98kIqpNXzrVonsqx9m1JzAwpMrGsJPw85333yuXs4vGnXoik9Z1GBZUjmycoObeVlLEysUvU+hr48uYPdvkIIUbVVPuWSHi5eJrsHaVnesfodmjhH4+72RiE6YwhAdqXhciVN9RpMIwfqSNXOql4EOPZDaEOI+FWcn/gNZihg9N9ZZMCxsxjn14RTbHioX0HqXRGx4APCN7FoUQQgghhBBCCCGEEEIIIRZPYc/fNyEcf7Ulneutb7e27CoS5zXz9RW58tlpQD/1xUWCTLe7eyvmfX65aZdM01f6+rIy1Ob2LETkGMsIHdesT5Cn4Jz4Dp1t5hVAed4J1rxNHzNBD6bMQ/Ra0YaIFP/X1h7V6SWMq26F0b0KLVeaKEw7e3N9FzdNEtHt4UNjn21eghX9JPJuApM0SDsmeuiRnDwXKQL0XadVW5BS7V6Wii8BpT3weeRSS9Qwp9fF1mFrwnZl02oweuVcL6aCDHIeKpHnOOtmUQy2qp9WD0E0nX/c7KNpwy6edtd1r0P2Qu/jkWo9NyNKqbHwWeo7OK7j+K1529by7k6UkMKkZ6MQ5FHwh+EFOyW5osNo9Z93A//wfyVX6CDHjjC5NP3wWP0IxrflKFIsiH+MXNowx25JMLFgwiS7D7OPwNYORC7B+D+pdyzpGOY5fRgidvgz1EX+U7ofxXtT6OTS6y1JiFjigWEEszVYNIV3KxYxxp/hcr0eBiGEiK25Il8PadzczXGGYwPHAM+lX0CIBtQutN7MsT7s82n0ufUMIepWexT5e9i+zDHAkeJR7S4I0YDaEWxL2OpFsurotRxCNKA2wfSoNY7ZdSi9Ivsx12ADEKJeJVr7r5/plXSOxyFEo3KU+Aun7dp7N5Tx4QAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 75px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.daildraw-swap .scroll-airdorp-content .whyjoin-section {
  background: #fff;
  padding: 40px 16px
}

.daildraw-swap .scroll-airdorp-content .whyjoin-section h2 {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px
}

.daildraw-swap .scroll-airdorp-content .whyjoin-section h2 span {
  font-weight: 400;
  margin-bottom: 4px
}

.daildraw-swap .scroll-airdorp-content .whyjoin-section .whyjoin-wrap .whyjoin-part {
  background: #fff;
  border: 1px solid #e4e7ef;
  border-radius: 12px;
  height: 100%;
  padding: 16px
}

.daildraw-swap .scroll-airdorp-content .whyjoin-section .whyjoin-wrap .whyjoin-part p {
  color: #535a6b;
  font-size: 12px;
  font-weight: 400;
  margin: 0
}

.daildraw-swap .scroll-airdorp-content .whyjoin-section .whyjoin-wrap .whyjoin-part .whyjoin-top {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAigAAAB0CAYAAACv3skgAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAArdSURBVHgB7d1PjJxlHQfw3zuz21gQaMU2Ehq7NiFBOcjBRA8mSoJngbtSrppGvJgIB+CgoicI4tUS71DO2lQTD2JMrCYqhkSXpARDgd2yhZbdnR3nN9Nhp7uzO+/sznTeznw+ybbTmWe3JWR3v/v8+T5FlNRsLh2KtcZDUYtvRLO4v/XUQuvZQwEA0Fex3PplMYrm+diIP8R8/UxRHF4u9Z6DBjSvLC3E3PoPImonBRIAYF+KOB31+jOtoLK4+7AdtGdM1jeeaj16PAAARqr5XDF/5Ic7vdo3oLRnTeob51pTMgsBADAORbEY9doD/WZTalufaK4u3S+cAPCJ1bc6bzBqzVbWaGyca66+c//Wl64LKO2Zk9h4RTgB4BPLv229/S5gLDKk1OqvNJuZQTbVNl9fOmTmBIBtLp1tvQkojFF3JiWzyDWbMyi5IVY4AaBX44OIy6913horAWOTIWV9/anuH9sBpbO047QOAFusvLb5OJd6YKyKx7tLPe1TPM31d38dzTgZAMyu3Gdy8aXrn1u9sLlB9sDdrbdj179+58MRn3kkYISeL+Y/+3jR6TtpLAUA/O+FiLdfKDf22JMRRx4NplBvKL3xlmOu/oVau74eANLnTkWceHH7TEmvfO2e3wgn0yyX8957OSbkUDQaD8117tYJAOi441sRB78U8fq3O5tke9Vv74STyfxkzY3y/iud/9eT8425zsV/EgoAPXYLIJP9xsW45fLOlX91HufJrfptccO1skmt9etCAECv9rHiD7Y/n89d+WcwxXpPbk1smae5kMeM3VAMwPW6zbHd/Sb3ndvcl7J8NphiubzTNbmCvkNzAQBbXf5zxB0PRhz/+eYU/71nOid88jWmUy7vXO6ZQekW9E1gmacWANArl3HufCTixK+u/8aUe0/yaPHR7wZTqnd5p2tCyzwCCgDXyyCy2xFixWzTq9+SzoSWeQQUAKAzc9YvjOSJngncwySgAAD9l3dSBpcJ3MNUNNfeVYICANOm391Ku+m9d2mrfvcw7eboo51N1vsgoADAtLp4OuLtX/bvtBmH9kbqJ0ayT0lAAYBplrMib3ynM0MyTge/2Dn5NaJrEOxBAYBploEhO2zGefrq6MnW3/HqSO9oMoMCALMil3wu/DRGJpd08vbrT381Rk1AAYBZMqolnwwlx58d283WlngAYJaMYsnnrlOdO5rGFE6SGRQAmFUXfjLcUeSU1x3s1jQ8ImZQAIDyPn4rbgQBBQBm1V5upr50Y1plBRQAmEW5WTbv2dnL+62OfxZFQAGAWbSf+3WWx3/DsYACALPo0tmdX8vitd02wl4af0CZCwBgtuQSzeU+txfnhYDHf7ZZvHbowYg3f7y9MyXft7ESUb8txsUMCgDMmpU+4SRvH866+t5W2HycnSn9ZlOWx7tZVkABgFnTu0STdfXZCJsX/fWbEWnfUPzktWK2Y5vP7+UE0BAEFACYJY0PNgNKe4bk1XKtsltnU8a8D0VAAYBZkss7182KDFFX332/+851HvfbxzIiqu4BYJa8/3JnNmQU9+jkZtsx3ccjoAAAlWOJBwCoHAEFAKgcAQUAqBwBBQCoHAEFAKgcAQUAqBwBBQCoHAEFAKgcAQUAqBwBBQCoHAEFAKgcAQUAJmDxL8/EG3/8fjTWPxzp2Bw36rH5etmxq1cvfjJ2PwQUAJiAq5cXY+3Kxfh4ZXFkYzM8NNY/ao/dWPto4Ngcl2+D5McqPfbax81/R5mQtBO3GQPABLS/4V99J245fN9NMfZqKxxl+Cgz9qOlf0Rt7tb41G0LsVcCCgBQOZZ4AIDKEVAAgMoRUACAyhFQAIDKEVAAgMoRUACAyhFQAGACNMnuTkABgAnQJLs7RW0AMAGdb+IflmpbrUqTbCrz782x9blbY/7gkdgrAQUAqBxLPABA5QgoAEDlCCgAQOUIKABA5QgoAEDlCCgAQOUIKAAwAd122GxeHWQc7bDDjNUkCwAzYu1qp5l1/co7A8d222EHNbkO2yTbHVvq33utHXYQTbIAcBMbtkm2CmNTmXbYbJI90BpXm7s19kpAAQAqxxIPAFA5AgoAUDkCCgBQOQIKAFA5AgoAUDkCCgBQOQIKAEzAf/70o3bbanaGDFKldlhNsgAwxT5pfC0ROsbRJNv7cQepz90ydJNsRKFJFuCmt/pW5/cDdwez4WZskq3P31KqHXaYsTsRUACq4J3TrR9nVyLuOhVAxFwAMHnvv9KaR789gA4BBWDScnnnyr86j3MWpX5bwKyzSRZg0lZe23z83ssBCCgAk5fLO12XfheAgAIwWbm8c7lnBiUf5zIPzDgBBWCSepd3uizzgIACMFH9lnQs88yEbJL997nHprJJ9vXfP6ZJFuCm1figfxjJEz2WeaZetrLmN/thmmQHtcNWpUl2Yy3/m4rYD0VtAJOy/NuI/+7wU+bnn42485FgelWlHTbNHzxSaqwmWYCb0XJrNuTiS+XHr17YrLjfKivvDxyL0o4+GnHHgwHTQkBhOO4Lgd1dPB3x9i87yzc3QrbPHnsi4jNmW5guAgrDyftCcl0xf1oD+ssg/8Z3OjMk43TwixEnfuUHBqaSTbIM59JZJwxgkAwM954Z76zG0ZOtv+NV4YSp5S4eyssp626hlPtCYHe59HL82Yhb7o248NMYmfy4J16M+PRXA6aZGRTK6y2UytMHwGBHTkbcd264Da87yVCSsybCCTMg96AstX4/FNCr32mE3hMH/U4Y3PmwjXqwk5yBzJmU9/fYEnvXqYjPnQqmSx4Hrpc8ijvM2HG4wf/W5VZAee+vEc37A7b63wsRb79QbuyxJ1s/Kdo4CwNd+MlwR5GTz6+plE2rWaZ2/CtPDews6baynvjaLwZ+4y87NkNEttmWGZvtsG/+5enSY/PjZrnbPV9/MfamOF+LZuNvAf3kT2u51r3b1HS+ds9vfPGEcfr4rWAaFaWbZHPsuJpky7TD3vAm2aJ5vmiuvnuy9TF+HbCTXNZ5/dvbex1ys55TBDCc/FzKKvth5OdY7mNhqlSlSXYc7bD7bpJtxmNFs7l0KNYb/w37UNjN37/SP6DkF02neaCcDPv/eCD2pL3R1g8DzIi5+uFaURxebj0cckGUmZJHi/u1YuZzV/4ZQEn7Of22rH+IGVHE6cwmnWPG6/XnAnbS/cLY3W/Se2Ry+WwAJV3a5fMli9d228ulIJFZUa8/k7+1A0px8PBi67fnA/q5/OfOJWTd/oVuS2Z+Mc3XgMFyeefya9uf7wb/u5/onNbJx/02prdnMlcCptzzrdmTxXywWdQ2V386msViQK9cxskr3/O+j969Ju0LylpfTI9+N4ASVvqEk97g39UuYzvTfzZFQSLTrGhlkMwi3T/2vta8srQQ9Y1zUTQXAoDR+c/3Npdpyt5AnLMmb/5489LBHJ/1+TBtMpzUaw90Z0/SdVX3naWexsNmUgBGKGciu+GkW1dfpnV562yKfShMowwnG7WHe8NJ2nYXT3Hg6Plo1B4QUgBGJJd3usui7T0mQxwX7r5f+0j/7f33scDNqjtzcuDw+W0v7fZ+zbV383TPDwKAvcv7d7obzPcrN9vqQ2E6PJ97Tq7VnWwzsIe2sy9l7ekoarrMAYB9KJaj2Xgp5uef27qks21klNRunF1rPBSx8c0o6l9uPbXQelb7LACwgyJnRxbzbp3YiD/EfP3MTjMmW/0fNkPCXUcmNWwAAAAASUVORK5CYII=);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 8px;
  gap: 20px;
  margin-bottom: 20px;
  padding: 13px 20px;
  position: relative;
  z-index: 1
}

.daildraw-swap .scroll-airdorp-content .whyjoin-section .whyjoin-wrap .whyjoin-part .whyjoin-top h3 {
  align-items: center;
  color: #0f1323;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  min-height: 33px;
  width: 65%
}

.daildraw-swap .scroll-airdorp-content .whyjoin-section .whyjoin-wrap .col-6:nth-child(2) .whyjoin-top {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAigAAAB0CAYAAACv3skgAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA2rSURBVHgB7d1tjFxVHcfx37kzs7vd7XZ3MRZZKraYWLUYa8BETYzWhyZKpGDUNmoUI4q+UArBt5b6lKhIaXwB+BR4oRbjY42JwSgSE1QgEcNDLAl2Q5+gYGe72+0+zN57POfcmdmZ3ZmdKTuUu7vfT3Mzd++cmemLNvPb/znnf43aZIuHB6W+q5XTu2S1VTIb3dVBAQAANGRGXVYYkdGjivWANPFbM7RptK1Xthpgiyc2Kp+7QYm5lkACAACWxOhuxfFeM3TRyOLDmggVk/zaPUrsbgEAAHRSZG43/a+8sdnTDQNKqJpEufvd6UYBAAC8NEaUxNsaVVOi+Rds8eRWwgkAADgPQkHEFo9unf9EXQWFygkAAHgZLKikVANKWHMS9f1LhBMAAHD+uZAy8ZbKLp+5KR6/IJZwAgAAXh4by1kkCBWU8tTOYQEA0AnJmOzEj6XSve5X4WekwlqZri1Sbpf7eaeAppJ4k5/qSSsoudweAQDQCaWjio9+UMnoPtmZo+4Lx/0uHI9Lsw+6xy+7471u0JiAxkxob2JssTioqFQUAABL5QLJ7JGPu9L8EZlCEg6FR1s+t/6bx1VRPu9+Of6GgAZGlUxschWU0tUCAKAD4me/L00dS6smLo/Y8JgetnwtrC5IfhBCDNBAuLVOFO6tAwDAEtnpY0qe//VcEEmimnCi6nlVy5utYNWK9K5I1mwVAABLlJy4Jw0ncXrY2F10h43LwaRy7q+H6Z1XC2hiq18ku1EAACxRMvpwtWpSVzGpneKJ3iF1/TldgwI0tzHPHYoBAJ2QjB2SKSiEExOCShIqJiZn3cUBmd7d7rhOQBsGIwEA0AmVKkl5SidM8fif81sUvfKPhJNlavrIVzXxr7cqmXhC5xMBBQDQESbqT8OJTcOJsZGidR9RbviACykbhOUpr1+ru/+kzv77fSo9d6/OFwIKAKAjTN8b0t07lUWxXW9QNPwd902zTljG7JgLn0b53pymDt2g6cPfaz50ZiwcnZAXAAAdEF10tZLTD7lpHivjKii5S+8QlrnEhQ1jwpbw/Jq8ZscTF1BuVenYveracJ2i/suUnD2iuPik4lOPq3TiH9Ks1P/+Xyr/qrdrKQgoAICOyA3vkB19SPHzv1Hu4i/JdF0sLHOzR1xZpHzuqii5NTklpVklk0c0+Z89MrNGSXk7uQ8mIckYdaTHDQEFANAx+Td+U7kzn5JZu1lY/uzskwoJxaaJo9DX5a65PDIRy8ZW/o9xf6yde0008BrlL1xa9cQjoAAAOopwskL4O1Kf2ZdO8VT0vUmF+DEVeiIXVNx1d9gZabp41lVS4jBkzZbd6gQWyQIAgHrWhZOxG8MUT4gn5YySu+Tbii66Xmbgbcqt3xGeMFGkXFchPB/1bVDXpR9TJ1BBAQAAc2YfdJWTG11l5JhUM31j1qbTNtEFLpgM7VDywp+VLlDx/W/CXSCVG9qiTiGgAACA9O7S0ze4YPL39JYF1ZWuVmbww+74ZP3wycPV8yiXSx+7BtQpTPEAAACpdI2rhDy48LpfgzLhqyouuGhuNWz0ivfMDcmnASU5c0SdQkABAAAuEXygfDJvj7Cb47Ezzyp59nuuwvJfF2SeU3x0n5L//cXNw/SlL83nFRXymh19omON2ow9fdIKAADATfPYKR9E/uGCxtGwS0dxumPHH2btdtmxx9z0zvPuuZqdPO4ojU+qdGZG3a+7Tr2X79VSEVAAAMACduI2Jaf3hYCShpAoNGOz1Z9NNaTYkss0p8aVzCThVgf971t6J1mmeAAAwAKm7yZF626puWLreqL4M99VtjR+VjOjYy64JKpMD519aI+WioACAAAaMms/K9P9NtW1ivX9YxOrmbFJTZ8+q3im5J6un4yZPfWEmyo6rqVgmzEAAGjK9H3UTff8M/3Bd72PraZHJ2VyG7Rmy+eUv/ADMj1DSsZGwgLZxAWTqGvYXRvWUhBQAABAU6GCUmU1O1FyoeSj6nnd12UK66rP5AY716TNI6AAAIDm8hukyAeR8TC1YwuvV++W/XqpsQYFAAAsyvSkVZTEDKv3TT/R+UAFBQAALMoM7pbROnVfsFsqbND5QB8UAACQOUzxAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzCGgAACAzMkLAAAsG8/86ecqnRnTpiuvVdTV3bGxT//mrvDYybHxzLRG/nB3W2NLZ067v++BcP7aa66nggIAwHIyVXxepYnT7vG5jo31QSIuTYexcWmq5Vg/zh+tJO692h9b/nz3/ok7jD190goAACwL4QvfVRt6L7xkWYydLp50oWOqrbFnn3vGVVl61DO0noACAACyhykeAACQOQQUAACQOQQUAACQOWwzBgBgNepa41JAedvv1BkpmVWWUEEBAGC1idzXf74gTY65cDIu9fZLJluRgAoKAACrTb5LKs1INnGH+zl21ROj9DwjCCgAACwjHekkW5qW1gyk0zrGJROT09O/uiM8RSdZAABwzjrSSdbadGqnu1cq9Cgee4FOsgAA4MWrfIn7bqvtjM1CJ1kfNNr5+/qxvspS6BsgoAAAgOxhigcAAGQOAQUAAGQOAQUAAGQOAQUAAGQOAQUAAGQOAQUAAGQOnWQBAFhGKt1hL3n/LhXWDiw6tt2Ory/VWDrJAgCwSvhw0m531kp32FZjfZA4l06ylbFt/X3LjeVaoZMsAADL2Ll2ks3CWM93h23Fd5L1VaGo0E1AAQAA2cMUDwAAyBwCCgAAyBx28QDAeWKffkT2vrvCo9b0y2zZpmj79dIFwwJQjzUoAHAe2IcPKrl3z8InXDjJ3XggBBYAc6igAMCLceyQkoO3ptUQx7z2CkU79zathiR/SvtGGB9ErviQNDku+8jvpVPHlTxyUNE7P7HwRf45F2qqnzG8WWbHzeGzgJUucv/kRwUAaJ8LDvGdn6sGB8+fx/t2hecWOH6oet1cdbOiHV9RtOtrIXAENe+z6Ge490nuqL8GrFCjfpHsiAAAbQtTNa4C4pnt18v4iojnriUHv7vwBTXTN3ZqvOH5gs+47665UHPFVYpcsKm8j1/HgtXLd2b1nVx9z5BW/Dh/JG00Smt3rO9/0u5Y3x32xYx1RvJKkn8rMlsFAGhLdcrFB4ftXwjniQsP9m8/c1WOpxa+YGhYxk39WBc4fLhIjrkxxeNzAWTLtoWv8VUX/9xl73bVlr3puQs01UW2WLV8QEgbpU21HlvyXVmnwvjurvWLvmdlrO8k26rVfWVsK1FXT/jsqNDTcmylk6xv6BZPTTyad//k/+quf1oAgPb4SsbkvOrHqRPhwTRZ7Gp27pV10zPp2pODc9cv3izz1qvU1OSZBZ+B1e2S7bva7uK66cpPh7HdLcbmXCCpjG3V8bV2bKsg48f6++rkXFDx3WEX4/+O1bG5/APGFouDimYPu98JBgUAaKl2HYi5bFsaOmqrKuWKxwJ+Xcm3rqz+GMbuuLnhDp7kvjurUzmVRbFzC3IvV/TFHwlYsZKJocgMDY0qsfcIANAWv1vHlHfr2MfvnwsO7lroa9JE2LVTy0/zNKm4+F091c/w/VNqP2Pn1wSsYHeboU2j5U6y8e0CALTHh4Qv/DAsjjU124qtr6Q8cX/j1/gtw64qUisEj7/9tOFwv2OntkmVnzoy7/x4+Fwau2FFS+JQggwBxQxdNKJE+wUAaI8PKbtcJePSy+eu+V08v7u14S4bv2W4IvriD6uVk9rdOhV+sa2fRqq77qaS/PZkwglWtCTZHzKJ6u7FU7hFbDkGgHNTGxiqoeNOJbfN9USxLrRUd+z4bcmVpm6eDzV331R9Cz82+d13Baw+dsT9h7il8lM1oKRrUWK/121EAIBz5lvWV9eNuCma0GjNV0PK0zjpGpV0W7JfXFvpnxIasB3YE6omtWNDC/yKnrUCVi4XTpJkm197UrlSdzfj8lTPNSKkAMA5s0bp2pRKh1i/7qSmGhLWj9TwUzbVQPPIwfqFsH7sxZvnBnOvHqxYPpyYaypTOxXR/GFmaP2jVFIAoD1maN6aEB8ubjoQpnLqxjW6a7Ff+LqzfktyuMOxr5z4sZPNO81i9fKdZJ/6xf4V0km2Ujlx2WOeqNEb+hRjBtZvYuEsALw4fiontKdX/dTOfH49it+dE85diIk+c9tctWSKgIKFfEDwX/btdpINXWdLUy3fs92xte/bSqWTbNwonCTJfiVn3zK/clJh1IItntjoPuIWRYZuswAwj334YHpvHidUToY31z9//JBMT//iu2/8QtlGdzQuHlf8zbSxW+i9sljHWawalS/8djrJvpRjvVZdZytjazrJjrpgco/7n3F7s2BSkW/xviq/wbW2eHi31HO1+2/ybhnzZhdtNrrrdJ8FsLrVrg1pMCUzP7A0e48F4QRowoeCQt/LP7ZNo4XegRGXGR51szIPSBO/rV0Iu5j/AyZiTOcmxiLmAAAAAElFTkSuQmCC)
}

.daildraw-swap .scroll-airdorp-content .whyjoin-section .whyjoin-wrap .col-6:nth-child(3) .whyjoin-top {
  background-image: url(/static/media/liquidity-bg.c846843f93afb6f248fc.png)
}

.daildraw-swap .scroll-airdorp-content .whyjoin-section .whyjoin-wrap .col-6:nth-child(4) .whyjoin-top {
  background-image: url(/static/media/transparent-bg.798c677c4bb241c100c1.png)
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section {
  padding: 40px 16px
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-left {
  background: linear-gradient(162deg, #fc651b -1.73%, #7c1dc9 89.7%);
  border-radius: 16px;
  box-shadow: 0 4px 14px 0 #060d2133;
  padding: 0 11px 11px
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-left h2 {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  margin: 6px 0 10px;
  text-align: center
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-left p {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-left ul {
  -webkit-backdrop-filter: blur(82px);
  backdrop-filter: blur(82px);
  background: #fff3;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 14px 10px
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-left ul li {
  color: #fff;
  font-size: 12px;
  font-weight: 400
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-left ul li p {
  font-weight: 400;
  line-height: 16px
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-right {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-right .rewardpayout-top h4 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 7px
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-right .rewardpayout-top ul {
  padding-left: 18px
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-right .rewardpayout-top ul li {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  list-style-type: disc
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-right .rewardpayout-bottom {
  background: #fabc051a;
  border-radius: 12px;
  padding: 16px
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-right .rewardpayout-bottom h4 {
  color: #765901;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 12px
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-right .rewardpayout-bottom ul {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding-left: 18px
}

.daildraw-swap .scroll-airdorp-content .rewardpayout-section .rewardpayout-right .rewardpayout-bottom ul li {
  color: #765901;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  list-style-type: disc
}

.daildraw-swap .scroll-airdorp-content .startswapping-section {
  background: radial-gradient(50% 50% at 50% 50%, #472973 0, #0a163e 100%);
  padding: 30px 0;
  position: relative;
  text-align: center;
  z-index: 1
}

.daildraw-swap .scroll-airdorp-content .startswapping-section h2 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px !important
}

.daildraw-swap .scroll-airdorp-content .startswapping-section p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 20px
}

.daildraw-swap .scroll-airdorp-content .startswapping-section:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAokAAADzCAYAAADq8YyvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACQPSURBVHgB7d17jFzned/x5z0zs9zlRZw1fZNDRcOikRugNlftP6GAQMvIDeBUqsi2luoECZdFDNSpa5JRi9zk7BKNlaCFTDJorBoJqiVa242CllQo1wkceZdoaxkoUC5roKrYxhxGTGnJoji87W3mnDfPc857ZocUyb3NLme43w/18sycOTM0vcPZ3z7vzQmwSrz3O/TwUW1vOOdeEwAA0LGKAiyBBr4BDXoTi7h+SA87wt0del8IigAAdK5IgKUZWMhFGga3aPuCZAFxUtvEYp4PAADuDiqJWKqHQvgz70gW/s5odfBifoE+/pAehrRt0Wbnv6xtvWQBsU8AAEDHIiRiqSzkbQm3t0qoDGowPB/OvU+yQGjs3JctQFplMZx7v2BV+OemHpXadEXebZxzf/CBcQEAYAEIiViqPAA+L1lY3C7ZpJStLddYhfE1DYevCFad//ez2+VK47jU6hXx+ivyzj994axc9Tvdf/nIOQGADnDpm1Ip9URjSax3GsmB+35Gjgs6AiERS3VGm3UnP6Ah8FU9ppNQtFJoIdEC5MXWrucWU+FId/MK8semKnJdxvVWOT3h9Jf956UicTLuB88+7Ma31QQA7rKe9dFQVIoejGLnGtfk2NVvysimTyYHBXcdE1ewVCfCcUfrSQ2G57WduU1AtMdt8oo9tj6MWcRKKPQMayYsp8HQ+PDLTnh5UGZlvwBAB1jX31MpbSy6nk0l0aP4REaufiMaFtx1hEQsiQVByWYrP7CEsPedcHxasDIiNzd73DmfHUOzrJi4RwUAOkGkP7g6Zz1RUuwr2vcXve1Grv5x8ZDgrqK7Gcth3cxPSDZp5cwinvdtbY9o26ofCp/V40u3qzxiqUI3c3ozsWiYVxFD1zMAdJD0s0k/nCLxUY9z8VSiQVH2Xz5W2FWQaPfG3fXbrst76YXeSiz1Qeei7ZKIzM7Uj9x/QKqCZSMkYjnymcxbFvGctMtZw6Eth/NLkgVMq0aeYHHtNor9Sf39QZEwFtF5l30KS/gw9qcFADqAZsNK9vOrjWsXV1xfknh6NvvE8lJp+ORU7aVoouCi8casfnYlUtMLK1FS2J7EyaAkjUoU67M1IFpbV+jZplFxl2DZCIlYjslwXPQkFBu7qMHQZkY/JVlQHNL7j+nxBaqKbZDUR/Tn8Sf1Vtk+gcVbl7PLKojOV/WD97AAQAfQz/658dP6MVUoRRIVI4njJDtl14gbSGLb6Su7Rj/TmsOss6c5O5XptWgzK1g+xiRiOfLlbs7LElgY1PaC3hyVbDLLA9qeESyb291XlXp9p96s2o/mTZHed/FO991tVQGAu8y/3lvRbwYtw2OyOXY99/VIVHB5Qsxyochch4iXGz7avMzdiWdm+SG4TagkrhLb61gPVQ1FtZZzg3p/XLrXJ8LxDVkG62bW/y9saRwbn2jb+G2hmrh8bu9GG8Ozzf/21UE9VqQgZ91/vP+kAECHiGMZTEfEaCEw8V4/+p1lPyeRk3Wbe2Xm8owkSdIMh+8Jjbm5x6sf+FxjXNAWhMTVM6htjwagnRYU9WjT+7dpG5cupP/7bcJKut2e/n2WNL5NX8PWU/wJbQ9LtuaiyO3XV8QSuV/bNC4A0IFcQb8XJi4di5gu5Zpk46gtNErBuXWb+0Q0PSYzejIO8/ASPcwkrjFpATIs3jCXGllfsY0IiatE38CHs3EXMqbHcT3267kh6UJha73Hw93nZQnC+EN7jXznFhvfaBNXXhUAwD0v/r89w76hvRwmLPefVRHXS7R12CV/eUhk+i1vU56dphUXRRYivYVF50p6dSSz9WxofCgkVt/3T+ujgrYhJK4iDYUjGo5sfbohyaqI3SofN3hiKVU//f9gSOYW4bauausW/W5YaBsAcI/zf94zHDdkJJ1rki2ROLc0V2GTuPUfk0LldyT+wdecXP2euM0f1++hG/T+Cdec5BJlx7ynufC+DcdF2EiqnQiJqyh0MZ/TZuPCxvKuZ+kiYeHsvJv5ldBl3BdaOmt5nudbN7UFRAuEL4RFuQEAa4A/aztBFYd9LPuzmcr6bSHJl/nPVmBwpQ9mF+uxsPVAMwUm77wqc7OgpXk+T5dJJC8L2oqQuEryMYh5F7PPpmWNSTYer5vkey/bBJOv3PygnrPwZ2MU31NlvLmber5ACQC4d/g3o30+cSOSyObm8jV+bu/Q9F5ho3Mf/uVbP//dVyVLhlGYvOKba+DY67lrtQlBWxESV89JDUXNAbWh6/m4dBn93/2mLXytN21MoVURJ0PLw6MtY2OVwh16ne2k0jrGMJ+c8hoBEQDWBv9DedTXo1FJXCUrHWYTU3y2/1NY8VD7jjfvdtH7fl7PbghVwps2h5p9O5vXnE2Adq5QbF5gL9S/l77mdiMkrpJbLXWj57rypx7rZtbDK7d6rKVaaNvuPaX332zpUs6rpstaMgcA0B00INrs5ZH0dtgc1LmwRaiEWc3hP0mua7smUthw6xfb8DedTH1bmhtJRVG2iHb4NfUHvQ/2/eL0OUHbsJg22ioskH1Ub54Ipz4bgqP5sXBkHCIArAUunajpszjomzs/ZcMJkxuWOpSr35L4+0PiL/4HudUO84UHPiOuuCGd5OLCctqF3nXNP+j6bL3bhm91PEIiVkSoNn5Hsi7pZ8KEF7vNOogAsFZ4OZodXFZDtEUPm1OZXdhNr7mdSrqzXvLOV8XX386eX39L4gu/L/Ff/r4kP/xjcTZmMTzXWlQqNv+gKCrsEbSVE2CFhJnPz0o2Gzpn4xFHBQCwJvgLUpEkGtY4OORj21pFT8aRLYqtRxfWPoycj/V+uli2k+hDz4jr+7jEZ39N/NRbds7rc136uD0nzhbVtnMz714R39AO59h2cPE7P/DP2HGlXe5aJbH+rfLg5PFNY5dGC2cF96Sw7qEttp1XDu14QgAAa4a7X6ruR5K9Uo+3JYnfqxGwmpYOW5awSYcrztUIvVUTk3O/4mX2LZ9d4W5cFDF/basnFqLm3s0F54YFbdP2SqJ/s7RPE/0uF7vR6XrhZN+PT1dveHysXG6I2BpJ+3w9cjOXJuW+n52monmPYz9mAECu8f9KQ06ri5oFKnpMq4DWnM9up1v1abXQJTdWDd1NFcWknshM7VqzkmjVSZ9EB7Z8fuawYNnaHs6Svygc841olzTSL6B9MY8mdXc6iqNLvuEGNBgOSSMqS0O/jrPipn54TfqHGoREAADWEP96b0Wz35i3pXFCN3QeGCV2zaCYHSV0ReePa4/k9VmJr8/ofd9yjb2w1Fyjvq3/AEviLFfbl8DxPjqpGX9XmNnunJc9zmdLXubzmqwobI/VJ6ctpfJFBABgjXHa0zj1eu/OkvenNBKUJeQECb3PWRd0iA7hRlJvSP3ajMQzsTgNhUny3mqXXlf2fRtGRK7vFyxL28ckRkk9XSDaS3O6UraeUTavKWRF/aVf2Ximric9IREAgDXIhqR5745IKCK1bLqXhoh8InQSa7fylUmZuTypQTFuGceYF57mpE+Ynn1SsGxtD4lum+gXPKna7TQR5j8AZNVE56INztY5Shpx/ozKpRdtL0cAALDWFBvTNn6wli6uLc2d9iTsyKLdyLGfrU2Kr8fhrK/qA6OSrZRxXDPGuOuxyTAZny60k67Xi2VakR1X9IunQVEqWcTXZLjxp51b93GRxnVxm39a4j//onNXT4drbZBpaUikziBTAADWGPew1Br/S8a1mrRLXCShrpRGiKSeuJnatEtLij3F8eR6fLD/522Jm/imV2mkv186VC5brthyoEYvZRusSEjUnF/Ot9y2L7h4C4d/J9SEsyJxoSfyUangkljLxqVo+MILcvz+z0pVAADAmpL4ZDxy0ZM+sZAQZfWjhnezV6c1MiY1t37Dgfv+7tXR+V6nn3DYVm3vbvZntYIoMtByRqRnW7idlZCjHz0gru+vSc/GvnTvRS0hl9cVCmMaFCsCAADWFJe40821ECXblKUxWU9nLmtu3LuQgIj2a/9i2oVCtpBlPmcl2iRuwyPZxt12Mr4uybt/Jn7mLWcBsdTb40OFsdJb7D178d+sYzYSAABrSFF6J+zo0nGJWVq0CSqaFQ/2/8P4uOCuaOv6hP5CNJzU3YiLI+8bznlb/rAe1ktMNrlo679K915MfviqhGukfmXG1a/OpMMLfD1dMFOShux9/4H6qAAAgDWhMdF3VhL3oC2WHU8nMnNVjmz+mSkKR3dR2yqJ/gfypJaHR9KBBPne3T6sfWO/aSUxOf9bIle+k27mbcNS69emXH1qRpprI2XjGG2GE2MKAABYQzQXjKaroOjNwrqecQLi3de+iSuRHE5XOjdJ2B4nTGV3YWFtmX1L0u109Fz9+ow0pht5t/S4Pv5yEvsJNuYGAGDt0S7nI42oXtY8UCv97csHBXdd27qb/dtySLuaB2ffkXIyqSGx4coaFMuFqCBRMZJCqUdsqz7f0P8mEzf77rR1LVf9rNvbv5dgCAAA0EnaOibxZlfHZFBiN6xt0P6oUt86iXzkZy5O23iDmnfJw/2fZtkbAACATrOiITF39U+iw1pV3Jdu4G3rXWYbdR/e/HTjgAAAAKDjtH8JnFvY+KH7RvRPqraeS5LGEQEAAEBHWpWQ6B6u1eJGsrd538k43cwAAACda1VCoul/It2XMa0eaq8zG28DAABgzqVjpQEBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABYGU4AAADQVbz3j+jhU9re1fa8c25S2iwSAAAAdBQNgeu1bb3NY0/oYY+2M9rsmu2yAooCAACAjqEhcIsengu3L0oWBt/Q1qftYW0PaXtJq4ev6uNfkRVCSAQAAOgsD4XjC+G2tR3arEv5Tcm6l8/ICiMkAgAAdJbT4bhFw+BL81xrwfEBba9JmzEmEQAAoIOESShWKRxYwOXnF3jdohESAQAAOs93tD1kE1jmue4PtW3R64bCWMa2ISQCAAB0novh2Heni7TqaJXEUclmOD+jQXGHtAljEgEAADqPLW0zqSHw4nwX6jWvaTi07umntFlFcb3NfJZlopIIAADQQUK38SdkbgLLvEKYtGCYT2RZNiqJAAAAneWpcDwx34VhzOJj2n5Km91+YyHPWwhCIgAAQIcIYwpttvLofF3NoeL4jGTjFq2KeKad6ycSEgEAADpHPlHlE2H7PTMl2SLaJ24Kjvnjv7WQsYuL5QQAAAAdQ8OhdR3buEILhzbG0CqGHw0P224rF1u27rOKY9sX0gYAAEAXsFCo7Vltz9k4ROuWtn2bF7CO4pIxuxkAAKDDhe5k28vZuqP3aHtY25thd5YVQUgEAADoAiEoHpVsYostnr3stRABAABwjwhdzw8JAAAAAAAAAAAAAAAAAAAAAADAvcZ7X9FWFgAAAECD4YC2s37OmAVGwT2JdRIBAMC8Qhgc0/aytn5t27TVwjkAAACsRRoSR6xyeNO5srZL2gYF9xwqiQAAYCEq2qqtJ5xztXCuIgAAAFh7tFq4P1QNyy3nKmFs4oAAAABg7Qldy6fCxJX9odntwwIAAIC1KwTF0RAWbWbzfgEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoEt47/dpq7Tcr2gbli4QCQAAAFbKZW1jIRxW7La2cwIAAIC1TcPhkLazoQ0JAAAAEKqIFhAvtXY9AwAAYI1qCYhDLRXFigAAAGDt0kA41trFHILimHQBJwAAYEVNfb23MjubDNXr8cT7fzE+Pt/1Zw9JuVzs2ecTv6uRyN4PHqhPCLqSBsKyc64mXagoAABgRU3X413F3tLwup6C1EZnq97Lwf698ejN1519UcPhtIbDONnvnS/buYL4XXogJHapbg2IhpAIAMAK692yoRYVnBcfuZmarySzjRdrRwvDTgpHkySuSmJXue3S0G7JKCk3n2j9fV0cMtDd5kLiVT/oGjIssQz4upT1OKFv2iPyo25UAADA0kUy7orifJLIunKvTF+6Lj6WivfJsIbAbNVib9e5NBi69L5myiQ9RRURd0Wkb8KyXPOHNBCO6fuzqm2vnt+p90/rG/ZFOdsdq4IDANCp+j5Zq/ooqUnk0/JM7/vWe1d01pcszso1haxFpUiiYgiNUXjsw/1UEnFXOJnxp7RqWJYZDYf9bvyGR89q2TvRoDirofHHb3oMAAAs2OzJzaf0MGBdyz7RIBgnPp5JXFKPtXJY0IBY1KphIa0ezl6+LvFsI60u9v/jBpNMcVdoJVFGNSrufE9ANNu0q9nLEf1JhmoiAADL4IpJNa0kptXDxEd9G6W4oSg9m9f54saSRL0btcqYeHus0FsQZ9dpu/SilAW4C4rS647c8YqCjEhDLsnr/lGtJp4UdBR/zJfdbgY1A0DHK/hKOtYwrSRq8XDrZ/S78IfEX/uecxs/llYNG2d+I60aRhoSZdrbsES9vjigj4wLsMqiea/Y5mr6Jh3XN+9uQUfxf+oPyTp/yR+PX/Rfn6oIAKAjTb3WW9GQOJCNScyqhX72++I2fUyi+39W0pDYeFsrh0lWZVwXSbSukE5gcevozcPdMX9INLEc1d/3CDqG/6YflMTvk4a3cS1DEpW+7V8kKAJAJyr1RsMunZyin9mRd9pL51zftrDEjWSTVDb/hEjvByV9rCjpLGibxOIiP3jlDwt8D8aqW1hInJbjzslm+Z4Gk9v5lj72J36/+4Y/5o77MTmmAQYrJ9HQPps4qWudt64fOvVEP22iU/73rg0IAKBjxN/rHdZwOCSFrILoit5HW/6euPInNBn6rFlfc3G9FP76b2dB0iqKJSel8rp0DKP2UI9e/09FKopYVQufMfW/NfjFevyY29k8N+bLUVH2JQ3ZJQ0Z0MfHtZ1OxzDGMqStKp9quR5t41+Oz0rsKxoUJa0mWlBs6AOzSU0abr/b13dUAAB3Vfx/Svt8Eh2WNAs6b2MRRQuJUvywhr8PSVTeLbJ+h36GvyXJhS+Jn/q++MZ1TYVaQbRL9SN++uKk+NhLtuC2H9n8qeSgdCjv/UN6sHbROfeaoKstPCS+roEkljFXl5q+aSds0W3XkO0+lpMaTsb1iiOys2UCxTG9vi62vM5u+TTL57STTVaRpGFB3KfVRAuJs74lLNqHiR9x/2JTx36QAMC9zp8t7UnqMqphT7OTc94KLVY0tPhnc1JsGRy30UVbf0/8xa96f/nPnIXC9BoLknqNLZEze2kmDYvZi+rHe+IP9H8qOSwdRv+SW/TwXMspWwT8qIbFSUFXWtzaS6c0+EXazVmXigbDCT2elp+8QwB8yR/WILNdQyLVxDbyf1QftMXPtYs5BEP92KiHsJiFRA2P3u6Pykxy0P1Of1UAAKvGn5VyIsVLaRjUgGiVwTz8tQZBe9wqisns2y4ERzvqDf0Ivx5L/ersXGhsPk/G7/v7ccd9X9W/6ON6eELbGW1bQruo7Xn9W10UdJ2VXaDz6+kYxjGZln7ZyzIt7eK/biHRf1tDYBiTmMwdrcs5ryZmXdFVqbsRd6if7mcAWEXJXxSOadjbFfZlDiHPpWkqC30aHrPQl4ZDe9y6mBM91q82JNaQmC6Xk1YfpeqKpQkprDvX2LD+cP+OH1Slw7SExBParKv5GZkLiidau5/12vWSdUt/VNt2bVPaJvSaE4KOsfKruH/NX9J/ACPyc/Osx4gF81+rPyqz8XgzDKbB0D5V0kksefezz0Jkkl9TlVn9OsT1k270/qoAAFbF7NnSgKbBsraK84VBPf5CVk1Mq4a2nbMeXVgT0QJiklYR9cS4fn4f3Pg3BibctomOL7Ro8LMZ2I9oG7VAGIKgncsnVFq383ltdn7rbV7mX+pzzws6QlFW3qi+6XeJjVlEe8w0zulPoD6dSGSh0MYmpuFQWsclurTbueHzbuhK2v1c13/IT/3/CQ2MGhr9hDQa9jx9fjTu/usDLJYOAG3Ws60+MXcvHtWu6BEpFLXK6AesK9pZuUY/ri0oNmb0Y3taP8ydO7jpE34ke86EdKMwFvEF/Xvu0ONj2h6QrHqYe0Oyv5x1T/+SZFXH9YKOsfKVxK/6AZfI/9T3/075hVvs2PKv/aCLZViDTsU3pGbbAMqIGxXckX9h0iaubM4mroQxiVk1MYxRtPUTfcs5n1Ua8+qiXdOw57Qc68nfcv9jW3d+GgFAl0mqxTH9ZB5MxyX6dD9nN/PDWOLZ5OCmRzVIdhkNgxb0rOv4yxoQT9/i8byCaOHx3XxCS8uEF5sR/euCjrGwdRKX4+fchMaSo/oP4LC86Of2nzykla1Dfkxj6jH9tzGhzWbiHtfg8+/k2Tusx4hMXSu0eXdzNmnFz3U/W3UxhMI0BNq5ROa6n6Wl4hgmvDSSy3ot40YBYJU439jrClpB1OYjWx/HjlFNP65HpTvlXci3nKRioVDbGetOvmnG8xPheEbQUVaju9kCzQH9/ZR2O5+Sr3gLjFoBkyFJ0jLzgPyqO9e89jdtYEa6BdG44PbimSPSKA5pwNscJrCE7mbJZjdnk1luXEMxG5sYuqBDBTJ7jlVwf9lNbKsKAGBVuG1Sjc/7wxK5/dbl7O0z2sXH+3dKVbqMBlwLeukklSWMKcy7oJm00mFWvpJospnNO23avlYOH9VjWY+7Zb/bKf+8JSCaRK9JZFBwR+5Af1W7mkeaE1XyamHapZzMncsridmuLDJ3vllFPKk/zlo386gAAFZVVE8OumJSS/dydolEsXTd+rYaEG2yyuPh7qKCXlh828LlmyyT03lWfkziUvy6H5DnHGPjFsD/5uV9GhYPN5e8qbfMdm4eW0Ni81w6a859d9u4AADuGv8D2a8lmy8lDfndwkf0dpcIYwmfkrnZy7bMzSuyCGFSy5C21/S5o4K2OTsyUt4ohYGoVNoTRaVBVyyWXaFQlkKhFhWKE65UnNA4cKT/s3urt3uNzgyJWBT/q5cqMpUMaxAc1AD4YMuM5tZ2Sc+dljg5qWFy3P03wiEAdAp/QSru/u7pZtZwZ7OVrXpok1FsfOErGvJelUUiJLbf2f0j5fs2un3ehjEULBgWvYZDpyFR9Lbo0bsove8lOz+q3coH+/Z+unrzaxES7zH+M28PpMvdzCZlmbaFWLWrP3Kn3H/+yDkBAGCJQuWwT7KlbIbCaVvG5uhSu4pDd7Mtum0TWp4XLMvbv/LsvqgQDfso6tdgKFox9BJFzYCooTALitqiYgiMdrtUvBwVSyM9/+jJG5YrJCQCAIAFadlVxSy6e/kWr2eVyC9KVpG07fuY4bwEF/bvrxRKvS9qCBwUF0kaEK1SqBXDSG9LMyDa+ZIdsypiVllMz2m3tI9KPQdL/+CTzXGxqzNxBQAAdL0QCr8T7j6hIe8Z6zIOYW8pr2dd1Xk39dBSX2cts4DoolK65qYto+SyvXzS9dnDno7pb1YVDDuDS7YBpMvOhfM2t16fP9J4+U/35K9NSAQAAIvxRzIXFK27eEhs9WPvn1pKyAvB803JZjk/LlgwC4ga5cb0ZsXuW+zz2R4+ErKh/p7dzwKiZULX7EfOrrjhjh6jw1PHxtLXIyQCAIAFC4tiH9WbtgbyqGTjEo1NZnk2jF1crNH8NcI4RcwjDYjejWnEezDkvGbF0DdvNU9nlUVx+Z00T0rLZS6yx9KT5VJJXrRzhEQAALBoISzarOQv6V3bTs8mr1hAHJrvuRYkLQyG45awAHe+xuIjgnn5RI7poeJb55eEsJjXEiW/4fLqoXfhflpVzIuOPlyZXqa/aRv03/jvD67OjisAAOCeZbObNezZ7GSbqWzhb4cFyJuvCzuz2LI3W24633p3UnBHFz73+WGfr08Zgt7NM5Fbg6LLByLKjd3O+e1QfQz90lmFMSn43VQScUv6D3bAmgAAsABhGZzRcPeGamCoGH5BsjGHFhAtCNo4xHdCy1nX9aLXW1xLLvwT7WZ2bvjGUJgmu7xKmNUMm2MM7b+0uDg3XDF/yPusmqhhMZ284tOL06JiJG47lUTcQN8gu/RgYxHK4X5VDzv1zVMVAADuLN+32aqJ661LOkxmsQpjureztlGWulmGgh9OE2BeBfT5dOWsYpgGP8kqhi6fs5IWDt1cOTHn3I291a6ZMy0qDlBJRJO+sSp6sDEOtphmv7Zt2mx7xDEBAGAeYUmbPAD+WDjm1UMLiKyFuAxn9+8va37bFdLfXD9zNuQw7TFOu46zy600GPqafVY1DGGxhWVMlx/z+S55ciQkopXtGfqyvsVGtNVC9XCvtrK+uQYFAID55bOdPxrGINqsZwuPzy91ZxZkehqNQR96+nKhppjWFpsTV9LuZy9z3cv5BBWfdzH7MB6x+STnoix7NoeHuirdzWhlb7xq6wkLi/qGqslNb0oAAG4jrxTaBJV83cSXCIjLFyXuSR+FZW7khkVuso5jKwe2lv+ys6HPOcpnNIfhiv6GmmJadfRzhcZGEh+hkohW1rX8pL5RmoEwdEFXwmMAANxR6E62ySd5QDxxq5nOWLzEzU0ojZrrImZdyOkmK85y4lwoDOMTfXNlnOa5loqhS0uOPq8u6q+qbyS7S5/8yXEqiWg1qm2PtlP6JrJxiZsl64I+yMQVAMBC6feMl/T7iBUXzodximgDDXcV57Ohh6Hol01H9n5urcM0J2YpMExAuSkPplvzncuypX5vT9IexFqSJOci58YLTz7WLAoREtEUupZ3SrYQ6pParJv5gJ4fFQAAFoEJKiui7FvWRfTZytc3jD302RkbfHhZM+F44v3JKJGaj6OJOOqt9u/bW1voH0ZIxA0sKOrhcGgAAKBz1FzrHIF8McRsNopFxMt6c1T7ol9+/8iz47JMhEQAAICuYF347lFpmbOS9hpH1hMov3t96trhbYcPL7hSOB9CIgAAQBdwSTTqCzKYL5ZtdUTtTj4yVZ8ZaWc4bP55AgAAgK5w/nOfP1wQ+bwUopNJ5A7/yKFDLwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFgQ7/1D2nZoWy8AAADoKiuy44oGw8f08FS4+6q2lwQAAABdY8khUYPg03rYqu2UttPOuYuhavi4NguJJ7RtCdcAAACgiywpJFpXsh5+Stsb2iwsPu3THQRTk9pe0tD4qp7bIwAAAOg6S60kXgzH17T9W20WGreG81ZVnGy5ljGJAAAAXWZJITF0LZ/Rm4/obQuKE6Hd7E1tA9YNfVNwBAAAQAeLZOlsLOJD88xe/m44Pi4AAADoGssJiefDse92F4Tq4SvaHtMw+QVtWwQAAAAdbzkhMQ98U3e6yCaw6OF5ycLks2HSCwAAADrYckLiE9reWMhYQ73Gxi9aULRA+ZgAAACgoy11CRwLiFZJfH4B11rl0K632c82fpGFtQEAADrcokNiGFdoE1FO2Cznea59Ilxr6ylat/O3meUMAMAa9LoflGsy7K5IxV+Rmt4elXfkqBxwNUFHcrJIGvwe0MOzMrfkjVUHLfhNhOVw8ussTD4nWZh8RQAAwJoUXfDDyVUZkcsaPK7oCT16bXJFqnJJHpYRgmInWvSYRA18tvahVQVtIopts/JOuD2kwXCo5VKrIl4kIAIAsIZd8pUk0hgYiXdOfOtDWql6UEqyT9CRlrqY9nvGFWpA3CFZUJwMj9tYxAkBAABrl4XAWcsJGh/SuJB1Y+aB0cWyX28cFHSc5cxuvkHoarZwaGsi2r7O1t1MSAQAYC1zUhYLhD4LipYQ83Ki3ddWlt/wDwo6TttCoglrItpyN09L1tV8RgAAwFpWTX93csNMiDwwakWxJl905wQdZ0ndzXeiwfB5rSQOSLZvMwAAWMsiOaqlwxGXlQ/z3uaMVRcjGRV0pLZWEnMaFCfmWx4HAACsAX2uqmFwv3U5p9VDY4HRuqCdTEiD8YidatFL4AAAACza674itgzOFdmux5oex2WPIyB2sL8CQqfoRf1Eb20AAAAASUVORK5CYII=);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.toggle-buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.toggle-buttons .toggle-buttons-wrap {
  background: #eff1f8;
  border-radius: 30px;
  padding: 10px 15px
}

.toggle-buttons .toggle-buttons-wrap ul {
  background: #fff;
  border-radius: 30px;
  display: flex
}

.toggle-buttons button {
  text-wrap: nowrap;
  background: #fff;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 10px;
  transition: background .3s ease
}

.toggle-buttons .active {
  background: #f60;
  color: #fff
}

.dashboad-my-ticket-banner {
  align-items: center;
  background: linear-gradient(88deg, #190790 1.92%, #b09 96.24%);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  color: #fff;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 22px 160px 14px 20px;
  position: relative
}

.dashboad-my-ticket-banner h5 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0
}

.dashboad-my-ticket-banner .competition-closes {
  align-items: center;
  background-color: #00000026;
  border-radius: 6px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  max-width: 240px;
  padding: 6px 20px;
  width: 100%
}

.dashboad-my-ticket-banner .competition-closes .airdrop-bnr {
  bottom: -10px;
  position: absolute;
  right: -10px
}

.dashboad-my-ticket-banner .competition-closes .box-timer {
  text-align: center
}

.dashboad-my-ticket-banner .competition-closes .box-timer h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 2px
}

.dashboad-my-ticket-banner .competition-closes .box-timer p {
  font-size: 8px;
  letter-spacing: .5;
  margin-bottom: 0;
  text-transform: uppercase
}

.luckydraw-table {
  overflow: visible;
  overflow: initial
}

.luckydraw-table .luckydraw-timer .dashboad-swap-banner {
  background-image: url(/static/media/DailyWinnerTimerBg.71da3adc7227bf96b64c.png);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 0;
  margin: 0;
  padding: 4px 86px 4px 14px
}

.luckydraw-table .luckydraw-timer .dashboad-swap-banner :after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABBCAYAAAB2FzKyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACQ+SURBVHgB1XwHfBzV1f15M7N9V31VLcmWJbnIRe71cwHbGMc21YApIfRgQ0ILCZCAE8AQmw7BdNMMmOYAxsa94Y57b+q9S9t3yvvftyvl7xDAwvm+X5wHi1a7M/PenHfvufeeO4Lhv3RwzhkNLt4H33yzh7KpvLv81+YCNG74LbrF14TH6C40+LqYt9oboVoZjuW/HF6RLRt51k22W3+zAT9zMPyXDQJIJoB0XvOHHLQcuN87ZMs4ZpV72DcaYKqVI70vD//lhGQsM0NKdELq1gbljXQOe3+mz18K7VkLpDR7vemj2M3oPr4G4amPMXthJV1Xousa+G8fwoIir7sWxhm7Utfqn1h4K5gRvvxizqsTOd/UlfOTE8M89CveBhMPjRjIQxeO44HsUZyXdKdjruLceJurj+fy8NjJXLvmHq5/4tK5MY6r88YcUW+aM6Z9HvmH5pfwXzDarYj7h199uzbsxmbjeMZY74wQt99wPTPNWwUcsAHOFANpAxXtlcNgLie4qkLKSIMyIh36QgWwNAO+WigPvggeuw9cqQA78axkvHEQyu/65EuTvtgQGjrpq4i1cm76/hrOeaBo0YpYfFuPCV9Ynv/kbzAPNXwzd0m2MRcz5fd/B/ZZAZsLSOxJ7pXEQs8cheQwR+8s1Q2pXw70DUmAo40+aAJUC8xfPAftq9V0zBEw5S3wL5ZK0oyZMD1vujCY1q2c5lPFvKev45wGqh0krS194GbrwjXTpNih3HPZDsncvRCmh0uBQ0GyJALJHAfE5jE0tkAv9YIHQ+CGDik5EVLPPMgxeeDHCSiJuJ810oUHw/z5FKjvbgBzloLXPgde9AnY0Gtl88eDUgNJGT4x7+lgnbNAtUc1rbnPFUukp3aPMA3vxxr77mLm5BiYp/chV9pDB5HLyRZ6H09WlQh9axEBQV6jqfQ5xSmbGTzORWC5wbfS77JGd0wv+CCN/SN4+DiMPYchDXHBWHIBnbsVbPQtivmR3uZgTn5tO1gRzlJ+YqH/iAK89vUUWIsHI1w2lpdsH8r6TApAO5GLKtlAeuZKmPqX0txbWOLsLd+7UY6zH5L/usev9LGHLo4blsj9t5LbmCSY4vMhTdoHVJDLOSxRYOxuuhMH01ZWgkn0O6cIKNH9hXVA3EGSFcZeBdJNwqoIRB6gVyLkudOhv3IMrN8xyBOuhrH0dki/GAbpjpsVafPbbnXc0E/pHi7/QaDEDXa81XcMet6/7cAUzfRobvG1lci050GaE4Oi8QuQHzcBbXfshfnB2nylYB/a+jaBv/o/DaGJ9X6LMvuvdP6C7wPe2RHZxUOH5NYv5i1K/JrpiE2U694oRkKiA3KvHgTQJ0AzASERFzFartlOPxXODzQyJrHIZ5Ed8vnExQhIArWejgEROvfTT3qxIJQplyJw22zIJWVAXiWMQyMhTT1K34+E6c99oN178jL+wQcFmDnzqPS9BQpO4GsnjbhtO93ckqEH76y5Jzn3k4RyWL+Ng9Wbh6d67YK2nXbMbMWRi71Y//lumL+Nx86bWlA0a39SaFpq5oGsO//WNsZmqHOuelyA9ENR5KeGIO/m6+ausswJG7LqkP3PB8DNMhSLBawnrdMXIjeSopwjLIdF95a30ucRoOhfSSLXClM2Go5+10Jgqa2ALsCjl0FW5ehOhsXBidtQV0s51xjwPVvpomR5+aOZPCBBN3ZuXi/WI50Gkkn45CfxSRvT1+1fcJApxoXdU9kqrQJDnDIye4/AyR3fwkHH2vNp0hwFAxKScJx+r1m7BhdOn4zVeitMzSUsa9BoHN+mG7XzVzzg65V/+IeiyE9bVJ3Te2T1GHPPgCT1caDhfQ9RkUwGRHhb6QbDUauBJEWBkQWNqDAqWqMgiYsYZMRE6vCT9UgKeRtZn8fbDhIBYbREzmG9iZ/Ka4HWFkhd7DB2Cbqg40DHT3DIzO5I4ocP50kdpi5u5vAE987RF6ujmgo4v/7NJOnrkhrc/L6C3IPpwOo8vjkUxo3vycg5OADs2Wmw1jwJlyLBsvEi8Pdm46rNr2O7uwmx381D9rybJPtrw5k6Z2Cefm9qZTsxdsqyQk9/eoMy1uCSj7CVFfgqVERu3yBA7PXgITkKkFi9AIsLz6ZkVFWjQIuPVJ3ACUUtSicPUGjqNvGegDMILK0twlWsWwJ5I53no895ELzESheroavQd4UZdH0Tx/Gj9ygdpl71Ss4HCe6yQZYeaSzVqEXIl4CLF9dARxxYdTwkVyKuP0CmeuQAESmRZAaFYObEDfWXg/nCYKGTcI2YjHE7jsLwfAn3XbNpvseA5MsVTDSl8jubttA8IztD8r5Ve2daR+qQ6R94CDiVw2aNWomhMkgGj7qdsBpOa9EC4ktObsgi7G3QD50+D6sRq+IhARC5mE4WpAn3JMszKGIqOliCRFbkJ0OjV4BerU4GvZqDZTM4CcRQEeO+lomSINu6VbNGm3xFM5W0OPCTlXQRN8zhBmgttCgLkaA5AZKNnG5/OSJkKRajByPvpYADzNMQIUmGevpqPFignKyUIpN1GtC4BoiZSnvMRvCmF2aiMxZ1vCwPCSrRDM2lGRAsEyYcjDDlTR4LWQyPknQEbxHZxBECwdOqDwFiiEDyByLHcmFZwuIEN2nkWjq5ni7IXYMRVKOgildA1qG3RblMsoM56Dy/Lz0SkQJbXl5tcTNNVjXGKOLCHg+tqgVMbJDZSSfQdhq0SDUUzU/ETovfxTBRDqPSxAZtvU4h3ExuGhDvCbxYyndaT3DBEYgZoEPb9m5nUgYe0hzcrEd/sZAVEXGL2cIh+m8JuYfcDpSwJhHfokBR8miJniP4S6d8KRCMup4azZ9YbDAKlC7WJ1yvGXojXU8cSyAxcle6R4Xck6wqENkEbqLzQn6rVLdpzmhrLCyyTVH0JkLRFCVKI0DoKpR7KISqYotOIExYcELEvAUphkRYjlgXwrQ7KmW9GpmvRsergizJwpRsg4fISh1ZhG6czH0bpp8JKN0fNvGwHL1/uw5bAvEUARMWEB8PQWdylJeE1Yi1CAuhtbAE+/+/iKZHLCoCVliLHitcUiSjgp/EC43QSonE4xwRz+XiuHC9FPlO3Bslh4JWDK+fSaGyr+6TbeAWtxm6V6frCTfXIvcOmQgwApKY2Mv/EWl4u7nroeh7cQMCSLUhsltc9ZGp+6LEyUwqvEUU88gyI0G2fNaZgFJcFpV7FGgCqEaVjNGEAHFMUMxT6YEajI1wjlhnZB20OWJeqWs8UVO7tRFQPKRGXU64lIVuSBJg0bGaWBuBayKp6jCt204ZvOA9P4HtpM0NSNH7IafnYfoZ1AyJeYqGkkcxmZLsCOiRwMHbN0uPmjHtIFcFUIggHzlIC0ZJVOysHo7uEPEaQjVEimRNYgKKIpAp2/M1MOEaEMksb+x3JqDkGPiNIicCIZqrUkPihRJ8dHobLSrUUAF+grhULFBXo2AJoEI0Z24cBTgjsiRO7iZAitR9BBjsvuhaI6AKjhLrq0OYAhMzCwulpZU3g+W2RbODyKC68bBHGIdXkoyWWE2UP3QRsYNagC4WJvfpCLuCXwgoptN+iiRPoBUBJxCxKK7QyQpdWfVEEzpVhG9KEIW1CR7jIvK0RHdRgK42O84ElLUg44S2I55rDiLaJh0xM+hUQ0EjzeuzaFDWcqiCw0RkE1FMrMXfzORCt6EROUd2VLiecDtKEQRYLFZYkilK0mItZIlGGWXjQTOxh0g3TJSZV0AqEGQvkgE6318L/aQXLCauTKINiOZSdGHDTO7pJ8uiG5VjKcHjWsRqREHAg0EdFmskCkVDMi3C3ozyvXYc3BhDhEuTq0LGqCHrpkAgANbpzGAVma83CprYdbXtTDjBPLDP14GjNqJ9RmkKItaZPdKCVpEzUySUtwcRNCzRtQirEhbtb4bSLx4h8gIeCYa0ZhH1CCzupfQlQfCS3B54aP2yiuDXtTAlxlFkp4TUYqOElWSXbLqeSGxFrN0ngCRmTEnfKkmmpDZR3al1GkyxCoKibnQ1YMatc1BS4YTiJoFLFJI6E17PdWFN7nqociP2vDEQK54cgVt+MxAaryXrbY4ApbcSCVJwE+7B9FMErEIWIThMcIMIMWewqGGD3ka4DvqOJHhFaXY4jB5/VtBGl2gg1w+KwLE3ljagw/3IqsJtdJM2hCgi62iPev5wpDDmDbSeVEEVdC01EOXcuBDaFjbBnOWKlDvwUd7WfT9ZP8k2VuJTUxDaWyTlOHUmDSl8VTLHdznp8du5icC2ZmggcRCbnp+EUVkxuP7BS/DCDdNQsjMBQb8itRqx6vH9iXjriuvwdM+b0FaTCGatRYY1iF93nYz6I2lUqR+APY0WF6vCXyNj20d0A3FC+iDX9FHGKzlPngkoNn58hTXL0eL7vAtXY0MIiqyjTxDpGWbU0QY0CXXl4zBUO4+GfhHJhKXS2o0YFyKJBVkb95M1EZHzJsrxMtr5TLyY8IxG+PYwmGKIyM1kTdtKIZ9PpQwTSoQcSR3UN4u43K+As9xeu5T4LOfqB+66fIRibsKsa81YtLQG/hOTMGSIAymljSgvz8cHD/aAu1u2bfvBAlR4TmFEUgLSuzRSfpeEAJm2RMV+tx4c3311C3Y97MapkqPolTUS2TkJmLe4EBuuCVOpQyC5TnKDzVh7JqBE9u577sVZTXcvWGTdE4/WbD8sO0IY/rIDiy8KkxDA4C4KItBAamWc1s5TZHrhJqb0TkZwbwWcgiEEkQugPH7obkrnhPVJ5LImihZLToDZ7RH5hFHNauxbTUROALpTyWJC0P5yHLrs47YZM17Ch4shNVtffM2tdWXHKn34evEEBGqHwms5gKBHR0ZiJoK0ALO1jXLQZhRQMWy31lM6QiRL9ZPJrKCpqQ0Wk5WExlikZhJYB/YSKCkYckFX7NixEoPSYjD//Euw6jEJ795+DauumrUQnRjOu3/zoWJvDfjeytNVcpNAM4N9QBBdcswg1kMLJaLsE+JAogIBCMLk1i1VzDEunXs1Hs2LRNQTPEbBRHNJ0XRG5H1JCmqeboIzzU6FNlnUCS/pUYcJ2axILg0z8dcTBw2lR46ESy67S1QvUlJhYWWfCXmNqfZUo6h1D3qm5aGO2L62oQZ90vrjMPm3TmFeoxCbEJOAEO2exkW+RYutT4ErsZiigQvxyfGor6uHx++BO8kNq8mCI8VHEWNLwIDBSXj9Kb+R3uuCxi6F1uNnAklk72Jx6b+5c1prQ70c/joVTQFK7L/VMXYRlZB+TpohGcc6lcidajWvKICJe5pKETMplTcTP/EO9UAXQYpyOwuL5lxKMnFXHVoOMtgkOi81jSLbLujnmUhyIX5yGwhO3UNbEWLWv85/qH09RqTWGzl7wBW5jnzpZPNJcnkNuUm5ONVahKSkerzyzGK0UfSoL46HbKQioNlRUu+C1RbC+DuexD1PvAWLPQmJ6VnYt2cvEuwJ6FbQDTs37YLLFYPslG747tB2DMwtlPIvTJt1mjB4JrCMuCcfWOvKcO73LM7RhQXX1ZHCKYUw7AIriun3ZpEWLRP8zCnfJFA8tbD0tyPEoylfxJootVHtbZDFtKJ6cqShcVEx7JRkmghkqdGM0MT9pNQQ3zpVqJt88K86pVuvutLDpk6d27GeSK3XdVSftb3Oy6/Iie2hrT+1CzmukSimXZt81SPIyDQw9+nHcNvzv8fEWUsab7/mkPHix3Nx4+K7yOUqUbPFhNc2zUXPYU34ZuNxOKSu6Na7ANv2bEKCNRvuhGSUVZTqhWPzG7InF36MnzGEhtXr2T8O9Ol7ZP/c/lowLoCmnQyFCyjZN0wopYpFJrHTI0pRogrupew8nojb6Ywk7pE0QFQliX7iIh7lpxQTSp5rQBJFNSk3F6GSbcAFEuQ4EvqccaietE23x8TIphdf6tXRJvunBdUdrHMunjKKtyyEWk2tL/4diX0PkMKw1MwvvX0c5x/SZ5tigt5Pzar+Ka1ptYPfveM7nnLlLznfS5ZePZ7ry+mY+jzOawZz9SPwbx/+A78+/gbtyyvu456TJ5N/rLl4BrDkut89XrgZbn5qQo5+fIHMPW9Zufe9WP4qrLyI2Xj1H2y87Q0712mt3DPG2Dm4N2+yOLlXslAjdAqvvs7E+WYr54f68NDJCXwrYrg/Lo6HhlzGG59mXNtADVQ+jO+Jd0VSZO31V2YKTzt9HVK7mWvuArf/vFv08UWHoXjqGTcI6D7UKvvyWC4+N12JjJ1/xPzi8Za/BwYqU/deBqe6H35vALWGE2OOfoaW0lqUtdqxxTsbb79UBtbdhVEz3zbe3rJQnvbG+ouc3bs3CN3rNABYhxvWfbzOWdf1sidOfb7yrUO6/1TjxHuOeZ1j65o1rbjum83fuF5fe1/XydP+1rDaJJn2xvHqFgPWLkEMPM+C/aSrmT6kYoO66bqPbqeylMWPcfOA3i7T+4mvMo2ofpWShdK5R5HBKNvq1Q/BuO1wjrRDHtkF2wYV8R7NZJF33v6GcsuvP0S0gv3H+Ic8294AWB98OfWpAYcG3mc53MoLrr+ELVpRjfixFGnWV+KBrMthYWb467cj21yGWpIoEGdGYd++SJg9DGkzX4D9yxqU8YfRK7iYs4pTUlb3C/6WFrPiy3ba6ABJyM5q8edbJm9cuvxj79QprsDe7Zy7Y5F8qp6bVy2TJFc2wo+84U5+7Laude/N4YnTfsuMIQVoeL2ExT1yFEVbDQx+IYwjQyjylhqw1xD9JlBeVNOI+FF9ef2zOoulfEhEPjmDR+WheDtqP2jGQBspEx4nTI9VwdwzF1uva0LB7kau9O+7xvziglt+qCHy/eaCZJ1V87vBl968YV/ycP7xklNIu+ICtO7YCUsqdVybNNiSqdnY5iWRMxf91Q1QkvqjsYiy7xQN0wel4NSWleg5MI0P//SXeChhybK0fivuON3X2xsY6v4bnt7ZZPIs7z31Sof3xG4EqV7p6k7V5UcXSlKXXsB5/WB+bRk8FP6Tpo5m3j/ehi5IQVwmg3fuABISdVQsBy5fyEHdOFjfp3xWlKetfjj6ScwrKImA0qn8MacLXS0RbStrEU/AKemF0C/+FrY+aTj0loG8j6oNU9esneZ9Bya1r+9fukb/BFR7x0R57/xLx428ZHIxiba6ZcsqxPcYjPLCv2CTfi9+q3yGyzNPoYKNwBznfLw3aQuWLtuFgZfNxKKFS5B80VX8wLpTuPba3htXjx32i46WeAffCDc/2PfmKvVBgnXa5dzz4gKpzudFusNFwcEsGZ8t5VJuMuRhObClx0I/UERewxH76K3wtbSi6/Rfwh5DxeqfR8IfQyqrQ0fOcBm1exmEAKp6GMzJHq4qlkhvTydNiQRaoEsGSh8rQqbNBJ1ySvttOmqPxcB+b5nhTE36zl5SMryjM40fGP/SKe5oAmyeODH3skmZniLHfK3ecTMlfDqyE5twf+NreKdgLVJImG8mWfaqhK/QOv2P2FUwG203PInbmp7Ea9dWrnt/yKhxp0/c8bhOdcwlRyv3vZAS02cGi8sax4ouH4aEoAFbjIuz4mrG/aQ/U3HOYqxgw7pDWrM7ojpQ1w7yM7NgHCtH1vnXccVUBTZvKEorQxg9X8NuyhRtnzH4VVI6wrXMRD1ARu0tw0QJs4PMy+xAaHMtrJbeMP9+N0IUkWvGFOuZaUkHbDU1w34KpB8Eqh2sSHtp8ZUPxBeRLeyrVrQYF2XiFIarqBxSaadIzyCCE1vopM42bVl1K/GBQ/vLoP2Hbh3+/Pnfn1iApBfeNWfL8t/2yL7jZWaEPGj41RSoZTVUX7ogW61M31dEokMsIlIO5UU8JRF81zF0+IF18jCE956EMrI3S73hHkM7dRKmrylBJrAGXw3UbmDwCCmouhGmXFI0xDptfshOO5qWtiCd+BUTKQufmoIDfau0PhZea6quKjwTSD8K1GmWpXS/5Fm3LaApLU2SJrV3jMxSVDZlCn3Q1kg5XQxlvrrG2uolNqKl7w9NzNdx5Wi49RFHn266f/GXLBWJaO7XhYRHoUnwaNOCyiFOPbqI8iDURsr+WXlDpLlAnACDpGneKxO8kqrkU1W8h68cnq/a0HrQgZ63aThKOpJCYKnlLcxVYOIGCX88lmSi9EQ0vlCOBCUT5sercOg2rvaraVGUUCijMyD9JFAdYKHwrtZuE4Zf1lRpKCYT40IZDpOGp4V0KFZTdPfVJs5bWxXW99GeHTz0/Wvp7zx3bdGNY+Aub5ObG8vEteEh96KDI6TLmSQaAaK1QkkZvVqijUuQZEM7RpWIHlEFNBFM6luhmBSmldUFCrZ9jcCzaaiiCNz3Uo7AUhle2kR7rk4ZO2XeicFI613aSSQ+3UOaZTx3vVZm4vPn5/zYWn82UB3DcuG2z7vkJGzzeWXD5mII+IVUTPoNMyJaM1eDhuTq9gnL/NOJ03OlfwKquG6mt38qzKUN1FqM5gq6aFZEOrvR9m6kAyVUUCHnNoseWyDyu1CnVWo1UYlLuRKdTcIUTS0Fy2ut8rCByBg/Cs0vdeW5swIorzUhVATYssLUU6CDujAEdwYRq5NSMC+I8kuakZXf+wnrffeV/Nhazwqo9gJVTh65ckzTcU2OIde3OznMthBXRM8LHoN7wjIbW3zFT2XeoaamGJlyGd1uoTikw89DMJfUR/hHiIEs8jCFOdrkEW2jICWKZLUGvSfRNgoUASj83/BQtFPps7AayTkS757N5Q0hCi6SFteXcF4jw+IO0Xlh4ioTgktCcPUKweez6e5DHh87fvhB/MznVztlURHkBw3SsiZfeveaL3uz194ZhCXvXMg2L78VBzdPZYGEqfP+cdyPDPXQUXuktZ3thk7t7Vq6RefxagSpJR8izUglAY65HKQy84gszYU6GQhDT3JFukwCKE38pGog8rRKq48HbbImuEtXDZZz02/3l8y2KTl3+njLRiuMJD/BK8PUx4C+3IBljgbPjU1y0o2zx5/NEzY/60GyuL6fvfLtF9ex9VuzsXljXxQfn4DVi6ez3UcXLDrTubbzB7cYlY08YJFg7paPMtHlW3MAXrtCBkT6D7WzpdwMoikS84mPIm0mAkuLs0cknnA4HOnr6YcpubVS2K9tZuF+eYooLfiBMsh982sSAwXrtHTGzUGyqHiClZq+Un+61olGGNMNw7Iv5gh766Xvzubp304DJVyQdWPBgtFZ+/WQjJYWM6UHJMyH2kJjZmXuP+NE7tjvnBsOsvqyCmRcfRGKjDpIxw4TaXsQIt0oJPSkLDdU0dAgyzOoFc7a/AhlxFF3yBch83BFNZQ6ing2CwIuM4xEe8S6Qks2k1zbZY1z3v0XtV3vlEpSTfh7QYhyKA/Ck3oj8dUnoE3pIlkfuvvmzso8Zw1Ux+h+s/Oh6x5wrPjTy9/eH3/+G3/L/1PcQ52ZXLp49AeOz79Eq3gg5cbJpH6oqKKmQNLyPSChljpLlA7EueCzk6v5SOumPEqub4Y/Lx16M/XXSNRXV26H1e4gWdaLmlHdkSh8kUBVtx5kUl7qEvdNF3liEnocdcIZebBFyFGk/4LZKHktVmG75bq9Z/sU4M8GKnP4gDUVSQMO5d62bv5hPq48Z/jwzztznvmK83bFtFb5+O5jRn1jHfpccyu28FakfrQRLXEWasMRdEKtzelGIpxftLHJBQ14U2OoXgtDSkpEeMFSmLK7kf5zDN6bL0As9eL8cz8zzKP7NbHczJNiw/RfXve7pLBGLSMifkqKZWpDgYBnBT23s4wMP85y/HygMjMDKcmZaZGTZVuvnj17FnfqwQu6ieSxt9ytzXlOqgv5kfbErdS59iNcchzSwVKESEVt83mZMnIAD1PRbYhnm1q9aO0SH+n6qpSMst1UnFMeVdojAYndu4r2Nm97+FHJ/utfzO54nEiaOGGjFm6BkkDnpKloSSpG7ZF1MKad/xL+jdFpoDqELO59PeUXPZYlH1092XdBwcoJvPmdAe3fn+khMZa54anXY2uqGwNfrtdPlBZj+O8fxnrUIeXVlagmjaiuohKOC4ai0VtN1kT9u1grQpQyWGJdaPl4FVyia1JShWPURnOb7Kif/JDu6Du0ml0z/qOOSRKH57UFDu/95eiDJ3v0rVhm1V9Znlx6+9N3Wn597/tny09idAqo9t0y+JEpT+PYn2vk+sPnxanUvlNr0lH//G6jbOqm9vrwR/OodmVC7nnpfX3VJ+bKDQ0NGiP3cabmwr9hLVqbWlBbXgFTYT781CxlJgl+od/Gkm6UmgLvC4uQ0rUnDuXGImZEP3iWbgthxQeK64OHBnxfsk3hlmpPQ3gkY1PILNOSSWDIal/DWT+l3HmLKrr1ZsNfes/+pWnce0hlVnKPtl0edvRjiZrIplH82NQlZ8p0xfe9PnuwZmTytGsD18xWTpSX6vnvP4V9ejlSPtqMFoN6cBkJCNvjoBgSmrvEMwf99JVQn+4ENQC8QZQ+exOyWijTmnalJeHx+VNY35za789rMpm2tbQGLhHvy6ua+7jd7lX/jjWJ0dmEk6Ptm9dKtsTrOf3MzOamJDHehfRR1OdzySj7sIzaPK0X89ZvEjpzuX51Sxb9j2vQK6FfPyyfcMu8128egfeD90nOldAYJFkkKwfioYhAgpPHpCahcd4i9FKysffmsejRs0A1skcoqYOvvl95aMby0wFol5clt/tlfzfXOlfZ1l99l5f4+RN2Y0Nle4XR6Qduzwoo3rKim8GtTA6GZS0swdnVijhLGypOqIijroakcqZV06XU2rFnulaHODiwevnthServmm992kWfvBy3kbaUdzy3agoK2GOgQVc8vngc7uY1REP64dLoPbPB//TbF1OHWVKSRn4mOm7efP/pUsiRukD47DnZd1R/cE4p1Y/CCdWdHX6Hj9klM9YffpfIvyfAEUFl4OlZINRz88TpBJWot2mpqPLKaGpmTRps4jrJlIXm1I7c7kOCed/tKoLC9fu2Ff01EIkv/0MQi+8inrq5vp7dGFGoAlqdgqCm3Yiv60aRR8/zJ1jrpFTzDHzbbV//1OHENhxzYhled7ugcZ31hxZn6vXbZeYUdyE1u8C7MiHCrXHtfP48Us++zmF8M8HiieVsdYKSA4Tj4/TUbLDB5PbDRspHnKYilRqMiqsjGq0lI3o5OgAa7xRVdjvqWday3Jduik2A8q6vfB3S+bUA4bcuyusL32BwIxfgW8/jtSd3y6z12y4//sgtV+Po3TB1+WHco2UBEOOJW1dyXcjub8Jrnjq5b1TSq30xks5X52Isxid46jE4W2hum4b02dkGbW7/Ii1mdGwrx7NR6ngDBhIHhGr+0+Eaix5Vx/CzxgdrnD+nE8zYgZdKRuLHtbN8z+Gp0cahTsZWq9sJH2xDGXv3K1nXH1tfUKw7J80+NMH5+sUGA05RosmiYfgbOl2WAINaKjjBBQVxzRduJIUzuojF+IsRmfTA9k6dtlYXlQU7nZDmm5Ks3MTlQ+WdAfvMjnGMCq3yvYhH+acjf9HbvqRaYFJydMnNy7dLieFJB6MIVmYoFIaPNAHDzIsM+bJ7jvnDmqv+n9EaCM9Jb0rJFE8i6fnxNMDtIkRemhTIZnkyJOSWtiTjLMYnZZZxE4qo3bZERj2TFx+XFvamDg4kvRQoCF/oWNGm4wuI9Sz9X8xRWL56yvGvrR7a+NN53H1001G0JQYjnnzG9TcMZ2lrlz/PnvxloqfqvoZywzwyvqQOdlBYUdF7VEPLBlpkBUSGHWiB6Iwi62KsvyMdTiLcc788XXEGq942bZGrvPUdbfrPaxOuVvf3qjefAS9MynM3nmh9lMbIcg8vPPeP5tzTjxUtKBKslDawl3iLx+IHkIG3MPiddZ6zGO/qDQeZzHOub9SP1RRtOnbVWtHd+vVExOHjeIHKopP9cvMyTvTeR1inLpx1F4l29q/+bDMQ+U+Zoqz8Nhc6oWc2i75em13uQsKAmdj+efcX4Ba/dqzduKW8CcboJXUMWtLywudOa8jPzON2Vyo+i75ZWxWelnKYAu3p1paAk3937AnLTWdLUjn3Ihk1idOWD56893NfNkyy9vPvriypqbG8f0nS/4T45yyqIiKmpcXiu2SU8+mTAm5ug9Gamqqj50D/+OGcwqoDqlmfI/ldcfXj2++aOS7MZwfdZ1t2fG/Oc45MucH+68oWRWcpNgTDbUtiOxLg5KU864DGBT8T1rWuWVR9V+kNx2sn+SMj+dJfaySI80kVa+O5fC88+J/2v3OrainNWWYYtMgOamUo2pPtoi/cqI2S6MnF//hcW4Blfqr3XZ3G/dVGno91ZGtx1QjLqMWwebUR/9d4e3fHecUR0XAqF6WhZaX9wYa9DhqF1PB1+d39lEvP/2/8D+c+LfG/wM01ZlGOcCumQAAAABJRU5ErkJggg==);
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 65px;
  position: absolute;
  right: 0;
  top: -20px;
  width: 75px
}

.luckydraw-table .luckydraw-timer .dashboad-swap-banner .competition-closes {
  max-width: 190px
}

.mytickets-wrap {
  background: #fff;
  padding: 10px 12px
}

.mytickets-wrap .dashboad-my-ticket-banner {
  margin: 0;
  padding: 10px 20px
}

.mytickets-wrap .my-tikets {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px
}

.mytickets-wrap .my-tikets h5 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin: 0
}

.mytickets-wrap .my-tikets .view-all-btn {
  background: #2d2468;
  border: 1px solid #2d2468;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin-right: 12px
}

.mytickets-wrap .my-tikets .react-datepicker-wrapper {
  background: #fff;
  border: 1px solid #d1d3df;
  border-radius: 30px;
  width: 120px
}

.mytickets-wrap .my-tikets .react-datepicker-wrapper input {
  background-position: calc(100% - 10px);
  font-size: 12px !important;
  min-height: 30px
}

.mytickets-wrap .swapleaderboard-table {
  padding: 0 1px
}

.mytickets-wrap .swapleaderboard-table table {
  border-collapse: initial;
  border-spacing: 0 10px
}

.mytickets-wrap .swapleaderboard-table table thead th {
  background-color: #fff;
  font-size: 10px
}

.mytickets-wrap .swapleaderboard-table table tbody tr {
  border-bottom: initial;
  outline: 1px solid #0000 !important;
  transition: .3s ease-in-out
}

.mytickets-wrap .swapleaderboard-table table tbody tr td {
  background: #eff1f8
}

.mytickets-wrap .swapleaderboard-table table tbody tr td .amt-network {
  background: #fff;
  border-radius: 30px;
  padding: 2px;
  position: relative
}

.mytickets-wrap .swapleaderboard-table table tbody tr td .amt-network span {
  bottom: -3px;
  position: absolute;
  right: -4px
}

.mytickets-wrap .swapleaderboard-table table tbody tr:hover {
  outline: 1px solid #ef5b32 !important
}

.mytickets-wrap .swapleaderboard-table table tbody .win-eth td {
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  background: linear-gradient(90deg, rgba(129, 152, 238, .459), rgba(129, 152, 238, .459))
}

.mytickets-wrap .swapleaderboard-table table tbody .win-bsc td {
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  background: linear-gradient(90deg, rgba(240, 185, 11, .459), rgba(240, 185, 11, .459))
}

.mytickets-wrap .swapleaderboard-table table tbody .win-sol td {
  background: linear-gradient(90deg, #5186c97d, #5186c97d)
}

.ticket-chain {
  display: flex;
  gap: 26px;
  width: calc(100% - 150px)
}

.ticket-chain .ticket {
  align-items: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJUAAAAoCAYAAAD39rjkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFjSURBVHgB7dvhUYNAEIbhvVQQOsAOTAexEkuIqcDYgVZgrCR2YAlJB9qB7iqXYRByDPn49z4zOxCGn9/A3oZL384AoYUBYoQKcoQKcoQKchGqymtrwPWevKqUf/kicOeHRwOm2aaUnuOkHaqlHz4NmKbyUH3FCT0V5Nqhujdguod8kprX3sZrZ8B1YsG3T/xNAzV6KsgRKsgtfBkYY4WV15sB08QoIQafd6kJ1Jm3V7UfDl61AeOc7C9Mp3whde9ogvXhtTSg7KYdqPCvp2pueDGgbN8NVBhq1N8NKOt9+KShu5lfoaTbk2eMFCDXGyp/SN0aUOA5WfddH3pSbQwoW/ddHBopHA0oi6Hn6uJIoTX8BMaIWeahyc3Zb6ji3egVnxLH0LM2YLza6+j5ec29OJ++QI6RAuQIFeTY9wcl9v1Bin1/kGPfH+bDvj+osO8Ps2DfH+ZBTwU5QgU5QgU5QgW5Hxo4bDjvilq4AAAAAElFTkSuQmCC);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  padding: 0 14px;
  text-align: center;
  width: 33%
}

.ticket-chain .ticket span {
  background: #0000 none repeat 0 0/auto auto padding-box border-box scroll;
  background: initial;
  color: #627eea;
  font-size: 12px;
  font-weight: 500
}

.ticket-chain .ticket span.ethereum {
  color: #627eea
}

.ticket-chain .ticket span.binance {
  color: #f0b90b
}

.ticket-chain .ticket span.solana {
  color: #000
}

.ticket-chain .inactive {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJUAAAAoCAYAAAD39rjkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGmSURBVHgB7dvNbcJAEIbhWctCHEkHpINQQaAMBFJEBUAFIR1ABRBZiDJIB0kHoQSumL/MIowcMDIyw+19JEur9R4/rddjj5tOp3sBDAUCGCNUMEeoYI5QwVwQx/HTfr/vC3Cn3W734fPkkokoigZBELwLUIDfmNrt9tCPT4+/zWYzFKCg9Xo9ScacqWDuFKpSqfQmQEFhGPaSsRuPx5VyudzVQ9ZAgDs45/qr1Wri+EwDa5ypYI5QwVzQarV8raqmdYZPAQrQ7Cx94VOvhs+TS9+czWZVvTHXYVWA2yy0aN5oNpuLZMKdr/DB2m6333qSrwiQQwP1nA7UYe58kV+g29lIgHyT80B51w7qXwLky9x83LXV1K+Q5/iSd4GSAsxlhko/3bwIkCOKonrWfGao9ONyV4B89azJi2ei7lJVDdWvAPmWcRzXOp3OIj35b6c6BmouwG0qPi8+N+nJw07ln41hGL5q0bNH0RMFTfQa6RvhD7++wBwlBZgjVDBH3x/M0PcHU/T9wRx9f3go+v5ggr4/PAR9f3gYzlQwR6hgjlDBHKGCuT+zUaU2rmXKOwAAAABJRU5ErkJggg==)
}

.ticket-chain .inactive span {
  color: #000 !important
}

.your-wallet {
  background: linear-gradient(88deg, #190790 1.92%, #b09 96.24%);
  border-radius: 4px;
  color: #fff;
  font-weight: 500
}

.your-wallet .your-logo {
  border-radius: 30px;
  padding: 6px
}

.rank-winner {
  background: #fff;
  border-radius: 4px;
  color: #000;
  font-weight: 500
}

.rank-winner .network-logo {
  border-radius: 30px;
  padding: 6px
}

.swap-stat h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-align: center
}

.swap-stat .overview-dash {
  display: flex;
  gap: 14px;
  justify-content: space-between
}

.swap-stat .overview-dash .overview-card {
  background-color: #fff;
  border-radius: 12px;
  padding: 12px;
  width: 100%
}

.swap-stat .overview-dash .overview-card .overview-icon {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 28px;
  justify-content: center;
  margin-bottom: 8px;
  width: 28px
}

.swap-stat .overview-dash .overview-card .overview-icon.green {
  background-color: #0fa43c
}

.swap-stat .overview-dash .overview-card .overview-icon.purple {
  background-color: #872cdd
}

.swap-stat .overview-dash .overview-card .overview-icon.orange {
  background-color: #eb3221
}

.swap-stat .overview-dash .overview-card h3 {
  color: #172238;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  text-align: left
}

.swap-stat .overview-dash .overview-card p {
  color: #667085;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: .3px;
  margin-bottom: 0
}

.swap-stat .overview-dash .overview-card a {
  font-size: 12px
}

.transaction-container {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 10px #0000001a;
  margin: 20px auto;
  max-width: 600px;
  padding: 16px;
  width: 100%
}

.transaction-header {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  text-align: center
}

.transaction-box {
  align-items: center;
  background: #fff;
  border-radius: 10px 10px;
  display: flex;
  justify-content: space-between;
  padding: 12px
}

.transaction-item {
  align-items: center;
  display: flex;
  font-size: 12px;
  gap: 12px
}

.transaction-reference {
  background: #f0f3f8;
  border-radius: 4px;
  display: flex;
  gap: 10px;
  padding: 2px 2px 2px 8px
}

.transaction-reference .reference-value {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  color: #000;
  display: flex;
  font-size: 10px;
  font-weight: 400;
  justify-content: space-between;
  padding: 3px 3px 3px 8px
}

.transaction-reference .copy-icon {
  background: #f0f3f8;
  border-radius: 4px;
  height: 20px;
  width: 20px
}

.transaction-reference .copy-icon .copy {
  height: 14px;
  margin: 0;
  width: 14px
}

.network-icon {
  bottom: -4px;
  box-shadow: 0 2px 6px #0000001a;
  padding: 3px;
  right: -4px
}

.token-label {
  color: #555;
  font-size: 16px;
  font-weight: 500
}

.transaction-arrow img {
  height: 24px;
  width: 24px
}

.transaction-details {
  display: flex;
  justify-content: space-between;
  margin-top: 12px
}

.reference-value {
  color: #007bff;
  font-weight: 600
}

.transaction-status {
  color: #28a745;
  font-weight: 600
}

.timer {
  background: #d4edda;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  padding: 4px 8px
}

.transaction-info {
  background: #fff;
  border-radius: 0 0 10px 10px
}

.transaction-info table tr td {
  padding: 10px 14px
}

.transaction-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 8px 0
}

.icon {
  font-size: 18px
}

.label {
  color: #333;
  font-weight: 500
}

.value {
  color: #555;
  font-weight: 600
}

.transaction-progress-icon {
  background: #8795a7;
  border-radius: 20px;
  height: 20px;
  padding: 4px;
  width: 20px
}

.transaction-network-icon {
  border-radius: 20px;
  height: 16px;
  width: 16px
}

.swap-success-notification {
  align-items: center;
  background-color: #22c55e;
  border-radius: 8px;
  box-shadow: 0 4px 6px #0000001a;
  color: #fff;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin: 0 0 10px;
  padding: 3px 8px;
  width: calc(100% - 200px)
}

.swap-success-notification .swap-info {
  align-items: center;
  display: flex;
  gap: 8px
}

.swap-success-notification .swap-info .transaction-network-icon-small {
  border: 1px solid #fff;
  border-radius: 10px;
  bottom: 0;
  height: 10px;
  position: absolute;
  right: -4px;
  width: 10px
}

.swap-success-notification .swap-info .swap-icon {
  font-size: 16px
}

.swap-success-notification .swap-info .swap-pair {
  font-size: 11px;
  font-weight: 500
}

.swap-success-notification .swap-info .swap-status {
  font-size: 13px;
  opacity: .9
}

.swap-success-notification .swap-info .swap-amount {
  font-size: 13px;
  font-weight: 600
}

.swap-success-notification .view-explorer {
  align-items: center;
  background: #fff;
  border: none;
  border-radius: 6px;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  justify-content: space-between;
  padding: 3px 6px;
  transition: background .2s ease-in-out
}

.swap-success-notification .view-explorer:hover {
  background-color: #f0f0f0
}

.maintransactions .header-tab-trx {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 6px
}

.maintransactions .transaction-network-icon-small {
  border: 1px solid #fff;
  border-radius: 10px;
  bottom: 0;
  height: 10px;
  position: absolute;
  right: 0;
  width: 10px
}

.transaction-box-wrapper.selected {
  border-radius: 8px;
  box-shadow: 0 0 0 2px #3bbe1333
}

.transaction-box-wrapper.selected .transaction-box {
  border-radius: 10px 10px 0 0
}

:root {
  --rt-color-white: #fff;
  --rt-color-dark: #222;
  --rt-color-success: #8dc572;
  --rt-color-error: #be6464;
  --rt-color-warning: #f0ad4e;
  --rt-color-info: #337ab7;
  --rt-opacity: 0.9;
  --rt-transition-show-delay: 0.15s;
  --rt-transition-closing-delay: 0.15s;
  --rt-arrow-size: 8px
}

.core-styles-module_tooltip__3vRRp {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  will-change: opacity
}

.core-styles-module_fixed__pcSol {
  position: fixed
}

.core-styles-module_arrow__cvMwQ {
  background: inherit;
  position: absolute;
  z-index: -1
}

.core-styles-module_noArrow__xock6 {
  display: none
}

.core-styles-module_clickable__ZuTTB {
  pointer-events: auto
}

.core-styles-module_show__Nt9eE {
  opacity: .9;
  opacity: var(--rt-opacity);
  transition: opacity .15s ease-out;
  transition: opacity var(--rt-transition-show-delay) ease-out
}

.core-styles-module_closing__sGnxF {
  opacity: 0;
  transition: opacity .15s ease-in;
  transition: opacity var(--rt-transition-closing-delay) ease-in
}

.styles-module_tooltip__mnnfp {
  border-radius: 3px;
  font-size: 90%;
  padding: 8px 16px;
  width: -webkit-max-content;
  width: max-content
}

.styles-module_arrow__K0L3T {
  height: 8px;
  height: var(--rt-arrow-size);
  width: 8px;
  width: var(--rt-arrow-size)
}

[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T {
  transform: rotate(45deg)
}

[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T {
  transform: rotate(135deg)
}

[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T {
  transform: rotate(225deg)
}

[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T {
  transform: rotate(315deg)
}

.styles-module_dark__xNqje {
  background: #222;
  background: var(--rt-color-dark);
  color: #fff;
  color: var(--rt-color-white)
}

.styles-module_light__Z6W-X {
  background-color: #fff;
  background-color: var(--rt-color-white);
  color: #222;
  color: var(--rt-color-dark)
}

.styles-module_success__A2AKt {
  background-color: #8dc572;
  background-color: var(--rt-color-success);
  color: #fff;
  color: var(--rt-color-white)
}

.styles-module_warning__SCK0X {
  background-color: #f0ad4e;
  background-color: var(--rt-color-warning);
  color: #fff;
  color: var(--rt-color-white)
}

.styles-module_error__JvumD {
  background-color: #be6464;
  background-color: var(--rt-color-error);
  color: #fff;
  color: var(--rt-color-white)
}

.styles-module_info__BWdHW {
  background-color: #337ab7;
  background-color: var(--rt-color-info);
  color: #fff;
  color: var(--rt-color-white)
}

body.dark-mode .mainstep-process .line {
  background-color: #0000 !important
}

body.dark-mode .swap-stat {
  background: #121822
}

body.dark-mode .dashboad-swap .swapleaderboard-table table thead tr {
  border-color: #17202d
}

body.dark-mode .dashboad-swap .swapleaderboard-table table thead th {
  background: #35363d
}

body.dark-mode .dashboad-swap .trans-pagination ul li.btn {
  color: #e0e0e0
}

body.dark-mode .dashboad-swap .airdrop-faq {
  background-color: #121822
}

body.dark-mode .dashboad-swap .airdrop-faq #FAQs .accordion-item {
  background-color: #121822;
  border-color: #121822;
  box-shadow: #333438;
  color: #f0f0f0
}

body.dark-mode .dashboad-swap .airdrop-faq #FAQs .accordion-item .accordion-header .accordion-button {
  background: #121822;
  color: #f0f0f0
}

body.dark-mode .dashboad-swap .airdrop-faq #FAQs .accordion-item .accordion-header .accordion-button:after {
  filter: brightness(0) invert(1)
}

body.dark-mode .dashboad-swap .airdrop-faq #FAQs .accordion-item .accordion-header .accordion-button.collapsed {
  background: #35363d;
  color: #f0f0f0
}

body.dark-mode .dashboad-swap .airdrop-competition ul li {
  border-bottom: 1px solid #333438;
  opacity: .7
}

body.dark-mode .dashboad-swap .airdrop-competition ul li span {
  opacity: 1
}

body.dark-mode .dashboad-swap .airdrop-content {
  background-color: #121822
}

body.dark-mode .dashboad-swap .airdrop-content .eligibility-criteria ul li,
body.dark-mode .dashboad-swap .airdrop-content .first-swap-ui .first-swap-right ul li {
  opacity: .7
}

body.dark-mode .dashboad-swap .airdrop-content .airdrop-competition,
body.dark-mode .dashboad-swap .airdrop-content .airdrop-earn-rewards,
body.dark-mode .dashboad-swap .airdrop-content .airdrop-faq,
body.dark-mode .dashboad-swap .airdrop-content .border-spaces,
body.dark-mode .dashboad-swap .airdrop-content .mt-40 {
  border-top: 1px solid #333438
}

body.dark-mode .dashboad-swap .airdrop-content .airdrop-earn-rewards {
  background-color: #121822
}

body.dark-mode .dashboad-swap .airdrop-content .airdrop-earn-rewards ul li {
  opacity: .7
}

body.dark-mode .dashboad-swap .airdrop-content .airdrop-earn-rewards ul li span {
  opacity: 1
}

body.dark-mode .dashboad-swap .airdrop-content .airdrop-earn-rewards .tabl-airdrop {
  border: 1px solid #333438
}

body.dark-mode .dashboad-swap .airdrop-content .airdrop-earn-rewards .tabl-airdrop table thead tr th {
  background-color: #35363d;
  color: #e0e0e0
}

body.dark-mode .dashboad-swap .airdrop-content .airdrop-earn-rewards .tabl-airdrop table tbody tr td {
  border-bottom: 1px solid #333438;
  color: #e0e0e0
}

body.dark-mode .dashboad-swap .airdrop-content .eligibility-criteria,
body.dark-mode .dashboad-swap .airdrop-content .trading-level-div,
body.dark-mode .dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex {
  background-color: #121822
}

body.dark-mode .dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .trading-flex-left h4 {
  color: #e0e0e0
}

body.dark-mode .dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .trading-flex-right {
  border-left: 1px solid #333438
}

body.dark-mode .dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .trading-flex-right .list-flex-airdrop .swaps-texts,
body.dark-mode .dashboad-swap .airdrop-content .trading-level-div .trading-level-div-flex .trading-flex-right .list-flex-airdrop h4 {
  color: #e0e0e0
}

body.dark-mode .dashboad-swap .my-transactions-swap-main {
  background-color: #121822;
  color: #e0e0e0
}

body.dark-mode .dashboad-swap .swapleaderboard-table table tbody tr {
  background-color: #27364b;
  border-bottom: 6px solid #121822
}

body.dark-mode .dashboad-swap .dashboad-swap-body .card-white-bg {
  background-color: #121822
}

body.dark-mode .dashboad-swap .dashboad-swap-body .card-white-bg .view-connect-wallet .wallet-addr input {
  background-color: #4c4f57;
  border: 1px solid #333438;
  color: #f0f0f0
}

body.dark-mode .dashboad-swap .dashboad-swap-body .card-white-bg .view-connect-wallet .or-class span {
  background-color: #121822
}

body.dark-mode .dashboad-swap .dashboad-swap-body .card-white-bg .view-connect-wallet .or-class:after {
  background-color: #333438
}

body.dark-mode .dashboad-swap .dashboad-swap-body .modal-overlay.transactions-view-all {
  background-color: #000000e6
}

body.dark-mode .dashboad-swap .dashboad-swap-body .modal-overlay.transactions-view-all .modal-content-transactions {
  background-color: #121822
}

body.dark-mode .dashboad-swap .dashboad-swap-body .modal-overlay.transactions-view-all .modal-content-transactions .my-transactions-swap-main .transactions-modal-head .btn-close {
  color: #e0e0e0;
  filter: brightness(0) invert(1)
}

body.dark-mode .dashboad-swap .dashboad-swap-body .modal-overlay.transactions-view-all .modal-content-transactions .my-transactions-swap-main .transactions-footer-swap .trans-pagination ul li.btn {
  color: #e0e0e0
}

body.dark-mode .dashboad-swap .tbl-transactionss table thead tr th {
  background-color: #35363d
}

body.dark-mode .dashboad-swap .tbl-transactionss table tbody tr td {
  background-color: #121822;
  border-bottom: 1px solid #333438
}

body.dark-mode .dashboad-swap .tbl-transactionss table tbody tr td .arrowright-d img {
  filter: brightness(0) invert(1)
}

body.dark-mode .dashboad-swap .my-transactions-swap h4 {
  color: #e0e0e0
}

body.dark-mode .dashboad-swap .my-transactions-swap .view-all-btn {
  background-color: #ff6d14;
  border: 1px solid #ff6d14;
  color: #e0e0e0
}

body.dark-mode .dashboad-swap .dashboad-swap-body .overview-dash .overview-card {
  background-color: #121822
}

body.dark-mode .checkbox-label,
body.dark-mode .dashboad-swap .dashboad-swap-body .overview-dash .overview-card h3,
body.dark-mode .dashboad-swap .dashboad-swap-body .overview-dash .overview-card p {
  color: #e0e0e0
}

body.dark-mode .side-content .search-tokn input {
  background-color: #0c0c0c00
}

body.dark-mode .directly-swap .body-container .swap-value-container .btn-exchange:hover {
  background-color: #0c0c0c
}

body.dark-mode .direct-swap-outer .side-content .nft-tier-nav .search-tokn .search-btn-icn {
  background-color: #0c0c0c00
}

body.dark-mode .directly-swap .transaction-fee-btns:hover {
  box-shadow: 3px 3px 20px #cbcfd5
}

body.dark-mode .order-preview-bg .copy-cta {
  background-color: #ffffff17;
  border: 1px solid #e0e0e0;
  color: #e0e0e0
}

body.dark-mode .order-preview-bg .copy-cta img {
  filter: brightness(0) invert(1)
}

body.dark-mode .order-preview-bg .flex-justfy .usdc-bnc {
  color: #667085
}

body.dark-mode .directly-swap .transaction-fee-btns:hover {
  box-shadow: 3px 3px 20px #1b0f0f
}

body.dark-mode .powered-by img {
  filter: brightness(0) invert(1)
}

body.dark-mode .transactions-list .transactions-whitebox {
  background-color: #27364b
}

body.dark-mode .swap-wallet-btn,
body.dark-mode .vertical-swap-menu {
  background-color: #98a0bc42
}

body.dark-mode .token-table table th {
  background-color: #35363d;
  border-bottom: 1px solid #313238;
  color: #aaaeb7
}

body.dark-mode .token-table table td {
  background-color: #121822;
  border-bottom: 1px solid #313238;
  color: #e0e0e0
}

body.dark-mode .light-mode-img {
  display: none
}

body.dark-mode .dark-mode-img {
  display: block;
  transform: scale(1.4)
}

body.dark-mode .nft-tier-nav {
  border-bottom: 1px solid #333438
}

body.dark-mode .nft-tier-nav .links li button {
  color: #e0e0e0
}

body.dark-mode .swap-being-fnt .gif-img:after {
  background-color: #1b1d24;
  background: #f55f27;
  background: inherit;
  color: #1b1d24;
  display: none;
  mix-blend-mode: lighten
}

body.dark-mode {
  color: #e0e0e0
}

body.dark-mode .skeleton-loader {
  background: linear-gradient(90deg, #181a1c 25%, #181a1c 50%, #1f1f24 75%)
}

body.dark-mode .direct-swap-outer .graph-container {
  background: #121822;
  border-radius: 20px
}

body.dark-mode .direct-swap-outer .my-assets-main .assets-box-white {
  background-color: #27364b;
  border: 1px solid #121822
}

body.dark-mode .direct-swap-outer .my-assets-main .assets-box-white.active {
  border: 1px solid #e0e0e0;
  box-shadow: 10px 5px 9px #494d5c40
}

body.dark-mode .direct-swap-outer .arrow-fvrt svg path {
  stroke: none;
  fill: #e0e0e0
}

body.dark-mode .direct-swap-outer .maintransactions .header-tab-trx ul li.btn.btn-active {
  background: #ff6d14;
  border-color: #ff6d14
}

body.dark-mode .direct-swap-outer .maintransactions .header-tab-trx ul li.btn {
  background-color: #27364b;
  border-color: #333438;
  color: #e0e0e0
}

body.dark-mode .direct-swap-outer .maintransactions .header-tab-trx ul li.btn.disabled {
  opacity: .3
}

body.dark-mode .direct-swap-outer .maintransactions .header-tab-trx .tab-swapmn {
  border: 1px solid #3b3e48
}

body.dark-mode .direct-swap-outer .maintransactions .header-tab-trx .tab-swapmn a {
  background-color: #121822;
  color: #e0e0e0
}

body.dark-mode .direct-swap-outer .maintransactions .header-tab-trx .tab-swapmn a.active {
  background-color: #ff6d14;
  color: #e0e0e0
}

body.dark-mode .direct-swap-outer .maintransactions .no-transaction-space {
  color: #e0e0e0
}

body.dark-mode .direct-swap-outer .chain-summary .chain {
  background-color: #121822
}

body.dark-mode .direct-swap-outer .chain-summary .chain .chain-details h3 {
  color: #aaaeb7
}

body.dark-mode .direct-swap-outer .chain-summary .chain .chain-details p {
  color: #e0e0e0
}

body.dark-mode .direct-swap-outer .searchmainbox {
  border-top: 1px solid #333438
}

body.dark-mode .direct-swap-outer .portfolio-container-my-asset {
  background-color: #17202d
}

body.dark-mode .direct-swap-outer .portfolio-container-my-asset .portfolio-header-assets {
  border-bottom: 1px solid #333438
}

body.dark-mode .direct-swap-outer .price-tabel table thead tr {
  background-color: #35363d
}

body.dark-mode .direct-swap-outer .price-tabel table tbody tr {
  border-bottom: 1px solid #1b1d24
}

body.dark-mode .direct-swap-outer .price-tabel table .greencolor-t {
  background-color: #324a2e;
  color: #e0e0e0
}

body.dark-mode .direct-swap-outer .price-tabel table .orangecolor-t {
  background-color: #493f1e
}

body.dark-mode .direct-swap-outer .price-tabel table .redcolor-t {
  background-color: #253850
}

body.dark-mode .direct-swap-outer .price-tabel .no-transaction-space,
body.dark-mode .direct-swap-outer .price-tabel table .orangecolor-t,
body.dark-mode .direct-swap-outer .price-tabel table .redcolor-t {
  color: #e0e0e0
}

body.dark-mode .direct-swap-outer .no-transaction-space img {
  filter: brightness(1) invert(1)
}

body.dark-mode .direct-swap-outer .price-compare-space .tab.active {
  background-color: #ff6d14;
  border: 1px solid #ff6d14
}

body.dark-mode .direct-swap-outer .price-compare-space .tab {
  color: #e0e0e0
}

body.dark-mode .direct-swap-outer .price-compare-space .icon-graph img,
body.dark-mode .direct-swap-outer .price-compare-space .icon-table img {
  filter: brightness(0) invert(1)
}

body.dark-mode .direct-swap-outer .price-compare-space .dropdown-list,
body.dark-mode .direct-swap-outer .price-compare-space .dropdown-selected {
  background-color: #27364b;
  border: 1px solid #121822
}

body.dark-mode .direct-swap-outer .price-compare-space .dropdown-list li:hover {
  background-color: #17202d
}

body.dark-mode .direct-swap-outer .price-compare-space .tabs {
  background-color: #27364b;
  border: 1px solid #121822;
  color: #e0e0e0
}

body.dark-mode .direct-swap-outer.shift-content .side-content {
  background-color: #17202d;
  color: #e0e0e0
}

body.dark-mode .direct-swap-outer .direct-swap-main .mainstep-process .circle {
  background: #4c4f57
}

body.dark-mode .direct-swap-outer .direct-swap-main .mainstep-process .line {
  border-bottom: 1px dashed #4c4f57
}

body.dark-mode .direct-swap-outer .direct-swap-main .disclaimer {
  background: #3f360f;
  color: #fff
}

body.dark-mode .direct-swap-outer .direct-swap-main {
  background-color: #17202d
}

body.dark-mode .direct-swap-outer .direct-swap-main .swap-value-container {
  background: #27364b
}

body.dark-mode .direct-swap-outer .direct-swap-main .swap-value-container .currency-selector {
  background: #364861;
  border-color: #364861;
  color: #fff
}

body.dark-mode .direct-swap-outer .direct-swap-main .swap-value-container .currency-selector .currency-name {
  color: #fff
}

body.dark-mode .direct-swap-outer .direct-swap-main .swap-value-container .value-input .flex-swap-con,
body.dark-mode .direct-swap-outer .direct-swap-main .swap-value-container .value-input input {
  background: #121822;
  color: #e0e0e0
}

body.dark-mode .direct-swap-outer .direct-swap-main .order-preview-bg,
body.dark-mode .direct-swap-outer .direct-swap-main .swap-switch-btn .reserve-btn {
  background: #27364b
}

body.dark-mode .direct-swap-outer .direct-swap-main .order-preview-bg .wallet-address {
  background: #121822
}

body.dark-mode .directly-swap .body-container .direct-swap-main .direct-swap-footer .btn-swap-direct {
  background-color: #0000
}

body.dark-mode .directly-swap .body-container .direct-swap-main .direct-swap-footer .btn-swap-direct:disabled {
  background-color: #121822;
  border: 1px solid #121822;
  color: #4c4f57
}

body.dark-mode .directly-swap .trn-main-btn .transaction-fee-btns {
  background-color: #0000;
  border: 1px solid #4c4f57;
  color: #e0e0e0
}

body.dark-mode .directly-swap .trn-main-btn .transaction-fee-btns svg path {
  fill: #4c4f57;
  stroke: #0000
}

body.dark-mode .directly-swap .transaction-fee-mdl {
  background: #121822
}

body.dark-mode .directly-swap .transaction-fee-mdl .transaction-fee-head {
  border-bottom: 1px solid #4c4f57
}

body.dark-mode .directly-swap .transaction-fee-mdl .transaction-fee-head .closebutton {
  background-color: #4c4f57;
  color: #e0e0e0
}

body.dark-mode .directly-swap .transaction-fee-mdl .transaction-fee-head .closebutton svg path {
  stroke: #e0e0e0
}

body.dark-mode .directly-swap .transaction-fee-mdl .transaction-fee-content ul li .left-ul {
  color: #e0e0e0
}

body.dark-mode .dark-mode-logo {
  display: inline-block
}

body.dark-mode .light-mode-logo {
  display: none
}

body.dark-mode .input-bx input {
  background: #27364b;
  color: #e0e0e0
}

body.dark-mode .input-bx input::placeholder {
  color: #e0e0e0;
  opacity: .5
}

body.dark-mode .btn-back-arrow {
  background: #ffffff26;
  color: #e0e0e0
}

body.dark-mode .overlay-pop .select-network {
  background: #121822
}

body.dark-mode .overlay-pop .select-network .btn-close {
  background: #ffffff26;
  border: none;
  padding: 4px
}

body.dark-mode .overlay-pop .select-network .btn-close img {
  filter: invert(1)
}

body.dark-mode .overlay-pop .select-network .choose-network .netwrok-space {
  background: #27364b;
  border-color: #0000
}

body.dark-mode .overlay-pop .select-network .choose-network .netwrok-space.active {
  background: #27364b !important;
  border: 1px solid #ff6717
}

body.dark-mode .overlay-pop .select-network .choose-network .netwrok-space:hover {
  border-color: #ffffff4d
}

body.dark-mode .dark-mode-success-video.dark-mode-logo {
  display: flex
}

body.dark-mode .dark-mode-success-video.dark-mode-logo video {
  margin: 0 auto
}

body.dark-mode .btn-swap-direct:disabled {
  background: #32343b !important;
  border-color: #32343b !important
}

body.dark-mode .swap-mobile-footer {
  background: #fff;
  color: #000
}

body.dark-mode .swap-mobile-footer a span,
body.dark-mode .swap-mobile-footer a span svg {
  color: #000
}

.has-outerrinbg {
  animation: pulse-animation 2s infinite;
  border-radius: 200px;
  height: 100px !important;
  width: 100px !important
}

.has-outerrinbg.this-is-failed {
  animation: pulse-animation-failed 2s infinite
}

@keyframes pulseAnima {
  0% {
    box-shadow: 0 0 0 0 #fff
  }

  to {
    box-shadow: 0 0 0 10px hsla(0, 0%, 88%, .567)
  }
}

.pulse {
  animation: pulse-animation 2s infinite
}

@keyframes pulse-animation-failed {
  0% {
    box-shadow: 0 0 0 0 #b13b3b80
  }

  to {
    box-shadow: 0 0 0 40px #b13b3b00
  }
}

.dark-mode-success-video {
  align-items: center;
  height: 200px;
  justify-items: center;
  margin: 0 auto;
  width: 200px
}

.stake-and-earn {
  background: #f6f3fd;
  border-bottom-right-radius: 16px;
  max-height: 640px;
  overflow-x: hidden;
  overflow-y: auto
}

.stake-and-earn .stakeheader {
  align-items: center;
  background: #1e1e1e;
  display: flex
}

.stake-and-earn .stakeheader .contentSpace {
  margin-right: -60px;
  padding-top: 10px
}

.stake-and-earn .stakeheader .contentSpace h2 {
  color: #fff;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 16px
}

.stake-and-earn .stakeheader .contentSpace .howItWorks {
  background: #eb3424;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 6px 12px
}

.stake-and-earn .stakeheader .contentSpace .howItWorks svg {
  margin-right: 6px;
  width: 20px
}

.stake-and-earn .stakeBody {
  position: relative
}

.stake-and-earn .stakeBody:after {
  align-items: flex-start;
  background: url(/static/media/centerLines.09d30015df6a1634d81a.png);
  background-repeat: no-repeat;
  content: "";
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.stake-and-earn .stakeBody .bodyInner {
  padding: 20px 16px;
  position: relative;
  z-index: 10
}

.stake-and-earn .stakeBody .bodyInner .middleSpace {
  margin: 0 auto;
  max-width: 700px
}

.stake-and-earn .stakeBody .bodyInner .middleSpace h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px
}

.stake-and-earn .stakeBody .bodyInner .middleSpace .stepCard {
  background: #fff;
  border-radius: 16px;
  height: 100%;
  padding: 16px
}

.stake-and-earn .stakeBody .bodyInner .middleSpace .stepCard h5 {
  font-size: 15px;
  font-weight: 500
}

.stake-and-earn .stakeBody .bodyInner .middleSpace .stepCard .stepBadge {
  background: #e6ecef;
  border-radius: 30px;
  color: #000;
  display: inline-block;
  font-size: 10px;
  margin-bottom: 8px;
  padding: 4px 10px
}

.stake-and-earn .stakeBody .bodyInner .middleSpace .stepCard img {
  height: 32px;
  margin-bottom: 12px
}

.stake-and-earn .stakeBody .bodyInner .middleSpace .stepCard .stepButton {
  align-items: center;
  background: #ff6717;
  border-radius: 30px;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 16px
}

.stake-and-earn .stakeBody .bodyInner .middleSpace .stepCard .stepButton svg {
  margin-left: 6px;
  width: 16px
}

.z-10 {
  z-index: 10
}

.draw-pagination {
  padding-top: 6px !important
}

@media screen and (max-width:1300px) {
  .scaleMeLower {
    width: 100%
  }

  .scaleMeLower .wallet-container {
    right: -42px;
    top: -94px
  }
}

@media screen and (max-width:786px) {
  .hideme786-for-direct {
    display: none !important
  }
}

.light-mode-logo {
  display: inline-block
}

.dark-mode-logo {
  display: none
}

.light-mode-img {
  display: block
}

.dark-mode-img {
  display: none
}

body {
  background-color: #f0f0f0;
  color: #000;
  transition: background-color .3s ease, color .3s ease
}

body.dark-mode .transaction-fee-btns.important-info {
  background-color: #2e2d27 !important;
  border-color: #2e2d27 !important
}

body.dark-mode .share-pair-pop .share-pop {
  background: #121212 !important
}

body.dark-mode .share-pair-pop .share-pop .btn-close {
  filter: brightness(0) invert(1)
}

body.dark-mode .share-pair-pop .share-pop .pair-link {
  border: 1px solid #333438 !important
}

body.dark-mode .share-pair-pop .share-pop .pair-link .link-space {
  background: #0c0c0c !important;
  color: #e0e0e0 !important
}

body.dark-mode .share-pair-pop .share-pop .pair-link .link-space .btn-copy {
  background: #35363d !important;
  border: 1px solid #35363d !important;
  color: #e0e0e0
}

body.dark-mode .minimum-required-con {
  color: #e0e0e0
}

body.dark-mode .new-swap-widget .swap-value-container .paste-address .btn {
  filter: brightness(0) invert(1)
}

body.dark-mode .request-id-content .title {
  color: #e0e0e0
}

body.dark-mode .request-id-content .btn-copy {
  background: #4c4f57;
  color: #e0e0e0
}

body.dark-mode .request-id-content {
  border: 1px solid #333438
}

body.dark-mode .FactsSlide {
  border-top: 1px solid #333438
}

body.dark-mode .FactsSlide .hover-me-text {
  background: #17202d;
  color: #e0e0e0
}

body.dark-mode .side-content .search-tokn input {
  background-color: #222328;
  border: 1px solid #0c0c0c00;
  color: #fff
}

body.dark-mode .searchmainbox .search-tokn .search-btn-icn {
  background-color: #222328
}

body.dark-mode .direct-swap-outer .side-content .nft-tier-nav .search-tokn .search-bar-my-asset {
  border: 1px solid #333438
}

body.dark-mode .direct-swap-outer .side-content .nft-tier-nav .search-btn-icn {
  background-color: #0c0c0c00
}

body.dark-mode .popup-graph {
  background-color: #17202d !important;
  color: #e0e0e0 !important
}

body.dark-mode .direct-swap-outer .side-content .nft-tier-nav {
  border-bottom: 1px solid #333438
}

body.dark-mode .btn-swap-direct:disabled {
  background-color: #222328 !important;
  border: 1px solid #222328 !important;
  color: #4c4f57 !important
}

body.dark-mode .bg-whitecolor {
  background-color: #0c0c0c
}

body.dark-mode .mainstep-process .circle {
  background: #4c4f57
}

body.dark-mode .mainstep-process .line {
  border-bottom: 1px dashed #4c4f57
}

body.dark-mode .swap-process-section .new-swap-widget .transactiondetails {
  border-top: 1px solid #333438
}

body.dark-mode .new-swap-widget {
  background-color: #17202d
}

body.dark-mode .new-swap-widget .gif-img:after {
  display: none;
  mix-blend-mode: darken
}

body.dark-mode .new-swap-widget .swap-rate-txt .btn-reverse {
  background: #0c0c0c
}

body.dark-mode .new-swap-widget .swap-value-container .paste-address p {
  color: #e0e0e0
}

body.dark-mode .new-swap-widget .swap-value-container .paste-address input {
  background-color: #17202d;
  border: 1px solid #17202d;
  color: #e0e0e0
}

body.dark-mode .new-swap-widget .swap-value-container .paste-address .btn-change-add {
  border-bottom: 1px solid #5f79ff;
  color: #5f79ff
}

body.dark-mode .new-swap-widget .swap-value-container .currency-selector,
body.dark-mode .new-swap-widget .swap-value-container .value-input {
  background: #222328
}

body.dark-mode .new-swap-widget .swap-value-container .value-input input {
  background-color: #222328;
  color: #e0e0e0
}

body.dark-mode .directly-swap .transaction-fee-btns {
  background-color: #0000;
  border: 1px solid #4c4f57;
  color: #e0e0e0
}

body.dark-mode .directly-swap .transaction-fee-btns svg {
  fill: #b9c2d9
}

body.dark-mode .directly-swap .transaction-fee-btns svg path {
  stroke: #4c4f57;
  stroke: #0000
}

body.dark-mode .directly-swap .points-fees-sp {
  border: 1px solid #4c4f57
}

body.dark-mode .directly-swap .body-container .swap-value-container {
  background: #0c0c0c
}

body.dark-mode .im-running-trx .running-transaction-details {
  background: #121212
}

body.dark-mode .im-running-trx .running-transaction-details .icon-space {
  background: #363942
}

body.dark-mode .im-running-trx .transaction-running {
  border-color: #333438
}

body.dark-mode .view-scanlonex {
  background: hsla(0, 0%, 100%, .103) !important;
  color: #fff !important
}

body.dark-mode .view-scanlonex:hover {
  background: #000 !important;
  color: #fff !important
}

.switch-toggle-container {
  align-items: center;
  display: flex;
  font-size: 16px;
  gap: 10px;
  position: absolute;
  right: 10px;
  top: 10px
}

.switch-toggle-container .switch {
  display: inline-block;
  height: 24px;
  position: relative;
  width: 50px
}

.switch-toggle-container .switch input {
  display: none
}

.switch-toggle-container .switch .slider {
  background-color: #ccc;
  border-radius: 34px;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color .4s
}

.switch-toggle-container .switch .slider:before {
  background-color: #fff;
  border-radius: 50%;
  bottom: 2px;
  content: "";
  height: 20px;
  left: 2px;
  position: absolute;
  transition: transform .4s;
  width: 20px
}

.switch-toggle-container .switch input:checked+.slider {
  background-color: #2196f3
}

.switch-toggle-container .switch input:checked+.slider:before {
  transform: translateX(26px)
}

.new-swap {
  margin: 0 auto;
  position: relative;
  width: 400px
}

@media screen and (max-width:1024px) {
  .new-swap {
    width: 100%
  }
}

.new-swap-widget {
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  background: #fff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 685px;
  padding: 20px;
  position: relative;
  width: 100%;
  z-index: 2
}

.new-swap-widget .header-space {
  padding-bottom: 20px;
  position: relative;
  text-align: center
}

.new-swap-widget .header-space .btn-history {
  align-items: center;
  background: #ffffff1a;
  border-radius: 30px;
  color: #fff;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px
}

.new-swap-widget .header-space.trx-hst .btn-history {
  background: #0000;
  margin-right: 10px;
  position: relative
}

.new-swap-widget .header-space.trx-hst h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0
}

.new-swap-widget .swap-value-container {
  background: #f6f3fd;
  border-radius: 12px;
  padding: 12px
}

.new-swap-widget .swap-value-container .currency-selector {
  background: #fff;
  border-radius: 12px;
  cursor: pointer;
  padding: 10px 12px;
  width: 145px
}

.new-swap-widget .swap-value-container .currency-selector:hover {
  border: 1px solid #ff5722
}

.new-swap-widget .swap-value-container .currency-selector .currency-icon {
  margin-right: 10px;
  position: relative
}

.new-swap-widget .swap-value-container .currency-selector .currency-icon img {
  height: 32px;
  width: 32px
}

.new-swap-widget .swap-value-container .currency-selector .currency-icon span {
  align-items: center;
  background-color: #fff;
  border-radius: 20px;
  bottom: 0;
  display: flex;
  height: 14px;
  justify-content: center;
  position: absolute;
  right: -4px;
  width: 14px
}

.new-swap-widget .swap-value-container .currency-selector .currency-icon span img {
  height: 14px;
  width: 14px
}

.new-swap-widget .swap-value-container .currency-selector .currency-name {
  margin-right: 10px
}

.new-swap-widget .swap-value-container .currency-selector .currency-name h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  max-width: 70px
}

.new-swap-widget .swap-value-container .currency-selector .currency-name p {
  font-size: 10px;
  margin-bottom: 0;
  max-width: 70px
}

.new-swap-widget .swap-value-container .value-input {
  background: #e1e0f1;
  border-radius: 12px;
  height: 100%;
  margin-right: 8px;
  padding: 0 10px
}

.new-swap-widget .swap-value-container .value-input input {
  background: #0000;
  border: none;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 0 10px 0 0
}

.new-swap-widget .swap-value-container .value-input input:active,
.new-swap-widget .swap-value-container .value-input input:focus,
.new-swap-widget .swap-value-container .value-input input:focus-within,
.new-swap-widget .swap-value-container .value-input input:hover {
  border: none;
  box-shadow: none;
  outline: none
}

.new-swap-widget .swap-value-container .value-input .dollar-value {
  font-size: 12px;
  margin-bottom: 0
}

.new-swap-widget .swap-value-container .value-input .btn-exchange {
  background: #0000;
  border: 0;
  border-radius: 30px;
  height: 24px;
  min-width: 24px;
  padding: 0;
  width: 24px
}

.new-swap-widget .swap-value-container .value-input .btn-exchange:hover {
  background: #fff
}

.new-swap-widget .swap-value-container .cta-space {
  margin-top: 2px
}

.new-swap-widget .swap-value-container .cta-space .btn-outline-connect {
  align-items: center;
  background: #2d24681a;
  border-radius: 30px;
  color: #2d2468;
  display: flex;
  font-size: 12px;
  justify-content: center;
  padding: 3px 10px
}

.new-swap-widget .swap-value-container .cta-space .btn-outline-connect img {
  margin-right: 8px;
  width: 20px
}

.new-swap-widget .swap-value-container .cta-space .btn-outline-connect:hover {
  background: #2d2468;
  color: #fff
}

.new-swap-widget .swap-value-container .cta-space .btn-outline-connect:hover img {
  filter: brightness(100)
}

.new-swap-widget .swap-value-container .cta-space .balance {
  font-size: 12px;
  margin-bottom: 0;
  text-align: right
}

.new-swap-widget .swap-value-container .paste-address {
  height: 40px;
  margin-top: 10px;
  position: relative
}

.new-swap-widget .swap-value-container .paste-address input {
  background-color: #e1e0f1;
  border: 1px solid #ced2d6;
  border-radius: 8px;
  font-size: 14px;
  height: 40px;
  padding-left: 50px;
  padding-right: 38px;
  position: absolute;
  width: 100%
}

.new-swap-widget .swap-value-container .paste-address input:focus {
  border: 1px solid #ff6619;
  outline: none
}

.new-swap-widget .swap-value-container .paste-address input.is-valid,
.new-swap-widget .swap-value-container .paste-address input.is-valid:focus {
  border: 1px solid #1add1a
}

.new-swap-widget .swap-value-container .paste-address input.invalid,
.new-swap-widget .swap-value-container .paste-address input.invalid:focus {
  border: 1px solid #dd371a
}

.new-swap-widget .swap-value-container .paste-address p {
  border-right: 1px solid #ccc;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  left: 8px;
  margin-bottom: 0;
  padding: 0 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}

.new-swap-widget .swap-value-container .paste-address .btn {
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.new-swap-widget .swap-value-container .paste-address .valid-in-valid {
  border-radius: 30px;
  height: 14px;
  width: 14px
}

.new-swap-widget .swap-value-container .paste-address .valid-in-valid svg {
  font-size: 14px;
  height: 14px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 14px
}

.new-swap-widget .swap-value-container .paste-address .valid-in-valid svg.valid {
  color: #1add1a
}

.new-swap-widget .swap-value-container .paste-address .valid-in-valid svg.invalid {
  color: #dd371a
}

.new-swap-widget .swap-rate-txt {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 10px 0
}

.new-swap-widget .swap-rate-txt .swap-rate-txt-left p {
  font-size: 10px;
  margin-bottom: 4px
}

.new-swap-widget .swap-rate-txt .swap-rate-txt-left h5 {
  font-size: 12px;
  font-weight: 500
}

.new-swap-widget .swap-rate-txt .btn-reverse {
  align-items: center;
  background: #f6f3fd;
  border-radius: 30px;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px
}

.new-swap-widget .btn-orange {
  border: none;
  border-radius: #ff6717;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-top: 60px;
  padding: 10px 16px;
  width: 100%
}

.new-swap-widget .center-line {
  display: inline-block;
  opacity: .2
}

.new-swap-widget .history-row {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 10px;
  padding: 12px
}

.new-swap-widget .history-row p {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0
}

.new-swap-widget .history-row p.value {
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  padding-left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.new-swap-widget .history-row img {
  margin-right: 8px;
  width: 20px
}

.new-swap-widget .history-row svg {
  font-size: 14px;
  font-weight: 400;
  margin: 0 8px;
  opacity: .6
}

.new-swap-widget .history-row .time-status p {
  color: #667085;
  font-size: 12px
}

.new-swap-widget .history-row .time-status .status.success {
  color: green
}

.new-swap-widget .history-row .time-status .status.failed {
  color: red
}

.new-swap-widget .history-row .time-status .status.pending {
  color: #ffb200
}

.new-swap-widget .swap-new-logo {
  margin: 16px auto 0;
  width: 180px
}

.new-swap .trx-history {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.new-swap .trx-history .new-swap-widget {
  min-height: 676.72px;
  padding: 20px 0
}

.new-swap .trx-history .trx-hst {
  padding: 0 20px 20px
}

.new-swap .transaction-details {
  background: #ffffff26;
  border: 1px solid #ffffff26;
  border-radius: 24px;
  color: #fff;
  margin-top: -40px;
  padding: 50px 20px 12px;
  width: 100%;
  z-index: 1
}

.new-swap .transaction-details .setting-space .accordian-action {
  border: none !important;
  padding: 0
}

.new-swap .transaction-details .setting-space .accordian-action p {
  font-size: 16px;
  font-weight: 500
}

.new-swap .transaction-details .setting-space .transaction-info {
  border-top: 1px solid #ffffff80;
  margin-top: 8px;
  padding-top: 10px
}

.new-swap .transaction-details .setting-space .transaction-info p {
  font-size: 14px;
  margin-bottom: 0
}

.new-swap .transaction-details .setting-space .transaction-info p img {
  filter: brightness(100);
  margin-left: 6px
}

.new-swap .transaction-details .setting-space .transaction-info p .font-600 {
  font-weight: 600
}

.new-swap .setting-space .accordian-action {
  align-items: center;
  border-bottom: 1px solid #c4cee266;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 12px 0
}

.new-swap .setting-space .accordian-action p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0
}

.new-swap .setting-space .accordian-action p span {
  color: #667085;
  font-weight: 400
}

.new-swap .setting-space .accordian-action img {
  filter: brightness(100);
  width: 20px
}

.new-swap .setting-space .accordian-target {
  padding: 10px 0
}

.btn-max {
  background: #ff6717;
  border-radius: 6px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-left: 6px;
  padding: 3px 6px
}

.btn-max:hover {
  background: #e7560a;
  color: #fff
}

.overlay-pop {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  padding: 20px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1010
}

@media screen and (max-height:700px) {
  .overlay-pop {
    align-items: start
  }
}

.overlay-pop .select-network {
  background: #fff;
  border-radius: 16px;
  min-height: 400px;
  padding: 20px;
  width: 500px;
  z-index: 30
}

.overlay-pop .select-network .first-header {
  margin-bottom: 12px
}

.overlay-pop .select-network .first-header h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.overlay-pop .select-network .first-header .btn-close {
  align-items: center;
  border: 1px solid #d7ddeb;
  border-radius: 30px;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px
}

.overlay-pop .select-network .first-header .btn-close img {
  width: 18px
}

.overlay-pop .select-network .second-header h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.overlay-pop .select-network .second-header img {
  height: 20px;
  margin-right: 10px;
  width: 20px
}

.overlay-pop .select-network .choose-network .col-4 {
  padding: 0 8px
}

.overlay-pop .select-network .choose-network .active {
  background-color: #0e2b7521 !important
}

.overlay-pop .select-network .choose-network .netwrok-space {
  align-items: center;
  border: 1px solid #d7ddeb;
  border-radius: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 8px 10px;
  width: 100%
}

.overlay-pop .select-network .choose-network .netwrok-space img {
  border-radius: 30px;
  height: 20px;
  margin-right: 8px;
  width: 20px
}

.overlay-pop .select-network .choose-network .netwrok-space p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0
}

.overlay-pop .select-network .choose-network .netwrok-space p span {
  font-size: 12px
}

.overlay-pop .select-network .choose-token .active {
  background-color: #0e2b7521 !important
}

.overlay-pop .select-network .choose-token .netwrok-space {
  align-items: center;
  background: none;
  border: 1px solid #d7ddeb;
  border-radius: 30px;
  cursor: pointer;
  display: flex;
  justify-content: start;
  padding: 8px 16px;
  width: 100%
}

.overlay-pop .select-network .choose-token .netwrok-space img {
  border-radius: 30px;
  height: 20px;
  margin-right: 8px;
  width: 20px
}

.overlay-pop .select-network .choose-token .netwrok-space p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0
}

.overlay-pop .select-network .choose-token .netwrok-space p span {
  font-size: 12px
}

.overlay-pop .backdrop-content {
  background: #0000006e;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9
}

.connect-wallet-group {
  align-items: center;
  display: flex;
  gap: 5px;
  width: auto
}

.connect-wallet-group .btn-outline-connect {
  width: -webkit-fit-content;
  width: fit-content
}

.connect-wallet-group .btn-close {
  background-size: 10px;
  padding: 0
}

.has-v-scroll {
  height: 606.72px;
  overflow-y: auto;
  padding: 0 20px
}

.has-dollar span {
  font-size: 24px;
  font-weight: 500;
  padding-right: 2px
}

.video-bg {
  height: 100vh;
  object-fit: cover;
  width: 100wv
}

.blur-bg:before {
  background: url(/static/media/backGroundImage.c49d43ba1573547e9678.png);
  background-repeat: repeat;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 1
}

.stake-ad {
  align-items: center;
  backdrop-filter: blur(10px) saturate(194%);
  -webkit-backdrop-filter: blur(10px) saturate(194%);
  background-color: #ffffff30;
  border: 1px solid #d1d5db4d;
  border-radius: 12px;
  box-shadow: 0 12px 30px #00000040;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding: 12px 16px
}

.stake-ad p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0
}

.stake-ad .btn {
  color: #000;
  font-size: 13px;
  font-weight: 500
}

.stake-ad .btn,
.stake-ad .btn:hover {
  background: #fff;
  border-color: #fff
}

.swap-process-section {
  align-items: center;
  display: flex;
  flex-grow: 1;
  width: 100%
}

.swap-process-section .new-swap-widget {
  background: #fff;
  border: none;
  padding: 12px
}

.swap-process-section .new-swap-widget .processing-gif {
  margin-top: 20px;
  text-align: center
}

.swap-process-section .new-swap-widget .processing-gif svg {
  animation: svg-animation 2s linear infinite;
  max-width: 150px
}

.swap-process-section .new-swap-widget .processing-gif circle {
  fill: #0000;
  stroke: #fff;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: 5px;
  animation: circle-animation 1.4s ease-in-out infinite both;
  display: block;
  transform-origin: 50% 50%
}

.swap-process-section .new-swap-widget h4 {
  font-size: 20px;
  font-weight: 500;
  margin: 16px 0 0;
  text-align: center
}

.swap-process-section .new-swap-widget .processing-gif {
  margin: 20px auto;
  width: 180px
}

.swap-process-section .new-swap-widget .processing-gif .time-bond {
  align-items: center;
  border: 2px solid #fff;
  border-radius: 100%;
  display: flex;
  font-size: 18px;
  height: 180px;
  justify-content: center;
  width: 180px
}

.swap-process-section .new-swap-widget h6 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px;
  text-align: center
}

.swap-process-section .new-swap-widget .transactiondetails {
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  background: #ffffff03;
  border-top: 1px solid #e3ebf3;
  padding: 20px 10px;
  position: relative;
  width: 100%
}

.swap-process-section .new-swap-widget .transactiondetails h4 {
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 0;
  text-align: left
}

.swap-process-section .new-swap-widget .transactiondetails .transaction-icon {
  height: 20px;
  position: relative;
  width: 20px
}

.swap-process-section .new-swap-widget .transactiondetails .transaction-icon img {
  max-width: 100%
}

.swap-process-section .new-swap-widget .transactiondetails .transaction-icon .currencynetworkcin {
  bottom: 3px;
  display: block;
  height: 10px;
  position: absolute;
  right: -3px;
  width: 10px
}

.swap-process-section .new-swap-widget .transactiondetails .inner-transactiondetails {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.swap-process-section .new-swap-widget .transactiondetails .inner-transactiondetails .flex-details {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-process-section .new-swap-widget .transactiondetails .inner-transactiondetails:last-child {
  margin-bottom: 0
}

.transaction-history .new-swap-widget {
  height: 673.78px;
  min-height: 673.78px;
  padding: 20px 0
}

.transaction-history .new-swap-widget .trx-history {
  left: auto;
  position: relative;
  top: auto
}

.transaction-history .new-swap-widget .trx-history .header-space {
  color: #fff
}

.swap-successful-div {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center
}

.swap-successful-div .arrowcenter {
  align-items: center;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px
}

.swap-successful-div .flex-details {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-successful-div .flex-details .from-text {
  font-weight: 500
}

.swap-successful-div .transaction-icon {
  height: 30px;
  position: relative;
  width: 30px
}

.swap-successful-div .transaction-icon img {
  height: 100%;
  max-width: 100%
}

.swap-successful-div .transaction-icon .currencynetworkcin {
  bottom: 3px;
  display: block;
  height: 15px;
  position: absolute;
  right: -3px;
  width: 15px
}

.swap-successful-div .transaction-icon .inner-transactiondetails {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px
}

.swap-successful-div .transaction-icon .inner-transactiondetails .flex-details {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-successful-content .text-center-swap {
  margin-top: 15px;
  text-align: center
}

.swap-successful-content .text-center-swap .view-scanlonex {
  align-items: center;
  border: none;
  border-bottom: 1px solid #2c56dd;
  border-radius: 0;
  color: #2c56dd;
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 10px;
  margin: 0 auto;
  padding: 3px 0;
  transition: all .2s ease
}

.swap-successful-content p {
  font-size: 12px;
  font-weight: 500;
  margin: 20px 0;
  text-align: center
}

.swap-successful-content .swap-successful-list {
  background-color: #fff3;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 8px 12px
}

.swap-successful-content .swap-successful-list .flex-details {
  align-items: center;
  display: flex;
  gap: 10px
}

.swap-successful-content .swap-successful-list .transaction-icon {
  height: 24px;
  position: relative;
  width: 24px
}

.swap-successful-content .swap-successful-list .transaction-icon img {
  max-width: 100%
}

.swap-successful-content .swap-successful-list .transaction-icon .currencynetworkcin {
  bottom: 5px;
  display: block;
  height: 12px;
  position: absolute;
  right: -4px;
  width: 12px
}

.swap-successful-content .swap-successful-list .best-match {
  align-items: center;
  background-color: #fff;
  border-radius: 20px;
  color: #000;
  display: inline-flex;
  font-size: 11px;
  gap: 3px;
  line-height: normal;
  margin-bottom: 5px;
  padding: 2px 8px
}

.swap-successful-content .swap-successful-list .mostpopular {
  background-color: #f3ba2f
}

.swap-successful-content .swap-successful-list .highvolume {
  background-color: #d42ab8;
  color: #fff
}

.swap-successful-content .swap-successful-list .swap-successful-list-div {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between
}

.swap-successful-content .swap-successful-list .swap-successful-list-div .from-text {
  font-size: 14px;
  font-weight: 500
}

.swap-successful-content .swap-successful-list .swap-successful-list-div .stakebutton {
  background-color: #fe661a;
  border: none;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 20px
}

.check-container {
  align-items: center;
  display: flex;
  flex-flow: column;
  height: 10rem;
  justify-content: space-between;
  margin: 0 auto;
  width: 10rem
}

.txn-refresh {
  border-radius: 6px;
  font-size: 12px;
  padding: 2px 10px
}

.txn-refresh:hover {
  background: #ff6616;
  color: #fff
}

.backbtn-arw {
  align-items: center;
  background-color: #0000;
  border: none;
  display: flex;
  height: 40px;
  justify-content: center;
  outline: none;
  width: 40px
}

.value-input {
  transition: border .3s ease
}

.trx-fee-total {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  margin-right: 10px
}

.arrow-hover-img:hover {
  background: hsla(0, 0%, 100%, .145);
  border-radius: 30px
}

.btn-reverse {
  transition: transform .6s ease
}

.btn-reverse.rotate {
  transform: rotate(1turn)
}

.insufficient-balance {
  color: red;
  padding: 0
}

.insufficient-balance p {
  font-size: 13px;
  margin-bottom: 0
}

.insufficient-balance svg {
  margin-right: 6px;
  width: 20px
}

.insuficient-gas {
  align-items: center;
  background: #f8f3f3;
  border: 1px solid #e92628;
  border-radius: 8px;
  color: #e92628;
  display: flex;
  padding: 10px
}

.insuficient-gas p {
  font-size: 12px;
  margin-bottom: 0
}

.insuficient-gas img {
  margin-right: 8px;
  width: 20px
}

.footer-content-swap .btn-orange {
  margin-top: 12px !important
}

.btn-change-add {
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  padding: 0 2px;
  right: 16px !important
}

.btn-change-add,
.btn-change-add:hover {
  border-bottom: 1px solid blue;
  color: blue
}

.graph-container {
  background: #fff;
  border-radius: 8px;
  margin: auto;
  max-width: 900px;
  padding: 20px;
  width: 100%
}

.graph-container canvas {
  height: 482px !important;
  padding: 10px
}

.minimum-required-con {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 14px;
  gap: 8px;
  margin-bottom: 10px
}

.minimum-required-con svg {
  width: 20px
}

.minimum-required-con svg.swap-invalid {
  color: #e84142
}

.minimum-required-con svg.swap-valid {
  color: #00ee08
}

.price-compare-space {
  border-radius: 16px;
  max-width: 900px;
  position: relative;
  width: 100%;
  z-index: 1
}

.price-compare-space .dropdown-tab-wrapper {
  align-items: center;
  background-color: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 10px
}

.price-compare-space .dropdown {
  margin-right: 8px;
  position: relative
}

.price-compare-space .dropdown-selected {
  align-items: center;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  padding: 7px 10px
}

.price-compare-space .pair-icon img {
  height: 24px;
  margin-right: 10px;
  width: 24px
}

.price-compare-space .arrow-down {
  margin-left: 10px
}

.price-compare-space .dropdown-list {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  left: 0;
  padding: 5px;
  position: absolute;
  top: 100%;
  width: 100%
}

.price-compare-space .dropdown-list li {
  cursor: pointer;
  padding: 10px
}

.price-compare-space .dropdown-list li:hover {
  background-color: #f0f0f0
}

.price-compare-space .tabs {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  padding: 2px
}

.price-compare-space .tab {
  align-items: center;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  padding: 4px 16px
}

.price-compare-space .tab.active {
  background-color: #2d2468;
  color: #fff
}

.price-compare-space .icon-graph,
.price-compare-space .icon-table {
  margin-right: 8px
}

.processingTimer {
  margin: 20px auto
}

.processingTimer .time-bond {
  font-size: 18px
}

.processingTimer .time-bond .time-value {
  font-size: 30px;
  min-width: 85px;
  position: relative;
  text-align: center;
  z-index: 1
}

.processingTimer .time-bond .time-unit {
  font-size: 14px;
  text-align: center;
  text-transform: uppercase
}

.processingTimer.transaction-header-timer {
  height: 50px;
  margin: 0;
  width: 50px
}

.processingTimer.transaction-header-timer .time-bond .time-value {
  font-size: 12px;
  min-width: 50px
}

.processingTimer.transaction-header-timer div {
  height: auto !important;
  width: auto !important
}

.processingTimer.transaction-header-timer div .time-bond {
  align-items: center;
  display: flex;
  height: 50px !important;
  justify-content: center;
  position: relative;
  width: 50px !important
}

.processingTimer.transaction-header-timer div .time-bond:after {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 44px;
  position: absolute;
  width: 44px
}

.processingTimer.transaction-header-timer div .time-bond:before {
  animation: ping 1.3s infinite;
  background-color: #4caf5033;
  border-radius: 50%;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%
}

.processingTimer.transaction-header-timer svg {
  height: 50px;
  width: 50px !important
}

.esitmated-text {
  font-size: 18px !important;
  font-weight: 300 !important
}

.imp-info-mod {
  border-bottom-right-radius: 0 !important
}

.imp-info-mod ol li {
  color: #3f4652
}

.imp-info-mod .size-16 {
  font-size: 16px
}

.transaction-fee-btns {
  align-items: center;
  background-color: #fff;
  border: 1px solid #e8e6f5;
  border-radius: 10px;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  margin-top: 10px;
  padding: 2px 3px 2px 10px;
  width: 100%
}

.transaction-fee-btns svg {
  width: 20px
}

.transaction-fee-btns svg path {
  stroke: #b8becc;
  stroke-width: 1px
}

.transaction-fee-btns.important-info {
  background-color: #fff8e2 !important;
  border-color: #fcf0cc !important;
  border-radius: 6px !important
}

.popup-overlay {
  background-color: #000000b3;
  cursor: pointer;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 999
}

.popup-content {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 10px #0003;
  left: 50%;
  max-width: 400px;
  padding: 20px;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1000
}

.close-btn {
  background-color: #007bff;
  border: none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin-top: 20px;
  padding: 10px 20px
}

.close-btn:hover {
  background-color: #0056b3
}

.overlay-tra {
  background-color: #000000b3;
  height: 100%;
  top: 0;
  z-index: 1
}

.overlay-tra,
.transaction-fee-mdl {
  border-radius: 24px;
  left: 0;
  position: absolute;
  width: 100%
}

.transaction-fee-mdl {
  background: #fff;
  bottom: 0;
  z-index: 2
}

.transaction-fee-mdl .transaction-fee-head {
  align-items: center;
  border-bottom: 1px solid #e8e6f5;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 10px 20px
}

.transaction-fee-mdl .transaction-fee-head h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0
}

.transaction-fee-mdl .transaction-fee-head .closebutton {
  background-color: #f3f5f9;
  border: none;
  border-radius: 30px;
  color: #2d2468;
  cursor: pointer;
  height: 30px;
  width: 30px
}

.transaction-fee-mdl .transaction-fee-head .closebutton svg {
  height: 14px;
  width: 14px
}

.transaction-fee-mdl .transaction-fee-head .closebutton svg path {
  stroke: #2d2468;
  stroke-width: 1px
}

.transaction-fee-mdl .rights-issue-date-content .btn-primary {
  align-items: center;
  display: flex;
  gap: 10px
}

.transaction-fee-mdl .rights-issue-date-content .btn-primary span {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 30px;
  display: flex;
  height: 20px;
  justify-content: center;
  padding: 4px;
  width: 20px
}

.transaction-fee-mdl .rights-issue-date-content .abt-right-link-a {
  margin-top: 20px;
  text-align: center
}

.transaction-fee-mdl .rights-issue-date-content .abt-right-link-a .link-primary {
  align-items: center;
  border-bottom: 1px solid #3166d7;
  color: #3166d7;
  display: inline-flex;
  font-size: 14px;
  gap: 10px
}

.transaction-fee-mdl .rights-issue-date-content .abt-right-link-a .link-primary svg {
  width: 16px
}

.transaction-fee-mdl .l1x-closebutton {
  background-color: #f3f5f9;
  border: none;
  border-radius: 30px;
  color: #2d2468;
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px
}

.transaction-fee-mdl .l1x-closebutton svg {
  height: 14px;
  width: 14px
}

.transaction-fee-mdl .l1x-closebutton svg path {
  stroke: #2d2468;
  stroke-width: 1px
}

.transaction-fee-mdl .l1xright-issues-mdl-content {
  margin: 0 auto;
  max-width: 330px;
  padding: 0 20px;
  text-align: center
}

.transaction-fee-mdl .l1xright-issues-mdl-content .button-section-dx .btn {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  padding: 10px 15px
}

.transaction-fee-mdl .l1xright-issues-mdl-content .button-section-dx .btn span {
  display: inline-block;
  width: 18px
}

.transaction-fee-mdl .l1xright-issues-mdl-content .button-section-dx .btn {
  width: 100%
}

.transaction-fee-mdl .l1xright-issues-mdl-content .button-section-dx .btn.btn-bordered {
  align-items: center;
  border: 1px solid #ff6718;
  border-radius: 30px;
  color: #ff6718;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  margin-top: 20px
}

.transaction-fee-mdl .l1xright-issues-mdl-content .button-section-dx .btn.btn-bordered span {
  display: inline-block;
  width: 18px
}

.transaction-fee-mdl .transaction-fee-content {
  padding: 0 20px
}

.transaction-fee-mdl .transaction-fee-content ul li {
  align-items: center;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 3px 0
}

.transaction-fee-mdl .transaction-fee-content ul li .left-ul {
  color: #000;
  opacity: .7
}

.transaction-fee-mdl .transaction-fee-content ul li .right-ul {
  font-weight: 600
}

.transaction-fee-mdl .transaction-fee-footer {
  border-top: 1px solid #e8e6f5;
  padding: 10px 20px
}

.transaction-fee-mdl .transaction-fee-footer .greentext {
  color: #2ab243;
  font-size: 14px;
  margin-bottom: 16px;
  text-align: right
}

.transaction-fee-mdl .transaction-fee-footer .greentext span {
  font-size: 18px;
  font-weight: 700
}

.transaction-fee-mdl .transaction-fee-footer .flexfooter {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.transaction-fee-mdl .transaction-fee-footer .flexfooter-left {
  font-size: 12px
}

.transaction-fee-mdl .transaction-fee-footer .flexfooter-left span {
  font-size: 14px;
  font-weight: 700
}

.transaction-fee-mdl .transaction-fee-footer .flexfooter a {
  color: #2c56dd;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 4px
}

.transaction-fee-mdl .transaction-fee-footer .flexfooter a svg {
  height: 24px;
  width: 24px
}

.transaction-fee-mdl .transaction-fee-footer .flexfooter a svg path {
  stroke: #2c56dd;
  stroke-width: 1
}

.gif-img {
  margin: 0 auto 20px;
  position: relative;
  width: 182px
}

.gif-img video {
  height: 100%;
  width: 100%
}

.gif-img.approve-process:after {
  mix-blend-mode: screen
}

.w-180 {
  margin: 0 auto;
  width: 180px
}

.w-180 video {
  height: 100%;
  width: 100%
}

.direct-swap-outer.shift-content .new-swap-widget {
  border-radius: 16px
}

.swap-lg-logo {
  margin: 0 auto;
  max-width: 170px;
  text-align: center
}

.swap-lg-logo img {
  max-width: 100%
}

.FactsSlide {
  border-top: 1px solid #e3ebf3;
  padding-top: 20px;
  position: relative
}

.FactsSlide .qoute-item img {
  width: 22px
}

.FactsSlide .qoute-item img.right-qoute {
  transform: rotate(180deg)
}

.FactsSlide .qoute-item p {
  font-size: 13px
}

.FactsSlide .hover-me-text {
  align-items: center;
  background: #fff;
  cursor: pointer;
  display: flex;
  height: 110px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  transition: all .5s ease;
  z-index: 1
}

.FactsSlide .hover-me-text .hover-to-see {
  border-bottom: 1px solid #ff6d14;
  color: #ff6d14;
  display: inline-block;
  font-size: 14px;
  opacity: 1;
  padding-bottom: 2px;
  text-align: center
}

.FactsSlide .hover-me-text:hover {
  opacity: 0;
  transition: opacity .5s
}

@media screen and (max-height:800px) {
  .graph-container canvas {
    height: 447px !important
  }

  .swap-lg-logo {
    max-width: 170px
  }

  .new-swap-widget {
    min-height: 685px
  }
}

.im-running-trx {
  animation: shadowPulse 2s infinite;
  border-radius: 8px
}

.im-running-trx .running-transaction-details {
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-bottom: 12px;
  margin-top: -4px;
  padding: 16px
}

.im-running-trx .running-transaction-details .icon-space {
  align-items: center;
  background: #e8ebf3;
  border-radius: 30px;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  margin-right: 8px;
  min-width: 24px;
  width: 24px
}

.im-running-trx .running-transaction-details .icon-space svg {
  color: #667085;
  width: 20px
}

.im-running-trx .running-transaction-details img {
  margin-right: 8px;
  width: 20px
}

.im-running-trx .transaction-running {
  border-bottom: 1px solid #e3e6f1;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important
}

.btn-swap-direct {
  background-color: #ff6717;
  border-radius: 30px;
  font-size: 16px;
  padding: 12px 20px;
  width: 100%
}

.btn-swap-direct,
.btn-swap-direct:hover {
  border: 1px solid #ff6717;
  color: #fff;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s
}

.btn-swap-direct:hover {
  background: #f64636;
  background: linear-gradient(0deg, #f64636, #ff6717);
  box-shadow: 0 1px 23px #ff671769
}

.btn-swap-direct:disabled {
  background-color: #b7b7b8 !important;
  border: 1px solid #dbdbdb;
  color: #fff;
  pointer-events: none
}

.powered-content p {
  font-size: 10px;
  margin-bottom: 0;
  margin-right: 10px
}

.powered-content .powered-by {
  gap: 10px
}

.powered-content .powered-by p {
  font-size: 12px;
  font-weight: 500
}

.powered-content.MythX img {
  width: 54px
}

.swap-being-fnt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center
}

.swap-being-fnt h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px
}

.swap-being-fnt p {
  font-size: 12px;
  opacity: .5
}

.swap-being-fnt .line-small {
  background-color: #ccc;
  height: 1px;
  margin: 0 auto 20px;
  width: 120px
}

.swap-being-fnt .usually-text {
  font-size: 12px
}

.swap-being-fnt .success-animation-icon {
  margin: 0 auto;
  position: relative;
  width: 200px
}

.swap-being-fnt .success-animation-icon video {
  height: 100%;
  width: 100%
}

.swap-being-fnt .gif-img {
  margin: 60px auto 20px;
  position: relative;
  width: 182px
}

.swap-being-fnt .gif-img video {
  height: 100%;
  width: 100%
}

.swap-being-fnt .gif-img:after {
  background: #7900ff;
  background: linear-gradient(318deg, #7900ff, #ff6d14 41%, #ffa601);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  mix-blend-mode: screen;
  position: absolute;
  right: 0;
  top: 0
}

.swap-being-fnt .gif-img .animate-spin {
  animation: spin 1s linear infinite;
  color: #949494 !important;
  height: 100px;
  margin-bottom: 0;
  width: 100px
}

.swap-being-fnt .gif-img .animate-spin .opacity-25 {
  opacity: .25
}

.swap-being-fnt .gif-img .animate-spin .opacity-75 {
  opacity: .75
}

.swap-being-fnt .gif-img .animate-spin svg path {
  stroke: 2px !important
}

.has-outerring-splash {
  animation: outerRing 2s infinite
}

@keyframes outerRing {
  0% {
    box-shadow: 0 0 0 0 #4caf50
  }

  to {
    box-shadow: 0 0 0 6px rgba(76, 175, 79, .316)
  }
}

.dark-mode .btn-swap-direct {
  background-color: #ff6717 !important;
  border: 1px solid #ff6717;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  padding: 12px 20px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  width: 100%
}

.back-to-swap {
  text-align: center;
  width: 100%
}

.back-to-swap .btn-primary svg {
  margin-right: 6px;
  width: 20px
}

.request-id-content {
  align-items: center;
  border: 1px solid #dae0ee;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  padding: 4px 4px 4px 8px;
  position: relative
}

.request-id-content .title {
  border-right: 1px solid #dae0ee;
  color: #000;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  margin-right: 8px;
  opacity: 1;
  padding-right: 8px
}

.request-id-content .id {
  display: inline-block;
  font-size: 13px;
  font-weight: 400
}

.request-id-content .btn-copy {
  background: #ebeefb;
  border-radius: 4px;
  height: 30px;
  min-width: 30px;
  padding: 0;
  width: 30px
}

.request-id-content .btn-copy svg {
  opacity: .5;
  width: 20px
}

.request-id-content .copied-content {
  align-items: center;
  background: #d5ffdd;
  border: 1px solid #2ab243;
  border-radius: 6px;
  color: #2ab243;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 2s ease;
  width: 100%
}

.request-id-content .copied-content p {
  font-size: 14px;
  font-weight: 500;
  margin-left: 8px;
  opacity: 1
}

.airdrop-bg {
  position: relative
}

.airdrop-bg video {
  height: 100vh;
  left: 0;
  object-fit: cover;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: -1
}

.share-swap-pair {
  position: fixed;
  right: 220px;
  top: 20px
}

.share-swap-pair .btn {
  align-items: center;
  background: #fff;
  border: none;
  color: #e7560a;
  display: inline-flex;
  font-size: 14px;
  height: 36px;
  padding: 6px 16px
}

.share-swap-pair .btn:hover {
  background: #e7560a;
  color: #fff
}

.share-swap-pair .btn svg {
  margin-left: 10px;
  width: 16px
}

.share-swap-pair.no-wallet-space {
  right: 20px
}

.share-pair-pop {
  align-items: center;
  display: flex;
  justify-content: center
}

.share-pair-pop,
.share-pair-pop .backLayer {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101
}

.share-pair-pop .backLayer {
  background: #000000b3
}

.share-pair-pop .share-pop {
  background: #fff;
  border-radius: 24px;
  padding: 20px;
  position: relative;
  width: 530px;
  z-index: 103
}

.share-pair-pop .share-pop h1 {
  font-size: 60px;
  margin-bottom: 10px;
  padding-top: 30px;
  text-align: center
}

.share-pair-pop .share-pop h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
  text-align: center
}

.share-pair-pop .share-pop p {
  font-size: 14px;
  text-align: center
}

.share-pair-pop .share-pop .pair-link {
  align-items: center;
  border: 1px solid #ecebf3;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
  padding: 0
}

.share-pair-pop .share-pop .pair-link .sr {
  font-weight: 500;
  padding: 0 10px
}

.share-pair-pop .share-pop .pair-link .link-space {
  background: #ecebf3;
  border-radius: 6px;
  color: #2d2468;
  padding: 4px 8px 4px 4px;
  position: relative;
  width: calc(100% - 90px)
}

.share-pair-pop .share-pop .pair-link .link-space p {
  padding: 0 8px
}

.share-pair-pop .share-pop .pair-link .link-space .btn-copy {
  align-items: center;
  background: #fff;
  border: 1px solid #ecebf3;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 2px;
  width: 30px
}

.share-pair-pop .share-pop .pair-link .link-space .btn-copy svg {
  width: 20px
}

.share-pair-pop .share-pop .action-place {
  text-align: center
}

.share-pair-pop .share-pop .action-place .btn {
  border-radius: 30px;
  display: block;
  font-size: 14px;
  margin: 0 auto;
  padding: 10px 16px;
  width: 70%
}

.share-pair-pop .share-pop .action-place .btn:disabled {
  background-color: #e1e0e8;
  border: 1px solid #e1e0e8;
  color: #5b5c5e
}

.share-pair-pop .share-pop .note {
  font-size: 13px;
  margin-top: 24px;
  opacity: .7
}

.share-pair-pop .share-pop .btn-close {
  font-size: 14px;
  position: absolute;
  right: 16px;
  top: 16px
}

img.beta-tag {
  left: -37px;
  position: absolute;
  top: 18px;
  width: 60px
}

.swap-ref-cta {
  border-radius: 30px;
  font-size: 14px
}

.swap-ref-cta svg {
  margin-right: 10px;
  width: 20px
}

@media (max-width:767px) {

  .css-112xj8j.css-112xj8j,
  .share-swap-pair {
    display: none
  }

  .share-pair-pop .share-pop {
    max-width: 400px;
    width: 100%
  }

  .for-mobile-device .tab-switcher-for-swap {
    display: none
  }
}

.swap-value-container {
  background: #e9ecf7
}

.swap-value-container .currency-selector {
  border: none;
  box-shadow: none;
  height: 58px;
  padding: 12px;
  width: 140px
}

.swap-value-container .value-input .flex-swap-con {
  align-items: center;
  background: #e1e0f1;
  border-radius: 12px;
  display: flex;
  height: 58px;
  margin-bottom: 5px;
  padding-left: 10px
}

.swap-value-container .value-input .flex-swap-con input {
  height: 58px;
  margin: 0;
  padding: 0 35px 0 0
}

.swap-value-container .value-input input {
  background-color: #e1e0f1;
  border: none;
  border-radius: 12px;
  font-size: 24px;
  font-weight: 500;
  height: 58px;
  outline: none;
  padding: 5px 10px
}

.swap-value-container .value-input input::placeholder {
  color: #667085
}

.swap-value-container .value-input input.pr-6 {
  padding-right: 30px
}

.swap-value-container .value-input:focus-within,
.swap-value-container .value-input:hover {
  border: none !important
}

.swap-value-container .btn-exchange {
  background: #0000;
  border: 0;
  border-radius: 30px;
  height: 24px;
  min-width: 24px;
  padding: 0;
  width: 24px
}

.swap-value-container .btn-exchange:hover {
  background: #fff
}

.swap-value-container .pay-part p {
  font-size: 14px
}

.swap-value-container .pay-part p span {
  color: #475569
}

.swap-value-container .pay-input {
  margin: 10px 0 5px
}

.swap-value-container input {
  border: 2px solid #0000;
  border-radius: 6px;
  box-shadow: none !important;
  color: #475569;
  font-size: 30px;
  font-weight: 600;
  height: 45px;
  padding: 4px 10px
}

.swap-value-container input:focus {
  border: 2px solid #1e81ed80
}

.swap-value-container .bal-part span {
  align-items: center;
  background: #8795a7;
  border-radius: 20px;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px
}

.swap-value-container .swapcurrency-name {
  background: #26a17b;
  background: var(--token-bg, #26a17b);
  border-radius: 30px;
  padding: 4px;
  position: relative;
  z-index: 1
}

.swap-value-container .swapcurrency-name p {
  color: #fff;
  font-size: 14px;
  font-weight: 600
}

.swap-value-container .networks-part {
  gap: 7px;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  width: calc(100% - 20px);
  z-index: 1
}

.swap-value-container .networks-part:after {
  background: #627eea;
  background: var(--chain-bg, #627eea);
  border-radius: 30px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 30%;
  z-index: -1
}

.swap-value-container .currency-icons {
  align-items: center;
  background: #627eea;
  background: var(--chain-bg, #627eea);
  border-radius: 30px;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  width: 30px
}

.swap-value-container .currency-icons:before {
  background-image: url(/static/media/curreny-bg.fe454fe84687ea9deaa0.svg);
  background-position: 100%;
  background-repeat: no-repeat;
  content: "";
  height: 32px;
  position: absolute;
  right: -20px;
  top: 0;
  width: 100%
}

.network-logo {
  border-radius: 30px;
  height: auto;
  width: 27px
}

.swapswitch-btn {
  padding: 10px 0
}

.swapswitch-btn .fees-part span {
  background: #475569;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  padding: 2px 10px
}

.swapswitch-btn .fees-part p {
  color: #475569;
  font-size: 12px
}

.swapswitch-btn .fees-part .feeloading-skelton span {
  min-width: auto !important
}

.swapswitch-btn .swap-reserve-btn {
  background: #f1f4f9;
  border-radius: 30px;
  height: 30px;
  width: 30px
}

.swapswitch-btn .time-part {
  background: #e2e8f0;
  border-radius: 30px;
  padding: 2px
}

.swapswitch-btn .time-part span {
  background: #475569;
  border-radius: 30px;
  display: inline-block;
  height: 18px;
  width: 18px
}

.swapswitch-btn .time-part p {
  color: #475569;
  font-size: 12px
}

.transactionfee-popup {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #ffffff80;
  border-radius: 16px 0 0 16px;
  height: 100%;
  left: 0;
  padding: 25px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

.transactionfee-popup .w-100 {
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, .15))
}

.transactionfee-popup .transaction-popup-content {
  background: #fff;
  border: 1px solid #e9ecf7;
  border-radius: 12px;
  padding: 12px;
  width: 100%
}

.transactionfee-popup .transaction-popup-content .transaction-popup-header {
  border-bottom: 1px solid #e9ecf7;
  padding-bottom: 12px
}

.transactionfee-popup .transaction-popup-content .transaction-popup-header h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.transactionfee-popup .transaction-popup-content ul {
  gap: 20px;
  margin-top: 12px
}

.transactionfee-popup .transaction-popup-content ul li {
  color: #475569;
  font-size: 13px
}

.transactionfee-popup .transaction-popup-content ul li span {
  color: #000;
  font-weight: 600
}

.cancle-btn {
  background: #475569;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
  padding: 13px 16px;
  transition: .5s ease-in-out;
  width: 100%
}

.cancle-btn:hover {
  background: #ff6616
}

.walletballance-popup {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #ffffff80;
  border-radius: 16px 0 0 16px;
  height: 100%;
  left: 0;
  padding: 25px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99
}

.walletballance-popup .walletballance-popup-section {
  background: #fff;
  border: 1px solid #e9ecf7;
  border-radius: 12px;
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, .15))
}

.walletballance-popup .walletballance-popup-headerwrap {
  padding: 12px
}

.walletballance-popup .walletballance-popup-headerwrap .walletballance-popup-header {
  background: #fff;
  background: #e9ecf7;
  border: 1px solid #e9ecf7;
  border-radius: 8px;
  padding: 12px
}

.walletballance-popup .walletballance-popup-headerwrap .walletballance-popup-header .walletballance-popup-top {
  margin-bottom: 10px
}

.walletballance-popup .walletballance-popup-headerwrap .walletballance-popup-header .walletballance-popup-top img {
  background: #fff;
  border-radius: 6px;
  padding: 3px
}

.walletballance-popup .walletballance-popup-headerwrap .walletballance-popup-header .walletballance-popup-top .ballance-part {
  width: calc(100% - 60px)
}

.walletballance-popup .walletballance-popup-headerwrap .walletballance-popup-header .walletballance-popup-top .ballance-part p {
  color: #475569;
  font-size: 10px
}

.walletballance-popup .walletballance-popup-headerwrap .walletballance-popup-header .walletballance-popup-top .ballance-part h5 {
  color: #000;
  font-size: 20px;
  font-weight: 600
}

.walletballance-popup .walletballance-popup-headerwrap .walletballance-popup-header .walletballance-popup-bottom p {
  color: #627eea;
  font-size: 14px;
  font-weight: 500
}

.walletballance-popup .walletballance-popup-headerwrap .walletballance-popup-header .walletballance-popup-bottom a {
  align-items: center;
  background: #ff66161a;
  border-radius: 30px;
  color: #ff6616;
  display: flex;
  font-size: 12px;
  justify-content: center;
  padding: 4px 10px;
  transition: .5s ease-in-out
}

.walletballance-popup .walletballance-popup-headerwrap .walletballance-popup-header .walletballance-popup-bottom a:hover {
  background: #ff6616;
  color: #fff
}

.walletballance-popup .walletballance-popup-body ul {
  border-bottom: 1px solid #e9ecf7;
  padding: 16px 12px
}

.walletballance-popup .walletballance-popup-body ul li {
  background: #fff;
  border: 1px solid #e9ecf7;
  border-radius: 8px;
  color: #627eea;
  font-size: 12px;
  padding: 5px 10px 5px 5px
}

.walletballance-popup .walletballance-popup-body ul li p {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  gap: 12px
}

.choose-token {
  max-height: 220px;
  overflow-y: scroll
}

.popup-l1x {
  align-items: center;
  background: #00000080;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1011
}

.popup-l1x-content {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 6px #0000001a;
  padding: 10px 28px 28px;
  position: relative;
  text-align: center;
  width: 350px
}

.popup-l1x-content .cls-l1x-popup {
  background-color: #e9ecefcc;
  border: none;
  border-radius: 50%;
  color: #667085;
  cursor: pointer;
  height: 30px;
  margin-bottom: 12px;
  position: relative;
  right: -16px;
  transition: background-color .2s ease-in-out;
  width: 30px
}

.get-l1x-btn,
.popup-l1x-content .cls-l1x-popup:hover {
  background: #f60;
  color: #fff
}

.get-l1x-btn {
  border: none;
  border-radius: 20px;
  cursor: pointer;
  font-size: 16px;
  min-width: 206px;
  padding: 10px 20px;
  transition: .3s ease-in-out
}

.get-l1x-btn:hover {
  background: #667085;
  color: #fff
}

.info-icon {
  color: gray;
  cursor: pointer;
  font-size: 14px
}

.yourtoken-scroll {
  max-height: 245px;
  overflow-x: hidden;
  overflow-y: auto
}

.popular-scroll {
  max-height: 550px;
  overflow-x: hidden;
  overflow-y: auto
}

.token-container {
  display: inline-block;
  height: 28px;
  position: relative;
  width: 28px
}

.token-icon {
  border-radius: 50%;
  height: 100%;
  width: 100%
}

.network-icon {
  background: #fff;
  border-radius: 50%;
  bottom: 0;
  height: 55%;
  position: absolute;
  right: 0;
  width: 55%
}

.disabled-icon {
  filter: grayscale(100%) brightness(.8);
  opacity: .6
}

.new-swap-process {
  align-items: center;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: #17202d;
  border-radius: 16px 0 0 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  min-height: 685px
}

.new-swap-process .process-loading-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 90%
}

.new-swap-process .process-loading-wrap .process-loading {
  background: #27364b;
  border-radius: 12px;
  padding: 20px 14px;
  text-align: center
}

.new-swap-process .process-loading-wrap .process-loading h6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5
}

.new-swap-process .process-loading-wrap .process-loading h6 a {
  color: #ff6717
}

.new-swap-process .process-loading-wrap .process-loading .gif-img {
  filter: invert(0);
  width: 86px
}

.new-swap-process .process-loading-wrap button {
  background: #475569;
  border: 0;
  border-radius: 30px;
  padding: 10px;
  width: 100%
}

.input-container {
  display: inline-block;
  position: relative;
  width: 100%
}

.input-container input {
  background-color: #f5f5f5;
  border: none;
  box-shadow: none;
  outline: none;
  transition: all .3s ease-in-out;
  width: 100%
}

.input-container.loading {
  overflow: hidden;
  position: relative
}

.input-container.loading input {
  filter: blur(5px);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}

.input-container.loading .mirror-effect {
  animation: shimmer 1.5s linear infinite;
  background: linear-gradient(100deg, #fff0, #ffffffb3 50%, #fff0);
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  width: 100%
}

@keyframes shimmer {
  0% {
    left: -150%
  }

  to {
    left: 150%
  }
}

.max-button {
  background-color: #e7560a;
  border: none;
  border-radius: 14px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  padding: 2px 10px;
  transition: all .2s ease-in-out
}

.max-button:hover {
  background-color: #ff6718;
  color: #fff
}

.custom-input-source-usd::placeholder,
.custom-input-source::placeholder {
  opacity: 1;
  transition: opacity .8s ease-in-out
}

.custom-input-source-usd:focus::placeholder,
.custom-input-source:focus::placeholder {
  opacity: 0
}

.iamAbosuluteMax {
  position: absolute;
  right: 10px;
  top: 12px
}

.withUSDValue .transaction-icon,
.withUSDValue .transaction-icon img {
  height: 24px !important;
  width: 24px !important
}

.withUSDValue .transaction-icon .currencynetworkcin,
.withUSDValue .transaction-icon .currencynetworkcin img {
  height: 12px !important;
  width: 12px !important
}

.balanceDisplayWithHighlight {
  align-items: center;
  display: flex
}

.balanceDisplayWithHighlight p {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 0
}

.balanceDisplayWithHighlight span {
  background: #0000 !important;
  color: #8f9cb2;
  display: inline-block;
  font-size: 12px;
  margin-left: 6px
}

.size12 {
  font-size: 12px;
  margin-bottom: 0;
  margin-right: 6px
}

.wallet-container {
  max-width: 440px;
  overflow-y: auto;
  padding: 10px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  width: auto;
  z-index: 99
}

.wallet-container .wallet-toggle {
  text-align: right;
  width: 100%
}

.wallet-container .wallet-btn {
  background-color: #0000;
  border: 1.5px solid #fff;
  border-radius: 35px;
  color: #fff;
  padding: 6px 16px
}

.wallet-container .wallet-btn>img {
  margin-right: 10px;
  max-width: 18px
}

.wallet-container .wallet-block {
  background-color: #fff;
  border-radius: 25px;
  min-width: 400px;
  text-align: left;
  width: 100%
}

.wallet-container .wallet-block-header {
  align-items: center;
  background-color: #f0f2f5;
  border-radius: 25px 25px 0 0;
  display: flex;
  justify-content: space-between;
  padding: 20px
}

.wallet-container .wallet-block-header h4 {
  color: #000;
  font-size: 16px;
  margin-bottom: 0
}

.wallet-container .wallet-block-header .btn-close {
  background-size: 14px
}

.wallet-container .wallet-block-body {
  padding: 20px;
  width: 100%
}

.wallet-container .wallet-block-body .wallet-block-list {
  align-items: center;
  background-color: #f0f2f5;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  padding: 20px;
  text-align: left
}

.wallet-container .wallet-block-body .wallet-block-list:hover {
  background-color: #e0e3e7
}

.wallet-container .wallet-block-body .wallet-block-list p {
  color: #000;
  font-size: 15px;
  font-weight: 500
}

.wallet-container .wallet-block-body .wallet-block-list .icon {
  display: inline-block;
  margin-right: 10px;
  max-width: 22px
}

.wallet-container .wallet-block-body .wallet-block-list .icon>img {
  max-width: 100%
}

.wallet-container .wallet-block-body .wallet-block-list h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.wallet-container .wallet-block-body .wallet-block-list .connected-tag {
  background-color: #34a853;
  border-radius: 25px;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px
}

.wallet-container .wallet-block-body .wallet-block-list.reward-block {
  align-items: center;
  height: 62px;
  padding-bottom: 5px;
  padding-top: 5px
}

.wallet-transaction {
  background-color: #fff;
  border-radius: 25px;
  padding-bottom: 20px;
  width: 100%
}

.wallet-transaction-header {
  background-color: #e9ecf0;
  border-radius: 25px 25px 0 0;
  padding: 20px 20px 0;
  width: 100%
}

.wallet-transaction-header-left {
  gap: 10px
}

.wallet-transaction-header-left .icon {
  width: 40px
}

.wallet-transaction-header-left .icon>img {
  max-width: 100%
}

.wallet-transaction-header-left .wallet-details h4 {
  font-size: 16px;
  margin-bottom: 2px
}

.wallet-transaction-header-left .wallet-details h6 {
  font-size: 12px;
  margin-bottom: 0
}

.wallet-transaction-header-left .wallet-details .copy-btn {
  background-color: #0000;
  border: none;
  line-height: 0
}

.wallet-transaction-header ul.tabs-wrapper {
  align-items: center;
  column-gap: 20px;
  display: flex;
  margin-top: 30px
}

.wallet-transaction-header ul.tabs-wrapper li button {
  background-color: #0000;
  border: none;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 10px;
  position: relative
}

.wallet-transaction-header ul.tabs-wrapper li button.active {
  color: #fe661a
}

.wallet-transaction-header ul.tabs-wrapper li button.active:after {
  background-color: #fe661a;
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%
}

.wallet-transaction-header-right {
  align-items: center;
  display: flex
}

.wallet-transaction-header-right button {
  background-color: #0000;
  border: none;
  margin: 0 5px
}

.wallet-transaction-body {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  margin: 15px 0 0;
  max-height: calc(100vh - 292px);
  min-width: 400px;
  overflow-y: auto;
  padding: 0 15px
}

.wallet-transaction-body .assets-card {
  background-color: #eaecf0;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 12px
}

.wallet-transaction-body .assets-card .icon {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  width: 34px
}

.wallet-transaction-body .assets-card .icon>img {
  width: 100%
}

.wallet-transaction-body .assets-card .icon>abbr {
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: 0;
  height: 14px;
  line-height: 0;
  position: absolute;
  right: 0;
  width: 14px
}

.wallet-transaction-body .assets-card .icon>abbr>img {
  max-width: 100%
}

.wallet-transaction-body .assets-card h4 {
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 6px
}

.wallet-transaction-body .assets-card h6 {
  font-size: 12px;
  font-weight: 400;
  margin: 0
}

.wallet-transaction-body .transactions-card {
  background-color: #ffffffb3;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 12px
}

.wallet-transaction-body .transactions-card-top {
  column-gap: 10px;
  width: 100%
}

.wallet-transaction-body .transactions-card-top .network-block {
  align-items: center;
  display: flex
}

.wallet-transaction-body .transactions-card-top .network-block .icon {
  margin-right: 6px;
  position: relative;
  width: 18px
}

.wallet-transaction-body .transactions-card-top .network-block .icon>img {
  max-width: 100%
}

.wallet-transaction-body .transactions-card-top .network-block .icon>abbr {
  bottom: 0;
  position: absolute;
  right: 0;
  width: 10px
}

.wallet-transaction-body .transactions-card-top .network-block .icon>abbr>img {
  max-width: 100%
}

.wallet-transaction-body .transactions-card-top .network-block h5 {
  font-size: 14px;
  margin-bottom: 0
}

.wallet-transaction-body .transactions-card-top .amount {
  font-size: 14px;
  font-weight: 600;
  margin: 0
}

.wallet-transaction-body .transactions-card-bottom {
  align-items: center;
  column-gap: 20px;
  display: flex;
  justify-content: space-between
}

.wallet-transaction-body .transactions-card-bottom h6 {
  font-size: 12px;
  font-weight: 400
}

.wallet-transaction-body .transactions-card .explorer-icon {
  width: 20px
}

.custom-select-dropdown {
  margin-bottom: 15px;
  width: 100%
}

.custom-select-dropdown .custom-btn {
  align-items: center;
  background-color: #eaecf0;
  border: 1px solid #eaecf0;
  border-radius: 35px;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  padding: 8px;
  text-align: left;
  width: 100%
}

.custom-select-dropdown .custom-btn .icon {
  margin-right: 5px;
  width: 20px
}

.custom-select-dropdown .custom-btn .icon>img {
  max-width: 100%
}

.custom-select-dropdown .dropdown-menu {
  border: none;
  border-radius: 12px;
  min-width: 154px;
  padding: 10px 0
}

.custom-select-dropdown .dropdown-menu li {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  padding: 8px
}

.custom-select-dropdown .dropdown-menu li .icon {
  margin-right: 5px;
  width: 20px
}

.custom-select-dropdown .dropdown-menu li .icon>img {
  max-width: 100%
}

.custom-select-dropdown .dropdown-menu li.active {
  background: #ff5e2b;
  color: #fff
}

.custom-select-dropdown .dropdown-menu li.active:hover {
  background: #ff5e2b
}

.custom-select-dropdown .dropdown-menu li:hover {
  background: rgba(255, 93, 43, .171)
}

.text-pending {
  color: #fbbc05
}

@media(max-width:1199px) {
  .wallet-container {
    padding: 20px 10px
  }

  .wallet-container .wallet-transaction,
  .wallet-container .wallet-transaction-header {
    background-color: #ffffffe6
  }
}

.no-transaction-space {
  padding: 16px 10px;
  text-align: center
}

.no-transaction-space img {
  margin: 0 auto 12px;
  width: 100px
}

.no-transaction-space h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px
}

.no-transaction-space p {
  font-size: 14px;
  font-weight: 400;
  opacity: .7
}

.termsAndconditions {
  align-items: start;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 70px 20px 20px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1020
}

@media screen and (max-width:767px) {
  .termsAndconditions {
    padding-top: 40px
  }
}

.termsAndconditions .termsContent {
  background: #fff;
  border-radius: 16px;
  color: #000;
  max-width: 1024px;
  padding: 16px;
  width: 100%;
  z-index: 1021
}

.termsAndconditions .termsContent h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 0
}

@media screen and (max-width:600px) {
  .termsAndconditions .termsContent h3 {
    font-size: 20px
  }
}

.termsAndconditions .termsContent .termsOverflow {
  height: 100%;
  max-height: calc(100vh - 200px);
  min-height: 550px;
  overflow-y: auto
}

.termsAndconditions .termsContent .termsOverflow .termsBody {
  padding: 0 16px
}

.termsAndconditions .termsContent .termsOverflow .termsBody p {
  font-size: 14px;
  line-height: 180%
}

.termsAndconditions .termsContent .termsOverflow .termsBody ol li,
.termsAndconditions .termsContent .termsOverflow .termsBody ul li {
  font-size: 14px;
  line-height: 180%;
  list-style: none;
  margin-bottom: 16px
}

.termsAndconditions .termsContent .termsOverflow .termsBody ol li .hasAlphabet,
.termsAndconditions .termsContent .termsOverflow .termsBody ul li .hasAlphabet {
  padding-left: 16px
}

.termsAndconditions .termsContent .termsOverflow .termsBody ol li .hasAlphabet li,
.termsAndconditions .termsContent .termsOverflow .termsBody ul li .hasAlphabet li {
  list-style: lower-alpha
}

.termsAndconditions .termsContent .termsOverflow .termsBody h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px
}

.termsAndconditions .termsOverlay {
  background: #000c;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%
}

.swap-calculator {
  background: #17202d;
  color: #fff;
  min-height: calc(100vh - 84px);
  width: 750px
}

.swap-calculator .back-icon {
  cursor: pointer
}

.swap-calculator h2 {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin: 0
}

.swap-calculator .calculator-section {
  background: #27364b;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 10px 16px 20px;
  position: relative;
  z-index: 99
}

.swap-calculator .calculator-section p {
  color: #fff;
  font-size: 14px;
  margin: 0 0 4px
}

.swap-calculator .form-control,
.swap-calculator .react-select__control,
.swap-calculator .react-select__menu {
  background: #121822;
  border: 1px solid #0000;
  border-radius: 6px;
  box-shadow: none;
  color: #fff;
  height: 44px;
  min-height: auto;
  padding: 13px !important
}

.swap-calculator .react-select__control {
  padding: 3px 5px !important
}

.swap-calculator .react-select__menu {
  height: auto !important
}

.swap-calculator .form-floating select {
  background: #121822;
  border: 1px solid #0000;
  border-radius: 6px;
  box-shadow: none;
  height: 44px;
  min-height: auto;
  outline: none;
  padding: 13px !important;
  width: 100%
}

.swap-calculator .form-floating>label {
  background: #0000;
  color: #fff;
  font-size: 14px;
  height: auto;
  left: 20px;
  margin: 0;
  min-height: auto;
  opacity: .5;
  padding: 0;
  top: 0
}

.swap-calculator .form-floating>label:after {
  background-color: #0000
}

.swap-calculator .form-floating>.form-control-plaintext~label,
.swap-calculator .form-floating>.form-control:focus~label,
.swap-calculator .form-floating>.form-control:not(:placeholder-shown)~label,
.swap-calculator .form-floating>.form-select~label {
  top: -14px
}

.swap-calculator .floating-group {
  position: relative
}

.swap-calculator .floating-group.pl-40-one .form-control {
  padding-left: 21px !important
}

.swap-calculator .floating-group .doller-icon {
  left: 23px;
  position: absolute;
  top: 12px
}

.swap-calculator .floating-group .fee-input {
  padding-left: 20px !important
}

.swap-calculator .floating-group label {
  background: #0000;
  color: hsla(0, 0%, 100%, .596);
  font-size: 14px;
  left: 30px;
  padding: 0 4px;
  pointer-events: none;
  position: absolute;
  top: 10px;
  transition: all .2s ease-in-out
}

.swap-calculator .floating-input.filled+label,
.swap-calculator .floating-input:focus+label {
  background: linear-gradient(180deg, #27364b, #27364b 50%, #121822 0, #121822);
  border-radius: 6px;
  color: #ff6717;
  font-size: 12px;
  left: 24px;
  top: -11px
}

.swap-calculator .floating-input:focus+label {
  background: linear-gradient(180deg, #27364b, #27364b 50%, #121822 0, #121822);
  border-radius: 6px
}

.swap-calculator .floating-input:focus,
.swap-calculator .react-select__control:focus {
  border: 1px solid #f66223
}

.swap-calculator .react-select__control:hover {
  border: 1px solid #0000
}

.swap-calculator .react-select__menu .react-select__option {
  border-bottom: 1px solid #1d2836;
  padding-bottom: 12px;
  padding-top: 12px
}

.swap-calculator .react-select__menu .react-select__option:hover {
  background-color: #27364b !important;
  border-radius: 8px !important;
  box-shadow: 5px 6px 12px rgba(7, 10, 15, .171);
  color: #c2cedf !important;
  cursor: pointer
}

.swap-calculator .react-select__menu .react-select__option:option--is-selected {
  background-color: #0051ff !important;
  color: #fff !important
}

.swap-calculator .react-select__single-value {
  color: #fff
}

.swap-calculator input::-webkit-inner-spin-button,
.swap-calculator input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.swap-calculator input[type=number] {
  -moz-appearance: textfield
}

.swap-calculator .react-select__placeholder {
  color: #fff !important
}

.swap-calculator .react-select__indicator-separator .css-1u9des2-indicatorSeparator {
  background-color: #2c3543 !important
}

.swap-calculator .css-15lsz6c-indicatorContainer:hover,
.swap-calculator .css-1xc3v61-indicatorContainer,
.swap-calculator .css-1xc3v61-indicatorContainer:focus,
.swap-calculator .css-1xc3v61-indicatorContainer:hover {
  color: #fff !important
}

.swap-calculator .css-1dyz3mf {
  font-size: 12px;
  height: 38px
}

.swap-calculator .react-select__menu,
.swap-calculator .react-select__menu.css-lkh0op-menu {
  display: block !important;
  opacity: 1 !important
}

.swap-calculator .css-1wy0on6 {
  align-self: self-start
}

.swap-calculator input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: .15em;
  color: #fff;
  display: grid;
  font: inherit;
  height: 1.15em;
  margin: 0;
  place-content: center;
  transform: translateY(-.075em);
  width: 1.15em
}

.swap-calculator input[type=checkbox]:before {
  background-color: #0000;
  content: "";
  height: 20px;
  opacity: .1;
  width: 20px
}

.swap-calculator input[type=checkbox]:before,
.swap-calculator input[type=checkbox]:checked:before {
  background-image: url(/static/media/checkin.02dde1328ba084e28c8c.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%
}

.swap-calculator input[type=checkbox]:checked:before {
  opacity: 1;
  transform: scale(1)
}

.swap-calculator input[type=checkbox]:focus {
  outline: max(2px, .15em) solid #424e62;
  outline-offset: max(2px, .15em)
}

.input-group {
  display: flex;
  flex-direction: column;
  gap: 5px
}

.input-group label {
  font-size: 14px;
  font-weight: 500
}

.input-group input,
.input-group select {
  background: #1c1f26;
  border: 1px solid #444;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 10px
}

.input-group select {
  cursor: pointer
}

.calculate-btn {
  background: #ff6717;
  border: none;
  border-radius: 30px !important;
  cursor: pointer;
  transition: background .3s ease
}

.calculate-btn,
.swapCal-btn-disabled {
  color: #fff;
  font-weight: 500;
  font-weight: 700;
  height: 44px;
  padding: 12px 14px;
  width: 100%
}

.swapCal-btn-disabled {
  background: #1d2737;
  border: none;
  border-radius: 6px
}

.calculate-btn:hover {
  background: #ff6717
}

.earnings-section {
  padding: 16px 16px 24px
}

.earnings-section .earnings-wrapper {
  background: #1d2737;
  border-radius: 12px
}

.earnings-section .earnings-wrapper h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 12px;
  padding: 12px 16px
}

.earnings-section .earnings-wrapper .scroll-container {
  position: relative;
  z-index: 1
}

.earnings-section .earnings-wrapper .scroll-container:after {
  background: #233348;
  border-radius: 0 0 0 12px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 22%;
  z-index: -1
}

.nft-upgrade-zero-swap {
  padding: 16px 16px 24px
}

.nft-upgrade-zero-swap h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  margin: 0 0 16px
}

.nft-upgrade-zero-swap .slick-prev {
  left: -17px
}

.nft-upgrade-zero-swap .slick-next {
  right: -17px
}

.nft-upgrade-zero-swap .nft-tiers-zero-swap {
  text-align: center
}

.nft-upgrade-zero-swap .nft-tiers-zero-swap .nft-image-zero-swap {
  margin: 0 auto 20px;
  max-width: 82px;
  position: relative;
  text-align: center;
  z-index: 1
}

.nft-upgrade-zero-swap .nft-tiers-zero-swap .nft-image-zero-swap:after {
  background: #fff;
  border-radius: 30px;
  bottom: -10px;
  box-shadow: 0 -8px 10px 0 #00000040;
  content: "";
  display: block;
  height: 24px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 100%
}

.nft-upgrade-zero-swap .nft-tiers-zero-swap .nft-image-zero-swap img {
  border-radius: 6px;
  margin: 0 auto
}

.nft-upgrade-zero-swap .nft-tiers-zero-swap .nft-image-zero-swap h4 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  background-clip: text;
  -webkit-background-clip: text;
  border-radius: 12px;
  bottom: -10px;
  font-size: 14px;
  font-weight: 700;
  height: 19px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  width: 100%;
  z-index: 9
}

.nft-upgrade-zero-swap .nft-tiers-zero-swap p {
  align-items: center;
  color: hsla(0, 0%, 100%, .773);
  display: flex;
  font-size: 12px;
  font-weight: 400;
  gap: 10px;
  justify-content: space-between;
  margin: 0 0 8px
}

.nft-upgrade-zero-swap .nft-tiers-zero-swap p b {
  color: #fff;
  font-size: 12px;
  font-weight: 600
}

.nft-upgrade-zero-swap .nft-tiers-zero-swap p span {
  color: #47d61d;
  font-size: 10px;
  font-weight: 500
}

.nft-card-zero-swap-inner {
  background: #27364b;
  border-radius: 12px;
  margin: 10px 8px !important;
  padding: 12px 8px !important;
  text-align: center
}

.nft-card-zero-swap h4 {
  margin-bottom: 5px
}

.nft-card-zero-swap button {
  background: #ff9800;
  background: #27364b;
  border: 1px solid #fff;
  border-radius: 5px;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  font-weight: 700;
  padding: 8px 12px;
  transition: background .3s ease;
  width: 100%
}

.nft-card-zero-swap button:hover {
  background: #ff6717;
  border: 1px solid #0000
}

@media(max-width:768px) {
  .swap-calculator {
    padding: 15px;
    width: 95%
  }

  .calculator-section {
    flex-direction: column
  }

  .earnings-section {
    overflow-x: scroll
  }

  .nft-tiers {
    align-items: center;
    flex-direction: column
  }
}

.tooltip-badge {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  position: relative
}

.tooltip-badge .tooltip-saving-label {
  background-color: #8000ff
}

.tooltip-badge .tooltip-earning-label,
.tooltip-badge .tooltip-saving-label {
  border-radius: 6px 6px 0 0;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  min-width: 71px;
  padding: 6px 8px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: 5px;
  z-index: -1
}

.tooltip-badge .tooltip-earning-label {
  background-color: #30a126
}

.tooltip-badge .tooltip-content {
  align-items: center;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 4px #0003;
  color: #000;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 700;
  min-width: 71px;
  padding: 8px 12px
}

.tooltip-badge .tooltip-content span {
  color: #7d8695;
  font-size: 12px;
  font-weight: 400;
  margin-top: 2px
}

.tooltip-badge .tooltip-arrow {
  border-left: 10px solid #0000;
  border-right: 10px solid #0000;
  border-top: 10px solid #fff;
  height: 0;
  position: absolute;
  top: 100%;
  width: 0
}

.pl-10 {
  padding-left: 80px
}

.networkicon,
.secondicon {
  position: relative
}

.secondicon {
  margin: 0 !important;
  right: 16px;
  top: 0;
  z-index: 0
}

.chart-labels {
  padding: 0 0 20px;
  width: 100%
}

.chart-labels span:first-child,
.chart-labels span:last-child {
  color: #aaa
}

.swap-calculator-full .scroll-swap-calculator-content {
  max-height: 100vh;
  max-width: 850px;
  overflow: auto;
  overflow-x: hidden
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section {
  padding: 40px 16px
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-left {
  background: linear-gradient(162deg, #fc651b -1.73%, #7c1dc9 89.7%);
  border-radius: 16px;
  box-shadow: 0 4px 14px 0 #060d2133;
  padding: 0 11px 11px
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-left h2 {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  margin: 6px 0 10px;
  text-align: center
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-left p {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-left ul {
  -webkit-backdrop-filter: blur(82px);
  backdrop-filter: blur(82px);
  background: #fff3;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 14px 10px
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-left ul li {
  color: #fff;
  font-size: 12px;
  font-weight: 400
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-left ul li p {
  font-weight: 400;
  line-height: 16px
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-right {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-right .rewardpayout-top h4 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 7px
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-right .rewardpayout-top ul {
  padding-left: 18px
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-right .rewardpayout-top ul li {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  list-style-type: disc
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-right .rewardpayout-bottom {
  background: #fabc051a;
  border-radius: 12px;
  padding: 16px
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-right .rewardpayout-bottom h4 {
  color: #765901;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 12px
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-right .rewardpayout-bottom ul {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding-left: 18px
}

.swap-calculator-full .scroll-swap-calculator-content .rewardpayout-section .rewardpayout-right .rewardpayout-bottom ul li {
  color: #765901;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  list-style-type: disc
}

.react-select {
  background: #121822;
  border-radius: 6px;
  box-shadow: none;
  color: #fff
}

.nodata {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 0 16px 20px;
  text-align: center
}

.fee-input {
  background: #1d2737;
  border: 1px solid #0000;
  border-radius: 6px;
  box-shadow: none;
  color: #ffffff80;
  height: 44px;
  min-height: auto;
  padding: 13px !important;
  width: 100%
}

.recharts-wrapper svg {
  overflow: visible !important
}

.pointer-cursor {
  cursor: pointer
}

.noteForZeroFeeSwap {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  opacity: .7
}

.zeroFee {
  background: #0e131a !important;
  display: flex !important;
  gap: 60px;
  justify-content: end;
  min-height: calc(100vh - 84px)
}

@media screen and (max-width:1024px) {
  .zeroFee {
    background: #17202d !important;
    min-height: calc(100vh - 57px)
  }
}

.zeroFee .tab-switcher-for-swap {
  background: #17202d;
  border: 1px solid #27364b;
  border-radius: 30px;
  padding: 2px
}

@media screen and (max-width:1024px) {
  .zeroFee .tab-switcher-for-swap {
    margin: 0 16px;
    width: calc(100% - 32px)
  }
}

.zeroFee .tab-switcher-for-swap button {
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500
}

.zeroFee .swap-value-container {
  background: #27364b
}

.zeroFee .swap-value-container .pay-part p {
  color: #fff !important
}

.zeroFee .swap-value-container .pay-part p span {
  color: #cbd3df
}

.zeroFee .swap-value-container .pay-input input {
  background: #0e131a;
  color: #fff
}

.zeroFee .swap-value-container .pay-input input:focus,
.zeroFee .swap-value-container .pay-input input:hover {
  background: #0e131a !important
}

.zeroFee .swapswitch-btn .fees-part p {
  color: #fff
}

.zeroFee .swapsource-popup,
.zeroFee .swapsource-popup .first-header {
  background: #27364b
}

.zeroFee .swapsource-popup .choose-network .networks-wrap {
  background: #17202d
}

.zeroFee .swapsource-popup .choose-network .networks-wrap .netwrok-space {
  background: #27364b
}

.zeroFee .swapsource-popup .choose-network .networks-wrap .netwrok-space p {
  color: #fff
}

.zeroFee .swapsource-popup .choose-network .second-header-wrap .choose-token .netwrok-space.active {
  background: #17202d
}

.zeroFee .transaction-fee-mdl {
  background-color: #0e131a;
  color: #fff
}

.zeroFee .transaction-fee-mdl .transaction-fee-content .left-ul {
  color: #fff
}

.zeroFee .back-arrow-container-front {
  align-items: center;
  background: #27364b;
  border-radius: 12px 0 0 12px;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px
}

@media screen and (max-width:1024px) {
  .zeroFee .back-arrow-container-front {
    display: none
  }
}

.swap-per-month-input {
  position: relative
}

.swap-per-month-input span {
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.dark-container {
  background: #0e131a
}

.dark-container .new-stake {
  background: #fff;
  border-radius: 16px;
  height: calc(100vh - 290px);
  margin: 0 auto;
  max-height: 100%;
  max-width: 1280px;
  width: 100%
}

.dark-container .mini-staking-left .btn.btn-outline {
  background: #0000 !important;
  border: 1px solid #fff;
  color: #fff;
  margin-left: 10px
}

.dark-container .mini-staking-left .btn.btn-outline:hover {
  background: #fff !important;
  color: #000 !important
}

.dark-container .filterby-tx {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 0
}

.dark-container .text-chain-tokens {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  padding: 0
}

.dark-container .w-12 {
  width: 24px
}

.dark-container .btn-myrewards {
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 5px 20px
}

.dark-container .swap-value-container {
  background: #0e131a;
  border-radius: 12px;
  padding: 12px
}

.dark-container .swap-value-container .currency-selector {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  height: auto;
  padding: 0;
  width: -webkit-max-content;
  width: max-content
}

.dark-container .swap-value-container .currency-selector .currency-icon {
  margin-right: 10px;
  position: relative
}

.dark-container .swap-value-container .currency-selector .currency-icon img {
  height: 24px;
  width: 24px
}

.dark-container .swap-value-container .currency-selector .currency-name {
  align-items: center;
  color: #000;
  display: flex;
  gap: 3px;
  margin-right: 10px
}

.dark-container .swap-value-container .currency-selector .currency-name h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  max-width: 70px
}

.dark-container .swap-value-container .currency-selector .currency-name p {
  font-size: 10px;
  margin-bottom: 0;
  max-width: 70px
}

.dark-container .swap-value-container .currency-name-section {
  background: #2775ca
}

.dark-container .swap-value-container .value-input {
  margin-right: 8px
}

.dark-container .swap-value-container .value-input p {
  color: #fff;
  font-size: 12px;
  margin: 0 0 10px
}

.dark-container .swap-value-container .value-input input {
  background: #0000;
  border: none;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  height: 30px;
  margin-bottom: 0;
  padding: 0 10px 0 0
}

.dark-container .swap-value-container .value-input input:active,
.dark-container .swap-value-container .value-input input:focus,
.dark-container .swap-value-container .value-input input:hover {
  border: none;
  box-shadow: none;
  outline: none
}

.dark-container .swap-value-container .value-input .dollar-value {
  font-size: 12px;
  margin-bottom: 0
}

.dark-container .swap-value-container .value-input .btn-exchange {
  background: #0000;
  border: 0;
  border-radius: 30px;
  padding: 0
}

.dark-container .swap-value-container .value-input .btn-exchange:hover {
  background: #fff
}

.dark-container .swap-value-container .cta-space {
  margin-top: 8px
}

.dark-container .swap-value-container .cta-space .btn-outline-connect {
  align-items: center;
  background: #26374f;
  border-radius: 30px;
  color: #fff;
  display: flex;
  font-size: 12px;
  justify-content: center;
  padding: 3px 10px
}

.dark-container .swap-value-container .cta-space .btn-outline-connect img {
  margin-right: 8px;
  width: 20px
}

.dark-container .swap-value-container .cta-space .btn-outline-connect:hover {
  background: #ff6717;
  color: #fff
}

.dark-container .swap-value-container .cta-space .balance {
  font-size: 12px;
  margin-bottom: 5px;
  text-align: right
}

.dark-container .swap-value-container .paste-address {
  height: 40px;
  margin-top: 10px;
  position: relative
}

.dark-container .swap-value-container .paste-address input {
  border: none;
  border-radius: 8px;
  font-size: 14px;
  height: 40px;
  padding-left: 50px;
  padding-right: 38px;
  position: absolute;
  width: 100%
}

.dark-container .swap-value-container .paste-address input:focus {
  border: 1px solid #ff6619;
  outline: none
}

.dark-container .swap-value-container .paste-address p {
  border-right: 1px solid #ccc;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  left: 8px;
  margin-bottom: 0;
  padding: 0 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}

.dark-container .swap-value-container .paste-address .btn {
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.dark-container .swap-value-container .networks-part {
  border-radius: 30px;
  gap: 7px;
  margin-top: 24px;
  overflow: hidden;
  position: relative;
  width: -webkit-max-content;
  width: max-content;
  z-index: 1
}

.dark-container .swap-value-container .networks-part:after {
  background: #0000 none repeat 0 0/auto auto padding-box border-box scroll;
  background: initial;
  border-radius: 30px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 20%;
  z-index: -1
}

.dark-container .swap-value-container .currency-icons {
  align-items: center;
  background: #627eea;
  background: var(--chain-bg, #627eea);
  border-radius: 30px;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  width: 30px
}

.dark-container .swap-value-container .currency-icons:before {
  background-image: url(/static/media/curreny-bg.fe454fe84687ea9deaa0.svg);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  height: 40px;
  position: absolute;
  right: -24px;
  top: -5px;
  width: 40px
}

.dark-container .usdc-tx-xs {
  color: #c8d3e4;
  font-size: 12px;
  margin-bottom: 5px
}

.dark-container .usdc-per {
  background-color: #253346;
  border-radius: 30px;
  padding: 1px
}

.dark-container .usdc-per button.percent-btn {
  background-color: #0000;
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 4px 10px;
  transition: all .3s ease-in-out
}

.dark-container .usdc-per button.percent-btn:hover {
  background-color: #ff6717;
  border-radius: 30px;
  color: #fff
}

.dark-container .usdc-per button.percent-btn.active-percent {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff
}

.dark-container .padding-sk {
  padding: 15px
}

.dark-container .graph-dv img {
  width: 100%
}

.dark-container .staking-left.mini-staking-left {
  background: #0e131a;
  border-radius: 16px;
  max-width: calc(100% - 400px);
  overflow: hidden
}

.dark-container .staking-left.mini-staking-left .title h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.dark-container .staking-rights {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #27364be8;
  border-radius: 16px;
  max-width: 400px;
  min-width: 400px;
  overflow: hidden;
  width: 100%
}

.dark-container .staking-rights .title {
  align-items: center;
  background: linear-gradient(90deg, #7408c1 -1.34%, #ee5a0c 118.32%) !important;
  display: flex;
  height: 70px;
  justify-content: center;
  padding: 10px 16px
}

.dark-container .staking-rights .title h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.dark-container .staking-rights .staking-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 510px;
  overflow-y: auto;
  overflow: auto;
  padding: 16px
}

.dark-container .staking-rights .metaaddress-dv {
  align-items: center;
  background-color: #0e131a;
  border-radius: 30px;
  color: #fff;
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  min-height: 30px;
  padding: 2px 2px 2px 10px
}

.dark-container .staking-rights .metaaddress-dv .form-control {
  background: #0000;
  color: #fff;
  padding: 0
}

.dark-container .staking-rights .metaaddress-dv .form-control::placeholder {
  color: #ccc
}

.dark-container .staking-rights .metaaddress-dv .metaimages img {
  width: 16px
}

.dark-container .staking-rights .metaaddress-dv .edit-btn-address {
  align-items: center;
  background-color: #1875f3;
  border: none;
  border-radius: 30px;
  color: #fff;
  display: flex;
  font-size: 13px;
  gap: 5px;
  padding: 4px 12px
}

.dark-container .staking-rights .text-xxs {
  color: #fff;
  font-size: 13px;
  margin-bottom: 5px;
  margin-top: 50px
}

.dark-container .staking-rights .btn-earning {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
  padding: 10px 20px;
  text-align: center;
  width: 100%
}

.dark-container .staking-left.full-staking {
  border-radius: 15px !important;
  max-width: 100%;
  overflow: hidden
}

.dark-container .btn-filter.bgfilter {
  align-items: center;
  background-color: #1e1379;
  border-radius: 8px;
  display: inline-flex;
  gap: 10px;
  padding: 8px 15px
}

.dark-container .staking .btn-filter {
  background-color: #2c208f;
  border: 1px solid #544aa5 !important
}

.dark-container .total-stakigrewrd {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  gap: 15px;
  padding: 20px
}

.dark-container .total-stakigrewrd .staking-p {
  color: #667085;
  font-size: 12px;
  margin-bottom: 2px
}

.dark-container .total-stakigrewrd .title-stakingr {
  color: #2d2468;
  font-size: 22px;
  font-weight: 600
}

.dark-container .total-stakigrewrd .title-stakingr span {
  color: #667085;
  font-size: 12px;
  font-weight: 400
}

.dark-container .layerbg-cl {
  align-items: center;
  background-color: #ff6717;
  border-radius: 12px;
  display: flex;
  height: 50px;
  justify-content: center;
  width: 50px
}

.dark-container .myrewards-header {
  align-items: center;
  background-color: #f4f5ff;
  display: flex;
  justify-content: space-between;
  padding: 20px
}

.dark-container .label-unstake {
  border: 1px solid #d2d7e2;
  border-radius: 30px;
  display: block;
  margin: 0 auto
}

.dark-container .label-completed,
.dark-container .label-unstake {
  color: #fff;
  font-size: 12px;
  padding: 6px 20px;
  text-align: center;
  width: 108px
}

.dark-container .label-completed {
  background-color: #4caf50;
  border: 1px solid #4caf50;
  border-radius: 30px
}

.dark-container .table-wrapper thead {
  background-color: #e4e5f7 !important;
  border-bottom: .5px solid #e4e5f7;
  border-top: .5px solid #e4e5f7
}

.dark-container .mature-text {
  color: #8995b6;
  font-size: 10px
}

.dark-container .data-txt {
  font-size: 12px
}

.dark-container .titlemyrewards {
  color: #fff;
  font-size: 16px;
  font-weight: 700
}

.dark-container .backbutton {
  background-color: #0000;
  border: none
}

.dark-container .flexbetween,
.dark-container .flextitle {
  align-items: center;
  display: flex;
  gap: 10px
}

.dark-container .flexbetween {
  justify-content: space-between;
  min-width: 100%
}

.dark-container .staking-period-txt p {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 4px;
  padding: 0
}

.dark-container .staking-period-txt span {
  color: #c8d3e4;
  display: block;
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  margin-bottom: 10px
}

.dark-container .stakeperiod-main {
  margin-top: 15px
}

.dark-container .stakeperiod-main .usdc-per button.percent-btn {
  color: #fff;
  font-size: 11px;
  padding: 4px 14px;
  white-space: nowrap;
  width: 100%
}

.dark-container .stakeperiod-main .usdc-per button.percent-btn :focus,
.dark-container .stakeperiod-main .usdc-per button.percent-btn.active-percent,
.dark-container .stakeperiod-main .usdc-per button.percent-btn:hover {
  color: #fff
}

.dark-container .count-stake-main {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0
}

.dark-container .count-stake-main .total-count {
  color: #fff;
  font-size: 22px;
  font-weight: 600
}

.dark-container .count-stake-main .total-count span {
  font-size: 12px;
  font-weight: 400
}

.dark-container .count-stake-main .apr-number .aprtext {
  align-items: center;
  color: #667085;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap
}

.dark-container .overlay-pop {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  padding: 20px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1010
}

@media screen and (max-height:700px) {
  .dark-container .overlay-pop {
    align-items: start
  }
}

.dark-container .overlay-pop .select-network {
  background: #fff;
  border-radius: 16px;
  min-height: 370px;
  padding: 20px;
  width: 500px;
  z-index: 30
}

.dark-container .overlay-pop .select-network .first-header {
  margin-bottom: 20px
}

.dark-container .overlay-pop .select-network .first-header h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.dark-container .overlay-pop .select-network .first-header .btn-close {
  align-items: center;
  border: 1px solid #d7ddeb;
  border-radius: 30px;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px
}

.dark-container .overlay-pop .select-network .first-header .btn-close img {
  width: 18px
}

.dark-container .overlay-pop .select-network .second-header h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.dark-container .overlay-pop .select-network .second-header img {
  height: 20px;
  margin-right: 10px;
  width: 20px
}

.dark-container .overlay-pop .select-network .choose-network .col-4 {
  padding: 0 8px
}

.dark-container .overlay-pop .select-network .choose-network .netwrok-space {
  align-items: start;
  border: 1px solid #d7ddeb;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 8px 10px;
  width: 100%
}

.dark-container .overlay-pop .select-network .choose-network .netwrok-space img {
  border-radius: 30px;
  height: 20px;
  margin-right: 8px;
  margin-top: 2px;
  width: 20px
}

.dark-container .overlay-pop .select-network .choose-network .netwrok-space p {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0
}

.dark-container .overlay-pop .select-network .choose-network .netwrok-space p span {
  font-size: 12px
}

.dark-container .overlay-pop .select-network .choose-network .netwrok-space :focus,
.dark-container .overlay-pop .select-network .choose-network .netwrok-space.active,
.dark-container .overlay-pop .select-network .choose-network .netwrok-space:hover {
  background-color: #fff1eb;
  border: 1px solid #ff6717;
  box-shadow: -1px 5px 3px #ff580014
}

.dark-container .overlay-pop .select-network .choose-network.active {
  background-color: #ff6717;
  border: 1px solid #ff6717
}

.dark-container .overlay-pop .select-network .choose-token .netwrok-space {
  align-items: start;
  background: #0e2b7517;
  border: 1px solid #d7ddeb;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: start;
  padding: 8px 16px;
  width: 100%
}

.dark-container .overlay-pop .select-network .choose-token .netwrok-space img {
  border-radius: 30px;
  height: 20px;
  margin-right: 8px;
  width: 20px
}

.dark-container .overlay-pop .select-network .choose-token .netwrok-space p {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0
}

.dark-container .overlay-pop .select-network .choose-token .netwrok-space p span {
  font-size: 12px
}

.dark-container .overlay-pop .select-network .choose-token .netwrok-space :focus,
.dark-container .overlay-pop .select-network .choose-token .netwrok-space:hover,
.dark-container .overlay-pop .select-network .choose-token.active {
  background-color: #fff1eb;
  border: 1px solid #ff6717;
  box-shadow: -1px 5px 3px #ff580014
}

.dark-container .overlay-pop .backdrop-content {
  background: #0000006e;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9
}

.dark-container .overlay-pop .filterbutton-modal {
  margin-top: 20px;
  text-align: center
}

.dark-container .overlay-pop .filterbutton-modal .btn {
  padding: .675rem 3.75rem
}

.dark-container .font-size-10 {
  font-size: 13px
}

.dark-container .ifNoDataMessage {
  align-items: center;
  display: flex;
  height: calc(100% - 70px);
  justify-content: center;
  width: 100%
}

.dark-container .ifNoDataMessage-inner {
  padding: 25px;
  text-align: center
}

.dark-container .ifNoDataMessage-inner .icon-wrapper {
  height: 64px;
  margin-bottom: 20px;
  overflow: hidden;
  width: 64px
}

.dark-container .ifNoDataMessage-inner .icon-wrapper img {
  max-width: 100%
}

.dark-container .ifNoDataMessage-inner h3 {
  color: #2d2468;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 8px
}

.dark-container .ifNoDataMessage-inner p {
  color: #667085;
  font-size: 14px;
  margin-bottom: 35px
}

.dark-container .ifNoDataMessage-inner button.explore-pool-btn {
  background-color: #1e1379;
  border: 1px solid #1e1379;
  border-radius: 35px;
  color: #fff;
  min-width: 202px;
  padding: 12px 15px
}

.dark-container .ifNoDataMessage-inner button.explore-pool-btn:hover {
  opacity: .7
}

.dark-container .staking-rights .get-usdt-btn {
  background-color: #ff6717;
  border: 1px solid #ff6717;
  border-radius: 25px;
  color: #fff;
  font-size: 11px;
  line-height: 12px;
  padding: 6px 15px
}

.dark-container .staking-rights .get-usdt-modal {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9
}

.dark-container .staking-rights .get-usdt-modal-overlay {
  background-color: #0009;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.dark-container .staking-rights .get-usdt-modal-container {
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  left: 0;
  padding: 16px 16px 0;
  position: absolute;
  width: 100%;
  z-index: 11
}

.dark-container .staking-rights .get-usdt-modal-container-inner {
  background-color: #fff;
  border-radius: 16px 16px 0 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 520px;
  padding: 16px
}

.dark-container .staking-rights .get-usdt-modal-container-inner .get-usdt-modal-title {
  align-items: center;
  column-gap: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.dark-container .staking-rights .get-usdt-modal-container-inner .get-usdt-modal-title h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.dark-container .staking-rights .get-usdt-modal-container-inner .token-list {
  background-color: #e5e6ee99;
  border-radius: 12px;
  margin-bottom: 8px;
  padding: 8px
}

.dark-container .staking-rights .get-usdt-modal-container-inner .token-list .token-list-title {
  align-items: center;
  column-gap: 8px;
  display: flex;
  font-size: 12px;
  margin-bottom: 6px
}

.dark-container .staking-rights .get-usdt-modal-container-inner .token-list .token-list-title>img {
  height: 14px;
  width: 14px
}

.dark-container .staking-rights .get-usdt-modal-container-inner .token-list-block {
  background-color: #fff;
  border-radius: 6px;
  padding: 6px;
  width: 100%
}

.dark-container .staking-rights .get-usdt-modal-container-inner .token-list-block.active {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .149);
  outline: 1px solid #ff6717
}

.dark-container .staking-rights .get-usdt-modal-container-inner .token-list-block h4 {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 3px
}

.dark-container .staking-rights .get-usdt-modal-container-inner .token-list-block h4>img {
  height: 16px;
  margin-right: 6px;
  width: 16px
}

.dark-container .staking-rights .get-usdt-modal-container-inner .token-list-block h6 {
  color: #667085;
  font-size: 10px;
  margin-bottom: 0
}

.dark-container .staking-rights .get-usdt-modal-container-inner .swap-btn {
  font-size: 16px;
  text-align: center;
  width: 100%
}

.dark-container .staking-rights .get-usdt-modal-body {
  flex-grow: 1;
  height: 100%;
  margin-bottom: 15px;
  overflow-y: auto
}

.dark-container .staking-rights .get-usdt-modal .swaping-section {
  border: 1px solid #dee0e9;
  border-radius: 12px;
  margin-bottom: 12px;
  padding: 12px
}

.dark-container .staking-rights .get-usdt-modal .swaping-section .amount-in-usdc,
.dark-container .staking-rights .get-usdt-modal .swaping-section .sub-title {
  font-size: 12px;
  margin-bottom: 0
}

.dark-container .staking-rights .get-usdt-modal .swaping-section .amount-in-usdc {
  white-space: nowrap
}

.dark-container .staking-rights .get-usdt-modal .swaping-section .amount-input input {
  border-radius: 0;
  font-size: 26px;
  padding: 0
}

.dark-container .staking-rights .get-usdt-modal .swaping-section .amount-input input:hover {
  box-shadow: none;
  outline: none
}

.dark-container .staking-rights .get-usdt-modal .tokens-wrapper .tokens-block {
  align-items: center;
  display: flex;
  font-size: 12px;
  line-height: 12px
}

.dark-container .staking-rights .get-usdt-modal .tokens-wrapper .tokens-block>.icons {
  display: inline-block;
  margin-right: 6px;
  position: relative
}

.dark-container .staking-rights .get-usdt-modal .tokens-wrapper .tokens-block>.icons>img {
  height: 18px;
  width: 18px
}

.dark-container .staking-rights .get-usdt-modal .tokens-wrapper .tokens-block>.icons>abbr {
  bottom: 0;
  line-height: 0;
  position: absolute;
  right: 0
}

.dark-container .staking-rights .get-usdt-modal .tokens-wrapper .tokens-block>.icons>abbr>img {
  height: 10px;
  width: 10px
}

.dark-container .staking-rights .get-usdt-modal .get-usdt-process {
  border-bottom: 1px solid #e3e3e7;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.dark-container .staking-rights .get-usdt-modal .get-usdt-process h4 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  text-align: center
}

.dark-container .staking-rights .get-usdt-modal .get-usdt-transaction-details h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px
}

.dark-container .staking-rights .get-usdt-modal .get-usdt-transaction-details>ul li {
  margin-bottom: 20px
}

.dark-container .staking-rights .get-usdt-modal .get-usdt-transaction-details>ul li h4 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0
}

.dark-container .staking-rights .get-usdt-modal .get-usdt-transaction-details>ul li h4>img {
  margin-right: 6px;
  max-width: 16px
}

.dark-container .staking-rights .get-usdt-modal .swap-successful {
  padding-top: 50px;
  text-align: center
}

.dark-container .staking-rights .get-usdt-modal .swap-successful h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px
}

.dark-container .staking-rights .get-usdt-modal .swap-successful a.explore-btn {
  background-color: #0000001a;
  border-radius: 25px;
  color: #000;
  display: inline-block;
  padding: 8px 15px
}

.dark-container .processing-gif {
  margin: 20px auto;
  text-align: center;
  width: 180px
}

.dark-container .processing-gif svg {
  animation: svg-animation 2s linear infinite;
  max-width: 125px
}

.dark-container .processing-gif circle {
  fill: #0000;
  stroke: #bdbdbd;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: 5px;
  animation: circle-animation 1.4s ease-in-out infinite both;
  display: block;
  transform-origin: 50% 50%
}

.dark-container .staking .tokenstaking-section {
  gap: 20px
}

.dark-container .staking .tab-switcher-for-swap {
  background: #0000;
  border-bottom: 1px solid #27364b;
  border-radius: 0 !important;
  margin-bottom: 20px;
  width: 100% !important
}

.dark-container .staking .tab-switcher-for-swap .btn {
  border: 0;
  border-bottom: 2px solid #0000;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  outline: 0;
  padding: 6px 16px;
  width: auto
}

.dark-container .staking .tab-switcher-for-swap .btn.btn-active {
  background: #0000 !important;
  border-bottom: 2px solid #ff6d14;
  color: #ff6d14 !important
}

.dark-container .staking .tab-switcher-for-swap .btn:hover {
  background: #0000 !important
}

.dark-container .uniswap-staking {
  gap: 20px
}

.dark-container .uniswap-staking .staking-left .title {
  background: #27364b !important;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  height: 60px
}

.dark-container .uniswap-staking .staking-left .title h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 600
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content {
  background: #142339;
  max-height: 662px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .staking-banner {
  background-image: url(/static/media/staking-banner.a8b9e2acea158c4e785e.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 70px 0 70px 50px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .staking-banner h1 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 12px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .staking-banner p {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  margin: 0
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .staking-banner ul {
  margin-bottom: 10px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .staking-banner ul li {
  color: #fff;
  font-size: 15px;
  line-height: 200%
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .staking-banner .btn {
  background: #ff6616;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 20px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .liquidity-staking {
  padding: 40px 15px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .liquidity-staking .middleSpace {
  margin: 0 auto;
  max-width: 770px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .liquidity-staking .middleSpace h2 {
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .liquidity-staking .middleSpace p {
  color: #c8d3e4;
  font-size: 14px;
  line-height: 24px;
  margin: 0
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .user-process {
  background: #142339;
  background: #26374f;
  border-radius: 12px;
  margin: 0 auto;
  max-width: 770px;
  padding: 20px 12px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .user-process .user-process-wrap {
  padding-top: 100px;
  position: relative
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .user-process .user-process-wrap .user-process-part {
  left: 0;
  position: absolute;
  text-align: center;
  top: 140px;
  width: 27%
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .user-process .user-process-wrap .user-process-part h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 4px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .user-process .user-process-wrap .user-process-part p {
  color: #c8d3e4;
  font-size: 12px;
  margin: 0
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .user-process .user-process-wrap .user-process-part:nth-child(2) {
  left: 179px;
  top: 0
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .user-process .user-process-wrap .user-process-part:nth-child(3) {
  left: auto;
  margin: 0 auto;
  right: 120px;
  top: 0
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .user-process .user-process-wrap .user-process-part:nth-child(4) {
  left: auto;
  right: 0
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .user-process .user-process-image {
  margin: 0 auto;
  position: relative;
  width: 70%
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .user-process .user-process-image h3 {
  bottom: 10px;
  color: #000;
  font-size: 23px;
  font-weight: 700;
  left: 0;
  line-height: 21px;
  margin: 0;
  position: absolute;
  right: 0;
  text-align: center
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work {
  padding: 60px 15px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace {
  margin: 0 auto;
  max-width: 770px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 6px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace span {
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace p {
  color: #c8d3e4;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 10px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace .howrewards-wrap {
  background: #0d193e;
  border-radius: 16px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace .howrewards-wrap .howrewards-sec:nth-child(2) .howrewards-part h5 {
  color: #92bd39
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace .howrewards-wrap .howrewards-sec:nth-child(3) .howrewards-part {
  border-right: 1px solid #ffffff4d
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace .howrewards-wrap .howrewards-sec:nth-child(3) .howrewards-part h5 {
  color: #3cc583
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace .howrewards-wrap .howrewards-sec:nth-child(4) .howrewards-part h5 {
  color: #1eabda
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace .howrewards-wrap .howrewards-sec .howrewards-part {
  align-items: center;
  border-bottom: 1px solid #ffffff4d;
  border-right: 1px solid #ffffff4d;
  display: flex;
  gap: 16px;
  justify-content: center;
  padding: 34px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace .howrewards-wrap .howrewards-sec .howrewards-part h5 {
  color: #e0cb15;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 4px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace .howrewards-wrap .howrewards-sec .howrewards-part h6 {
  color: #fff;
  font-size: 15px;
  margin: 0
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace .howrewards-bttom {
  background: linear-gradient(116deg, #ffa601 -2.3%, #ff6d14 42.87%, #7900ff 88.03%);
  border-radius: 0 0 16px 16px;
  margin: 0 auto 20px;
  padding: 6px 40px;
  text-align: center;
  width: 57%
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace .howrewards-bttom p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace .unstaking-section {
  background: #fff7dd;
  border: 1px solid #f3e5b5;
  border-radius: 12px;
  padding: 16px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace .unstaking-section h6 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace .unstaking-section p {
  color: #485268;
  font-size: 14px;
  line-height: 24px
}

.dark-container .uniswap-staking .staking-left .daildraw-swap .scroll-airdorp-content .howrewards-work .middleSpace h3 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin: 40px 0
}

.dark-container .uniswap-staking .staking-rights .title {
  background: linear-gradient(90deg, #7408c1 -1.34%, #ee5a0c 118.32%);
  height: 60px
}

.dark-container .uniswap-staking .staking-rights .slider-wrap p {
  color: #c8d3e4;
  font-size: 12px;
  font-weight: 400
}

.dark-container .uniswap-staking .staking-rights .slider-wrap h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin: 0
}

.dark-container .uniswap-staking .staking-rights .slider-wrap button {
  align-items: center;
  background: #ff6717;
  border-radius: 30px;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  gap: 4px;
  justify-content: center;
  padding: 2px 10px
}

.dark-container .uniswap-staking .staking-rights .slider-wrap .next-arrow {
  background-color: #fff;
  border: 0;
  height: 32px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 35%;
  width: 32px
}

.dark-container .uniswap-staking .staking-rights .slider-wrap .prev-arrow {
  background-color: #fff;
  border: 0;
  height: 32px;
  left: -6px;
  padding: 0;
  position: absolute;
  top: 35%;
  width: 32px;
  z-index: 1
}

.dark-container .uniswap-staking .staking-rights .slider-wrap .slider-part {
  position: relative
}

.dark-container .uniswap-staking .staking-rights .slider-wrap .slider-part .slider-image {
  border-radius: 8px;
  display: block;
  overflow: hidden;
  position: relative;
  width: 58px
}

.dark-container .uniswap-staking .staking-rights .slider-wrap .slider-part .slider-image.slideSelected:after {
  background: #fff;
  border-radius: 74px;
  bottom: -25px;
  content: "";
  height: 74px;
  position: absolute;
  right: -6px;
  width: 74px
}

.dark-container .uniswap-staking .staking-rights .slider-wrap .slider-part .tick-image {
  bottom: 8px;
  left: 13px;
  position: absolute;
  right: 0
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .investment-part {
  border-bottom: 1px solid #1d13770f;
  margin-bottom: 16px;
  padding-bottom: 12px
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .investment-part p {
  color: #c8d3e4;
  font-size: 12px;
  margin-bottom: 2px
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .investment-part h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 10px
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .investment-part .form-control {
  background-color: #303f56;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 400
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .investment-part .form-control::placeholder {
  color: #fff;
  opacity: .5
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .tabs-top {
  border-bottom: 1px solid #ffffff38;
  padding-bottom: 10px
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .tabs-top p {
  color: #fff;
  font-size: 12px
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .tabs-top ul {
  align-items: center;
  background: #253346;
  border: 0;
  border-radius: 30px;
  display: flex;
  padding: 1px
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .tabs-top ul li button {
  border: 0;
  border-radius: 30px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  position: relative
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .tabs-top ul li button.active {
  background: #ff6717;
  border-radius: 30px;
  color: #fff
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .tabs-top ul li button span {
  align-items: center;
  background: #ffc716;
  border-radius: 20px;
  color: #000;
  display: inline-block;
  display: flex;
  font-size: 10px;
  font-weight: 500;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: -10px;
  text-transform: uppercase;
  top: -12px;
  width: 20px
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .stakeperiod-part {
  align-items: center;
  background: #253346;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px;
  position: relative;
  text-align: left
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .stakeperiod-part p {
  color: #dfe7ee;
  font-size: 8px;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .stakeperiod-part h4 {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin: 0
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .stakeperiod-part h4 span {
  color: #9399ab;
  font-size: 12px;
  font-weight: 500
}

.dark-container .uniswap-staking .staking-rights .stakeperiod-main .stakeperiod-part .react-tooltip {
  max-width: 300px
}

.dark-container .myrewards-page .title {
  background: #6b48b0 !important
}

.dark-container .myrewards-page .link-footer-history {
  border-bottom: 1px solid;
  display: inline-block;
  font-size: 13px
}

.dark-container .myrewards-page table tbody tr td {
  color: #000;
  font-size: 13px !important;
  font-weight: 400
}

.dark-container .myrewards-page table tbody tr td img {
  box-shadow: 0 4px 10px 0 #0000004d
}

.dark-container .myrewards-page table tbody tr td .mature-text {
  color: #8995b6;
  font-size: 10px;
  font-weight: 400
}

.dark-container .myrewards-page table tbody tr td .data-txt {
  color: #000;
  font-size: 13px !important;
  font-weight: 400
}

.dark-container .myrewards-page table tbody tr td .stepButton {
  background: #a3aabe;
  border: .5px solid #a3aabe;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 16px
}

.dark-container .myrewards-page table tbody tr td .claimGreen {
  background: #11b33a;
  border: .5px solid #a3aabe;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 16px
}

.dark-container .swap-value-container.promoContent {
  padding: 30px 16px;
  text-align: center
}

.dark-container .swap-value-container.promoContent h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px
}

.dark-container .swap-value-container.promoContent p {
  color: #c8d3e4;
  font-size: 12px;
  font-weight: 400
}

.dark-container .swap-value-container.promoContent .btn {
  background: #fff;
  border-radius: 30px;
  color: #000;
  font-size: 14px;
  padding: 8px 20px
}

.dark-container .swap-value-container.promoContent .btn.btn-orange {
  background: #ff6717;
  color: #fff
}

.dark-container .swap-value-container.promoContent .btn.btn-white {
  background: #fff;
  color: #000
}

.dark-container .swap-value-container.promoContent .btn.orange-b {
  border: 1px solid #ff6717;
  color: #ff6717
}

.dark-container .scrollBarCustom {
  overflow: overlay;
  scrollbar-color: #667086 #0000;
  scrollbar-width: thin
}

.dark-container .scrollBarCustom::-webkit-scrollbar {
  background: none;
  width: 10px
}

.dark-container .scrollBarCustom::-webkit-scrollbar-track {
  background: none !important
}

.dark-container .scrollBarCustom::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #667086;
  border: 4px solid #0000;
  border-radius: 10px
}

.dark-container .scrollBarCustom::-webkit-scrollbar-thumb:hover {
  background-color: #525c6a
}

.dark-container .infoSpace {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 16px
}

.dark-container .stake--rewards-table .claimGreen {
  background: #ff6717 !important;
  border-color: #ff6717 !important
}

.dark-container .stake--rewards-table .claimGreen.claimNotAvaialble {
  background: #a3aabe !important;
  border-color: #a3aabe !important
}

.dark-container .stake--rewards-table .claimGreen.unstakeButton {
  background: #230950 !important;
  border-color: #230950 !important
}

.dark-container .stake--rewards-table .claimGreen.unstakeButton.claimNotAvaialble {
  background: #a3aabe !important;
  border-color: #a3aabe !important
}

.dark-container .stake--rewards-table .infoSpace {
  margin-left: 10px;
  position: relative;
  right: auto;
  top: auto
}

.dark-container .stake--rewards-table .react-tooltip {
  max-width: 300px
}

.dark-container .stake--rewards-table .fw-semibold {
  position: relative
}

.dark-container .body-container {
  flex-direction: column;
  padding: 0
}

.dark-container .body-container .main-container-header {
  background: #121822;
  padding: 20px;
  width: 100%
}

.dark-container .body-container .main-container-header h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px
}

.dark-container .body-container .main-container-header .connect-btn {
  background: #fd6519;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 6px 30px
}

.dark-container .body-container .staking {
  max-width: 100%;
  padding: 20px;
  width: 100%
}

.dark-container .body-container .staking .tokenstaking-section .title {
  background: #142339;
  height: 60px
}

.dark-container .body-container .staking .tokenstaking-section .table-wrapper {
  background: #142339;
  overflow-y: visible;
  overflow-y: initial
}

.dark-container .body-container .staking .tokenstaking-section .table-wrapper thead {
  background: #26374f;
  border: 0 !important
}

.dark-container .body-container .staking .tokenstaking-section .table-wrapper thead tr th {
  background: #26374f;
  border: 0 !important;
  color: #fff;
  font-size: 14px !important;
  font-weight: 500;
  padding: 20px 10px 16px
}

.dark-container .body-container .staking .tokenstaking-section .table-wrapper tbody tr td {
  background: #142339;
  border-bottom: .5px solid #34465f;
  color: #fff
}

.dark-container .body-container .staking .tokenstaking-section .table-wrapper tbody tr td .amount,
.dark-container .body-container .staking .tokenstaking-section .table-wrapper tbody tr td .apr-text,
.dark-container .body-container .staking .tokenstaking-section .table-wrapper tbody tr td .assets-block_content span {
  color: #fff
}

.dark-container .body-container .staking .tokenstaking-section .table-wrapper tbody tr td .solanabg {
  background: rgba(75, 140, 196, .239)
}

.dark-container .body-container .staking .tokenstaking-section .table-wrapper tbody tr td .ethereum {
  background: rgba(98, 126, 234, .278);
  color: #fff
}

.dark-container .body-container .staking .tokenstaking-section .table-wrapper tbody tr td .optimism {
  background: rgba(255, 4, 32, .169);
  color: #fff
}

.dark-container .body-container .staking .tokenstaking-section .table-wrapper tbody tr td .arbitrum {
  background-color: rgba(152, 188, 220, .302);
  color: #fff
}

.dark-container .body-container .staking .tokenstaking-section .table-wrapper tbody tr td .binance {
  background: rgba(243, 186, 47, .239);
  color: #fff
}

.dark-container .body-container .staking .tokenstaking-section .table-wrapper tbody tr:hover td {
  background-color: #26374f
}

table tr td .label-unstake {
  margin: 0
}

.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none
}

.slick-list,
.slick-slider {
  display: block;
  position: relative
}

.slick-list {
  margin: 0;
  overflow: hidden;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0)
}

.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  border: 1px solid #0000;
  display: block;
  height: auto
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-loading .slick-list {
  background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) 50% no-repeat
}

@font-face {
  font-family: slick;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot);
  src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"), url(/static/media/slick.295183786cd8a1389865.woff) format("woff"), url(/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"), url(/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")
}

.slick-next,
.slick-prev {
  border: none;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  background: #0000;
  color: #0000;
  outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,
.slick-prev:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px
}

.slick-prev:before {
  content: "←"
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto
}

.slick-next:before {
  content: "→"
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  bottom: -25px;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  position: relative
}

.slick-dots li,
.slick-dots li button {
  cursor: pointer;
  height: 20px;
  width: 20px
}

.slick-dots li button {
  background: #0000;
  border: 0;
  color: #0000;
  display: block;
  font-size: 0;
  line-height: 0;
  outline: none;
  padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  content: "•";
  font-family: slick;
  font-size: 6px;
  height: 20px;
  left: 0;
  line-height: 20px;
  opacity: .25;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75
}

.my-rewardsnewpage {
  color: #fff;
  width: 100%
}

.my-rewardsnewpage.uniswapstake-subclass {
  max-width: calc(100% - 400px);
  min-width: calc(100% - 400px)
}

.my-rewardsnewpage.uniswapstake-subclass .my-rewards-table {
  overflow-x: auto
}

.my-rewardsnewpage.uniswapstake-subclass .my-rewards-table table tbody tr {
  cursor: auto
}

.my-rewardsnewpage.uniswapstake-subclass .my-rewards-table table tbody tr:hover {
  background-color: #0000
}

.my-rewardsnewpage .my-rewards-table {
  max-height: calc(100vh - 200px);
  min-height: calc(100vh - 200px);
  overflow: auto
}

.my-rewardsnewpage .my-rewards-table table {
  width: 100%
}

.my-rewardsnewpage .my-rewards-table table thead {
  background-color: #202e42;
  color: #879ec0
}

.my-rewardsnewpage .my-rewards-table table thead tr th {
  font-size: 12px;
  font-weight: 400;
  padding: 10px 15px
}

.my-rewardsnewpage .my-rewards-table table tbody tr:hover {
  background-color: #202e42;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s
}

.my-rewardsnewpage .my-rewards-table table tbody tr td {
  border-bottom: 1px solid #2e3642;
  font-size: 12px;
  padding: 10px 15px
}

.my-rewardsnewpage .my-rewards-table table tbody tr td .prizepoolimg {
  align-items: center;
  display: flex;
  gap: 10px
}

.my-rewardsnewpage .my-rewards-table table tbody tr td .prizepoolimg img {
  max-width: 100%;
  width: 20px
}

.my-rewardsnewpage .my-rewards-table table tbody tr td .wallet-id-td {
  color: #ff6717;
  display: inline-block
}

.my-rewardsnewpage .my-rewards-table table tbody tr td .networks-td-flex {
  align-items: center;
  background-color: #253346;
  border-radius: 4px;
  display: inline-flex;
  gap: 10px;
  min-width: 120px;
  padding: 4px 8px
}

.my-rewardsnewpage .my-rewards-table table tbody tr td .networks-td-flex img {
  width: 20px
}

.my-rewardsnewpage .my-rewards-table table tbody tr td .tokens-td-flex {
  align-items: center;
  display: flex;
  gap: 10px
}

.my-rewardsnewpage .my-rewards-table table tbody tr td .tokens-td-flex img {
  width: 20px
}

.my-rewardsnewpage .my-rewards-table table tbody tr td .unstakelabel {
  border: 1px solid #2f3642;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  padding: 6px 12px;
  text-align: center;
  width: 108px
}

.my-rewardsnewpage .my-rewards-table table tbody tr td .completed-label {
  background-color: #4caf50;
  border: 1px solid #4caf50;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  padding: 6px 12px;
  text-align: center;
  width: 108px
}

.my-rewardsnewpage .my-rewards-table p {
  margin-bottom: 0
}

.my-rewardsnewpage .header-my-rewards {
  align-items: center;
  background-color: #253346;
  display: flex;
  justify-content: space-between;
  padding: 16px
}

.my-rewardsnewpage .header-my-rewards .uniswap-staking-flex {
  display: flex;
  gap: 20px
}

.my-rewardsnewpage .header-my-rewards .your-total-staking-rewards {
  align-items: center;
  background-color: #142339;
  border-radius: 12px;
  display: flex;
  gap: 16px;
  padding: 10px 16px
}

.my-rewardsnewpage .header-my-rewards .your-total-staking-rewards .icon-staking-rewards {
  align-items: center;
  background-color: #ff6717;
  border-radius: 8px;
  display: flex;
  height: 40px;
  justify-content: center;
  min-width: 40px;
  padding: 8px;
  width: 40px
}

.my-rewardsnewpage .header-my-rewards .your-total-staking-rewards .icon-staking-rewards.green-color {
  background-color: #41c95f
}

.my-rewardsnewpage .header-my-rewards .your-total-staking-rewards .icon-staking-rewards svg path {
  fill: #fff
}

.my-rewardsnewpage .header-my-rewards .your-total-staking-rewards .content-staking-rewards {
  display: inline-block
}

.my-rewardsnewpage .header-my-rewards .your-total-staking-rewards .content-staking-rewards p {
  color: #879ec0;
  font-size: 10px;
  font-weight: 300;
  margin-bottom: 5px
}

.my-rewardsnewpage .header-my-rewards .your-total-staking-rewards .content-staking-rewards h3 {
  align-items: end;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  gap: 5px
}

.my-rewardsnewpage .header-my-rewards .your-total-staking-rewards .content-staking-rewards h3 span {
  display: inline-block;
  font-size: 10px;
  font-weight: 300;
  margin-bottom: 4px
}

.my-rewardsnewpage .pagination-swap-thon {
  align-items: center;
  display: flex;
  gap: 20px
}

.my-rewardsnewpage .pagination-swap-thon p {
  color: #aeb9e1;
  margin-bottom: 0;
  white-space: nowrap
}

.my-rewardsnewpage .pagination-swap-thon p span {
  color: #fff;
  display: inline-block
}

.my-rewardsnewpage .pagination-swap-thon ul {
  align-items: center;
  display: flex;
  gap: 10px
}

.my-rewardsnewpage .pagination-swap-thon ul li {
  align-content: center;
  background-color: #202e42;
  border: 1px solid #2d3b4e;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  padding: 8px;
  width: 36px
}

.my-rewardsnewpage .uniswap-tabs ul {
  border-bottom: 1px solid #27364b;
  display: flex;
  margin: 0;
  padding: 0
}

.my-rewardsnewpage .uniswap-tabs ul li a {
  border-bottom: 2px solid #0000;
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 7px 30px
}

.my-rewardsnewpage .uniswap-tabs ul li a.active,
.my-rewardsnewpage .uniswap-tabs ul li a:focus,
.my-rewardsnewpage .uniswap-tabs ul li a:hover {
  border-bottom: 2px solid #fc651b;
  color: #fc651b
}

.my-rewardsnewpage .nftid {
  align-items: center;
  display: flex;
  gap: 10px
}

.my-rewardsnewpage .nftid img {
  width: 20px
}

.my-rewardsnewpage .flexclaimbtn {
  align-items: center;
  display: flex;
  gap: 10px
}

.my-rewardsnewpage .flexclaimbtn .infoicon {
  align-items: center;
  background-color: #0000;
  border: none;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px
}

.my-rewardsnewpage .flexclaimbtn .infoicon img {
  width: 20px
}

.my-rewardsnewpage .flexclaimbtn .claimnow-btn {
  background-color: #26374f;
  border: 1px solid #26374f;
  color: #fff;
  pointer-events: none;
  white-space: nowrap
}

.my-rewardsnewpage .claimnow-btn {
  background-color: #41c95f;
  border: 1px solid #41c95f;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  padding: 6px 20px
}

.my-rewardsnewpage .claimnow-btn:focus,
.my-rewardsnewpage .claimnow-btn:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #000
}

.my-rewardsnewpage .uniswap-tabs {
  margin-top: 20px
}

.my-rewardsnewpage .head-title-back-rewards {
  align-items: center;
  background-color: #142339;
  border-radius: 16px 16px 0 0;
  display: flex;
  font-size: 18px;
  gap: 20px;
  padding: 12px 16px
}

.my-rewardsnewpage .head-title-back-rewards .backbutton {
  align-items: center;
  background-color: #27364b;
  border: none;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 40px;
  justify-content: center;
  padding: 6px;
  width: 40px
}

table tr td .assets-block_content span {
  color: #fff
}

.NewHomepage {
  display: flex;
  gap: 20px;
  padding: 20px
}

@media screen and (max-width:1200px) {
  .NewHomepage {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
  }
}

.NewHomepage img {
  max-width: 100%
}

.NewHomepage .left-NewHomepage {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 25%;
  width: 25%
}

.NewHomepage .left-NewHomepage .img-airdrop img {
  max-width: 100%;
  width: 100%
}

@media screen and (max-width:1200px) {
  .NewHomepage .left-NewHomepage {
    min-width: 100%;
    width: 100%
  }
}

.NewHomepage .middle-NewHomepage {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 50%
}

@media screen and (max-width:1200px) {
  .NewHomepage .middle-NewHomepage {
    min-width: 100%;
    width: 100%
  }
}

.NewHomepage .right-NewHomepage {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 25%;
  width: 25%
}

@media screen and (max-width:1200px) {
  .NewHomepage .right-NewHomepage {
    grid-column: 1/-1;
    min-width: 100%;
    width: 100%
  }
}

.NewHomepage .right-NewHomepage .widget-quick-links-new {
  background-color: #142339;
  border-radius: 20px;
  color: #fff;
  display: block;
  max-height: 100%;
  min-height: auto;
  padding: 25px 10px 20px;
  position: relative
}

.NewHomepage .right-NewHomepage .widget-quick-links-new .widget-quick--scrollbar {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  max-height: 220px;
  min-height: 220px;
  overflow-y: auto
}

@media screen and (min-width:1650px) {
  .NewHomepage .right-NewHomepage .widget-quick-links-new .widget-quick--scrollbar {
    max-height: 280px;
    min-height: 280px
  }
}

.NewHomepage .right-NewHomepage .widget-quick-links-new h5 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 15px;
  text-align: center
}

.NewHomepage .right-NewHomepage .widget-quick-links-new .item {
  align-items: center;
  border-radius: 15px;
  display: flex;
  margin-bottom: 5px;
  padding: 8px 10px
}

.NewHomepage .right-NewHomepage .widget-quick-links-new .item:hover {
  background-color: #0b1522
}

.NewHomepage .right-NewHomepage .widget-quick-links-new .item img {
  height: 36px;
  width: 36px
}

.NewHomepage .right-NewHomepage .widget-quick-links-new .item p {
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
  margin-left: 10px
}

.NewHomepage .airdrop-campaign-class {
  background: #dd501c;
  background: linear-gradient(180deg, #dd501c, #e9563c 16%, #d84959 33%, #9d175c 50%, #87018b 73%, #54008f 92%);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  color: #fff;
  height: 100%;
  overflow: hidden;
  position: relative
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content {
  margin-top: -40px;
  padding: 10px 10px 16px;
  text-align: center
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content h3 {
  font-size: 30px;
  font-weight: 700;
  text-shadow: 0 6px 3px #00000017
}

@media screen and (max-width:1440px) {
  .NewHomepage .airdrop-campaign-class .airdrop-campaign-content h3 {
    font-size: 20px
  }
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content h4 {
  font-family: kadwa;
  font-size: 22px;
  font-weight: 400;
  text-shadow: 0 3px 2px #00000017
}

@media screen and (max-width:1440px) {
  .NewHomepage .airdrop-campaign-class .airdrop-campaign-content h4 {
    font-size: 16px
  }
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content .dividerhalf {
  background: #fff;
  border-radius: 2px;
  height: 1px;
  margin: 20px auto;
  width: 40%
}

@media screen and (max-width:1440px) {
  .NewHomepage .airdrop-campaign-class .airdrop-campaign-content .dividerhalf {
    margin: 6px auto
  }
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content p {
  font-size: 12px;
  margin-bottom: 5px
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content h5 {
  align-items: center;
  background-color: red;
  border: 1px solid #fff;
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  gap: 4px;
  margin-bottom: -2px;
  padding: 4px 12px;
  position: relative;
  text-transform: uppercase
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content h5 span {
  background-color: #fff;
  border-radius: 30px;
  height: 5px;
  width: 5px
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content h6 {
  font-size: 16px;
  font-weight: 500
}

@media screen and (max-width:1440px) {
  .NewHomepage .airdrop-campaign-class .airdrop-campaign-content h6 {
    font-size: 12px
  }
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content h6.season-h6 {
  background-color: #ffd000;
  border-radius: 30px;
  box-shadow: inset -4px 0 10px #00000030;
  color: #000;
  display: inline-block;
  padding: 4px 14px;
  position: relative;
  text-transform: uppercase;
  z-index: 1
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content .btn-white {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #000;
  display: block;
  font-weight: 500;
  margin-bottom: 20px;
  padding: 12px 30px;
  width: 100%
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content .btn-white.link-btn {
  background-color: #0000;
  border: none;
  color: #fde019;
  display: inline-block;
  font-size: 16px;
  padding: 10px;
  text-decoration: underline;
  text-underline-offset: 8px;
  width: auto
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content .btn-white.link-btn:hover {
  text-decoration: none
}

@media screen and (max-width:1440px) {
  .NewHomepage .airdrop-campaign-class .airdrop-campaign-content .btn-white {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 8px 20px
  }

  .NewHomepage .airdrop-campaign-class .airdrop-campaign-content .btn-white.link-btn {
    font-size: 14px;
    margin-bottom: 20px
  }
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content .btn-white-border {
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-weight: 500;
  padding: 8px 30px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .NewHomepage .airdrop-campaign-class .airdrop-campaign-content .btn-white-border {
    font-size: 12px;
    padding: 8px 20px
  }
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content .btn-white-border.join-btn {
  background-color: #fff;
  border: 2px solid #fff;
  color: #000
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content .btn-links-border {
  align-items: center;
  border-bottom: 1px solid #fff;
  color: #fff;
  display: inline-flex;
  font-size: 14px;
  gap: 10px;
  padding-bottom: 5px
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content .btn-links-border svg {
  width: 20px
}

.NewHomepage .airdrop-campaign-class .airdrop-campaign-content .button-space {
  padding: 0 30px
}

.NewHomepage .hackathon-class img {
  max-width: 100%;
  width: 100%
}

.NewHomepage .l1x-listing-section {
  background: url(/static/media/bg-welisted.2ac6aaa5720b586eeeda.png) no-repeat 50%;
  background-color: #000;
  background-size: cover;
  border: none;
  border-radius: 16px;
  color: #fff;
  height: 100%;
  overflow: hidden;
  padding: 16px;
  position: relative
}

@media screen and (min-width:1650px) {
  .NewHomepage .l1x-listing-section {
    height: 100%;
    padding: 50px 20px
  }
}

.NewHomepage .l1x-listing-section .l1x-price-badge {
  align-items: center;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  padding: 4px 10px;
  position: absolute;
  right: 10px;
  top: 10px
}

.NewHomepage .l1x-listing-section .l1x-price-badge span {
  font-size: 12px
}

.NewHomepage .l1x-listing-section .l1x-price-badge h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0
}

.NewHomepage .l1x-listing-section .listing-content {
  align-items: center;
  display: flex;
  gap: 20px;
  height: 100%
}

@media screen and (max-width:1200px) {
  .NewHomepage .l1x-listing-section .listing-content {
    flex-direction: column;
    text-align: center
  }
}

@media screen and (max-width:1370px) {
  .NewHomepage .l1x-listing-section .listing-content {
    height: auto
  }
}

.NewHomepage .l1x-listing-section .listing-content .listing-logo {
  min-width: 160px
}

.NewHomepage .l1x-listing-section .listing-content .listing-logo img {
  max-width: 100%
}

@media screen and (min-width:1650px) {
  .NewHomepage .l1x-listing-section .listing-content .listing-logo {
    margin-top: 16px
  }
}

.NewHomepage .l1x-listing-section .listing-content .listing-info h5 {
  font-size: 22px;
  font-weight: 300
}

@media screen and (min-width:1650px) {
  .NewHomepage .l1x-listing-section .listing-content .listing-info h5 {
    font-size: 20px
  }
}

.NewHomepage .l1x-listing-section .listing-content .listing-info h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 140%
}

@media screen and (min-width:1650px) {
  .NewHomepage .l1x-listing-section .listing-content .listing-info h2 {
    font-size: 36px
  }
}

@media screen and (max-width:1360px) {
  .NewHomepage .l1x-listing-section .listing-content .listing-info h2 {
    font-size: 22px
  }
}

.NewHomepage .l1x-listing-section .listing-content .listing-info .listing-links-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px
}

@media screen and (max-width:1200px) {
  .NewHomepage .l1x-listing-section .listing-content .listing-info .listing-links-group {
    justify-content: center;
    text-align: center
  }
}

@media screen and (max-width:1400px) {
  .NewHomepage .l1x-listing-section .listing-content .listing-info .listing-links-group {
    margin-top: 12px
  }
}

.NewHomepage .l1x-listing-section .listing-content .listing-info .listing-links-group .listing-link {
  align-items: center;
  border-radius: 30px;
  color: #2d2468;
  display: flex;
  font-size: 10px;
  gap: 4px;
  padding: 0 4px 0 0 !important
}

@media screen and (min-width:1650px) {
  .NewHomepage .l1x-listing-section .listing-content .listing-info .listing-links-group .listing-link {
    font-size: 14px;
    padding: 5px 12px 5px 5px
  }
}

.NewHomepage .l1x-listing-section .listing-content .listing-info .listing-links-group .listing-link img {
  width: 90px
}

@media screen and (min-width:1650px) {
  .NewHomepage .l1x-listing-section .listing-content .listing-info .listing-links-group .listing-link img {
    width: 80px
  }
}

.NewHomepage .l1x-audit-report img {
  border-radius: 16px;
  width: 100%
}

.NewHomepage .next-evolution-div {
  background-image: url(/static/media/text-next-evolution.83d25896a7343c95e93a.svg);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  color: #fff;
  min-height: 190px;
  overflow: hidden;
  padding: 41px 16px 41px 40%
}

@media screen and (max-width:1200px) {
  .NewHomepage .next-evolution-div {
    min-height: 220px
  }
}

@media screen and (min-width:1650px) {
  .NewHomepage .next-evolution-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 260px;
    padding: 41px 16px 41px 40%
  }
}

.NewHomepage .next-evolution-div h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px
}

@media screen and (min-width:1650px) {
  .NewHomepage .next-evolution-div h3 {
    font-size: 32px
  }
}

.NewHomepage .next-evolution-div p {
  font-size: 14px;
  margin-bottom: 10px
}

@media screen and (min-width:1650px) {
  .NewHomepage .next-evolution-div p {
    font-size: 18px
  }
}

.NewHomepage .next-evolution-div .quantum-btn {
  align-items: center;
  background: #fd6719;
  background: linear-gradient(90deg, #fd6719, #90f);
  border: none;
  border-radius: 30px;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  gap: 10px;
  padding: 6px 16px
}

.NewHomepage .l1x-scan-div {
  background-color: #142339;
  border-radius: 16px;
  color: #fff;
  min-height: 260px;
  overflow: hidden;
  padding: 16px;
  position: relative;
  text-align: center
}

.NewHomepage .l1x-scan-div .l1xscanimg {
  margin: 0 auto
}

.NewHomepage .l1x-scan-div .scanbg-img {
  position: absolute;
  right: 0;
  top: 0
}

.NewHomepage .l1x-scan-div h3 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase
}

.NewHomepage .l1x-scan-div p {
  font-size: 14px;
  margin-bottom: 15px
}

.NewHomepage .l1x-scan-div .view-explorer-btn {
  background-color: #fff;
  border: none;
  border-radius: 30px;
  color: #000;
  padding: 6px 14px
}

.NewHomepage .swapathon-homenew {
  background-image: url(/static/media/bg-prizepool.ac4fe124ec3e46c10c81.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 16px;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow: hidden;
  padding: 16px;
  text-align: center;
  text-transform: uppercase
}

@media screen and (min-width:1650px) {
  .NewHomepage .swapathon-homenew {
    padding: 30px
  }
}

.NewHomepage .swapathon-homenew .prizepool-div {
  margin: 0 auto 15px;
  max-width: 230px
}

@media screen and (min-width:1650px) {
  .NewHomepage .swapathon-homenew .prizepool-div {
    margin-bottom: 40px
  }
}

.NewHomepage .swapathon-homenew h5 {
  font-size: 14px
}

@media screen and (min-width:1650px) {
  .NewHomepage .swapathon-homenew h5 {
    font-size: 26px
  }
}

.NewHomepage .swapathon-homenew h3 {
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase
}

@media screen and (min-width:1650px) {
  .NewHomepage .swapathon-homenew h3 {
    font-size: 42px;
    margin: 20px 0
  }
}

.NewHomepage .swapathon-homenew h4 {
  background: linear-gradient(270deg, #7900ff, #ff6717);
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  padding: 4px 6px
}

@media screen and (min-width:1650px) {
  .NewHomepage .swapathon-homenew h4 {
    font-size: 28px
  }
}

.NewHomepage .swapathon-homenew p {
  font-size: 12px
}

@media screen and (min-width:1650px) {
  .NewHomepage .swapathon-homenew p {
    font-size: 18px;
    margin-top: 25px
  }
}

.NewHomepage .swapathon-homenew .btn-orange-swap {
  background-color: #fb641b;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 20px;
  width: 100%
}

@media screen and (min-width:1650px) {
  .NewHomepage .swapathon-homenew .btn-orange-swap {
    font-size: 18px;
    padding: 12px 20px
  }
}

.hideMeTill1370 {
  display: none
}

@media screen and (max-width:1370px) {
  .hideMeTill1370 {
    display: block;
    margin-top: 12px
  }

  .hideMeTill1370 .listing-links-group {
    display: flex;
    gap: 10px
  }
}

.hideMe1370 {
  display: block
}

@media screen and (max-width:1370px) {
  .hideMe1370 {
    display: none
  }
}

.resource-links {
  padding: 20px
}

.resource-links .resource-grid {
  grid-gap: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr
}

@media(min-width:992px) {
  .resource-links .resource-grid {
    grid-template-columns: repeat(3, 1fr)
  }
}

.resource-links .resource-column {
  display: flex;
  flex-direction: column;
  gap: 20px
}

.resource-links .section {
  background: #121822;
  border-radius: 12px;
  padding: 1rem
}

.resource-links .section h2 {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1rem
}

.resource-links .section .links-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem
}

.resource-links .link-card {
  align-items: center;
  background: #121822;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  padding: 8px;
  text-decoration: none;
  transition: all .3s ease
}

.resource-links .link-card:hover {
  background: #ff66001a;
  border-color: #ff66004d;
  transform: translateY(-2px)
}

.resource-links .link-card:hover .arrow-icon {
  color: #f60
}

.resource-links .link-card .left-content {
  align-items: center;
  display: flex;
  gap: 1rem
}

.resource-links .link-card .left-content .icon {
  align-items: center;
  background: #ffffff1a;
  border-radius: 8px;
  display: flex;
  height: 40px;
  justify-content: center;
  overflow: hidden;
  width: 40px
}

.resource-links .link-card .left-content .icon img {
  height: 40px;
  object-fit: contain;
  width: 40px
}

.resource-links .link-card .left-content .text {
  color: #fff;
  font-size: 14px
}

.resource-links .link-card .arrow-icon {
  color: #ffffff80;
  font-size: 1.25rem;
  transition: color .3s ease
}

.resource-links .social-grid {
  grid-gap: 1rem;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr))
}

.resource-links .social-grid .social-icon {
  align-items: center;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  display: flex;
  height: 48px;
  justify-content: center;
  overflow: hidden;
  transition: all .3s ease;
  width: 48px
}

.resource-links .social-grid .social-icon:hover {
  background: #ff66001a;
  border-color: #ff66004d;
  transform: translateY(-2px)
}

.resource-links .social-grid .social-icon img {
  height: 48px;
  object-fit: contain;
  width: 48px
}

.l1xai-header {
  background: #1e2d42;
  padding: 16px 13px 16px 20px
}

.l1xai-header .lxai {
  align-items: center;
  background: radial-gradient(189.21% 70.1% at 15.34% 39.06%, #8371f380 0, #459cec00 100%), radial-gradient(132.71% 129.73% at 63.64% -12.5%, #8528fb 0, #56544a1f 100%), radial-gradient(51.42% 94.92% at 19.32% 40.62%, #3b94f3 0, #1bc4c6e0 100%), radial-gradient(23.21% 114.66% at 43.75% -31.25%, #18111887 21.25%, #000 100%), #030303;
  border-radius: 10px;
  box-shadow: inset 0 0 30px #ffffff4d, 10px 20px 80px #7a21ed4d, -20px -20px 50px #2a5e8e80, 0 20px 30px #4064e44d;
  display: flex;
  height: 44px;
  justify-content: center;
  width: 44px
}

.l1xai-header h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px
}

.l1xai-header input {
  background: #121822;
  border: 1px solid #0000;
  border-radius: 6px;
  color: #fff;
  outline: 0;
  padding: 9px 40px 9px 13px
}

.l1xai-header input::placeholder {
  color: hsla(0, 0%, 100%, .588)
}

.l1xai-header input:focus {
  border: 1px solid #fd6519
}

.l1xai-header .search-icon {
  position: absolute;
  right: 16px;
  top: 9px
}

.l1xai-body {
  padding: 16px 20px
}

.l1xai-body h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 20px;
  margin-bottom: 20px
}

.l1xai-body .chart-wrapper {
  background: #27364b;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 10px
}

.l1xai-body p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px
}

.l1xai-body p span {
  background: #32a951;
  font-weight: 700;
  padding: 0 4px
}

.l1xai-body .agree-btn {
  background: #32a951
}

.l1xai-body .agree-btn,
.l1xai-body .disagree-btn {
  border: 0;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  outline: 0;
  padding: 14px;
  transition: .5s ease-in-out;
  width: 260px
}

.l1xai-body .disagree-btn {
  background: #27364b;
  line-height: normal
}

.l1xai-body button:hover {
  background: #fd6519
}

.l1xai-body .l1xai-footer p {
  color: #fff;
  margin: 0
}

.l1xai-body .l1xai-footer a,
.l1xai-body .l1xai-footer p {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .12px;
  line-height: 20px
}

.l1xai-body .l1xai-footer a {
  color: #ff6717;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.votethankyou-section {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 120px);
  justify-content: center;
  margin: 0 auto;
  max-width: 500px
}

.votethankyou-section h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px
}

.votethankyou-section .vote-result {
  align-items: center;
  background: #27364b;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  margin-top: 40px;
  padding: 20px 24px 30px;
  width: 100%
}

.votethankyou-section .vote-result p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin: 0 auto
}

.votethankyou-section .vote-result .vote-progress-agree {
  background: #27364b;
  border: 1px solid #32a951;
  border-radius: 50px;
  position: relative;
  z-index: 1
}

.votethankyou-section .vote-result .vote-progress-agree button {
  align-items: center;
  background-color: #0000;
  border: 0;
  border-radius: 30px;
  display: flex;
  height: 50px;
  justify-content: center;
  margin: 0 !important;
  padding: 0 16px;
  position: relative;
  z-index: 1
}

.votethankyou-section .vote-result .vote-progress-agree .progress {
  background-color: #0000;
  height: 100%;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.votethankyou-section .vote-result .vote-progress-agree .progress .progress-bar {
  background: #32a951;
  border-radius: 50px
}

.votethankyou-section .vote-result .vote-progress-agree .progress span {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  right: 20px;
  top: 13px
}

.votethankyou-section .vote-result .vote-progress-disagree {
  background: #27364b;
  border: 1px solid #e94335;
  border-radius: 50px;
  position: relative;
  z-index: 1
}

.votethankyou-section .vote-result .vote-progress-disagree button {
  align-items: center;
  background-color: #0000;
  border: 0;
  border-radius: 30px;
  display: flex;
  height: 50px;
  justify-content: center;
  margin: 0;
  padding: 0 16px;
  position: relative;
  z-index: 1
}

.votethankyou-section .vote-result .vote-progress-disagree .progress {
  background-color: #0000;
  height: 100%;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.votethankyou-section .vote-result .vote-progress-disagree .progress .progress-bar {
  background: #e94335;
  border-radius: 50px
}

.votethankyou-section .vote-result .vote-progress-disagree .progress span {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  right: 20px;
  top: 13px
}

.votethankyou-section .analusetoken-btn {
  background: #fd6519;
  border: 0;
  border-radius: 50px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-top: 40px;
  padding: 8px 30px
}

.analyser-container {
  align-items: end;
  border-radius: 24px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  position: fixed;
  right: 20px;
  z-index: 1000
}

@media screen and (max-width:1024px) {
  .analyser-container {
    display: none
  }
}

.analyser-box {
  align-items: center;
  background: #17202d;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  padding: 16px;
  position: relative;
  width: 260px
}

.analyser-box:after {
  animation: glowing 20s linear infinite;
  background: linear-gradient(45deg, #bc82f3, #f5b9ea, #8d99ff, #bc82f3, #ff6778, #ffba71, #bc82f3, #bc82f3, #f5b9ea);
  background-size: 400% 400%;
  border-radius: 16px;
  content: "";
  filter: blur(8px);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity .3s ease-in-out;
  width: 100%;
  z-index: -1
}

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

.token-row {
  align-items: center;
  background: #27364b;
  border-radius: 30px;
  cursor: pointer;
  display: flex;
  gap: 6px;
  justify-content: space-between;
  padding: 6px 6px 6px 13px
}

.token-row span {
  color: #fff;
  font-size: 13px
}

.token-row .token-button {
  align-items: center;
  background: #17202d;
  border: none;
  border-radius: 30px;
  color: #fff;
  cursor: pointer !important;
  display: flex;
  font-size: .9rem;
  gap: .5rem;
  padding: 3px 16px 3px 6px
}

.token-row .token-button img {
  height: 16px;
  width: 16px
}

.search-wrapper {
  position: relative;
  width: auto
}

.search-wrapper input {
  background: #27364b;
  border: 1px solid #1875f3;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  outline: none;
  padding: 10px 10px 10px 16px;
  transition: .3s ease-in-out;
  width: 100%
}

.search-wrapper input::placeholder {
  color: #5b708e
}

.search-wrapper input:focus {
  border: 1px solid #fd6519
}

.search-wrapper .search-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%)
}

.search-wrapper .search-icon svg {
  color: #888;
  height: 20px;
  width: 20px
}

.logo-section {
  cursor: pointer;
  gap: .5rem
}

.logo-section,
.logo-section .logo-icon {
  align-items: center;
  display: flex;
  position: relative
}

.logo-section .logo-icon {
  box-shadow: inset 0 0 30px #ffffff4d, 10px 20px 80px #7a21ed4d, -20px -20px 50px #2a5e8e80, 0 20px 30px #4064e44d;
  height: 44px;
  justify-content: center;
  width: 44px
}

.logo-section .logo-icon,
.logo-section .logo-icon:after {
  background: radial-gradient(189.21% 70.1% at 15.34% 39.06%, #8371f380 0, #459cec00 100%), radial-gradient(132.71% 129.73% at 63.64% -12.5%, #8528fb 0, #56544a1f 100%), radial-gradient(51.42% 94.92% at 19.32% 40.62%, #3b94f3 0, #1bc4c6e0 100%), radial-gradient(23.21% 114.66% at 43.75% -31.25%, #18111887 21.25%, #000 100%), #030303;
  border-radius: 50%
}

.logo-section .logo-icon:after {
  bottom: 0;
  content: "";
  filter: blur(8px);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity .3s ease;
  width: 100%;
  z-index: -1
}

.logo-section:hover .logo-icon:after {
  opacity: 1
}

.logo-section span {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px
}

@keyframes glowing {

  0%,
  to {
    background-position: 0 0
  }

  50% {
    background-position: 400% 0
  }
}

.spinner {
  animation: spin 1s linear infinite;
  border: 4px solid #ffffff4d;
  border-radius: 50%;
  border-top-color: #fff;
  height: 40px;
  width: 40px
}

.mini-spinner {
  animation: spin .8s linear infinite;
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top-color: #5b708e;
  height: 17px;
  width: 17px
}

.dark-container .body-container {
  background: #121822
}

.dark-container .main-bg {
  width: 100%
}

.dark-container .tier-head {
  background: #0e131a;
  padding: 20px
}

.dark-container .nft-tier {
  background-color: #142339;
  border-radius: 16px;
  margin: inherit;
  margin-top: 20px;
  max-width: 100%;
  min-height: calc(100vh - 180px);
  overflow: hidden;
  position: relative;
  width: 100%
}

.dark-container .nft-tier-header {
  align-items: center;
  column-gap: 15px;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  width: 100%
}

.dark-container .nft-tier-header h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px
}

.dark-container .nft-tier-header h1>img {
  height: 24px;
  margin-right: 10px;
  width: 24px
}

.dark-container .nft-tier-header p {
  color: #898d9e;
  font-size: 12px;
  margin-bottom: 0
}

.dark-container .nft-tier-header .btn-connect-wallet {
  background-color: #fd6519;
  font-size: 16px;
  font-weight: 500;
  line-height: 15px;
  min-height: 40px;
  padding: 7px 22px;
  white-space: nowrap
}

.dark-container .nft-tier-header .btn-connect-wallet:hover {
  background-color: #0000;
  border-color: #fd6519;
  color: #fd6519
}

.dark-container .nft-tier-header .wallet-connected {
  align-items: center;
  border: 1px solid #c7d0de;
  border-radius: 25px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  min-width: 147px;
  padding: 6.5px 14px
}

.dark-container .nft-tier-header .wallet-connected>img {
  height: 20px;
  width: 20px
}

.dark-container .nft-tier-header .wallet-connected>span {
  color: #6a6d7b;
  cursor: pointer;
  font-size: 14px;
  line-height: 15px
}

.dark-container .nft-tier .main-bg {
  width: 100%
}

.dark-container .nft-tier .tier-head {
  background: #0e131a;
  padding: 20px
}

.dark-container .nft-tier .nft-tier {
  background-color: #142339;
  border-radius: 16px;
  height: calc(100vh - 195px);
  margin: inherit;
  margin-top: 20px;
  max-height: -webkit-max-content;
  max-height: max-content;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}

.dark-container .nft-tier .nft-tier-header {
  align-items: center;
  column-gap: 15px;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  width: 100%
}

.dark-container .nft-tier .nft-tier-header h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px
}

.dark-container .nft-tier .nft-tier-header h1>img {
  height: 24px;
  margin-right: 10px;
  width: 24px
}

.dark-container .nft-tier .nft-tier-header p {
  color: #898d9e;
  font-size: 12px;
  margin-bottom: 0
}

.dark-container .nft-tier .nft-tier-header .btn-connect-wallet {
  background-color: #fd6519;
  font-size: 16px;
  font-weight: 500;
  line-height: 15px;
  min-height: 40px;
  padding: 7px 22px;
  white-space: nowrap
}

.dark-container .nft-tier .nft-tier-header .btn-connect-wallet:hover {
  background-color: #0000;
  border-color: #fd6519;
  color: #fd6519
}

.dark-container .nft-tier .nft-tier-header .wallet-connected {
  align-items: center;
  border: 1px solid #c7d0de;
  border-radius: 25px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  min-width: 147px;
  padding: 6.5px 14px
}

.dark-container .nft-tier .nft-tier-header .wallet-connected>img {
  height: 20px;
  width: 20px
}

.dark-container .nft-tier .nft-tier-header .wallet-connected>span {
  color: #6a6d7b;
  cursor: pointer;
  font-size: 14px;
  line-height: 15px
}

.dark-container .nft-tier .nft-tier-nav {
  padding: 0 20px;
  width: 100%
}

.dark-container .nft-tier .nft-tier-nav>.links {
  align-items: center;
  display: flex;
  gap: 8px
}

.dark-container .nft-tier .nft-tier-nav>.links li {
  padding: 10px 20px 0;
  position: relative
}

.dark-container .nft-tier .nft-tier-nav>.links li button {
  background-color: #0000;
  border: none;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 0 0 12px;
  position: relative;
  z-index: 0
}

.dark-container .nft-tier .nft-tier-nav>.links li button.active {
  font-weight: 500
}

.dark-container .nft-tier .nft-tier-nav>.links li button.active:after {
  background-color: #fc651b;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
  z-index: 1
}

.dark-container .nft-tier .nft-tier-nav>.links li.active {
  color: #fc651b;
  font-weight: 500
}

.dark-container .nft-tier .nft-tier-nav>.links li.active button {
  color: #fc651b !important
}

.dark-container .nft-tier .nft-tier-nav>.links li.active:after {
  background-color: #fc651b;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.dark-container .nft-tier .nft-tier-body {
  height: 100%;
  overflow-y: auto
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper {
  align-items: center;
  background-color: #142339;
  display: flex;
  padding: 20px
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul {
  align-items: center;
  display: flex;
  gap: 12px;
  grid-template-columns: repeat(6, 1fr);
  justify-content: space-between;
  width: 100%
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li {
  display: inline-block;
  width: 100%
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block {
  background-color: #1e314d;
  border-radius: 16px;
  cursor: pointer;
  padding: 1px
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block.disabled h4 {
  -webkit-text-fill-color: #0000;
  background: #787878;
  -webkit-background-clip: text;
  background-clip: text
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block.disabled .current-position {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #fff3;
  border: 1px solid #0000
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block-inner {
  background-color: #1e314d;
  border-radius: 16px;
  overflow: hidden;
  padding: 10px
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block-img {
  margin-bottom: 8px;
  position: relative;
  width: 100%
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block-img>img {
  border-radius: 10px;
  max-width: 100%;
  object-fit: cover;
  width: 100%
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block-img abbr.checked,
.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block-img abbr.locked {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  height: 30px;
  justify-content: center;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 30px
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block-img .current-position {
  background-color: #000000b3;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border: 1px solid #fff;
  border-radius: 25px;
  bottom: 15px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  padding: 2px 21px 2px 20px;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block h4 {
  -webkit-text-fill-color: #0000;
  background: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block.active {
  box-shadow: 0 10px 20px 0 #00000026;
  position: relative;
  z-index: 2
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block.active:before {
  background: linear-gradient(180deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.dark-container .nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block.active:after {
  background: #f86226;
  bottom: -15px;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  content: "";
  height: 11px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 21px
}

.dark-container .nft-tier .nft-tier-body .content-section {
  align-items: flex-start;
  display: flex;
  padding: 30px 20px 20px;
  width: 100%
}

.dark-container .nft-tier .nft-tier-body .content-section-left {
  flex: 0 0 56.61%;
  max-width: 56.61%;
  padding-right: 88px
}

.dark-container .nft-tier .nft-tier-body .content-section-left .title {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px
}

.dark-container .nft-tier .nft-tier-body .content-section-left .title>span {
  margin-left: 10px
}

.dark-container .nft-tier .nft-tier-body .content-section-left .img-wrapper {
  border-radius: 16px;
  overflow: hidden
}

.dark-container .nft-tier .nft-tier-body .content-section-left .img-wrapper>img {
  border-radius: 16px;
  max-width: 100%
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-list {
  margin-bottom: 20px
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-list li {
  color: #898d9e;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  padding-left: 20px;
  position: relative
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-list li span {
  font-weight: 700
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-list li:before {
  background-image: url(/static/media/flash.fa2f8e2b58ae06327c34.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 17px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 10px
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-block {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
  width: 100%
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-block h5 {
  color: #777a87;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-block h3 {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-block h3>img {
  margin: 0 5px;
  max-height: 14px
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec h6 {
  color: #898d9e;
  font-size: 14px;
  font-weight: 500
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec h3>span {
  color: #898d9e;
  font-size: 20px
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec .btn-wrapper {
  justify-content: flex-end
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec .btn-wrapper .btn {
  gap: 6px
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec .btn-wrapper .btn:disabled {
  background-color: #63728a;
  border-color: #63728a;
  color: #fff;
  cursor: auto;
  pointer-events: auto
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec .success-block {
  width: 100%
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section hr {
  border-color: #2d4363;
  opacity: 1
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .price-card {
  background: #1e314d;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 8px 16px;
  position: relative;
  z-index: 1
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .price-card:before {
  background: linear-gradient(270deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  border-radius: 8px;
  content: "";
  inset: 0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  padding: 1px;
  pointer-events: none;
  position: absolute;
  z-index: -1
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .price-card h5 {
  color: #3cbd51;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px
}

.dark-container .nft-tier .nft-tier-body .content-section-left .benefit-section .price-card p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0
}

.dark-container .nft-tier .nft-tier-body .content-section-left .success-block h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px
}

.dark-container .nft-tier .nft-tier-body .content-section-left .success-block .success-message {
  background-color: #daf1d3;
  border: 1px solid #33b70a;
  border-radius: 8px;
  display: block;
  margin-bottom: 10px;
  padding: 10px 16px;
  text-align: center
}

.dark-container .nft-tier .nft-tier-body .content-section-left .success-block .success-message>span {
  color: #33b70a;
  font-size: 14px
}

.dark-container .nft-tier .nft-tier-body .content-section-left .success-block p {
  color: #0009;
  font-size: 14px;
  margin-bottom: 0
}

.dark-container .nft-tier .nft-tier-body .content-section-right {
  flex: auto;
  margin-left: 47px;
  max-width: inherit
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section {
  background-color: #1e314d;
  border-radius: 16px;
  height: 100%;
  min-height: 391px;
  padding: 16px;
  width: 100%
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 6px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .update-para {
  margin-bottom: 20px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section p {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .not-eligible-sec {
  background-color: #fff;
  border-radius: 16px;
  margin: 0 auto;
  max-width: 420px;
  padding: 20px;
  text-align: center;
  width: 100%
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .not-eligible-sec h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .not-eligible-sec h5 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 auto 12px;
  max-width: 240px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .not-eligible-sec .btn-wrapper {
  justify-content: center
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block {
  align-items: flex-start;
  background-color: #fff;
  border-radius: 8px;
  column-gap: 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 16px 10px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block-list {
  height: 320px;
  overflow-y: auto;
  padding-right: 29px;
  width: 100%
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block-list::-webkit-scrollbar-thumb {
  background: #4b607e;
  border-radius: 10px;
  width: 3px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block-list::-webkit-scrollbar-track {
  background: #0000
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block.completed {
  background-color: #e5fee9
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .profile-block {
  border-radius: 4px;
  height: 28px;
  min-width: 28px;
  overflow: hidden;
  width: 28px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .profile-block>img {
  width: 100%
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .content-block {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-left-align {
  align-items: center;
  display: flex;
  gap: 10px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-left-align h6 {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-right-align {
  align-items: center;
  display: flex;
  font-size: 10px;
  gap: 28px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-right-align .swap-comp-count {
  color: #667085
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-right-align .swap-comp-count span {
  color: #000;
  font-weight: 500
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-right-align .swap-points-earned {
  align-items: center;
  color: #667085;
  display: flex;
  gap: 2px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-right-align .swap-points-earned span {
  align-items: center;
  color: #000;
  display: flex;
  font-weight: 500;
  gap: 2px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .content-block .flex-right-align .swap-points-earned span img {
  width: 11px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block {
  margin: 10px 0
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress {
  height: 2px;
  overflow: visible
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar {
  background-color: #3cbd51;
  overflow: visible;
  position: relative
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar>.pointer {
  background-color: #3cbd51;
  border-radius: 100%;
  height: 9px;
  position: absolute;
  right: -9px;
  top: -3.5px;
  width: 9px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar>.tooltip-block {
  background-color: #000;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  margin-top: 7px;
  padding: 1px 4px;
  position: absolute;
  right: -10px;
  top: 100%;
  transform: translate(50%)
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar>.tooltip-block.completed {
  background-color: #3cbd51
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar>.tooltip-block.start {
  background-color: #ff6717
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .upgrade-card {
  display: flex;
  flex-direction: column;
  gap: 10px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main {
  background-color: #142339;
  border-radius: 12px;
  padding: 10px 10px 10px 12px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-card {
  align-items: flex-start;
  display: flex;
  gap: 8px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-card .pro-content {
  gap: 32px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-card .pro-content .pro-text {
  width: calc(100% - 52px)
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-card .pro-content p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 2px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-card .pro-content p span {
  font-weight: 700
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-card .pro-content .slider-range {
  -webkit-appearance: none;
  background: #0000;
  border-radius: 3px;
  height: 2px;
  outline: none;
  transition: background .3s;
  width: 100%
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-card .pro-content .slider-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #3cbd51;
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 2px #0003;
  cursor: pointer;
  height: 9px;
  -webkit-transition: background .3s;
  transition: background .3s;
  width: 9px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-card .pro-content .slider-range::-moz-range-thumb {
  background: #3cbd51;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 9px;
  width: 9px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-card .pro-content .slider-range:active::-webkit-slider-thumb {
  background: #3cbd51
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-card .pro-content .chips {
  background: #fff;
  border-radius: 3px;
  color: #142339;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  padding: 2px 5px;
  width: -webkit-max-content;
  width: max-content
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-card .pro-content .progress {
  background: #43536b;
  left: 0;
  position: absolute;
  right: 0;
  top: -2px
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-pc {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: end
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-pc p {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main .progress-pc p span {
  color: #777a87
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main.completed {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #e5fee9
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main.completed .progress-card .pro-content p {
  color: #000;
  text-decoration: line-through
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main.completed .progress-card .pro-content .chips {
  background: #3cbd51;
  color: #fff
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main.completed .progress-pc p {
  color: #000
}

.dark-container .nft-tier .nft-tier-body .content-section-right .update-section .progress-main.start-playing .progress-card .pro-content .chips {
  background: #ff6717;
  color: #fff
}

.dark-container .nft-tier .nft-tier-only {
  height: 100%
}

.dark-container .nft-tier .nft-tier .btn-wrapper {
  align-items: center;
  column-gap: 14px;
  display: flex;
  width: 100%
}

.dark-container .nft-tier .nft-tier .btn-wrapper>.btn {
  align-items: center;
  border-radius: 35px;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  line-height: 14px;
  min-width: 120px;
  padding: 8px 18px
}

.dark-container .nft-tier .nft-tier .btn-wrapper>.btn.btn-outline-primary:hover img {
  filter: brightness(0) invert(1)
}

.dark-container .nft-tier .nft-tier .coins-poll {
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border-radius: 8px;
  margin-left: auto;
  max-width: 334px;
  padding: 8px 10px 12px;
  width: 100%
}

.dark-container .nft-tier .nft-tier .coins-poll p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px
}

.dark-container .nft-tier .nft-tier .coins-poll .count {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  margin-left: 16px;
  white-space: nowrap
}

.dark-container .nft-tier .nft-tier .coins-poll .progress-block {
  width: 100%
}

.dark-container .nft-tier .nft-tier .coins-poll .progress-block .progress {
  height: 2px;
  overflow: visible;
  width: 100%
}

.dark-container .nft-tier .nft-tier .coins-poll .progress-block .progress-bar {
  background-color: #ff0;
  overflow: visible;
  position: relative
}

.dark-container .nft-tier .nft-tier .coins-poll .progress-block .progress-bar>.pointer {
  background-color: #ff0;
  border-radius: 100%;
  height: 9px;
  position: absolute;
  right: -5px;
  top: -4px;
  width: 9px
}

.dark-container .nft-tier .nft-tier .coins-poll .btn-upgrade {
  align-items: center;
  background-color: #fff;
  border-radius: 25px;
  display: flex;
  font-size: 13px;
  line-height: 13px;
  margin-right: 16px;
  padding: 7px 12px
}

.dark-container .nft-tier .nft-tier .coins-poll .btn-upgrade .info-icon svg {
  fill: #898d9e;
  height: 16px;
  width: 16px
}

.dark-container .nft-tier .nft-tier .coins-poll .btn-upgrade:disabled {
  background-color: #fff;
  border: 1px solid #fff;
  color: #898d9e;
  cursor: auto;
  opacity: 1;
  pointer-events: auto
}

.dark-container .nft-tier .nft-tier .coins-poll .btn-upgrade:disabled>span {
  filter: grayscale(1)
}

.dark-container .nft-tier .nft-tier .coins-poll .activities-link {
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  text-decoration: underline
}

.dark-container .nft-tier .connect-wallet-popup {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9
}

.dark-container .nft-tier .connect-wallet-popup-inner {
  background-color: #fff;
  border-radius: 16px;
  max-width: 480px;
  padding: 50px 40px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 11
}

.dark-container .nft-tier .connect-wallet-popup-inner h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 20px auto;
  max-width: 80%
}

.dark-container .nft-tier .connect-wallet-popup-inner .close-modal {
  border-radius: 25px;
  color: #000;
  font-size: 12px;
  left: 10px;
  outline: none;
  position: absolute;
  top: 10px
}

.dark-container .nft-tier .connect-wallet-popup-inner .close-modal:hover {
  background-color: #898d9e1a
}

.dark-container .nft-tier .connect-wallet-popup-inner .close-modal:before {
  background-color: #ff1919;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 10px
}

.dark-container .nft-tier .connect-wallet-popup-inner .connect-btn {
  align-items: center;
  background-color: #eff1f8;
  border: 1px solid #eff1f8;
  border-radius: 8px;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  min-width: 180px;
  padding: 10px 18px
}

.dark-container .nft-tier .connect-wallet-popup-inner .logout-section h3 {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 25px
}

.dark-container .nft-tier .connect-wallet-popup-inner .logout-section .logout-actions {
  margin: 0 auto;
  max-width: 300px
}

.dark-container .nft-tier .connect-wallet-popup-inner .logout-section .logout-actions .wallet-block {
  align-items: center;
  background-color: #eff1f8;
  border-radius: 8px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 10px 20px;
  position: relative
}

.dark-container .nft-tier .connect-wallet-popup-inner .logout-section .logout-actions .wallet-block:hover {
  background-color: #e5eaff
}

.dark-container .nft-tier .connect-wallet-popup-inner .logout-section .logout-actions .wallet-block .connected-symbol {
  background-color: #3cbd51;
  border-radius: 100%;
  height: 8px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 8px;
  z-index: 0
}

.dark-container .nft-tier .connect-wallet-popup-inner .logout-section .logout-actions .wallet-block img {
  height: 20px;
  width: 20px
}

.dark-container .nft-tier .connect-wallet-popup-inner .logout-section .logout-actions .wallet-block span {
  color: #000;
  font-size: 14px;
  font-weight: 500
}

.dark-container .nft-tier .connect-wallet-popup-inner .logout-section .logout-btn {
  background-color: #0000;
  border: none
}

.dark-container .nft-tier .connect-wallet-popup .modal-overlay {
  background-color: #00000080;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.dark-container .nft-tier .upgrade-sidebar {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9
}

.dark-container .nft-tier .upgrade-sidebar-overlay {
  background-color: #000000b3;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.dark-container .nft-tier .upgrade-sidebar-body {
  background: #142339;
  height: 100%;
  max-width: 420px;
  overflow-y: auto;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3
}

.dark-container .nft-tier .upgrade-sidebar-body .btn-back {
  background: #0000;
  border: none
}

.dark-container .nft-tier .upgrade-sidebar-body .btn-back>img {
  height: 24px;
  width: 24px
}

.dark-container .nft-tier .upgrade-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  width: 100%
}

.dark-container .nft-tier .upgrade-inner .title {
  align-items: center;
  color: #fff;
  display: flex;
  margin-bottom: 20px
}

.dark-container .nft-tier .upgrade-inner .title h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  margin-left: 8px
}

.dark-container .nft-tier .upgrade-inner .upgrade-details-block {
  align-items: flex-start;
  display: flex;
  margin-bottom: 24px;
  width: 100%
}

.dark-container .nft-tier .upgrade-inner .upgrade-details-block .porfile-img {
  flex: 0 0 35%;
  max-width: 35%;
  position: relative
}

.dark-container .nft-tier .upgrade-inner .upgrade-details-block .porfile-img>img {
  border-radius: 16px
}

.dark-container .nft-tier .upgrade-inner .upgrade-details-block .porfile-img .caption {
  background-color: #fff;
  border-radius: 25px;
  bottom: -7px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .149);
  display: inline-block;
  left: 50%;
  padding: 4px 18px;
  position: absolute;
  transform: translateX(-50%)
}

.dark-container .nft-tier .upgrade-inner .upgrade-details-block .porfile-img .caption>abbr {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase
}

.dark-container .nft-tier .upgrade-inner .upgrade-details-block .benefits-section {
  flex: 0 0 65%;
  max-width: 65%;
  padding-left: 16px
}

.dark-container .nft-tier .upgrade-inner .upgrade-details-block .benefits-section h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px
}

.dark-container .nft-tier .upgrade-inner .upgrade-details-block .benefits-section h5 {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px
}

.dark-container .nft-tier .upgrade-inner .upgrade-details-block .benefits-section .benefits-list {
  padding-left: 20px;
  width: 100%
}

.dark-container .nft-tier .upgrade-inner .upgrade-details-block .benefits-section .benefits-list li {
  color: #898d9e;
  font-size: 12px;
  margin-bottom: 4px;
  position: relative
}

.dark-container .nft-tier .upgrade-inner .upgrade-details-block .benefits-section .benefits-list li .list-icon {
  height: 12px;
  left: -20px;
  position: absolute;
  top: 2px
}

.dark-container .nft-tier .upgrade-inner .nft-dropdown-section h6 {
  color: #fff;
  font-size: 12px;
  margin: 0 0 6px
}

.dark-container .nft-tier .upgrade-inner .nft-dropdown-section .note {
  color: #777a87;
  font-size: 12px
}

.dark-container .nft-tier .upgrade-inner .nft-dropdown-section .nft-dropdown {
  background-color: #324055;
  border-radius: 12px;
  margin-bottom: 10px;
  padding: 12px;
  width: 100%
}

.dark-container .nft-tier .upgrade-inner .nft-dropdown-section .nft-dropdown-block {
  align-items: center;
  background-color: #465366;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 6px;
  padding: 6px
}

.dark-container .nft-tier .upgrade-inner .nft-dropdown-section .nft-dropdown-block .droparrow {
  margin-bottom: 10px;
  margin-left: auto
}

.dark-container .nft-tier .upgrade-inner .nft-dropdown-section .nft-dropdown-block .profile-img {
  border-radius: 6px;
  height: 48px;
  overflow: hidden;
  width: 48px
}

.dark-container .nft-tier .upgrade-inner .nft-dropdown-section .nft-dropdown-block .content {
  margin-left: 8px
}

.dark-container .nft-tier .upgrade-inner .nft-dropdown-section .nft-dropdown-block .content h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px
}

.dark-container .nft-tier .upgrade-inner .nft-dropdown-section .nft-dropdown-block .content h5 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin: 0
}

.dark-container .nft-tier .upgrade-inner .nft-dropdown-section .nft-dropdown-block .content h5 strike {
  color: #c4c8d7;
  font-size: 12px
}

.dark-container .nft-tier .upgrade-inner .nft-dropdown-section .nft-dropdown-block .saveing-text {
  color: #3cbd51;
  font-size: 11px !important;
  margin: 0
}

.dark-container .nft-tier .upgrade-inner .upgrade-btn {
  font-size: 16px;
  padding: 10px
}

.dark-container .nft-tier .upgrade-inner .upgrade-btn img {
  margin-right: 6px
}

.dark-container .nft-tier .upgrade-inner .upgrade-btn:disabled {
  background-color: #777a87;
  border-color: #777a87
}

.dark-container .nft-tier .upgrade-inner .payable-section h6 {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 6px
}

.dark-container .nft-tier .upgrade-inner .payable-section-inner {
  align-items: center;
  background-color: #324055;
  border-radius: 12px;
  color: #fff;
  column-gap: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 12px
}

.dark-container .nft-tier .upgrade-inner .payable-section-inner h3 {
  font-size: 30px;
  font-weight: 500
}

.dark-container .nft-tier .upgrade-inner .payable-section-inner h6 {
  color: #667085;
  font-size: 12px
}

.dark-container .nft-tier .upgrade-inner .payable-section-inner .shuffle-icon {
  background-color: #0000;
  border: none
}

.dark-container .nft-tier .upgrade-inner .payable-section-inner .network-dropdown {
  align-items: center;
  background-color: #fff;
  background: #465366;
  border-radius: 16px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 12px
}

.dark-container .nft-tier .upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-icon {
  height: 36px;
  position: relative
}

.dark-container .nft-tier .upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-icon>img {
  height: 34px;
  width: 34px
}

.dark-container .nft-tier .upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-icon>abbr {
  bottom: 0;
  position: absolute;
  right: 0
}

.dark-container .nft-tier .upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-icon>abbr>img {
  height: 16px;
  width: 16px
}

.dark-container .nft-tier .upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-content h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 0
}

.dark-container .nft-tier .upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-content h6 {
  color: #ccd2de;
  font-size: 10px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70px
}

.dark-container .nft-tier .upgrade-inner .payable-section-inner .balance-text {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin: 5px 0 0;
  padding-right: 2px;
  text-align: right;
  width: 100%
}

.dark-container .nft-tier .upgrade-inner .payable-section-inner .balance-text>b {
  font-weight: 600
}

.dark-container .nft-tier .upgrade-inner .payable-section.upgrade .payable-section-inner h5 {
  font-size: 30px;
  margin-bottom: 0
}

.dark-container .nft-tier .upgrade-inner .payable-section.upgrade .payable-section-inner h6 {
  color: #000;
  margin-bottom: 0
}

.dark-container .nft-tier .upgrade-inner .payable-section.upgrade .payable-section-inner h6 b {
  font-weight: 600
}

.dark-container .nft-tier .upgrade-inner .payable-section.upgrade .payable-section-inner .network-dropdown-content h6 {
  width: 100px
}

.dark-container .nft-tier .upgrade-inner .payable-section.upgrade .payable-section-inner .network-dropdown-icon {
  align-items: center;
  background: linear-gradient(139.57deg, #ff6717 15.17%, #7900ff 85.06%);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  min-width: 36px;
  width: 36px
}

.dark-container .nft-tier .upgrade-inner .payable-section.upgrade .payable-section-inner .network-dropdown {
  width: 168px
}

.dark-container .nft-tier .upgrade-inner .approve-transfer {
  width: 100%
}

.dark-container .nft-tier .upgrade-inner .approve-transfer .approve-list {
  margin-bottom: 16px;
  padding-left: 35px;
  position: relative;
  width: 100%
}

.dark-container .nft-tier .upgrade-inner .approve-transfer .approve-list:before {
  border-left: 1px dashed #b2b1be;
  content: "";
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0;
  width: 100%
}

.dark-container .nft-tier .upgrade-inner .approve-transfer .approve-list li {
  align-items: center;
  color: #001a52;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
  width: 100%
}

.dark-container .nft-tier .upgrade-inner .approve-transfer .approve-list li:before {
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 50%;
  content: "";
  height: 20px;
  left: -34px;
  position: absolute;
  top: 0;
  width: 20px
}

.dark-container .nft-tier .upgrade-inner .approve-transfer .approve-list li:last-child {
  margin-bottom: 0
}

.dark-container .nft-tier .upgrade-inner .approve-transfer .approve-list li span.completed {
  left: -36px;
  position: absolute;
  top: -2px
}

.dark-container .nft-tier .upgrade-inner .approve-transfer .approve-list li span.completed>svg path {
  fill: #3cbd51
}

.dark-container .nft-tier .upgrade-inner .approve-transfer .approve-process-icons {
  align-items: center;
  display: flex;
  height: 150px;
  justify-content: center;
  margin-bottom: 40px;
  width: 100%
}

.dark-container .nft-tier .upgrade-inner .approve-transfer .approve-process-icons .processing-gif {
  text-align: center;
  width: 100px
}

.dark-container .nft-tier .upgrade-inner .approve-transfer .approve-process-icons .processing-gif svg {
  animation: svg-animation 2s linear infinite;
  max-width: 100px
}

.dark-container .nft-tier .upgrade-inner .approve-transfer .approve-process-icons .processing-gif circle {
  fill: #0000;
  stroke: #156de9;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: 5px;
  animation: circle-animation 1.4s ease-in-out infinite both;
  display: block;
  transform-origin: 50% 50%
}

.dark-container .nft-tier .upgrade-inner .full-height {
  height: calc(100% - 54px);
  overflow-y: auto;
  padding-right: 5px
}

.dark-container .nft-tier .nft-nav-skeleton {
  display: flex;
  left: 0;
  width: 100%
}

.dark-container .nft-tier .l1x-nft-tier-main.nft-buy {
  background-color: #142339 !important
}

.dark-container .nft-tier .l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section,
.dark-container .nft-tier .l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft {
  background-color: #0000;
  border-radius: 0;
  height: 100%;
  overflow-y: auto;
  padding: 0;
  width: 100%
}

.dark-container .nft-tier .l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body,
.dark-container .nft-tier .l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body {
  height: auto;
  overflow: hidden;
  padding-right: 0
}

.dark-container .nft-tier .NoContent h4,
.dark-container .nft-tier .l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-head h4,
.dark-container .nft-tier .l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-head h4 {
  color: #fff
}

.dark-container .nft-tier .congratulations {
  background: linear-gradient(273deg, #7900ff 56.33%, #890ce2 60.93%, #a824ac 69.47%, #c2387f 78.67%, #d84959 87.21%, #e9563c 96.4%, #f55f27 104.94%, #fc651b 113.48%, #ff6717 122.02%);
  border-radius: 16px;
  display: flex;
  gap: 50px;
  justify-content: space-between;
  margin-bottom: 20px
}

.dark-container .nft-tier .kingbg {
  background: linear-gradient(273deg, #17ff70 56.33%, #9a17ff 122.02%)
}

.dark-container .nft-tier .mb-30 {
  margin-bottom: 30px
}

.dark-container .nft-tier .congratulations-inner {
  max-width: 230px;
  padding: 5px 0 5px 16px
}

.dark-container .nft-tier .queen-king {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #29394f;
  border-radius: 16px
}

.dark-container .nft-tier .congratulations h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  padding-bottom: 6px
}

.dark-container .nft-tier .congratulations p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  padding: 0
}

.dark-container .nft-tier .congratulations .queen-king p {
  color: #9ba2ba;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding-bottom: 10px
}

.dark-container .nft-tier .congratulations .queen-king {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #29394f;
  border-radius: 16px;
  display: flex;
  gap: 16px;
  padding: 10px
}

.dark-container .nft-tier .queenbtn {
  background: linear-gradient(270deg, #890ce2, #fc651b);
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 8px;
  padding: 4px 12px;
  text-transform: uppercase
}

.dark-container .nft-tier .upgradebtn {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  gap: 10px;
  justify-content: center;
  line-height: 16px;
  padding: 3px 30px
}

.dark-container .nft-tier .name-list {
  margin-bottom: 22px;
  transition: .6s ease
}

.dark-container .nft-tier .name-btn {
  align-items: center;
  border-radius: 8px;
  color: #000;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 65px;
  justify-content: center;
  line-height: 18px;
  padding: 13px 10px;
  text-align: center;
  width: 100%
}

.dark-container .nft-tier .name-list .btn-primary {
  display: none;
  margin-bottom: 3px;
  margin-top: 10px;
  transition: .6s ease
}

.dark-container .nft-tier .name-list:hover .btn-primary {
  border-radius: 30px;
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  padding: 5px 30px
}

.dark-container .nft-tier .name-list:hover {
  align-items: center;
  background: #304158;
  border-radius: 12px;
  box-shadow: 0 6px 15px 0 #00000026;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 9px
}

.dark-container .nft-tier .name-list-row {
  margin-bottom: 30px
}

.dark-container .nft-tier .name-list-row .col-md-2:first-child .name-btn {
  background: #ffe6ec
}

.dark-container .nft-tier .name-list-row .col-md-2:nth-child(2) .name-btn {
  background: #ccedff
}

.dark-container .nft-tier .name-list-row .col-md-2:nth-child(3) .name-btn {
  background: #d1c8e7
}

.dark-container .nft-tier .name-list-row .col-md-2:nth-child(4) .name-btn {
  background: #dbecc0
}

.dark-container .nft-tier .name-list-row .col-md-2:nth-child(5) .name-btn {
  background: #fed2b5
}

.dark-container .nft-tier .name-list-row .col-md-2:nth-child(6) .name-btn {
  background: #99d689
}

.dark-container .nft-tier .name-list-row .col-md-2:nth-child(7) .name-btn {
  background: #daddf0
}

.dark-container .nft-tier .name-list-row .col-md-2:nth-child(8) .name-btn {
  background: #ebeff2
}

.dark-container .nft-tier .name-list-row .col-md-2:nth-child(9) .name-btn {
  background: #f2e0d4
}

.dark-container .nft-tier .name-list-row .col-md-2:nth-child(10) .name-btn {
  background: #a0d9d3
}

.dark-container .nft-tier .name-list-row .col-md-2:nth-child(11) .name-btn {
  background: #f7efcb
}

.dark-container .nft-tier .name-list-row .col-md-2:nth-child(12) .name-btn {
  background: #90adbf
}

.dark-container .nft-tier .totalcount {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: normal
}

.dark-container .nft-tier .nft-list {
  align-items: center;
  background: none !important;
  border: 1px solid #43556d;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  padding: 9px !important;
  text-align: center;
  transition: .6s ease
}

.dark-container .nft-tier .nft-list img {
  width: 100%
}

.dark-container .nft-tier .nft-list:hover {
  border: 0
}

.dark-container .nft-tier .nft-list p {
  -webkit-text-stroke-width: .1px;
  -webkit-text-stroke-color: #43556d;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin: 10px 0 0;
  padding: 0
}

.dark-container .nft-tier .nft-list:hover {
  background: #304158 !important;
  border: 1px solid #304158 !important;
  box-shadow: 0 6px 15px 0 #00000026
}

.dark-container .nft-tier .nft-list:hover p {
  -webkit-text-stroke-width: 0
}

.dark-container>span {
  width: 100%
}

.dark-container .info-icon .react-tooltip-lite {
  border-radius: 8px;
  font-size: 10px
}

.dark-container .nft-buy {
  background-color: #eff1f8
}

.dark-container .nft-buy .nft-tier-header {
  background-color: #fff
}

.dark-container .nft-buy .nft-tier-body {
  padding: 16px 20px;
  width: 100%
}

.dark-container .nft-buy .nft-tier-body .congratulation-section {
  align-items: center;
  background: linear-gradient(273.4deg, #7900ff 56.33%, #890ce2 60.93%, #a824ac 69.47%, #c2387f 78.67%, #d84959 87.21%, #e9563c 96.4%, #f55f27 104.94%, #fc651b 113.48%, #ff6717 122.02%);
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-left {
  flex: 0 0 40%;
  max-width: 40%;
  padding: 5px 20px 5px 16px;
  width: 100%
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-left h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 5px
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-left p {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin: 0
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-left p>b {
  font-weight: 700
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-right {
  align-items: center;
  background-color: #fff;
  border-radius: 14px;
  display: flex;
  flex: 0 0 60%;
  justify-content: center;
  max-width: 60%;
  padding: 10px
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-right .profile-img {
  border-radius: 12px;
  height: 100px;
  min-width: 100px;
  overflow: hidden;
  width: 100px
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-right .profile-img>img {
  width: 100%
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section {
  padding-left: 16px
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section h3 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section p {
  color: #898d9e;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 10px
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section .btn-outline-primary {
  align-items: center;
  border-radius: 25px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  line-height: 12px;
  padding: 6px 26px
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section .btn-outline-primary>img {
  height: 12px;
  margin-right: 6px
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section .btn-outline-primary:hover>img {
  filter: brightness(0) invert(1)
}

.dark-container .nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section .btn-outline-primary:disabled {
  border-color: #777a87;
  color: #777a87
}

.dark-container .nft-buy .nft-tier-body .username-nft {
  background-color: #fff;
  border-radius: 16px;
  padding: 16px;
  width: 100%
}

.dark-container .nft-buy .nft-tier-body .username-nft-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.dark-container .nft-buy .nft-tier-body .username-nft-head h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.dark-container .nft-buy .nft-tier-body .username-nft-head h6 {
  color: #777a87;
  font-size: 12px;
  margin: 0
}

.dark-container .nft-buy .nft-tier-body .username-nft-body {
  overflow-y: auto;
  padding-right: 4px
}

.dark-container .nft-buy .nft-tier-body .username-nft-body ul.username-nft-list {
  grid-gap: 0 16px;
  display: grid;
  gap: 0 16px;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 50px
}

.dark-container .nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block {
  align-items: center;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px;
  position: relative;
  width: 100%
}

.dark-container .nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block:hover {
  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .149)
}

.dark-container .nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block:hover .abs-button {
  display: block
}

.dark-container .nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block-inner {
  border-radius: 10px;
  margin-bottom: 8px;
  padding: 20px;
  text-align: center;
  width: 100%;
  z-index: 2
}

.dark-container .nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block-inner h4 {
  color: #000;
  font-size: 14px;
  margin: 0
}

.dark-container .nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block .btn-outline-primary {
  border-radius: 25px;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 26px
}

.dark-container .nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block .abs-button {
  background: #fff;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  bottom: -10px;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .149);
  display: none;
  height: 50px;
  padding: 12px;
  position: absolute;
  text-align: center;
  top: 80%;
  width: 100%;
  z-index: 9
}

.dark-container .nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block .abs-button:disabled {
  background-color: #777a87;
  border-color: #777a87;
  color: #fff
}

.dark-container .nft-buy .nft-tier-body .nfts-section {
  background-color: #fff;
  border-radius: 16px;
  padding: 16px;
  width: 100%
}

.dark-container .nft-buy .nft-tier-body .nfts-section-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.dark-container .nft-buy .nft-tier-body .nfts-section-head h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.dark-container .nft-buy .nft-tier-body .nfts-section-head h6 {
  color: #777a87;
  font-size: 12px;
  margin: 0
}

.dark-container .nft-buy .nft-tier-body .nfts-section-body {
  overflow-y: auto;
  padding-right: 4px
}

.dark-container .nft-buy .nft-tier-body .nfts-section-body ul.nfts-list {
  grid-gap: 14px;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, 1fr)
}

.dark-container .nft-buy .nft-tier-body .nfts-section-body .nft-block {
  border: 1px solid #eff1f8;
  border-radius: 12px;
  height: 100%;
  padding: 8px;
  position: relative;
  text-align: center;
  width: 100%
}

.dark-container .nft-buy .nft-tier-body .nfts-section-body .nft-block:hover .abs-button {
  display: block
}

.dark-container .nft-buy .nft-tier-body .nfts-section-body .nft-block-inner img {
  border-radius: 8px;
  height: 87px;
  margin-bottom: 8px;
  object-fit: cover;
  width: 100%
}

.dark-container .nft-buy .nft-tier-body .nfts-section-body .nft-block-inner h4 {
  color: #000;
  font-size: 12px;
  font-weight: 500
}

.dark-container .nft-buy .nft-tier-body .nfts-section-body .nft-block .abs-button {
  background-color: #fff;
  border: 1px solid #eff1f8;
  border-radius: 0 0 12px 12px;
  border-top: none;
  bottom: -28px;
  display: none;
  left: 0;
  padding: 0 10px 10px;
  position: absolute;
  width: 100%;
  z-index: 2
}

.dark-container .nft-buy .nft-tier-body .nfts-section-body .nft-block .abs-button .btn-outline-primary {
  border-radius: 25px;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 26px
}

.dark-container .nft-buy .transfer-sidebar {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9
}

.dark-container .nft-buy .transfer-sidebar-overlay {
  background-color: #000000b3;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.dark-container .nft-buy .transfer-sidebar-body {
  background-color: #fff;
  height: 100%;
  max-width: 420px;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3
}

.dark-container .nft-buy .transfer-sidebar-body .btn-back {
  background: #0000;
  border: none
}

.dark-container .nft-buy .transfer-sidebar-body .btn-back>img {
  height: 24px;
  width: 24px
}

.dark-container .nft-buy .transfer-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  width: 100%
}

.dark-container .nft-buy .transfer-inner .title {
  align-items: center;
  display: flex;
  padding: 20px
}

.dark-container .nft-buy .transfer-inner .title h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  margin-left: 8px
}

.dark-container .nft-buy .transfer-inner .full-height {
  height: calc(100% - 54px);
  overflow-y: auto;
  padding-right: 5px
}

.dark-container .nft-buy .transfer-inner .full-height .nfts-transfer {
  align-items: center;
  background-color: #eff1f8;
  display: flex;
  justify-content: center;
  padding: 16px;
  width: 100%
}

.dark-container .nft-buy .transfer-inner .full-height .nfts-transfer-img {
  height: 135px;
  margin-right: 16px;
  width: 100%;
  width: 147px
}

.dark-container .nft-buy .transfer-inner .full-height .nfts-transfer-img img {
  border-radius: 8px;
  height: 135px;
  min-width: 147px;
  object-fit: cover;
  width: 100%
}

.dark-container .nft-buy .transfer-inner .full-height .nfts-transfer-content h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px
}

.dark-container .nft-buy .transfer-inner .full-height .nfts-transfer-content p {
  color: #64666f;
  font-size: 12px;
  margin: 0
}

.dark-container .nft-buy .transfer-inner .full-height .transfer-address {
  padding: 20px;
  width: 100%
}

.dark-container .nft-buy .transfer-inner .full-height .transfer-address p {
  color: #c3c3c3;
  font-size: 12px
}

.dark-container .nft-buy .transfer-inner .full-height .transfer-address .text-danger {
  color: red
}

.dark-container .nft-buy .transfer-inner .full-height .transfer-address .form-group {
  margin-bottom: 12px;
  width: 100%
}

.dark-container .nft-buy .transfer-inner .full-height .transfer-address .form-group label {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px
}

.dark-container .nft-buy .transfer-inner .full-height .transfer-address .form-group .form-control {
  border: 1px solid #c9cdd9;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 16px
}

.dark-container .nft-buy .transfer-inner .full-height .transfer-address .form-group .form-control::placeholder {
  color: #9499a8
}

.dark-container .nft-buy .transfer-inner .full-height .transfer-address .form-group .form-control:focus {
  box-shadow: none;
  outline: none
}

.dark-container .nft-buy .transfer-inner .full-height .username-transfer {
  align-items: center;
  background-color: #eff1f8;
  display: flex;
  height: 165px;
  justify-content: center;
  padding: 20px;
  width: 100%
}

.dark-container .nft-buy .transfer-inner .full-height .username-transfer .nft-block-inner {
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .149);
  min-width: 180px;
  padding: 20px;
  text-align: center;
  width: 100%
}

.dark-container .nft-buy .transfer-inner .full-height .username-transfer .nft-block-inner h4 {
  color: #000;
  font-size: 14px;
  margin: 0
}

.dark-container .nft-buy .transfer-inner .action {
  padding: 20px;
  width: 100%
}

.dark-container .nft-buy .transfer-inner .action .btn,
.dark-container .nft-buy .transfer-inner .approve-transfer {
  width: 100%
}

.dark-container .nft-buy .transfer-inner .approve-transfer .approve-list {
  margin-bottom: 16px;
  padding-left: 35px;
  position: relative;
  width: 100%
}

.dark-container .nft-buy .transfer-inner .approve-transfer .approve-list:before {
  border-left: 1px dashed #b2b1be;
  content: "";
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0;
  width: 100%
}

.dark-container .nft-buy .transfer-inner .approve-transfer .approve-list li {
  align-items: center;
  color: #001a52;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
  width: 100%
}

.dark-container .nft-buy .transfer-inner .approve-transfer .approve-list li:before {
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 50%;
  content: "";
  height: 20px;
  left: -34px;
  position: absolute;
  top: 0;
  width: 20px
}

.dark-container .nft-buy .transfer-inner .approve-transfer .approve-list li:last-child {
  margin-bottom: 0
}

.dark-container .nft-buy .transfer-inner .approve-transfer .approve-list li span.completed {
  left: -36px;
  position: absolute;
  top: -2px
}

.dark-container .nft-buy .transfer-inner .approve-transfer .approve-list li span.completed>svg path {
  fill: #3cbd51
}

.dark-container .nft-buy .transfer-inner .approve-transfer .approve-process-icons {
  align-items: center;
  display: flex;
  height: 150px;
  justify-content: center;
  margin-bottom: 40px;
  width: 100%
}

.dark-container .nft-buy .transfer-inner .approve-transfer .approve-process-icons .processing-gif {
  text-align: center;
  width: 100px
}

.dark-container .nft-buy .transfer-inner .approve-transfer .approve-process-icons .processing-gif svg {
  animation: svg-animation 2s linear infinite;
  max-width: 100px
}

.dark-container .nft-buy .transfer-inner .approve-transfer .approve-process-icons .processing-gif circle {
  fill: #0000;
  stroke: #156de9;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: 5px;
  animation: circle-animation 1.4s ease-in-out infinite both;
  display: block;
  transform-origin: 50% 50%
}

.dark-container .nft-tier-mint.burn-confirmation {
  left: 0;
  width: 100%
}

.dark-container .eligibility {
  height: 100%;
  overflow-y: auto
}

.dark-container .eligibility .nft-tier-header {
  display: none !important
}

.dark-container .eligibility .burn-confirmation {
  left: 0;
  width: 100%
}

.dark-container .eligibility .l1x-nft-tier-main.nft-buy {
  background-color: #142339 !important
}

.dark-container .eligibility .l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section,
.dark-container .eligibility .l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft {
  background-color: #0000;
  border-radius: 0;
  height: 100%;
  overflow-y: auto;
  padding: 0;
  width: 100%
}

.dark-container .eligibility .l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body,
.dark-container .eligibility .l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body {
  height: auto;
  overflow: hidden;
  padding-right: 0
}

.dark-container .eligibility .NoContent h4,
.dark-container .eligibility .l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-head h4,
.dark-container .eligibility .l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-head h4 {
  color: #fff
}

.dark-container .eligibility .congratulations {
  background: linear-gradient(273deg, #7900ff 56.33%, #890ce2 60.93%, #a824ac 69.47%, #c2387f 78.67%, #d84959 87.21%, #e9563c 96.4%, #f55f27 104.94%, #fc651b 113.48%, #ff6717 122.02%);
  border-radius: 16px;
  display: flex;
  gap: 50px;
  justify-content: space-between;
  margin-bottom: 20px
}

.dark-container .eligibility .kingbg {
  background: linear-gradient(273deg, #17ff70 56.33%, #9a17ff 122.02%)
}

.dark-container .eligibility .mb-30 {
  margin-bottom: 30px
}

.dark-container .eligibility .congratulations-inner {
  max-width: 230px;
  padding: 5px 0 5px 16px
}

.dark-container .eligibility .queen-king {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #29394f;
  border-radius: 16px
}

.dark-container .eligibility .congratulations h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  padding-bottom: 6px
}

.dark-container .eligibility .congratulations p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  padding: 0
}

.dark-container .eligibility .congratulations .queen-king p {
  color: #9ba2ba;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding-bottom: 10px
}

.dark-container .eligibility .congratulations .queen-king {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #29394f;
  border-radius: 16px;
  display: flex;
  gap: 16px;
  padding: 10px
}

.dark-container .eligibility .queenbtn {
  background: linear-gradient(270deg, #890ce2, #fc651b);
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 8px;
  padding: 4px 12px;
  text-transform: uppercase
}

.dark-container .eligibility .upgradebtn {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  gap: 10px;
  justify-content: center;
  line-height: 16px;
  padding: 3px 30px
}

.dark-container .eligibility .name-list {
  margin-bottom: 22px;
  transition: .6s ease
}

.dark-container .eligibility .name-btn {
  align-items: center;
  border-radius: 8px;
  color: #000;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 65px;
  justify-content: center;
  line-height: 18px;
  padding: 13px 10px;
  text-align: center;
  width: 100%
}

.dark-container .eligibility .name-list .btn-primary {
  display: none;
  margin-bottom: 3px;
  margin-top: 10px;
  transition: .6s ease
}

.dark-container .eligibility .name-list:hover .btn-primary {
  border-radius: 30px;
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  padding: 5px 30px
}

.dark-container .eligibility .name-list:hover {
  align-items: center;
  background: #304158;
  border-radius: 12px;
  box-shadow: 0 6px 15px 0 #00000026;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 9px
}

.dark-container .eligibility .name-list-row {
  margin-bottom: 30px
}

.dark-container .eligibility .name-list-row .col-md-2:first-child .name-btn {
  background: #ffe6ec
}

.dark-container .eligibility .name-list-row .col-md-2:nth-child(2) .name-btn {
  background: #ccedff
}

.dark-container .eligibility .name-list-row .col-md-2:nth-child(3) .name-btn {
  background: #d1c8e7
}

.dark-container .eligibility .name-list-row .col-md-2:nth-child(4) .name-btn {
  background: #dbecc0
}

.dark-container .eligibility .name-list-row .col-md-2:nth-child(5) .name-btn {
  background: #fed2b5
}

.dark-container .eligibility .name-list-row .col-md-2:nth-child(6) .name-btn {
  background: #99d689
}

.dark-container .eligibility .name-list-row .col-md-2:nth-child(7) .name-btn {
  background: #daddf0
}

.dark-container .eligibility .name-list-row .col-md-2:nth-child(8) .name-btn {
  background: #ebeff2
}

.dark-container .eligibility .name-list-row .col-md-2:nth-child(9) .name-btn {
  background: #f2e0d4
}

.dark-container .eligibility .name-list-row .col-md-2:nth-child(10) .name-btn {
  background: #a0d9d3
}

.dark-container .eligibility .name-list-row .col-md-2:nth-child(11) .name-btn {
  background: #f7efcb
}

.dark-container .eligibility .name-list-row .col-md-2:nth-child(12) .name-btn {
  background: #90adbf
}

.dark-container .eligibility .totalcount {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: normal
}

.dark-container .eligibility .nft-list .name-btn {
  background: none !important;
  border: 1px solid #43556d;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 9px !important
}

.dark-container .eligibility .nft-list .name-btn img {
  max-width: 100%
}

.dark-container .eligibility .nft-list:hover .name-btn {
  border: 0;
  padding: 0
}

.dark-container .eligibility .nft-list p {
  -webkit-text-stroke-width: .1px;
  -webkit-text-stroke-color: #43556d;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin: 10px 0 0;
  padding: 0
}

.dark-container .eligibility .nft-list:hover {
  background: #304158;
  border-radius: 12px;
  box-shadow: 0 6px 15px 0 #00000026
}

.dark-container .eligibility .nft-list .name-list .btn-primary {
  margin-top: 0
}

.dark-container .eligibility .nft-list:hover p {
  -webkit-text-stroke-width: 0
}

.dark-container body .l1x-nft-tier-main.nft-buy .nft-tier-body .username_l1x_block .nfts-section,
.dark-container body .l1x-nft-tier-main.nft-buy .nft-tier-body .username_l1x_block .username-nft {
  height: 100% !important
}

@media screen and (max-width:1300px) {
  .dark-container .dark-container .eligibility .congratulations {
    gap: 10px
  }

  .dark-container .dark-container .eligibility .congratulations h4 {
    font-size: 18px
  }

  .dark-container .dark-container .eligibility .congratulations p {
    font-size: 13px
  }

  .dark-container .dark-container .eligibility .congratulations .queen-king p {
    font-size: 10px
  }

  .dark-container .dark-container .eligibility .upgradebtn {
    padding: 3px 15px
  }
}

@media screen and (max-width:1199px) {

  .dark-container .nft-tier .btn-connect-wallet,
  .dark-container .nft-tier .nft-tier-header .btn-leaderboard {
    font-size: 12px;
    line-height: 12px;
    padding: 7px 18px
  }

  .dark-container .nft-tier-body .nav-wrapper>ul li .nav-block-inner {
    padding: 5px
  }

  .dark-container .nft-tier-body .nav-wrapper>ul li .nav-block h4 {
    font-size: 14px
  }

  .dark-container .nft-tier-body .content-section-left .benefit-section .benefit-list li,
  .dark-container .nft-tier-body .content-section-left .benefit-section .success-block p {
    font-size: 12px
  }

  .dark-container .nft-tier-body .content-section-left .benefit-section .success-block .success-message {
    padding: 8px 16px
  }

  .dark-container .nft-tier-body .content-section-left .benefit-section .success-block .success-message>span {
    font-size: 12px
  }

  .dark-container .nft-tier-body .content-section-left .benefit-section .price-sec h3 {
    font-size: 20px
  }

  .dark-container .nft-tier-body .content-section-left .benefit-section .price-sec h3>span,
  .dark-container .nft-tier-body .content-section-right .update-section h3 {
    font-size: 16px
  }

  .dark-container .nft-tier-body .content-section-right .update-section p {
    font-size: 12px
  }

  .dark-container .nft-tier .btn-wrapper>.btn {
    font-size: 12px;
    line-height: 12px;
    padding: 10px
  }
}

.dark-container .blurred {
  filter: blur(3px)
}

.dark-container .tier-info-content {
  background: #fff !important;
  border-radius: 12px;
  overflow: hidden;
  padding: 1px;
  position: relative;
  z-index: 2
}

.dark-container .tier-info-content h4 {
  color: #3cbd51;
  font-size: 20px;
  font-weight: 600
}

.dark-container .tier-info-content p {
  color: #fff;
  font-size: 14px
}

.dark-container .tier-info-content .tier-img {
  width: 40px
}

.dark-container .tier-info-content:before {
  background: linear-gradient(180deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.dark-container .tier-info-content .tier-nft-inside {
  background: #1e314d;
  border-radius: 12px;
  padding: 16px
}

.dark-container .tier-info-content .tier-nft-inside h4 {
  font-size: 16px !important
}

.dark-container .swap-count-with-points {
  background: #142339
}

.dark-container .swap-count-with-points .swapCount {
  color: #fff
}

.dark-container .swap-count-with-points .swapCount .countIcon {
  background: #2b7adf
}

.dark-container .swap-count-with-points .swapCount .countIcon.star {
  background: #e1c914
}

.dark-container .swap-count-with-points .swapCount .title {
  font-size: 14px !important;
  margin-bottom: 0
}

.dark-container .swap-count-with-points .swapCount .value {
  font-size: 20px !important;
  font-weight: 600;
  margin-bottom: 0
}

.dark-container .nft-tier-nav {
  background: #0000;
  border-bottom: 1px solid #27364b !important
}

.dark-container .nft-tier-nav li button {
  color: #fff !important
}

.dark-container .nft-tier-nav li.active {
  border-bottom: 2px solid #ff6d14
}

.dark-container .nft-tier-nav li.active button {
  color: #ff6d14 !important
}

.points-and-count {
  background: #1e314d;
  border-radius: 16px;
  color: #fff;
  padding: 16px
}

.points-and-count p {
  font-size: 16px
}

.points-and-count .points-count,
.points-and-count .swap-count {
  align-items: center;
  background: #0e131a;
  border-radius: 12px 0 0 12px;
  display: flex;
  gap: 16px;
  padding: 24px;
  width: 50%
}

.points-and-count .points-count img,
.points-and-count .swap-count img {
  width: 40px
}

.points-and-count .points-count p,
.points-and-count .swap-count p {
  font-size: 13px;
  margin-bottom: 2px
}

.points-and-count .points-count h4,
.points-and-count .swap-count h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0
}

.points-and-count .points-count {
  background: #142339;
  border-radius: 0 12px 12px 0
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcpoints p {
  color: #6a6d7b
}

.dark-container .nft-tier-activities-body-right {
  overflow-y: hidden
}

.dark-container .nft-tier-activities-body-right .activities-header h3 {
  padding-left: 16px
}

.dark-container .nft-tier-activities-body-right .activities-body .myactivity-nft-header {
  border-bottom: 1px solid #2f4058;
  margin-bottom: 30px
}

.dark-container .nft-tier-activities-body-right .activities-body .myactivity-nft-header .myactivity-nft-links li {
  display: inline
}

.dark-container .nft-tier-activities-body-right .activities-body .myactivity-nft-header .myactivity-nft-links li button {
  background: none;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  padding: 10px 17px;
  position: relative
}

.dark-container .nft-tier-activities-body-right .activities-body .myactivity-nft-header .myactivity-nft-links li button.active {
  color: #fc651b
}

.dark-container .nft-tier-activities-body-right .activities-body .myactivity-nft-header .myactivity-nft-links li button.active:after {
  background-color: #fc651b;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.dark-container .activities-profile>.profile-img {
  margin: 0 auto 20px;
  overflow: hidden
}

.dark-container .activities-profile .stats {
  margin-bottom: 5px
}

.dark-container .activities-profile .stats>div h3 {
  color: #fff;
  font-size: 16px
}

.nft-leaderboard-main {
  background-color: #eff1f8;
  height: calc(100% - 102px);
  margin: 0 auto;
  max-width: 1280px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.nft-leaderboard-main-header {
  align-items: flex-start;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 16px 20px
}

.nft-leaderboard-main-header h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0
}

.nft-leaderboard-main-header h1>img {
  height: 24px;
  margin-right: 8px;
  width: 24px
}

.nft-leaderboard-main-header .notification {
  align-items: flex-start;
  background-color: #eff1f8;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  max-width: 480px;
  padding: 12px 16px;
  width: 100%
}

.nft-leaderboard-main-header .notification>div {
  padding-right: 15px
}

.nft-leaderboard-main-header .notification>div h4 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0
}

.nft-leaderboard-main-header .notification>div p {
  font-size: 14px;
  margin-bottom: 0
}

.nft-leaderboard-main-header .notification .btn-primary {
  font-size: 13px;
  line-height: 13px;
  padding: 8px 16px
}

.nft-leaderboard-main-body {
  height: 100%;
  overflow-y: auto;
  padding: 16px 50px 16px 16px;
  width: 100%
}

.nft-leaderboard-main-body .title-section {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 12px 0
}

.nft-leaderboard-main-body .title-section h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.nft-leaderboard-main-body .title-section .actions {
  display: flex;
  gap: 16px
}

.nft-leaderboard-main-body .title-section .serach-wrapper {
  min-width: 320px;
  position: relative;
  width: 100%
}

.nft-leaderboard-main-body .title-section .serach-wrapper input {
  border: 1px solid #d1d3df;
  border-radius: 30px;
  font-size: 12px;
  padding: 8px 35px 8px 15px;
  width: 100%
}

.nft-leaderboard-main-body .title-section .serach-wrapper input:focus {
  outline: none
}

.nft-leaderboard-main-body .title-section .serach-wrapper button {
  background-color: #0000;
  border: none;
  position: absolute;
  right: 10px;
  top: 5px
}

.nft-leaderboard-main-body .title-section .filter-btn {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d1d3df;
  border-radius: 25px;
  display: flex;
  padding: 0 0 0 12px
}

.nft-leaderboard-main-body .title-section .filter-btn h4 {
  font-size: 14px;
  margin-bottom: 0;
  padding: 0 15px 0 10px;
  white-space: nowrap
}

.nft-leaderboard-main-body .title-section .filter-btn .dropdown {
  display: block;
  min-width: 100px;
  width: 100%
}

.nft-leaderboard-main-body .title-section .filter-btn .dropdown>.btn {
  background-color: #f0f1f6;
  border: none;
  border-radius: 0 25px 25px 0;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: space-between;
  min-width: 100px;
  padding: 7px 15px;
  text-align: left;
  width: 100%
}

.nft-leaderboard-main-body .title-section .filter-btn .dropdown>.btn:focus {
  outline: none
}

.nft-leaderboard-main-body .title-section .filter-btn .dropdown-menu {
  border-radius: 16px
}

.nft-leaderboard-main-body .title-section .filter-btn .dropdown-menu li a {
  font-size: 12px
}

.nft-leaderboard-main-body .title-section .view-toggler {
  align-items: center;
  background-color: #fff;
  border-radius: 25px;
  display: inline-flex;
  min-width: 98px;
  overflow: hidden;
  width: 98px
}

.nft-leaderboard-main-body .title-section .view-toggler li button {
  background-color: #0000;
  border: none;
  padding: 7px 11px
}

.nft-leaderboard-main-body .title-section .view-toggler li button img {
  filter: brightness(0) invert(0);
  width: 16px
}

.nft-leaderboard-main-body .title-section .view-toggler li button.active {
  background-color: #2d2468
}

.nft-leaderboard-main-body .title-section .view-toggler li button.active img {
  filter: brightness(1) invert(1)
}

.nft-leaderboard-main-body .title-section .view-toggler li:first-child button {
  padding-left: 22px
}

.nft-leaderboard-main-body .title-section .view-toggler li:nth-child(2) button {
  padding-right: 22px
}

.nft-leaderboard-main-body .grid-wrapper {
  grid-gap: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(5, minmax(0, 1fr))
}

.nft-leaderboard-main-body .grid-wrapper li {
  display: block
}

.nft-leaderboard-main-body .grid-wrapper li .leaders-block {
  background-color: #fff;
  border-radius: 16px;
  height: auto;
  padding: 10px;
  width: 100%
}

.nft-leaderboard-main-body .grid-wrapper li .leaders-block .profile-img {
  border-radius: 12px;
  height: auto;
  margin-bottom: 10px;
  max-height: 220px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.nft-leaderboard-main-body .grid-wrapper li .leaders-block .profile-img .type-text {
  background-color: #fff;
  border-radius: 25px;
  bottom: 15px;
  left: 50%;
  padding: 2px 10px;
  position: absolute;
  transform: translateX(-50%)
}

.nft-leaderboard-main-body .grid-wrapper li .leaders-block .profile-img .type-text>abbr {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase
}

.nft-leaderboard-main-body .grid-wrapper li .leaders-block .address {
  align-items: center;
  color: #212465;
  display: flex;
  font-size: 13px;
  margin-bottom: 10px
}

.nft-leaderboard-main-body .grid-wrapper li .leaders-block .address .profile-icon {
  border-radius: 100%;
  display: block;
  height: 20px;
  line-height: 0;
  margin-right: 6px;
  min-width: 20px;
  overflow: hidden;
  width: 20px
}

.nft-leaderboard-main-body .grid-wrapper li .leaders-block .address .copy {
  margin-left: 6px
}

.nft-leaderboard-main-body .grid-wrapper li .leaders-block .address .copy svg {
  max-height: 16px
}

.nft-leaderboard-main-body .grid-wrapper li .leaders-block .leaders-details h4 {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 0
}

.nft-leaderboard-main-body .grid-wrapper li .leaders-block .leaders-details h4 img {
  height: 14px;
  margin-right: 6px
}

.nft-leaderboard-main-body .grid-wrapper li .leaders-block .leaders-details h6 {
  color: #212465;
  font-size: 14px;
  margin-bottom: 0
}

.nft-leaderboard-main-body .card-list {
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  gap: 20px;
  padding: 12px
}

.nft-leaderboard-main-body .card-list .image {
  border-radius: 12px;
  height: 140px;
  max-width: 140px;
  object-fit: cover;
  overflow: hidden;
  position: relative
}

.nft-leaderboard-main-body .card-list .image .img-label {
  backdrop-filter: blur(10.9px);
  -webkit-backdrop-filter: blur(10.9px);
  background-color: #ffffffe8;
  border-radius: 16px;
  bottom: 20px;
  display: inline-block;
  left: 0;
  margin: 0 auto;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  padding: 3px 20px;
  position: absolute;
  right: 0;
  width: auto
}

.nft-leaderboard-main-body .card-list .image .img-label span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff, #ff6717);
  -webkit-background-clip: text;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase
}

.nft-leaderboard-main-body .card-list .image img {
  height: 100%;
  max-width: 100%;
  width: 100%
}

.nft-leaderboard-main-body .card-list .font-12 {
  color: #777a87;
  font-size: 12px
}

.nft-leaderboard-main-body .card-list .font-12 span {
  font-weight: 600
}

.nft-leaderboard-main-body .card-list hr {
  border-top: 1px solid #898d9e;
  margin: 12px 0
}

.nft-leaderboard-main-body .card-list .points {
  display: flex;
  font-size: 14px;
  font-weight: 700;
  gap: 10px;
  margin-bottom: 10px;
  width: 100%
}

.nft-leaderboard-main-body .card-list .link {
  color: #ff6717;
  cursor: pointer;
  display: block;
  font-size: 12px;
  text-decoration: underline
}

.nft-leaderboard-main-body .card-list .kings-text {
  font-size: 20px;
  font-weight: 700
}

.nft-leaderboard-main-body .card-list .kings-text>span {
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 400
}

.nft-leaderboard-main-body .card-list .btn-nft {
  background-color: #fff;
  border: 1px solid #ff6717;
  border-radius: 30px;
  color: #ff6717;
  display: inline-block;
  font-size: 14px;
  margin-top: 10px;
  padding: 6px 24px
}

.nft-leaderboard-main-body .nft-table {
  background-color: #fff;
  border-radius: 16px;
  height: calc(100% - 85px);
  margin-top: 20px;
  overflow-y: auto;
  padding: 20px
}

.nft-leaderboard-main-body .nft-table .tableheader {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.nft-leaderboard-main-body .nft-table .tableheader h2 {
  font-size: 20px;
  font-weight: 600
}

.nft-leaderboard-main-body .nft-table .tableheader .searchbox {
  min-width: 350px
}

.nft-leaderboard-main-body .nft-table .tableheader .searchbox input {
  background-image: url(/static/media/search.7635cba15e0e3625f042.svg);
  background-position: 96% 4px;
  background-repeat: no-repeat;
  border: 1px solid #d1d3df;
  border-radius: 30px;
  height: 32px;
  outline: none;
  padding: 4px 35px 4px 10px;
  width: 100%
}

.nft-leaderboard-main-body .nft-table .tableheader .flex {
  align-items: center;
  border: 1px solid #d1d3df;
  border-radius: 30px;
  display: flex;
  gap: 10px;
  height: 32px;
  padding-left: 15px
}

.nft-leaderboard-main-body .nft-table .tableheader .label-filter {
  white-space: nowrap
}

.nft-leaderboard-main-body .nft-table .tableheader .selectbox {
  background-color: #f0f1f6;
  border-radius: 0 30px 30px 0;
  overflow: hidden;
  width: 100%
}

.nft-leaderboard-main-body .nft-table .tableheader .selectbox select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #f0f1f6;
  background-image: url(/static/media/chevron-down.398ede9f823cc77506c8.svg);
  background-position: 96% 4px;
  background-repeat: no-repeat;
  border: none;
  height: 30px;
  min-width: 100%;
  outline: none;
  padding: 2px 40px 2px 20px;
  width: 100%
}

.nft-leaderboard-main-body .nft-table .tableheader .flexdiv {
  display: flex;
  gap: 20px;
  justify-content: end
}

.nft-leaderboard-main-body .nft-table .divtable {
  border-spacing: 0 10px;
  display: table;
  width: 100%
}

.nft-leaderboard-main-body .nft-table .divtable .divrow,
.nft-leaderboard-main-body .nft-table .divtable .headrow {
  display: table-row;
  width: 100%
}

.nft-leaderboard-main-body .nft-table .divtable .divrow {
  background-color: #eff1f8
}

.nft-leaderboard-main-body .nft-table .divtable .active,
.nft-leaderboard-main-body .nft-table .divtable .divrow:hover {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 15px #00000040;
  outline: 1px solid #ef5b32
}

.nft-leaderboard-main-body .nft-table .divtable .active .divcell {
  position: relative
}

.nft-leaderboard-main-body .nft-table .divtable .active .divcell:first-child {
  background: linear-gradient(270deg, #7900ff, #ff6717);
  background-color: #fff;
  color: #fff
}

.nft-leaderboard-main-body .nft-table .divtable .active .divcell .tag-you {
  align-items: center;
  background-color: #fff;
  border-radius: 30px;
  color: #000;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 14px;
  width: 44px
}

.nft-leaderboard-main-body .nft-table .divtable .divcell {
  align-items: center;
  display: table-cell;
  padding: 10px
}

.nft-leaderboard-main-body .nft-table .divtable .headrow .divcell {
  background-color: #fff;
  font-weight: 500
}

.nft-leaderboard-main-body .nft-table .divtable .divcell:first-child {
  border-radius: 8px 0 0 8px
}

.nft-leaderboard-main-body .nft-table .divtable .divcell:last-child {
  border-radius: 0 8px 8px 0
}

.nft-leaderboard-main-body .nft-table .divtable .points-tbl {
  align-items: center;
  display: flex;
  gap: 5px
}

.nft-leaderboard-main-body .nft-table .divtable .points-tbl img {
  vertical-align: top
}

.nft-leaderboard-main-body .nft-table .divtable .activities {
  background-color: #fff;
  border-radius: 30px;
  color: #156ae2;
  display: inline-block;
  font-weight: 500;
  padding: 3px 15px
}

.nft-leaderboard-main-body .nft-table .divtable .flex-king {
  align-items: center;
  display: flex;
  gap: 8px
}

.nft-leaderboard-main-body .view-porfile-btn {
  background-color: #ff6717;
  border: 1px solid #ff6717;
  border-radius: 9px 9px 0 0;
  color: #fff;
  padding: 7px 20px;
  position: absolute;
  right: 18px;
  top: 35%;
  transform: rotate(-90deg);
  transform-origin: center right
}

.nft-leaderboard-main-body .view-porfile-btn:hover {
  opacity: .7
}

.nft-leaderboard-main-body .NoContent {
  height: auto
}

.viewmore-block {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 25px 0;
  position: relative;
  width: 100%
}

.viewmore-block:after {
  background-color: #d3d3d3;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 17px;
  width: 100%;
  z-index: 0
}

.viewmore-block>.btn {
  font-size: 14px;
  padding: 5px 25px;
  position: relative;
  z-index: 1
}

.viewmore-block>.btn:hover {
  background-color: #fff;
  border-color: #ff6717;
  color: #ff6717
}

.viewmore-block.list {
  margin: 10px 0 0
}

.viewmore-block.list:after {
  display: none
}

.custom-pagination {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 20px 0 0
}

.custom-pagination .pagination {
  gap: 5px;
  padding: 0
}

.custom-pagination .pagination .page-item .page-link {
  align-items: center;
  border-radius: 8px;
  color: #344054;
  display: flex;
  font-size: 14px;
  height: 32px;
  justify-content: center;
  padding: 5px;
  text-align: center;
  width: 32px
}

.custom-pagination .pagination .page-item .page-link:hover {
  background-color: #ff6717;
  border-color: #ff6717;
  color: #fff
}

.custom-pagination .pagination .page-item .page-link>svg {
  fill: #344054;
  cursor: pointer;
  height: 20px;
  width: 20px
}

.custom-pagination .pagination .page-item .page-link.icon {
  padding: 5px
}

.custom-pagination .pagination .page-item .page-link.icon:hover {
  background-color: #ff6717;
  border-color: #ff6717
}

.custom-pagination .pagination .page-item .page-link.icon:hover>svg {
  fill: #fff
}

.custom-pagination .pagination .page-item.active .page-link {
  background-color: #ff6717;
  border-color: #ff6717;
  color: #fff
}

@media screen and (max-width:1199px) {
  .nft-leaderboard-main-body .card-list {
    gap: 10px
  }

  .nft-leaderboard-main-body .card-list .kings-text {
    font-size: 12px;
    margin-top: 5px
  }

  .nft-leaderboard-main-body .card-list .image .img-label span,
  .nft-leaderboard-main-body .card-list .points {
    font-size: 14px
  }

  .nft-leaderboard-main-body .card-list .font-12 {
    font-size: 10px
  }

  .nft-leaderboard-main-body .card-list .btn-nft {
    font-size: 12px;
    padding: 6px 10px
  }

  .nft-leaderboard-main-body .grid-wrapper {
    grid-template-columns: repeat(4, 1fr)
  }

  .nft-leaderboard-main-body .grid-wrapper li .leaders-block .address {
    font-size: 12px
  }

  .nft-leaderboard-main-body .grid-wrapper li .leaders-block .leaders-details h4 {
    font-size: 14px
  }

  .nft-leaderboard-main-body .grid-wrapper li .leaders-block .leaders-details h6 {
    font-size: 12px
  }
}

.nft-tier-aboutus.dark-about {
  color: #1d2939;
  height: 100%;
  overflow-y: auto
}

.nft-tier-aboutus.dark-about h6 {
  font-size: 14px;
  font-weight: 600
}

.nft-tier-aboutus.dark-about h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 10px
}

.nft-tier-aboutus.dark-about .bg-gray-light {
  background-color: #f4f9ff;
  border: 1px solid #e9f0f7;
  border-radius: 20px;
  box-shadow: 0 3px 0 #f4f9ff;
  margin-bottom: 20px;
  padding: 30px
}

.nft-tier-aboutus.dark-about .bg-gray-white {
  background-color: #fff;
  border: 1px solid #ecedef;
  border-radius: 20px;
  box-shadow: 0 3px 0 #f4f9ff;
  margin-bottom: 20px;
  padding: 30px
}

.nft-tier-aboutus.dark-about .content-section img {
  max-width: 100%
}

.nft-tier-aboutus.dark-about .content-section .core-steps-div {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 11px 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9
}

.nft-tier-aboutus.dark-about .content-section .core-steps-div .steps-list {
  background-color: #0e131a;
  border: 0;
  border-radius: 30px;
  box-shadow: 2px 0 33px #8ebbff24;
  justify-content: center;
  margin: 10px 0 0;
  padding: 6px;
  width: -webkit-max-content;
  width: max-content
}

.nft-tier-aboutus.dark-about .content-section .core-steps-div .steps-list li {
  display: inline-block;
  font-size: 1.1em;
  line-height: 1.8em
}

.nft-tier-aboutus.dark-about .content-section .core-steps-div .steps-list li .btn {
  text-wrap: nowrap;
  background-color: initial;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  height: 36px;
  line-height: 26px;
  padding: 6px 16px;
  text-align: center
}

.nft-tier-aboutus.dark-about .content-section .core-steps-div .steps-list li .active {
  background-color: #ff6617 !important;
  font-weight: 600
}

.nft-tier-aboutus.dark-about .content-section .body-content {
  padding: 50px 120px
}

@media screen and (max-width:1279px) {
  .nft-tier-aboutus.dark-about .content-section .body-content {
    padding: 50px 30px
  }
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main {
  border-bottom: 1px solid #e0e3e6;
  padding: 70px 0 30px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .title {
  font-size: 30px;
  font-weight: 600
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main p {
  color: #1d2939;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 10px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main p span {
  font-weight: 500
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .card-benefits {
  border: 1px dashed #d8dbe5;
  border-radius: 16px;
  margin-bottom: 20px;
  padding: 20px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .card-benefits .img-card {
  border: 2px solid #fff;
  border-radius: 10px;
  position: relative
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .card-benefits .img-card img {
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .card-benefits .cart-tag-main {
  display: flex;
  justify-content: center
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .card-benefits .cart-tag-main .card-tag {
  background-color: #fff;
  border-radius: 30px;
  display: inline-block;
  left: 0;
  margin: 0 auto;
  padding: 4px 15px;
  position: relative;
  top: -15px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .card-benefits .cart-tag-main .card-tag span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .card-benefits h4 {
  border-bottom: 1px solid #e2e5f0;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .card-benefits .benefits-ul li {
  display: block;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .card-benefits .benefits-ul li span {
  font-weight: 600
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .card-benefits .benefits-ul li img {
  left: 0;
  position: absolute;
  top: 5px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .card-benefits .benefits-ul .light-gray {
  color: #898d9e
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main h6 {
  font-size: 18px;
  font-weight: 500
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .wallet-compatibility {
  background-color: #f4f9ff;
  border-radius: 16px;
  height: 100%;
  margin-bottom: 0;
  padding: 30px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .wallet-compatibility h4 {
  margin-bottom: 10px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .wallet-compatibility .icon-walt {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  height: 80px;
  justify-content: center;
  margin-bottom: 20px;
  width: 80px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .yellow-text {
  background-color: #fffbef;
  border-radius: 16px;
  margin-bottom: 60px;
  margin-top: 40px;
  padding: 20px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .ul-normal {
  margin-bottom: 35px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .ul-normal:last-child {
  margin-bottom: 10px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .ul-normal li {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 15px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .ul-normal li span {
  font-weight: 600
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main {
  display: flex;
  gap: 30px;
  height: 100%;
  margin-top: 40px;
  overflow: auto
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main .features-card {
  background-color: #f4f9ff;
  border-radius: 16px;
  min-width: 310px;
  padding: 16px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main .features-card .features-img {
  border-radius: 8px;
  height: 100px;
  width: 100px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main .features-card .features-img img {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main .features-card .features-img .features-tag-main {
  display: flex;
  justify-content: center
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main .features-card .features-img .features-tag-main .features-tag {
  background-color: #fff;
  border-radius: 30px;
  display: inline-block;
  left: 0;
  margin: 0 auto;
  padding: 2px 15px;
  position: relative;
  top: -15px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main .features-card .features-img .features-tag-main .features-tag span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main .features-card .features-ul {
  margin-top: 30px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main .features-card .features-ul p {
  margin-bottom: 0
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main .features-card .features-ul ul.upper-alpha-ul {
  font-size: 14px;
  list-style-type: upper-alpha !important;
  margin-top: 30px;
  padding-left: 15px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main .features-card .features-ul ul.upper-alpha-ul li {
  margin-bottom: 10px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main .features-card .features-ul ul.upper-alpha-ul li span {
  font-weight: 600
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main .features-card .features-ul ul.upper-alpha-ul ul {
  list-style-type: disc !important;
  margin-left: 10px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .features-section-main .features-card .features-ul ul.upper-alpha-ul ul li {
  margin-bottom: 5px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier table {
  font-size: 14px;
  width: 100%
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier table thead th {
  background-color: #eff1f8;
  border: 1px solid #e0e4f0;
  font-weight: 500;
  padding: 10px 15px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier table tbody td {
  border: 1px solid #e0e4f0;
  padding: 10px 15px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier table tbody td span {
  font-weight: 500
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier table tbody td .flex-table {
  align-items: center;
  display: flex;
  font-weight: 500;
  gap: 6px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier table tbody .td-descripton {
  max-width: 200px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier.upgrade-td {
  margin-top: 30px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier.upgrade-td td span {
  font-weight: 600
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier.upgrade-td td ul {
  list-style-type: disc
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier.upgrade-td td ul li {
  margin-bottom: 4px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier ul.upper-alpha-ul {
  font-size: 14px;
  list-style-type: upper-alpha !important;
  margin-top: 30px;
  padding-left: 15px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier ul.upper-alpha-ul li {
  margin-bottom: 10px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier ul.upper-alpha-ul li span {
  font-weight: 600
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier ul.upper-alpha-ul ul {
  list-style-type: disc !important;
  margin-left: 10px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier ul.upper-alpha-ul ul li {
  margin-bottom: 5px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier ul.disc-ul {
  list-style-type: disc;
  margin-left: 20px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier.top-align-content table tr td,
.nft-tier-aboutus.dark-about .content-section .body-content .section-main .table-nft-tier.top-align-content table tr th {
  vertical-align: top
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main a {
  color: #ff6617;
  cursor: pointer;
  display: inline-block;
  text-decoration: underline
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .box-level {
  background-color: #f4f9ff;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 20px 15px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .box-level .star-label {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  gap: 10px;
  justify-content: center
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .box-level .star-label img {
  width: 20px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .box-level p {
  color: #737c88;
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: center
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .get-rewarded-div {
  background-color: #eff1f8;
  border-radius: 16px;
  padding: 30px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .get-rewarded-div p {
  font-size: 14px;
  line-height: 23px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .get-rewarded-div .table-get-rewarded .tr-th {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .get-rewarded-div .table-get-rewarded .tr-th .th {
  font-weight: 600;
  padding: 8px 15px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .get-rewarded-div .table-get-rewarded .tr-td {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .get-rewarded-div .table-get-rewarded .tr-td .td {
  padding: 8px 15px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .get-rewarded-div .table-get-rewarded .tr-td .td span {
  color: #777f88;
  font-size: 12px
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .get-rewarded-div .table-get-rewarded .tr-td .td:last-child {
  font-weight: 600
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .get-rewarded-div.bg-none {
  background-color: #fff
}

.nft-tier-aboutus.dark-about .content-section .body-content .section-main .get-rewarded-div.bg-none .table-get-rewarded .tr-td {
  background-color: #eff1f8
}

.nft-tier-aboutus.dark-about .disclaimer-section {
  background-color: #f5f5f5;
  border: 1px solid #f1f1f1;
  margin-top: 30px;
  padding: 20px
}

.nft-tier-aboutus.dark-about .disclaimer-section a {
  color: #ff6617
}

.nft-tier-aboutus.dark-about .btn-link {
  background-color: #0000;
  border: none;
  color: #ff6617
}

.nft-tier-aboutus.dark-about h5 {
  font-size: 14px;
  font-weight: 600
}

.nft-tier-aboutus.dark-about h5>b {
  font-weight: 600
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page {
  padding: 0 40px 40px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .body-title {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 22px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .btn-primary {
  font-size: 14px;
  padding: 6px 20px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page p {
  line-height: 23px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page section {
  margin-top: 0;
  padding-top: 60px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page section:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 50px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card {
  background-color: #27364b;
  border: 0;
  border-radius: 20px;
  margin: 12px 0;
  min-height: 780px;
  outline: 1px dashed #202d41;
  padding: 16px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card .nft-img {
  border: 2px solid #fff;
  border-radius: 16px;
  box-shadow: 1px 4px 11px #0000002b;
  height: 315px;
  margin: 0 auto 28px;
  position: relative;
  width: 100%
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card .nft-img .lbl-nft {
  background-color: #fff;
  border-radius: 30px;
  bottom: -13px;
  left: 0;
  margin: 0 auto;
  padding: 2px 15px;
  position: absolute;
  right: 0;
  width: -webkit-max-content;
  width: max-content
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card .nft-img .lbl-nft span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card .nft-img img {
  border-radius: 16px;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card .p-text {
  color: #8a8d9f;
  font-size: 13px;
  margin-bottom: 20px;
  min-height: 120px;
  text-align: center
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card .label-div .quantity {
  color: #666f84;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card .label-div .price-text {
  font-size: 14px;
  font-weight: 600
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card .flex-beetwn {
  border-bottom: 1px solid #eef1f8;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card h6 {
  font-size: 14px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card ul.benifits-able {
  list-style: none;
  margin-left: 16px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card ul.benifits-able li {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 14px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card ul.benifits-able li span {
  display: inline-block;
  margin-right: 10px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card ul.benifits-disable {
  list-style: none;
  margin-left: 16px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card ul.benifits-disable li {
  color: #898d9e;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 14px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card ul.benifits-disable li span {
  display: inline-block;
  margin-right: 10px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .benefits-card h5 {
  border-bottom: 1px solid #394d6a;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 14px;
  padding: 0 0 16px 16px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .main-slider-div {
  margin-top: 40px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .main-slider-div .slick-slide {
  padding: 20px 10px 0
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .main-slider-div .slider-prev {
  background: #e4e5f7 url(/static/media/arrow-left-slide.8922986d2090bdb4bc17.svg) no-repeat 50%;
  background-size: 20px;
  border-radius: 30px;
  bottom: 0;
  cursor: pointer;
  height: 40px;
  left: -6px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 9
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .main-slider-div .slider-next {
  background: #e4e5f7 url(/static/media/arrow-right-slide.bb38428703a846182191.svg) no-repeat 50%;
  background-size: 20px;
  border-radius: 30px;
  bottom: 0;
  cursor: pointer;
  height: 40px;
  margin: auto 0;
  position: absolute;
  right: -6px;
  top: 0;
  width: 40px;
  z-index: 9
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .table-div.max-wlg {
  background: #17202d;
  max-width: 100%
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .table-div table {
  border: 1px solid #2e3642;
  width: 100%
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .table-div table thead tr th {
  background: #202e42;
  border-bottom-width: 1px;
  border-color: #2e3642;
  border-right: 1px solid #2e3642;
  color: #879ec0;
  font-size: 14px;
  font-weight: 600;
  padding: 14px 22px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .table-div table thead tr th span {
  color: #666f84;
  display: block;
  font-weight: 400
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .table-div table tbody tr td {
  background: #17202d;
  border-bottom-width: 1px;
  border-color: #2e3642;
  border-right: 1px solid #2e3642;
  color: #fff;
  font-size: 14px;
  padding: 14px 22px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .table-div table tbody tr td span {
  font-weight: 600;
  margin-right: 6px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .table-div table tbody tr td a {
  color: #f55f27
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .table-div table tbody tr td ul {
  margin-left: 22px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .table-div table tbody tr td ul li {
  list-style-type: disc
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .note-div {
  background: #120f03;
  border: 0;
  border-radius: 16px;
  color: #e4dbc3;
  display: flex;
  font-size: 14px;
  gap: 20px;
  line-height: 28px;
  margin: 50px 0 60px;
  max-width: 100%;
  padding: 16px 24px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .note-div .div-right {
  width: 80%
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .note-div .img-note img {
  min-width: 46px;
  width: 46px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .note-div p {
  margin-bottom: 5px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .box-class-main {
  display: flex;
  gap: 20px;
  margin-bottom: 5px;
  max-width: 700px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .box-class-main .box-class-list {
  background-color: #f4f5ff;
  border-radius: 16px;
  min-width: 50%;
  padding: 30px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .box-class-main .box-class-list img {
  height: 26px;
  margin-bottom: 15px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .box-class-main .box-class-list h5 {
  font-size: 14px;
  font-weight: 600;
  min-width: 160px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .box-class-main .box-class-list p {
  font-size: 14px;
  margin-bottom: 0
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits {
  border: 1px dashed #d8dbe5;
  border-radius: 16px;
  height: 590px;
  margin-bottom: 0;
  padding: 16px 0 60px;
  position: relative
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .or-class {
  margin-top: 10px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .vertical-height {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  height: calc(100% - 210px)
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .vertical-height .redeems {
  bottom: 10px;
  font-size: 12px;
  height: 43px;
  left: 16px;
  position: absolute
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .vertical-height .redeems span {
  display: block;
  font-size: 13px;
  font-weight: 600
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .img-card {
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 2px 14px 15px #0f224226;
  margin: 0 auto;
  position: relative;
  width: 140px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .img-card img {
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .cart-tag-main {
  display: flex;
  justify-content: center
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .cart-tag-main .card-tag {
  background-color: #fff;
  border-radius: 30px;
  display: inline-block;
  left: 0;
  margin: 0 auto;
  padding: 4px 15px;
  position: relative;
  top: -15px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .cart-tag-main .card-tag span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits h4 {
  border-bottom: 1px solid #e2e5f0;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits ol {
  list-style-type: upper-alpha
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .benefits-ul {
  list-style-type: upper-alpha !important;
  unicode-bidi: isolate
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .benefits-ul li {
  display: list-item;
  font-size: 13px;
  list-style-type: upper-alpha !important;
  margin-bottom: 10px;
  padding-left: 10px;
  position: relative;
  text-align: -webkit-match-parent;
  unicode-bidi: isolate
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .benefits-ul li ul {
  list-style: disc;
  margin: 5px 0
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .benefits-ul li ul li {
  list-style-type: disc !important;
  margin-bottom: 5px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .benefits-ul li span {
  font-weight: 600
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .benefits-ul li img {
  left: 0;
  position: absolute;
  top: 5px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .card-benefits .benefits-ul .light-gray {
  color: #898d9e
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .img-note img {
  min-width: 46px;
  width: 46px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .max-width-800 {
  border-bottom: 1px solid #24354e;
  color: #cdd4dd;
  font-size: 14px;
  margin-bottom: 0;
  max-width: 100%;
  padding-bottom: 60px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .redeem-box-main {
  display: flex;
  gap: 30px;
  margin: 30px 0;
  width: 350px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .redeem-box-main .redeem-box-inner {
  background-color: #fff;
  border: 1px solid #e8e9f2;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 50%;
  padding: 30px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .redeem-box-main .redeem-box-inner img {
  height: 30px;
  margin-bottom: 20px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .redeem-box-main .redeem-box-inner h4 {
  font-size: 14px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .redeem-box-main .redeem-box-inner .btn-primary {
  background-color: #0000;
  border: 1px solid #ff6716;
  color: #ff6716;
  font-size: 14px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page p a {
  color: #ff6716;
  text-decoration: underline
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .accordion {
  max-width: 100%
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .accordion .accordion-item {
  border: .5px solid #0f1d32;
  border-radius: 0
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .accordion .accordion-item .accordion-header .accordion-button.collapsed {
  background: #202e42 !important;
  color: #fff;
  font-size: 14px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .accordion .accordion-item .accordion-header .accordion-button {
  background: initial;
  background: #202e42 !important;
  border-radius: 0;
  color: #fff;
  font-size: 14px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .accordion .accordion-item .accordion-header .accordion-button:after {
  background-image: url(/static/media/arrow.0dc1917119f062b0a9fc.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page .accordion .accordion-item .accordion-body {
  background: #000;
  border: 0;
  color: #fff
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #TierNFTTypes {
  border-bottom: 1px solid #24354e;
  border-top: 1px solid #24354e;
  padding-bottom: 50px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #Features {
  padding-bottom: 60px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #Features .features-card {
  background: #27364b;
  border-radius: 16px;
  min-height: 510px;
  padding: 20px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #Features .features-card .features-image {
  margin-bottom: 24px;
  position: relative;
  width: 105px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #Features .features-card .features-image img {
  border-radius: 12px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #Features .features-card .features-image .feature-name {
  -webkit-backdrop-filter: blur(2.25px);
  backdrop-filter: blur(2.25px);
  background: #ffffffe6;
  border-radius: 30px;
  bottom: -8px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #Features .features-card .features-image .feature-name span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  background-clip: text;
  -webkit-background-clip: text
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #Features .features-card p {
  color: #fff;
  font-size: 14px;
  margin: 0 0 12px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #Features .features-card ul {
  padding-left: 42px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #Features .features-card ul li {
  color: #fff;
  font-size: 14px;
  list-style-type: disc;
  margin: 0 0 12px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #RedeemYourPoints {
  border-bottom: 1px solid #24354e;
  border-top: 1px solid #24354e;
  padding-bottom: 42px;
  padding-top: 70px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #CollectingPoints {
  border-bottom: 1px solid #24354e;
  padding-bottom: 42px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #Benefits {
  border-bottom: 1px solid #24354e;
  padding-bottom: 60px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #NftAllocation {
  border-bottom: 1px solid #24354e;
  border-top: 1px solid #24354e;
  padding-bottom: 60px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #NftAllocation .wallet-compatibility {
  background: #27364b;
  border-radius: 16px;
  height: 100%;
  padding: 60px 45px 45px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #NftAllocation .wallet-compatibility span {
  align-items: center;
  background: #142339;
  border-radius: 16px;
  display: flex;
  height: 90px;
  justify-content: center;
  width: 90px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #NftAllocation .wallet-compatibility h5 {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 23px;
  margin: 36px 0 12px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #NftAllocation .wallet-compatibility p {
  color: #cdd4dd;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier {
  padding-bottom: 60px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier h4 {
  color: #cdd4dd;
  font-size: 18px;
  font-weight: 600;
  margin-top: 40px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier p {
  color: #cdd4dd;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .tier-level {
  align-items: center;
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  background: #27364b;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 18px;
  text-align: center
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .tier-level span {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  gap: 6px;
  justify-content: center;
  margin-bottom: 4px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .tier-level p {
  color: #bec9d7;
  font-size: 14px;
  margin: 0
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .reward-action {
  background: #27364b;
  border-radius: 16px;
  padding: 37px 27px 20px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .reward-action h5 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 16px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .reward-action p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin: 0
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .reward-action table {
  border-collapse: initial;
  border-spacing: 0 10px;
  margin-top: 24px;
  width: 100%
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .reward-action table thead tr th {
  background: #0000;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 22px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .reward-action table tbody tr {
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  background: #142339;
  border: 1px solid #142339;
  border-radius: 8px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .reward-action table tbody tr td {
  color: #fff;
  font-size: 14px;
  padding: 11px 22px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .reward-action table tbody tr td:first-child {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .reward-action table tbody tr td:nth-child(2) {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .partner-action h5 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 16px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .partner-action p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin: 0
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .partner-action table {
  border-collapse: initial;
  border-spacing: 0 10px;
  margin-top: 24px;
  width: 100%
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .partner-action table thead tr th {
  background: #0000;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 22px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .partner-action table tbody tr {
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  background: #27364b;
  border: 1px solid #37485f;
  border-radius: 8px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .partner-action table tbody tr td {
  color: #fff;
  font-size: 14px;
  padding: 11px 22px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .partner-action table tbody tr td:first-child {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}

.nft-tier-aboutus.dark-about .aboutus-nft-tier-page #PointsTier .partner-action table tbody tr td:nth-child(2) {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px
}

.nft-tier-aboutus.dark-about .video-space {
  margin-top: 20px
}

.nft-tier-aboutus.dark-about .video-space iframe {
  background-color: #fff;
  border-radius: 26px;
  box-shadow: 0 2px 23px #37436445;
  height: 560px;
  margin: 0;
  max-width: 900px;
  padding: 5px;
  width: 100%
}

.nft-tier-aboutus.dark-about .nft-tier-nav {
  border-bottom: 1px solid #edeef8
}

.nft-tier-aboutus.dark-about .accordion-body a {
  color: #ff6717
}

.nft-tier-aboutus.dark-about .accordion-body .margin-bottom {
  margin-bottom: 0 !important
}

.nft-tier-aboutus.dark-about .note-class {
  background-color: #fffaed;
  border: 1px solid #faefd0;
  border-radius: 5px;
  color: #563f03;
  display: inline-block;
  padding: 3px 10px
}

.l1x-nft-tier-main.nft-tier {
  background-color: #fff;
  border-radius: 0 16px 16px 0;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  overflow: auto;
  position: relative;
  width: 100%
}

.l1x-nft-tier-main.nft-tier .nft-tier-header {
  align-items: center;
  column-gap: 15px;
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 16px;
  width: 100%
}

.l1x-nft-tier-main.nft-tier .nft-tier-header .btn-nftsplead {
  align-items: center;
  background-color: #ff6717;
  border: 1px solid #ff6717;
  border-radius: 25px;
  color: #fff;
  display: flex;
  font-size: 14px;
  gap: 8px;
  line-height: 18px;
  margin-left: auto;
  padding: 8px 30px
}

.l1x-nft-tier-main.nft-tier .nft-tier-header h1 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 8px
}

.l1x-nft-tier-main.nft-tier .nft-tier-header h1>img {
  height: 24px;
  margin-right: 10px;
  width: 24px
}

.l1x-nft-tier-main.nft-tier .nft-tier-header p {
  color: #898d9e;
  font-size: 12px;
  margin-bottom: 0
}

.l1x-nft-tier-main.nft-tier .nft-tier-header .btn-connect-wallet {
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  min-height: 36px;
  padding: 7px 22px;
  white-space: nowrap
}

.l1x-nft-tier-main.nft-tier .nft-tier-header .wallet-connected {
  align-items: center;
  border: 1px solid #c7d0de;
  border-radius: 25px;
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  padding: 6.5px 14px;
  width: 147px
}

.l1x-nft-tier-main.nft-tier .nft-tier-header .wallet-connected>img {
  height: 20px;
  width: 20px
}

.l1x-nft-tier-main.nft-tier .nft-tier-header .wallet-connected>span {
  color: #6a6d7b;
  font-size: 14px;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90px
}

.l1x-nft-tier-main.nft-tier .nft-tier-nav {
  padding: 0 20px;
  width: 100%
}

.l1x-nft-tier-main.nft-tier .nft-tier-nav>.links {
  align-items: center;
  display: flex
}

.l1x-nft-tier-main.nft-tier .nft-tier-nav>.links li button {
  background-color: #0000;
  border: none;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 7px 14px;
  position: relative;
  z-index: 0
}

.l1x-nft-tier-main.nft-tier .nft-tier-nav>.links li button.active:after {
  background-color: #fc651b;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper {
  align-items: center;
  background-color: #eff1f8;
  display: flex;
  padding: 20px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul {
  align-items: center;
  display: flex;
  gap: 9px;
  grid-template-columns: repeat(6, 1fr);
  width: 100%
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul li {
  display: inline-block
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block {
  background-color: #fff;
  border-radius: 16px;
  cursor: pointer;
  padding: 1px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block-inner {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  padding: 10px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block-img {
  margin-bottom: 8px;
  position: relative;
  width: 100%
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block-img>img {
  border-radius: 10px;
  object-fit: cover;
  width: 100%
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block-img abbr.locked {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  height: 30px;
  justify-content: center;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 30px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block-img .current-position {
  background-color: #000000b3;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border: 1px solid #fff;
  border-radius: 25px;
  bottom: 15px;
  color: #fff;
  font-size: 12px;
  left: 50%;
  padding: 2px 10px;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block h4 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block.active {
  box-shadow: 0 10px 20px 0 #00000026;
  position: relative;
  z-index: 2
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block.active:before {
  background: linear-gradient(180deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block.active:after {
  background: #f86226;
  bottom: -15px;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  content: "";
  height: 11px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 21px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section {
  align-items: flex-start;
  display: flex;
  height: 100%;
  padding: 20px;
  width: 100%
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left {
  flex: 0 0 56.61%;
  max-width: 56.61%;
  padding-right: 30px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .title {
  align-items: center;
  display: flex;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .title>span {
  margin-left: 10px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .img-wrapper {
  border-radius: 16px;
  overflow: hidden
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-list li {
  color: #898d9e;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  padding-left: 20px;
  position: relative
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-list li:before {
  background-image: url(/static/media/flash.fa2f8e2b58ae06327c34.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 17px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 10px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-block {
  align-items: center;
  display: inline-flex;
  margin-bottom: 10px;
  max-width: 180px;
  width: 100%
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-block h5 {
  color: #777a87;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-block h3 {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-block h3>img {
  margin: 0 5px;
  max-height: 14px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec h6 {
  color: #898d9e;
  font-size: 14px;
  font-weight: 400
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec h3>span {
  color: #898d9e;
  font-size: 20px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec .btn-wrapper {
  justify-content: flex-end
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec .success-block {
  width: 100%
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .success-block h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .success-block .success-message {
  background-color: #daf1d3;
  border: 1px solid #33b70a;
  border-radius: 8px;
  display: block;
  margin-bottom: 10px;
  padding: 12px 16px;
  text-align: center
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .success-block .success-message>span {
  color: #33b70a;
  font-size: 14px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .success-block p {
  color: #0009;
  font-size: 14px;
  margin-bottom: 0
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right {
  flex: 0 0 56.61%;
  max-width: 43.38%
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section {
  background-color: #eff1f8;
  border-radius: 16px;
  height: 100%;
  min-height: 390px;
  padding: 16px;
  width: 100%
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section p {
  color: #a2a6b3;
  font-size: 13px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .not-eligible-sec {
  background-color: #fff;
  border-radius: 16px;
  margin: 0 auto;
  max-width: 420px;
  padding: 20px;
  text-align: center;
  width: 100%
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .not-eligible-sec h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .not-eligible-sec h5 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 auto 12px;
  max-width: 240px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .not-eligible-sec .btn-wrapper {
  justify-content: center
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block {
  align-items: flex-start;
  background-color: #fff;
  border-radius: 8px;
  column-gap: 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 10px 10px 25px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block-list {
  height: 300px;
  overflow-y: auto;
  padding-right: 5px;
  width: 100%
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block.completed {
  background-color: #e5fee9
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block .profile-block {
  border-radius: 6px;
  height: 32px;
  margin-right: 10px;
  min-width: 32px;
  overflow: hidden;
  width: 32px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block .content-block,
.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block .profile-block>img {
  width: 100%
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block .content-block h6 {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block {
  margin: 10px 0
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress {
  height: 2px;
  overflow: visible
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar {
  background-color: #3cbd51;
  overflow: visible;
  position: relative
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar>.pointer {
  background-color: #3cbd51;
  border-radius: 100%;
  height: 9px;
  position: absolute;
  right: -9px;
  top: -3.5px;
  width: 9px
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar>.tooltip-block {
  background-color: #000;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  margin-top: 7px;
  padding: 3px 10px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translate(50%)
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar>.tooltip-block.completed {
  background-color: #3cbd51
}

.l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section .updation-block .progress-block .progress-bar>.tooltip-block.start {
  background-color: #ff6717
}

.l1x-nft-tier-main.nft-tier .btn-wrapper {
  align-items: center;
  column-gap: 14px;
  display: flex;
  width: 100%
}

.l1x-nft-tier-main.nft-tier .btn-wrapper>.btn {
  align-items: center;
  border-radius: 35px;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  line-height: 14px;
  min-width: 120px;
  padding: 10px 18px
}

.l1x-nft-tier-main.nft-tier .btn-wrapper>.btn.btn-outline-primary:hover img {
  filter: brightness(0) invert(1)
}

.l1x-nft-tier-main.nft-tier .coins-poll {
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border-radius: 8px;
  margin-left: auto;
  max-width: 334px;
  padding: 8px 10px 12px;
  width: 100%
}

.l1x-nft-tier-main.nft-tier .coins-poll p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px
}

.l1x-nft-tier-main.nft-tier .coins-poll .count {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  margin-left: 16px;
  white-space: nowrap
}

.l1x-nft-tier-main.nft-tier .coins-poll .progress-block {
  width: 100%
}

.l1x-nft-tier-main.nft-tier .coins-poll .progress-block .progress {
  height: 2px;
  overflow: visible;
  width: 100%
}

.l1x-nft-tier-main.nft-tier .coins-poll .progress-block .progress-bar {
  background-color: #ff0;
  overflow: visible;
  position: relative
}

.l1x-nft-tier-main.nft-tier .coins-poll .progress-block .progress-bar>.pointer {
  background-color: #ff0;
  border-radius: 100%;
  height: 9px;
  position: absolute;
  right: -5px;
  top: -4px;
  width: 9px
}

.l1x-nft-tier-main.nft-tier .coins-poll .btn-upgrade {
  align-items: center;
  background-color: #fff;
  border-radius: 25px;
  display: flex;
  font-size: 13px;
  line-height: 13px;
  margin-right: 16px;
  padding: 7px 12px
}

.l1x-nft-tier-main.nft-tier .coins-poll .btn-upgrade .info-icon svg {
  fill: #898d9e;
  height: 16px;
  width: 16px
}

.l1x-nft-tier-main.nft-tier .coins-poll .btn-upgrade:disabled {
  background-color: #fff;
  border: 1px solid #fff;
  color: #898d9e;
  cursor: auto;
  opacity: 1;
  pointer-events: auto
}

.l1x-nft-tier-main.nft-tier .coins-poll .btn-upgrade:disabled>span {
  filter: grayscale(1)
}

.l1x-nft-tier-main.nft-tier .coins-poll .activities-link {
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  text-decoration: underline
}

.l1x-nft-tier-main .connect-wallet-popup-inner h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 25px
}

.l1x-nft-tier-main .connect-wallet-popup-inner .logo-wrap {
  margin: 0 auto 24px;
  max-width: 120px
}

.l1x-nft-tier-main .connect-wallet-popup-inner .btn-primary {
  font-size: 14px;
  padding: 7px 20px
}

.l1x-nft-tier-main .connect-wallet-popup-inner .close-modal {
  right: 5px;
  top: 5px
}

.l1x-nft-tier-main .upgrade-sidebar {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9
}

.l1x-nft-tier-main .upgrade-sidebar-overlay {
  background-color: #000000b3;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.l1x-nft-tier-main .upgrade-sidebar-body {
  background-color: #fff;
  height: 100%;
  max-width: 420px;
  overflow-y: auto;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3
}

.l1x-nft-tier-main .upgrade-sidebar-body .btn-back {
  background: #0000;
  border: none
}

.l1x-nft-tier-main .upgrade-sidebar-body .btn-back>img {
  height: 24px;
  width: 24px
}

.l1x-nft-tier-main .upgrade-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  width: 100%
}

.l1x-nft-tier-main .upgrade-inner .title {
  align-items: center;
  display: flex;
  margin-bottom: 20px
}

.l1x-nft-tier-main .upgrade-inner .title h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  margin-left: 8px
}

.l1x-nft-tier-main .upgrade-inner .upgrade-details-block {
  display: flex;
  margin-bottom: 24px;
  width: 100%
}

.l1x-nft-tier-main .upgrade-inner .upgrade-details-block .porfile-img {
  flex: 0 0 35%;
  max-width: 35%;
  position: relative
}

.l1x-nft-tier-main .upgrade-inner .upgrade-details-block .porfile-img>img {
  border-radius: 16px
}

.l1x-nft-tier-main .upgrade-inner .upgrade-details-block .porfile-img .caption {
  background-color: #fff;
  border-radius: 25px;
  bottom: -7px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .149);
  display: inline-block;
  left: 50%;
  padding: 4px 18px;
  position: absolute;
  transform: translateX(-50%)
}

.l1x-nft-tier-main .upgrade-inner .upgrade-details-block .porfile-img .caption>abbr {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase
}

.l1x-nft-tier-main .upgrade-inner .upgrade-details-block .benefits-section {
  flex: 0 0 65%;
  max-width: 65%;
  padding-left: 16px
}

.l1x-nft-tier-main .upgrade-inner .upgrade-details-block .benefits-section h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px
}

.l1x-nft-tier-main .upgrade-inner .upgrade-details-block .benefits-section h5 {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px
}

.l1x-nft-tier-main .upgrade-inner .upgrade-details-block .benefits-section .benefits-list {
  padding-left: 20px;
  width: 100%
}

.l1x-nft-tier-main .upgrade-inner .upgrade-details-block .benefits-section .benefits-list li {
  color: #898d9e;
  font-size: 12px;
  margin-bottom: 4px;
  position: relative
}

.l1x-nft-tier-main .upgrade-inner .upgrade-details-block .benefits-section .benefits-list li .list-icon {
  height: 12px;
  left: -20px;
  position: absolute;
  top: 2px
}

.l1x-nft-tier-main .upgrade-inner .nft-dropdown-section h6 {
  font-size: 12px;
  margin: 0 0 6px
}

.l1x-nft-tier-main .upgrade-inner .nft-dropdown-section .note {
  color: #777a87;
  font-size: 12px
}

.l1x-nft-tier-main .upgrade-inner .nft-dropdown-section .nft-dropdown {
  background-color: #eff1f8;
  border-radius: 12px;
  margin-bottom: 10px;
  padding: 12px;
  width: 100%
}

.l1x-nft-tier-main .upgrade-inner .nft-dropdown-section .nft-dropdown-block {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 6px;
  padding: 6px
}

.l1x-nft-tier-main .upgrade-inner .nft-dropdown-section .nft-dropdown-block .droparrow {
  margin-bottom: 10px;
  margin-left: auto
}

.l1x-nft-tier-main .upgrade-inner .nft-dropdown-section .nft-dropdown-block .profile-img {
  border-radius: 6px;
  height: 48px;
  overflow: hidden;
  width: 48px
}

.l1x-nft-tier-main .upgrade-inner .nft-dropdown-section .nft-dropdown-block .content {
  margin-left: 8px
}

.l1x-nft-tier-main .upgrade-inner .nft-dropdown-section .nft-dropdown-block .content h4 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px
}

.l1x-nft-tier-main .upgrade-inner .nft-dropdown-section .nft-dropdown-block .content h5 {
  font-size: 14px;
  font-weight: 600;
  margin: 0
}

.l1x-nft-tier-main .upgrade-inner .nft-dropdown-section .nft-dropdown-block .content h5 strike {
  color: #9196a8;
  font-size: 12px
}

.l1x-nft-tier-main .upgrade-inner .nft-dropdown-section .nft-dropdown-block .saveing-text {
  color: #3cbd51;
  font-size: 11px !important;
  margin: 0
}

.l1x-nft-tier-main .upgrade-inner .upgrade-btn {
  font-size: 16px;
  padding: 10px
}

.l1x-nft-tier-main .upgrade-inner .upgrade-btn img {
  margin-right: 6px
}

.l1x-nft-tier-main .upgrade-inner .upgrade-btn:disabled {
  background-color: #777a87;
  border-color: #777a87
}

.l1x-nft-tier-main .upgrade-inner .payable-section h6 {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 6px
}

.l1x-nft-tier-main .upgrade-inner .payable-section-inner {
  align-items: center;
  background-color: #eff1f8;
  border-radius: 12px;
  column-gap: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 12px
}

.l1x-nft-tier-main .upgrade-inner .payable-section-inner h3 {
  font-size: 30px;
  font-weight: 500
}

.l1x-nft-tier-main .upgrade-inner .payable-section-inner h6 {
  color: #667085;
  font-size: 12px
}

.l1x-nft-tier-main .upgrade-inner .payable-section-inner .shuffle-icon {
  background-color: #0000;
  border: none
}

.l1x-nft-tier-main .upgrade-inner .payable-section-inner .network-dropdown {
  align-items: center;
  background-color: #fff;
  border-radius: 16px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 12px
}

.l1x-nft-tier-main .upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-icon {
  height: 36px;
  position: relative
}

.l1x-nft-tier-main .upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-icon>img {
  height: 34px;
  width: 34px
}

.l1x-nft-tier-main .upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-icon>abbr {
  bottom: 0;
  position: absolute;
  right: 0
}

.l1x-nft-tier-main .upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-icon>abbr>img {
  height: 16px;
  width: 16px
}

.l1x-nft-tier-main .upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-content h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 0
}

.l1x-nft-tier-main .upgrade-inner .payable-section-inner .network-dropdown .network-dropdown-content h6 {
  color: #667085;
  font-size: 10px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70px
}

.l1x-nft-tier-main .upgrade-inner .payable-section-inner .balance-text {
  color: #5e5e5e;
  font-size: 12px;
  font-weight: 400;
  margin: 5px 0 0;
  padding-right: 2px;
  text-align: right;
  width: 100%
}

.l1x-nft-tier-main .upgrade-inner .payable-section-inner .balance-text>b {
  font-weight: 600
}

.l1x-nft-tier-main .upgrade-inner .approve-transfer {
  width: 100%
}

.l1x-nft-tier-main .upgrade-inner .approve-transfer .approve-list {
  margin-bottom: 16px;
  padding-left: 35px;
  position: relative;
  width: 100%
}

.l1x-nft-tier-main .upgrade-inner .approve-transfer .approve-list:before {
  border-left: 1px dashed #b2b1be;
  content: "";
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0;
  width: 100%
}

.l1x-nft-tier-main .upgrade-inner .approve-transfer .approve-list li {
  align-items: center;
  color: #001a52;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
  width: 100%
}

.l1x-nft-tier-main .upgrade-inner .approve-transfer .approve-list li:before {
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 50%;
  content: "";
  height: 20px;
  left: -34px;
  position: absolute;
  top: 0;
  width: 20px
}

.l1x-nft-tier-main .upgrade-inner .approve-transfer .approve-list li:last-child {
  margin-bottom: 0
}

.l1x-nft-tier-main .upgrade-inner .approve-transfer .approve-list li span.completed {
  left: -36px;
  position: absolute;
  top: -2px
}

.l1x-nft-tier-main .upgrade-inner .approve-transfer .approve-list li span.completed>svg path {
  fill: #3cbd51
}

.l1x-nft-tier-main .upgrade-inner .approve-transfer .approve-process-icons {
  align-items: center;
  display: flex;
  height: 150px;
  justify-content: center;
  margin-bottom: 40px;
  width: 100%
}

.l1x-nft-tier-main .upgrade-inner .approve-transfer .approve-process-icons .processing-gif {
  text-align: center;
  width: 100px
}

.l1x-nft-tier-main .upgrade-inner .approve-transfer .approve-process-icons .processing-gif svg {
  animation: svg-animation 2s linear infinite;
  max-width: 100px
}

.l1x-nft-tier-main .upgrade-inner .approve-transfer .approve-process-icons .processing-gif circle {
  fill: #0000;
  stroke: #156de9;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: 5px;
  animation: circle-animation 1.4s ease-in-out infinite both;
  display: block;
  transform-origin: 50% 50%
}

.l1x-nft-tier-main .upgrade-inner .full-height {
  height: calc(100% - 54px);
  overflow-y: auto;
  padding-right: 5px
}

.l1x-nft-tier-main .nft-nav-skeleton {
  display: flex;
  gap: 9px;
  padding: 20px;
  width: 100%
}

.l1x-nft-tier-main .nft-nav-skeleton>span {
  width: 100%
}

.l1x-nft-tier-main .info-icon .react-tooltip-lite {
  border-radius: 8px;
  font-size: 10px
}

.l1x-nft-tier-main.nft-buy {
  background-color: #eff1f8
}

.l1x-nft-tier-main.nft-buy .nft-tier-header {
  background-color: #fff
}

.l1x-nft-tier-main.nft-buy .nft-tier-body {
  padding: 16px 20px;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section {
  align-items: center;
  background: linear-gradient(273.4deg, #7900ff 56.33%, #890ce2 60.93%, #a824ac 69.47%, #c2387f 78.67%, #d84959 87.21%, #e9563c 96.4%, #f55f27 104.94%, #fc651b 113.48%, #ff6717 122.02%);
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section.green-bg {
  background: linear-gradient(273.4deg, #17ff70 56.33%, #9a17ff 122.02%)
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-left {
  flex: 0 0 40%;
  max-width: 40%;
  padding: 5px 20px 5px 16px;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-left h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 5px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-left p {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin: 0
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-left p>b {
  font-weight: 700
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-right {
  align-items: center;
  background-color: #fff;
  border-radius: 14px;
  display: flex;
  flex: 0 0 60%;
  justify-content: center;
  max-width: 60%;
  padding: 10px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-right .profile-img {
  border-radius: 12px;
  height: 100px;
  min-width: 100px;
  overflow: hidden;
  width: 100px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-right .profile-img>img {
  width: 100%
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section {
  padding-left: 16px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section h3 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section p {
  color: #898d9e;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 10px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section .btn-outline-primary {
  align-items: center;
  border-radius: 25px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  line-height: 12px;
  padding: 6px 26px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section .btn-outline-primary>img {
  height: 12px;
  margin-right: 6px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section .btn-outline-primary:hover>img {
  filter: brightness(0) invert(1)
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .congratulation-section-right .congratulation-content-section .btn-outline-primary:disabled {
  border-color: #777a87;
  color: #777a87
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft {
  background-color: #fff;
  border-radius: 16px;
  height: 100%;
  overflow-y: auto;
  padding: 16px;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-head,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-head {
  align-items: start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-head .abs-button,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-head .abs-button {
  align-items: start;
  display: flex;
  gap: 10px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-head .abs-button .btn,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-head .abs-button .btn {
  border-radius: 30px;
  font-size: 14px;
  padding: 4px 20px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-head .abs-button .btn:disabled,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-head .abs-button .btn:disabled {
  background-color: #777a87;
  border-color: #777a87;
  color: #fff
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-head h4,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-head h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-head h6,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-head h6 {
  color: #777a87;
  font-size: 12px;
  margin: 0
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-head p,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-head p {
  font-size: 12px;
  margin-top: 6px;
  opacity: .7
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body {
  height: calc(100% - 140px);
  overflow-y: auto;
  padding-right: 4px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body ul.username-nft-list,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list {
  grid-gap: 0 16px;
  display: grid;
  gap: 0 16px;
  grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width:1100px) {

  .l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body ul.username-nft-list,
  .l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list {
    gap: 0 8px
  }
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body ul.username-nft-list li .nft-block,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block {
  align-items: center;
  border: 1px solid #eff1f8;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 16px;
  padding: 8px;
  position: relative;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body ul.username-nft-list li .nft-block:hover,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block:hover {
  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .149)
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body ul.username-nft-list li .nft-block:hover .abs-button,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block:hover .abs-button {
  display: block
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body ul.username-nft-list li .nft-block-inner,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block-inner {
  border-radius: 10px;
  margin-bottom: 0;
  padding: 20px;
  text-align: center;
  width: 100%;
  z-index: 2
}

@media screen and (max-width:1100px) {

  .l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body ul.username-nft-list li .nft-block-inner,
  .l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block-inner {
    padding: 14px
  }
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body ul.username-nft-list li .nft-block-inner h4,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block-inner h4 {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin: 0 auto;
  max-width: 85px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body ul.username-nft-list li .nft-block .btn-outline-primary,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block .btn-outline-primary {
  border-radius: 25px;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 26px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body ul.username-nft-list li .nft-block .abs-button,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block .abs-button {
  background: #fff;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  bottom: -10px;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .149);
  display: none;
  height: 50px;
  padding: 12px;
  position: absolute;
  text-align: center;
  top: 80%;
  width: 100%;
  z-index: 9
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body ul.username-nft-list li .nft-block .checkMe,
.l1x-nft-tier-main.nft-buy .nft-tier-body .username-nft-body ul.username-nft-list li .nft-block .checkMe {
  height: 20px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 20px;
  z-index: 2
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section {
  background-color: #fff;
  border-radius: 16px;
  padding: 16px;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-head {
  align-items: start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-head h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-head h6 {
  color: #777a87;
  font-size: 12px;
  margin: 0
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-head p {
  font-size: 12px;
  margin-top: 6px;
  opacity: .7
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body {
  overflow-y: auto;
  padding-right: 4px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body ul.nfts-list {
  grid-gap: 14px;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, 1fr)
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body .nft-block {
  border: 1px solid #eff1f8;
  border-radius: 12px;
  cursor: pointer;
  height: 100%;
  padding: 8px;
  position: relative;
  text-align: center;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body .nft-block:hover .abs-button {
  display: block
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body .nft-block-inner img {
  border-radius: 8px;
  height: 87px;
  margin-bottom: 0;
  object-fit: cover;
  width: 100%
}

@media screen and (max-width:1100px) {
  .l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body .nft-block-inner img {
    height: 60px
  }
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body .nft-block-inner h4 {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body .nft-block .abs-button {
  background-color: #fff;
  border: 1px solid #eff1f8;
  border-radius: 0 0 12px 12px;
  border-top: none;
  bottom: -28px;
  display: none;
  left: 0;
  padding: 0 10px 10px;
  position: absolute;
  width: 100%;
  z-index: 2
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body .nft-block .abs-button .btn-outline-primary {
  border-radius: 25px;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 26px
}

.l1x-nft-tier-main.nft-buy .nft-tier-body .nfts-section-body .nft-block .checkMe {
  height: 20px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 20px
}

.l1x-nft-tier-main.nft-buy .transfer-sidebar {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9
}

.l1x-nft-tier-main.nft-buy .transfer-sidebar-overlay {
  background-color: #000000b3;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.l1x-nft-tier-main.nft-buy .transfer-sidebar-body {
  background-color: #fff;
  height: 100%;
  max-width: 420px;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3
}

.l1x-nft-tier-main.nft-buy .transfer-sidebar-body .btn-back {
  background: #0000;
  border: none
}

.l1x-nft-tier-main.nft-buy .transfer-sidebar-body .btn-back>img {
  height: 24px;
  width: 24px
}

.l1x-nft-tier-main.nft-buy .transfer-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .transfer-inner .title {
  align-items: center;
  display: flex;
  padding: 20px
}

.l1x-nft-tier-main.nft-buy .transfer-inner .title h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  margin-left: 8px
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height {
  height: calc(100% - 54px);
  overflow-y: auto;
  padding-right: 5px
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .nfts-transfer {
  align-items: center;
  background-color: #eff1f8;
  display: flex;
  justify-content: center;
  padding: 16px;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .nfts-transfer-img {
  height: 135px;
  margin-right: 16px;
  width: 100%;
  width: 147px
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .nfts-transfer-img img {
  border-radius: 8px;
  height: 135px;
  min-width: 147px;
  object-fit: cover;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .nfts-transfer-content h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .nfts-transfer-content p {
  color: #64666f;
  font-size: 12px;
  margin: 0
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .transfer-address {
  padding: 20px;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .transfer-address p {
  color: #c3c3c3;
  font-size: 12px
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .transfer-address .text-danger {
  color: red
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .transfer-address .form-group {
  margin-bottom: 12px;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .transfer-address .form-group label {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .transfer-address .form-group .form-control {
  border: 1px solid #c9cdd9;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 16px
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .transfer-address .form-group .form-control::placeholder {
  color: #9499a8
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .transfer-address .form-group .form-control:focus {
  box-shadow: none;
  outline: none
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .username-transfer {
  align-items: center;
  background-color: #eff1f8;
  display: flex;
  height: 165px;
  justify-content: center;
  padding: 20px;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .username-transfer .nft-block-inner {
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .149);
  min-width: 180px;
  padding: 20px;
  text-align: center;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .transfer-inner .full-height .username-transfer .nft-block-inner h4 {
  color: #000;
  font-size: 14px;
  margin: 0
}

.l1x-nft-tier-main.nft-buy .transfer-inner .action {
  padding: 20px;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .transfer-inner .action .btn,
.l1x-nft-tier-main.nft-buy .transfer-inner .approve-transfer {
  width: 100%
}

.l1x-nft-tier-main.nft-buy .transfer-inner .approve-transfer .approve-list {
  margin-bottom: 16px;
  padding-left: 35px;
  position: relative;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .transfer-inner .approve-transfer .approve-list:before {
  border-left: 1px dashed #b2b1be;
  content: "";
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .transfer-inner .approve-transfer .approve-list li {
  align-items: center;
  color: #001a52;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .transfer-inner .approve-transfer .approve-list li:before {
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 50%;
  content: "";
  height: 20px;
  left: -34px;
  position: absolute;
  top: 0;
  width: 20px
}

.l1x-nft-tier-main.nft-buy .transfer-inner .approve-transfer .approve-list li:last-child {
  margin-bottom: 0
}

.l1x-nft-tier-main.nft-buy .transfer-inner .approve-transfer .approve-list li span.completed {
  left: -36px;
  position: absolute;
  top: -2px
}

.l1x-nft-tier-main.nft-buy .transfer-inner .approve-transfer .approve-list li span.completed>svg path {
  fill: #3cbd51
}

.l1x-nft-tier-main.nft-buy .transfer-inner .approve-transfer .approve-process-icons {
  align-items: center;
  display: flex;
  height: 150px;
  justify-content: center;
  margin-bottom: 40px;
  width: 100%
}

.l1x-nft-tier-main.nft-buy .transfer-inner .approve-transfer .approve-process-icons .processing-gif {
  text-align: center;
  width: 100px
}

.l1x-nft-tier-main.nft-buy .transfer-inner .approve-transfer .approve-process-icons .processing-gif svg {
  animation: svg-animation 2s linear infinite;
  max-width: 100px
}

.l1x-nft-tier-main.nft-buy .transfer-inner .approve-transfer .approve-process-icons .processing-gif circle {
  fill: #0000;
  stroke: #156de9;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: 5px;
  animation: circle-animation 1.4s ease-in-out infinite both;
  display: block;
  transform-origin: 50% 50%
}

@media screen and (max-width:1199px) {

  .l1x-nft-tier-main.nft-tier .btn-connect-wallet,
  .l1x-nft-tier-main.nft-tier .nft-tier-header .btn-leaderboard {
    font-size: 12px;
    line-height: 12px;
    padding: 7px 18px
  }

  .l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block-inner {
    padding: 5px
  }

  .l1x-nft-tier-main.nft-tier .nft-tier-body .nav-wrapper>ul li .nav-block h4 {
    font-size: 14px
  }

  .l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .benefit-list li,
  .l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .success-block p {
    font-size: 12px
  }

  .l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .success-block .success-message {
    padding: 8px 16px
  }

  .l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .success-block .success-message>span {
    font-size: 12px
  }

  .l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec h3 {
    font-size: 20px
  }

  .l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-left .benefit-section .price-sec h3>span,
  .l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section h3 {
    font-size: 16px
  }

  .l1x-nft-tier-main.nft-tier .nft-tier-body .content-section-right .update-section p {
    font-size: 12px
  }

  .l1x-nft-tier-main.nft-tier .btn-wrapper>.btn {
    font-size: 12px;
    line-height: 12px;
    padding: 10px
  }
}

.l1x-nft-tier-main .blurred {
  filter: blur(3px)
}

.l1x-nft-tier-main .connect-wallet-popup {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9
}

.l1x-nft-tier-main .connect-wallet-popup-inner {
  background-color: #fff;
  border-radius: 16px;
  max-width: 480px;
  padding: 50px 40px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 11
}

.l1x-nft-tier-main .connect-wallet-popup-inner .close-modal {
  border-radius: 25px;
  color: #000;
  font-size: 12px;
  left: 10px;
  outline: none;
  position: absolute;
  top: 10px
}

.l1x-nft-tier-main .connect-wallet-popup-inner .close-modal:hover {
  background-color: #898d9e1a
}

.l1x-nft-tier-main .connect-wallet-popup-inner .close-modal:before {
  background-color: #ff1919;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 10px
}

.l1x-nft-tier-main .connect-wallet-popup .modal-overlay {
  background-color: #00000080;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.l1x-nft-tier-main .connect-wallet-popup.successfull-popup .close-modal {
  right: auto
}

.l1x-nft-tier-main .connect-wallet-popup.successfull-popup .connect-wallet-popup-inner {
  max-width: 560px
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade h3 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 24px;
  font-weight: 700
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade-img {
  border: 5px solid #fff;
  border-radius: 18px;
  box-shadow: 0 6.25px 23.43px 0 rgba(0, 0, 0, .149);
  height: 180px;
  margin: 0 auto 40px;
  position: relative;
  width: 180px
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade-img .img-wrapper {
  border-radius: 16px;
  height: 170px;
  overflow: hidden;
  width: 170px
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade-img .img-wrapper img {
  width: 100%
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade>h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px;
  max-width: 100%
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade h6 {
  color: #6a6d7b;
  font-size: 14px;
  margin: 0 0 16px
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade .nft-tag {
  background-color: #fff;
  border-radius: 25px;
  bottom: -20px;
  left: 50%;
  padding: 8px 16px;
  position: absolute;
  transform: translateX(-50%);
  width: 140px
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade .nft-tag>abbr {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade .nft-upgrade-inprogress {
  margin: 0 0 35px;
  width: 100%
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade .nft-upgrade-inprogress .processing-gif {
  position: relative;
  text-align: center;
  width: 100px
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade .nft-upgrade-inprogress .processing-gif .logo {
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade .nft-upgrade-inprogress .processing-gif .logo>img {
  width: 100%
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade .nft-upgrade-inprogress .processing-gif svg {
  animation: svg-animation 2s linear infinite;
  max-width: 100px
}

@keyframes svg-animation {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.l1x-nft-tier-main .connect-wallet-popup .successfull-upgrade .nft-upgrade-inprogress .processing-gif circle {
  fill: #0000;
  stroke: #ff6717;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: 5px;
  animation: circle-animation 1.4s ease-in-out infinite both;
  display: block;
  transform-origin: 50% 50%
}

@keyframes circle-animation {

  0%,
  25% {
    stroke-dashoffset: 280;
    transform: rotate(0)
  }

  50%,
  75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg)
  }

  to {
    stroke-dashoffset: 280;
    transform: rotate(1turn)
  }
}

.h-62 {
  min-height: 62px
}

.selection-text {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px
}

.burn-confirmation {
  align-items: center;
  border-radius: 0 12px 12px 0;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 64px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: calc(100% - 64px);
  z-index: 99
}

.burn-confirmation-overlay {
  background-color: #00000080;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.burn-confirmation-inner {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  position: absolute;
  text-align: center;
  width: 420px;
  z-index: 2
}

.burn-confirmation-inner h4 {
  font-size: 16px;
  font-weight: 600
}

.burn-confirmation-inner p {
  font-size: 13px
}

.burn-confirmation-inner .btn {
  border-radius: 25px;
  font-size: 14px;
  margin: 0 5px;
  min-width: 90px
}

.l1x-nf-promotional {
  align-items: center;
  background-color: #fff;
  background-image: url(/static/media/cloud-img.8c22d967e4b5522c9ae6.png);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 16px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 20px;
  min-height: 118px;
  padding: 0 16px
}

.l1x-nf-promotional h2 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 36px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  white-space: nowrap
}

@media screen and (max-width:1279px) {
  .l1x-nf-promotional h2 {
    font-size: 26px
  }
}

.l1x-nf-promotional p {
  color: #000;
  font-size: 16px;
  margin: 0;
  max-width: 420px;
  width: 100%
}

@media screen and (max-width:1279px) {
  .l1x-nf-promotional p {
    font-size: 14px
  }
}

.l1x-nf-promotional .btn-primary {
  font-size: 14px;
  line-height: 14px;
  min-width: 180px;
  padding: 10px;
  white-space: nowrap
}

@media screen and (max-width:1279px) {
  .l1x-nf-promotional .btn-primary {
    font-size: 13px;
    min-width: 140px
  }
}

.l1x-nf-promotional .img-wrap {
  min-width: 180px
}

.l1x-nf-promotional .img-wrap img {
  max-height: 119px
}

.bg-orange {
  background: #ff6718 !important;
  color: #fff;
  cursor: pointer
}

.dark-container .howtoget-nft {
  height: 100%;
  width: 100%
}

.dark-container .howtoget-nft-header {
  background-color: #0f1b2e;
  border-bottom: 0 solid #d8dae1;
  border-top: 0 solid #d8dae1;
  padding: 10px 20px
}

.dark-container .howtoget-nft-links {
  align-items: center;
  display: flex
}

.dark-container .howtoget-nft-links li button {
  background-color: #0000;
  border: none;
  color: #677891;
  font-size: 12px;
  padding: 0 14px
}

.dark-container .howtoget-nft-links li button.active {
  color: #fff;
  font-weight: 600
}

.dark-container .howtoget-nft-body {
  height: calc(100% - 42px);
  overflow-y: auto;
  padding: 30px 34px;
  width: 100%
}

.dark-container .howtoget-nft-body-content h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px
}

.dark-container .howtoget-nft-body-content p {
  color: #b6bacc;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px
}

.dark-container .howtoget-nft-body-content h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px
}

.dark-container .howtoget-nft-body-content .steps-list {
  list-style: decimal;
  margin-bottom: 20px;
  padding-left: 20px
}

.dark-container .howtoget-nft-body-content .steps-list li {
  color: #fff;
  font-size: 14px;
  margin-bottom: 14px
}

.dark-container .howtoget-nft-body-content .steps-list li .pawn-link {
  color: #fc651b;
  display: inline-block;
  font-weight: 600;
  text-decoration: underline
}

.dark-container .howtoget-nft-body-content .steps-list li .steps-list-inner {
  list-style: decimal;
  margin-top: 15px;
  padding-left: 20px
}

.dark-container .howtoget-nft-body-content .steps-list li .steps-list-inner li {
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px
}

.dark-container .howtoget-nft-body-content .steps-list b {
  font-weight: 600
}

.dark-container .howtoget-nft-body-content .btn-primary {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 14px;
  line-height: 14px;
  padding: 10px 20px
}

.dark-container .howtoget-nft-body-content .btn-primary>img {
  margin-left: 8px
}

.dark-container .howtoget-nft-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%
}

.dark-container .howtoget-nft-video-main {
  background: #0f1b2e;
  border: 1px solid #4b607e;
  border-radius: 16px;
  padding: 16px;
  width: 100%
}

.dark-container .howtoget-nft-video-main h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 12px 0 0
}

.dark-container .howtoget-nft-video-main .step-count {
  background-color: #0f1b2e;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  left: 24px;
  line-height: 14px;
  padding: 6px 12px;
  position: absolute;
  top: 24px;
  z-index: 2
}

.dark-container .howtoget-nft-video>iframe {
  border: 0;
  border-radius: 12px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}

.dark-container ::-webkit-scrollbar {
  width: 3px
}

.dark-container ::-webkit-scrollbar-thumb {
  background: #4b607e;
  border-radius: 10px
}

.dark-container ::-webkit-scrollbar-track {
  background: #1e314d
}

.dark-container .nft-tier-activities {
  background-color: #142339;
  height: 100%;
  overflow: hidden;
  width: 100%
}

.dark-container .nft-tier-activities-header {
  align-items: center;
  background-color: #fff;
  display: flex;
  padding: 20px;
  width: 100%
}

.dark-container .nft-tier-activities-header .backarrow {
  background-color: #0000;
  border: none;
  margin-right: 8px
}

.dark-container .nft-tier-activities-header h1 {
  font-size: 20px;
  font-weight: 700;
  margin: 0
}

.dark-container .nft-tier-activities-body {
  align-items: flex-start;
  display: flex;
  height: 100%;
  overflow-y: auto;
  padding: 20px;
  width: 100%
}

.dark-container .nft-tier-activities-body-left {
  background-color: #27364b;
  border-radius: 16px;
  flex-basis: calc(27% - 16px);
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  margin-right: 16px;
  max-width: calc(27% - 16px);
  overflow-y: auto;
  padding: 16px;
  width: 100%
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected {
  height: auto;
  min-width: 100%;
  width: 100%
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner {
  background: #27364b;
  height: calc(100% - 100px);
  margin-top: 0;
  padding: 0
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .profile-wrap.locked>img {
  opacity: 1 !important
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .profile-wrap {
  border: 8px solid #fff;
  border-radius: 10px;
  height: 164px;
  margin-bottom: 20px;
  margin-top: 10px;
  opacity: 1;
  position: relative;
  top: 0;
  width: 164px
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .profile-wrap .welcome-section {
  background: #fff;
  border: 0;
  border-radius: 23px;
  bottom: 10px;
  left: 50%;
  margin: 0;
  position: absolute;
  text-align: center;
  transform: translate(-50%);
  width: auto
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .profile-wrap .welcome-section h3 {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  margin: 0;
  padding: 5px 10px;
  text-transform: uppercase
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .title {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  text-align: left
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .option {
  align-items: center;
  color: #ffffffb3;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 400;
  justify-content: center;
  line-height: 15px;
  margin-top: 27px
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .option>div {
  display: flex;
  gap: 4px;
  padding: 4px
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .option>div>svg {
  height: 16px;
  padding: 3px;
  width: 16px
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcupgrade {
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border-radius: 8px;
  margin-bottom: 60px;
  padding: 10px
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcupgrade p {
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
  margin: 0
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcupgrade h4 {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 12px;
  margin: 6px 0 0;
  text-align: left
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcupgrade h4 img {
  height: 13px;
  margin-right: 5px;
  width: 14px
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcupgrade .pc {
  align-items: flex-start;
  display: flex;
  justify-content: space-between
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcupgrade .upgradebtn {
  align-items: center;
  background: #fff;
  border: 1px solid #fff;
  color: #fc651b;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  gap: 5px;
  justify-content: center;
  line-height: 16px;
  margin-bottom: 5px;
  padding: 3px 10px
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcupgrade .expires {
  margin: 10px 0 0
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcpoints {
  align-items: center;
  border-bottom: 1px solid #f0f1f6;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 15px
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcpoints div {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 15px
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcpoints p {
  color: #acb0c3;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  margin-bottom: 6px
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcpoints h4 {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 19px;
  margin: 0
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcpoints h4 img {
  height: 12px;
  width: 13px
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .chart {
  text-align: center
}

.dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .chart img {
  display: inline-block
}

.dark-container .nft-tier-activities-body-right {
  background-color: #142339;
  border-radius: 0;
  flex: 0 0 73%;
  height: 100%;
  max-width: 73%;
  overflow-y: auto;
  width: 100%
}

.dark-container .nft-tier-activities-body-right .activities {
  height: 100%;
  width: 100%
}

.dark-container .nft-tier-activities-body-right .activities-header {
  align-items: center;
  border-bottom: 0 solid #eff1f8;
  display: flex;
  justify-content: space-between;
  padding: 10px 0 0
}

.dark-container .nft-tier-activities-body-right .activities-header h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px
}

.dark-container .nft-tier-activities-body-right .activities-header .link-distribution {
  font-size: 14px;
  line-height: 14px;
  padding: 8px 16px
}

.dark-container .nft-tier-activities-body-right .activities-header .total-points {
  background-color: #eff1f8;
  border-radius: 8px;
  margin-bottom: 10px;
  min-width: 200px;
  padding: 10px
}

.dark-container .nft-tier-activities-body-right .activities-header .total-points p {
  color: #767481;
  font-size: 12px;
  margin-bottom: 5px
}

.dark-container .nft-tier-activities-body-right .activities-header .total-points h6 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.dark-container .nft-tier-activities-body-right .activities-header .tabs-link {
  display: flex;
  gap: 16px
}

.dark-container .nft-tier-activities-body-right .activities-header .tabs-link li button {
  background-color: #0000;
  border: none;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 0;
  position: relative
}

.dark-container .nft-tier-activities-body-right .activities-header .tabs-link li button.active {
  color: #fc651b
}

.dark-container .nft-tier-activities-body-right .activities-header .tabs-link li button.active:after {
  background-color: #fc651b;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.dark-container .nft-tier-activities-body-right .activities-body {
  height: calc(100% - 32px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0 16px;
  width: 100%
}

.dark-container .nft-tier-activities .redeem-points-block {
  width: 100%
}

.dark-container .activities-list {
  max-height: 525px;
  overflow-y: auto;
  position: relative;
  width: 100%
}

.dark-container .activities-list-block {
  align-items: center;
  background-color: #eff1f8;
  border-radius: 35px;
  display: flex;
  margin-bottom: 10px;
  max-width: 80%
}

.dark-container .activities-list-block-filled {
  border-radius: 35px;
  color: #fff;
  font-size: 12px;
  padding: 9px 28px
}

.dark-container .activities-list-block>span {
  font-size: 12px;
  padding: 9px 20px
}

.dark-container .activities-list-block>span img {
  max-height: 13px;
  vertical-align: initial
}

.dark-container .activities-list .swap-count-with-points {
  background: none;
  display: block;
  overflow: hidden;
  padding: 0
}

.dark-container .activities-list .swap-count-with-points .swapCount {
  background: #27364b;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 16px
}

.dark-container .activities-list .swap-count-with-points .swapCount:last-child {
  margin-bottom: 20px
}

.dark-container .activities-list .swap-count-with-points .border-right {
  border-right: none
}

.dark-container .activities-list .title {
  color: #fff;
  margin-bottom: 11px
}

.dark-container .activities-profile>.profile-img {
  border-radius: 12px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .149);
  height: 160px;
  margin: 0 auto 30px;
  overflow: visible;
  overflow: initial;
  padding: 8px;
  position: relative;
  width: 160px
}

.dark-container .activities-profile>.profile-img span {
  display: block;
  position: relative
}

.dark-container .activities-profile>.profile-img span img {
  border-radius: 12px;
  max-width: 100%
}

.dark-container .activities-profile>.profile-img span .profile-name {
  -webkit-backdrop-filter: blur(1.7456897497px);
  backdrop-filter: blur(1.7456897497px);
  background: #fff;
  border-radius: 23.276px;
  bottom: -16px;
  left: 0;
  margin: 0 auto;
  padding: 2px 10px;
  position: absolute;
  right: 0;
  width: -webkit-max-content;
  width: max-content
}

.dark-container .activities-profile>.profile-img span .profile-name p {
  -webkit-text-fill-color: #0000;
  background-clip: text;
  margin: 0
}

.dark-container .activities-profile>.profile-img .title,
.dark-container .activities-profile>.profile-img span .profile-name p {
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  -webkit-background-clip: text;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase
}

.dark-container .activities-profile>.profile-img .title {
  -webkit-text-fill-color: #0000;
  background-clip: text;
  margin-bottom: 0;
  text-align: center
}

.dark-container .activities-profile>.profile-img .title-wrap {
  background-color: #fff;
  border-radius: 15px;
  bottom: 15px;
  display: inline-block;
  left: 50%;
  padding: 0 10px;
  position: absolute;
  transform: translateX(-50%)
}

.dark-container .activities-profile .stats {
  grid-gap: 10px;
  border-bottom: 1px solid #f0f1f6;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 10px;
  padding-bottom: 20px;
  text-align: center
}

.dark-container .activities-profile .stats>div h6 {
  color: #6a6d7b;
  font-size: 10px;
  font-weight: 400;
  margin-bottom: 3px
}

.dark-container .activities-profile .stats>div h3 {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  margin-bottom: 0
}

.dark-container .activities-profile .stats>div h3>img {
  height: 13px;
  margin-right: 4px;
  width: 13px
}

.dark-container .activities-profile .stats>div .gradient-tag {
  border: 1.5px solid #ff6717;
  border-radius: 25px;
  display: inline-block;
  line-height: 0;
  padding: 7px 15px
}

.dark-container .activities-profile .stats>div .gradient-tag>abbr {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase
}

.dark-container .activities-profile .earn-points {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 25px;
  text-align: center
}

.dark-container .activities-profile .cta-wrapper {
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%
}

.dark-container .activities-profile .cta-wrapper-inner {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  width: 100%
}

.dark-container .activities-profile .cta-wrapper h3 {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 5px
}

.dark-container .activities-profile .cta-wrapper p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin: 0
}

.dark-container .activities-profile .cta-wrapper .btn-white {
  background-color: #fff;
  border-radius: 25px;
  color: #fc651b;
  font-size: 12px;
  line-height: 12px;
  padding: 5px 15px;
  white-space: nowrap
}

.dark-container .activities-profile .cta-wrapper .btn-white>img {
  height: 13px;
  margin-right: 3px
}

.dark-container .activities-profile .activities-graph h6 {
  font-size: 14px;
  font-weight: 700
}

.dark-container .activities-profile .activities-graph-wrapper {
  align-items: center;
  display: flex;
  height: 220px;
  justify-content: center
}

.dark-container .nft-sidebar {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9
}

.dark-container .nft-sidebar-overlay {
  background-color: #000000b3;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.dark-container .nft-sidebar-body {
  background-color: #fff;
  height: 100%;
  max-width: 420px;
  overflow-y: auto;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3
}

.dark-container .nft-sidebar-body .update-section {
  background-color: #eff1f8;
  border-radius: 16px;
  height: 100%;
  min-height: 410px;
  padding: 16px;
  width: 100%
}

.dark-container .nft-sidebar-body .update-section h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px
}

.dark-container .nft-sidebar-body .update-section p {
  color: #a2a6b3;
  font-size: 13px
}

.dark-container .nft-sidebar-body .update-section .not-eligible-sec {
  background-color: #fff;
  border-radius: 16px;
  margin: 0 auto;
  max-width: 420px;
  padding: 20px;
  text-align: center;
  width: 100%
}

.dark-container .nft-sidebar-body .update-section .not-eligible-sec h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px
}

.dark-container .nft-sidebar-body .update-section .not-eligible-sec h5 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 auto 12px;
  max-width: 240px
}

.dark-container .nft-sidebar-body .update-section .not-eligible-sec .btn-wrapper {
  justify-content: center
}

.dark-container .nft-sidebar-body .update-section .updation-block {
  align-items: flex-start;
  background-color: #fff;
  border-radius: 8px;
  column-gap: 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 10px 10px 25px
}

.dark-container .nft-sidebar-body .update-section .updation-block-list {
  height: 345px;
  overflow-y: auto;
  padding-right: 5px;
  width: 100%
}

.dark-container .nft-sidebar-body .update-section .updation-block.completed {
  background-color: #e5fee9
}

.dark-container .nft-sidebar-body .update-section .updation-block .profile-block {
  border-radius: 6px;
  height: 30px;
  margin-right: 10px;
  min-width: 30px;
  overflow: hidden;
  width: 30px
}

.dark-container .nft-sidebar-body .update-section .updation-block .profile-block>img {
  width: 100%
}

.dark-container .nft-sidebar-body .update-section .updation-block .content-block {
  max-width: 250px;
  width: 100%
}

.dark-container .nft-sidebar-body .update-section .updation-block .content-block h6 {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dark-container .nft-sidebar-body .update-section .updation-block .progress-block {
  margin: 10px 0
}

.dark-container .nft-sidebar-body .update-section .updation-block .progress-block .progress {
  height: 2px;
  overflow: visible
}

.dark-container .nft-sidebar-body .update-section .updation-block .progress-block .progress-bar {
  background-color: #3cbd51;
  overflow: visible;
  position: relative
}

.dark-container .nft-sidebar-body .update-section .updation-block .progress-block .progress-bar>.pointer {
  background-color: #3cbd51;
  border-radius: 100%;
  height: 9px;
  position: absolute;
  right: -9px;
  top: -3.5px;
  width: 9px
}

.dark-container .nft-sidebar-body .update-section .updation-block .progress-block .progress-bar>.tooltip-block {
  background-color: #000;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  margin-top: 7px;
  padding: 1px 4px;
  position: absolute;
  right: -11px;
  top: 100%;
  transform: translate(50%)
}

.dark-container .nft-sidebar-body .update-section .updation-block .progress-block .progress-bar>.tooltip-block.completed {
  background-color: #3cbd51
}

.dark-container .nft-sidebar-body .update-section .updation-block .progress-block .progress-bar>.tooltip-block.start {
  background-color: #ff6717
}

.dark-container .nft-sidebar-body .btn-back {
  background: #0000;
  border: none
}

.dark-container .nft-sidebar-body .btn-back>img {
  height: 24px;
  width: 24px
}

.dark-container .nft-sidebar-body .l1x-tier-nft-main,
.dark-container .nft-sidebar-body .l1x-tier-nft-main .l1x-tier-nft-connected {
  min-width: 100%;
  width: 100%
}

.dark-container .nft-sidebar .l1x-tier-nft {
  background-size: contain;
  padding: 0
}

.dark-container .nft-sidebar .l1x-tier-nft-img {
  margin-bottom: 20px
}

.dark-container .nft-sidebar .l1x-tier-nft-content h4 {
  margin: 0 auto 15px;
  max-width: 80%
}

.dark-container .nft-sidebar .connect-wallet-popup-inner {
  max-width: 380px
}

.dark-container .nft-sidebar .connect-wallet-popup-inner .connect-btn {
  min-width: 160px
}

.dark-container .nft-sidebar .l1x-tier-nft-connected .connected-inner {
  height: calc(100% - 125px)
}

.dark-container .redeem-points {
  height: 100%;
  overflow-y: auto;
  width: 100%
}

.dark-container .redeem-points>.title {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 11px;
  text-align: center
}

.dark-container .redeem-points-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  overflow-y: auto;
  width: 100%
}

.dark-container .redeem-points-block {
  background: #27364b;
  border: 0 solid #e5e7ef;
  border-radius: 16px;
  padding: 30px;
  text-align: center;
  width: calc(33.33% - 11px)
}

.dark-container .redeem-points-block .icon {
  align-items: center;
  display: flex;
  height: 58px;
  justify-content: center;
  margin: 0 auto 10px;
  width: 58px
}

.dark-container .redeem-points-block .icon>img {
  width: 100%
}

.dark-container .redeem-points-block h3 {
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 25px
}

.dark-container .redeem-points-block h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 400
}

.dark-container .redeem-points-block h4>span {
  color: #fff;
  font-size: 28px;
  font-weight: 700
}

.dark-container .redeem-points-block h4>span>img {
  display: inline-block;
  height: 24px;
  margin: 0 5px 0 7px;
  width: 25px
}

.dark-container .redeem-points-block .btn {
  border-radius: 25px;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  padding: 9px 40px
}

.dark-container .redeem-points-block .btn:disabled {
  background-color: #c0c0c5;
  border-color: #c0c0c5;
  color: #000
}

.dark-container .redeem-offers-popup {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9
}

.dark-container .redeem-offers-inner {
  background-color: #fff;
  border-radius: 16px;
  max-width: 560px;
  padding: 50px 40px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 11
}

.dark-container .redeem-offers-inner .close-modal {
  border-radius: 25px;
  color: #000;
  font-size: 12px;
  left: 10px;
  outline: none;
  position: absolute;
  top: 10px
}

.dark-container .redeem-offers-inner .close-modal:hover {
  background-color: #898d9e1a
}

.dark-container .redeem-offers-inner .close-modal:before {
  background-color: #ff1919;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 10px
}

.dark-container .redeem-offers-inner>span.icon {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 0 auto 10px;
  width: 40px
}

.dark-container .redeem-offers-inner>span.icon>img {
  width: 100%
}

.dark-container .redeem-offers-inner>.offer-block h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 auto 10px;
  max-width: 360px
}

.dark-container .redeem-offers-inner>.offer-block h6 {
  color: #898d9e;
  font-size: 12px;
  font-weight: 400
}

.dark-container .redeem-offers-inner>.offer-block span.yellow-block {
  align-items: center;
  background-color: #fffbe9;
  border: 1px solid #ffed94;
  border-radius: 25px;
  display: inline-flex;
  font-size: 16px;
  font-weight: 600;
  gap: 6px;
  justify-content: center;
  margin-bottom: 10px;
  padding: 4px 12px
}

.dark-container .redeem-offers-inner>.offer-block span.yellow-block>img {
  height: 14px;
  width: 14px
}

.dark-container .redeem-offers-inner>.offer-block h5 {
  align-items: center;
  display: flex;
  font-size: 12px;
  justify-content: center;
  margin-bottom: 16px
}

.dark-container .redeem-offers-inner>.offer-block h5>b {
  font-weight: 600
}

.dark-container .redeem-offers-inner>.offer-block h5>img {
  height: 14px;
  margin: 0 4px;
  width: 14px
}

.dark-container .redeem-offers-inner>.offer-block .btn.btn-primary {
  font-size: 14px;
  font-weight: 500;
  padding: 6px 18px
}

.dark-container .redeem-offers-inner>.redeem-notification>span.icon {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 0 auto 10px;
  width: 40px
}

.dark-container .redeem-offers-inner>.redeem-notification>span.icon>img {
  width: 100%
}

.dark-container .redeem-offers-inner>.redeem-notification h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 auto 10px;
  max-width: 360px
}

.dark-container .redeem-offers-inner>.redeem-notification .btn.btn-primary {
  font-size: 14px;
  font-weight: 500;
  padding: 6px 18px
}

.dark-container .redeem-offers-inner>.redeem-notification input.form-control {
  border: 1px solid #cccfd9;
  font-size: 14px;
  line-height: 14px;
  margin: 0 auto;
  max-width: 340px;
  padding: 12px 16px
}

.dark-container .redeem-offers-inner>.redeem-notification input.form-control:focus {
  box-shadow: none;
  outline: none
}

.dark-container .redeem-offers-overlay {
  background-color: #00000080;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.dark-container .redeem-sidebar {
  height: 100%;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9
}

.dark-container .redeem-sidebar-overlay {
  background-color: #000000b3;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.dark-container .redeem-sidebar-body {
  background-color: #fff;
  height: 100%;
  max-width: 420px;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3
}

.dark-container .redeem-sidebar-body>.title {
  align-items: center;
  border-bottom: 1px solid #eff1f8;
  display: flex;
  padding: 16px;
  width: 100%
}

.dark-container .redeem-sidebar-body>.title .back-btn {
  background-color: #0000;
  border: none
}

.dark-container .redeem-sidebar-body>.title .back-btn>img {
  height: 24px;
  width: 24px
}

.dark-container .redeem-sidebar-body>.title h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 0 8px
}

.dark-container .redeem-sidebar-top {
  height: calc(100% - 210px);
  overflow-y: auto;
  padding: 16px;
  width: 100%
}

.dark-container .redeem-sidebar-top .payable-section h6 {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 6px
}

.dark-container .redeem-sidebar-top .payable-section-inner {
  align-items: center;
  background-color: #eff1f8;
  border-radius: 12px;
  column-gap: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 12px
}

.dark-container .redeem-sidebar-top .payable-section-inner .form-control {
  background-color: #0000;
  border: none;
  font-size: 30px;
  margin-bottom: 0;
  padding: 0;
  width: 100%
}

.dark-container .redeem-sidebar-top .payable-section-inner .form-control:focus {
  box-shadow: none;
  outline: none
}

.dark-container .redeem-sidebar-top .payable-section-inner h3 {
  font-size: 30px;
  font-weight: 500
}

.dark-container .redeem-sidebar-top .payable-section-inner h6 {
  color: #667085;
  font-size: 12px
}

.dark-container .redeem-sidebar-top .payable-section-inner .shuffle-icon {
  background-color: #0000;
  border: none
}

.dark-container .redeem-sidebar-top .payable-section-inner .network-dropdown {
  align-items: center;
  background-color: #fff;
  border-radius: 16px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 12px
}

.dark-container .redeem-sidebar-top .payable-section-inner .network-dropdown .network-dropdown-icon {
  height: 36px;
  position: relative
}

.dark-container .redeem-sidebar-top .payable-section-inner .network-dropdown .network-dropdown-icon>img {
  height: 34px;
  width: 34px
}

.dark-container .redeem-sidebar-top .payable-section-inner .network-dropdown .network-dropdown-icon>abbr {
  bottom: 0;
  position: absolute;
  right: 0
}

.dark-container .redeem-sidebar-top .payable-section-inner .network-dropdown .network-dropdown-icon>abbr>img {
  height: 16px;
  width: 16px
}

.dark-container .redeem-sidebar-top .payable-section-inner .network-dropdown .network-dropdown-content h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 0
}

.dark-container .redeem-sidebar-top .payable-section-inner .network-dropdown .network-dropdown-content h6 {
  color: #667085;
  font-size: 10px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70px
}

.dark-container .redeem-sidebar-top .payable-section-inner .balance-text {
  color: #5e5e5e;
  font-size: 12px;
  font-weight: 400;
  margin: 5px 0 0;
  padding-right: 2px;
  text-align: right;
  width: 100%
}

.dark-container .redeem-sidebar-top .payable-section-inner .balance-text>b {
  font-weight: 600
}

.dark-container .redeem-sidebar-top .payable-section.upgrade .payable-section-inner h5 {
  font-size: 30px;
  margin-bottom: 0
}

.dark-container .redeem-sidebar-top .payable-section.upgrade .payable-section-inner h6 {
  color: #000;
  margin-bottom: 0
}

.dark-container .redeem-sidebar-top .payable-section.upgrade .payable-section-inner h6 b {
  font-weight: 600
}

.dark-container .redeem-sidebar-top .payable-section.upgrade .payable-section-inner .network-dropdown-content h6 {
  width: 100px
}

.dark-container .redeem-sidebar-top .payable-section.upgrade .payable-section-inner .network-dropdown-icon {
  align-items: center;
  background: linear-gradient(139.57deg, #ff6717 15.17%, #7900ff 85.06%);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  min-width: 36px;
  width: 36px
}

.dark-container .redeem-sidebar-top .payable-section.upgrade .payable-section-inner .network-dropdown-img {
  height: 36px;
  width: 36px
}

.dark-container .redeem-sidebar-top .payable-section.upgrade .payable-section-inner .network-dropdown-img>img {
  width: 100%
}

.dark-container .redeem-sidebar-top .payable-section.upgrade .payable-section-inner .network-dropdown {
  width: 168px
}

.dark-container .redeem-sidebar-top .payable-section.upgrade.bg-grey .payable-section-inner {
  background-color: #f2f2f2
}

.dark-container .redeem-sidebar-bottom {
  padding: 16px;
  width: 100%
}

.dark-container .redeem-sidebar-bottom h6 {
  color: #000;
  font-style: 12px;
  font-weight: 500
}

.dark-container .redeem-sidebar-bottom .wallet-address-block {
  align-items: center;
  background-color: #e9ebf2;
  border-radius: 25px;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
  padding: 6px;
  width: 100%
}

.dark-container .redeem-sidebar-bottom .wallet-address-block abbr {
  color: #9499a8;
  font-size: 13px;
  font-weight: 400
}

.dark-container .redeem-sidebar-bottom .wallet-address-block>span {
  height: 15px;
  line-height: 0;
  margin-right: 8px;
  width: 15px
}

.dark-container .redeem-sidebar-bottom .btn {
  font-size: 14px;
  padding: 8px 18px
}

.dark-container .redeem-sidebar-bottom .btn:disabled {
  background-color: #a2a6b3;
  border-color: #a2a6b3;
  color: #000
}

@media screen and (max-width:1400px) {
  .dark-container .redeem-points>.title {
    font-size: 16px;
    margin-bottom: 8px
  }

  .dark-container .redeem-points-block h4,
  .dark-container .redeem-points-block h4 span {
    font-size: 21px
  }

  .dark-container .redeem-points-block {
    padding: 25px
  }

  .dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcpoints div {
    padding: 0 5px
  }

  .dark-container .redeem-points-block .btn {
    font-size: 14px;
    padding: 9px 25px
  }

  .dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .profile-wrap {
    height: 140px;
    width: 140px
  }

  .dark-container .activities-list .swap-count-with-points .swapCount {
    padding: 12px
  }
}

@media screen and (max-width:1199px) {
  .dark-container .activities-profile .profile-img {
    height: 160px;
    width: 160px
  }

  .dark-container .activities-list-block-filled,
  .dark-container .activities-list-block>span,
  .dark-container .activities-profile .cta-wrapper p {
    font-size: 10px
  }

  .dark-container .activities-list-block>span img {
    max-height: 13px;
    vertical-align: initial
  }

  .dark-container .activities-list-block:nth-child(1n+2) {
    width: 90%
  }

  .dark-container .activities-list-block:nth-child(2n) {
    width: 80%
  }

  .dark-container .activities-list-block:nth-child(3n) {
    width: 70%
  }

  .dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcupgrade .pc {
    flex-wrap: wrap;
    gap: 5px
  }

  .dark-container .redeem-points-block h4,
  .dark-container .redeem-points-block h4 span {
    font-size: 18px
  }

  .dark-container .redeem-points-block h3 {
    font-size: 12px;
    margin-bottom: 15px
  }

  .dark-container .redeem-points-block h4 {
    margin-bottom: 10px
  }

  .dark-container .redeem-points-block h4>span>img {
    height: 15px;
    margin: 0 3px 0 5px;
    width: 15px
  }

  .dark-container .activities-list .swap-count-with-points .swapCount {
    padding: 10px
  }

  .dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcpoints h4 {
    font-size: 11px
  }

  .dark-container .nft-tier-activities-body-left .l1x-tier-nft-connected .connected-inner .pcpoints p {
    font-size: 10px;
    margin-bottom: 4px
  }

  .dark-container .nft-tier-activities-body-left {
    padding: 12px
  }
}

.dark-container .graph-card {
  border: 1px solid #eff1f8;
  border-radius: 12px;
  padding: 16px
}

.dark-container .graph-card .spaced-content {
  align-items: center;
  display: flex
}

.dark-container .graph-card .spaced-content img {
  margin-right: 10px;
  width: 44px
}

.dark-container .graph-card .spaced-content p {
  font-size: 12px
}

.dark-container .graph-card .spaced-content h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0
}

.dark-container .graph-card .points-content {
  font-size: 14px
}

.dark-container .graph-card img {
  width: 18px
}

.dark-container .gradient-beta {
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border-radius: 40px;
  margin-left: 10px;
  padding: 5px 15px
}

.dark-container .gradient-beta p {
  color: #fff;
  font-size: 14px;
  font-weight: 500
}

.dark-container .user-joined-progress {
  margin-right: 12px
}

.dark-container .user-joined-progress p {
  color: #505467
}

.dark-container .user-joined-progress .progress-tooltip {
  margin-top: 6px;
  position: relative;
  width: 200px
}

.dark-container .user-joined-progress .progress-tooltip .progress-tooltip-info {
  align-items: center;
  background: #eee;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 0 2px #ccc;
  color: #7856ff;
  display: inline-flex;
  font-family: sans-serif;
  font-weight: 700;
  height: 35px;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: 5px;
  transform: translateX(calc(-50% - 5px));
  width: 55px
}

.dark-container .user-joined-progress .progress-tooltip .progress-tooltip-info:after,
.dark-container .user-joined-progress .progress-tooltip .progress-tooltip-info:before {
  border: 7px solid #0000;
  border-top-color: #eee;
  bottom: -13px;
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
  transform: translateX(-50%)
}

.dark-container .user-joined-progress .progress-tooltip .progress-tooltip-info:before {
  border-top-color: #ccc;
  border-width: 8px;
  bottom: -16px;
  left: 50%
}

.dark-container .user-joined-progress .progress-tooltip .progress-tooltip-info:after {
  z-index: 1
}

.dark-container .user-joined-progress .progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 5px;
  display: block;
  font-family: sans-serif;
  height: 6px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%
}

.dark-container .user-joined-progress .progress::-webkit-progress-bar {
  background-color: #eceef5
}

.dark-container .user-joined-progress .progress::-webkit-progress-value {
  background-color: #30c100;
  background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0, #0000 50%, #ffffff26 0, #ffffff26 75%, #0000 0, #0000);
  background-size: 10px 10px;
  border-radius: 5px
}

.dark-container .user-joined-progress .progress::-moz-progress-bar {
  background-color: #30c100;
  background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0, #0000 50%, #ffffff26 0, #ffffff26 75%, #0000 0, #0000);
  background-size: 10px 10px;
  border-radius: 5px
}

.dark-container .user-joined-progress .progress::-ms-fill {
  background-color: #30c100;
  background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0, #0000 50%, #ffffff26 0, #ffffff26 75%, #0000 0, #0000);
  background-size: 10px 10px;
  border: none;
  border-radius: 5px
}

.dark-container .user-joined-progress .progress:indeterminate {
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: moveIndeterminate;
  animation-timing-function: linear;
  background-color: #eceef5;
  background-image: linear-gradient(90deg, #30c100 30%, #eceef5 0);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 150% 150%
}

.dark-container .user-joined-progress .progress:indeterminate::-webkit-progress-bar,
.dark-container .user-joined-progress .progress:indeterminate::-webkit-progress-value {
  background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0, #0000 50%, #ffffff26 0, #ffffff26 75%, #0000 0, #0000);
  background-size: 10px 10px
}

.dark-container .user-joined-progress .progress:indeterminate::-webkit-progress-bar {
  background-color: #0000
}

.dark-container .user-joined-progress .progress:indeterminate::-moz-progress-bar {
  background-color: #0000;
  background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0, #0000 50%, #ffffff26 0, #ffffff26 75%, #0000 0, #0000);
  background-size: 10px 10px
}

@keyframes moveIndeterminate {
  0% {
    background-position: 200% 0
  }

  to {
    background-position: -200% 0
  }
}

.dark-container .limit-reached {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.dark-container .limit-reached .limit-content {
  background: #fff;
  border-radius: 16px;
  padding: 50px 20px;
  position: relative;
  text-align: center;
  width: 500px;
  z-index: 10
}

.dark-container .limit-reached .limit-content img {
  margin: 0 auto 16px;
  width: 54px
}

.dark-container .limit-reached .limit-content h3 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px
}

.dark-container .limit-reached .limit-content p {
  font-size: 14px;
  line-height: 1.5
}

.dark-container .limit-reached .limit-content .btn-cancel {
  background: #898d9e1a;
  border: none;
  border-radius: 30px;
  font-size: 14px;
  height: auto;
  left: 8px;
  padding: 4px 12px;
  position: absolute;
  top: 8px;
  width: auto
}

.dark-container .limit-reached .limit-content .btn-cancel:hover {
  background: #898d9e33
}

.dark-container .limit-reached .limit-content .btn-cancel span {
  background: red;
  border-radius: 10px;
  height: 8px;
  margin-right: 8px;
  width: 8px
}

.dark-container .limit-reached .limit-reached-overlay {
  background: #00000080;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9
}

.dark-container #FAQs .accordion-item .accordion-header .accordion-button {
  background: #e4e5f7;
  font-size: 15px;
  font-weight: 500
}

.dark-container #FAQs .accordion-item .accordion-header .accordion-button.collapsed {
  background: #fff
}

.dark-container .swap-count-with-points {
  align-items: center;
  background: #fff;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  padding: 12px;
  width: 100%
}

.dark-container .swap-count-with-points .swapCount {
  align-items: center;
  color: #000;
  display: flex;
  gap: 16px;
  width: 100%
}

.dark-container .swap-count-with-points .swapCount .countIcon {
  align-items: center;
  background: #4285f4;
  border-radius: 8px;
  color: #fff;
  display: flex;
  height: 46px;
  justify-content: center;
  width: 46px
}

.dark-container .swap-count-with-points .swapCount .countIcon svg {
  width: 30px
}

.dark-container .swap-count-with-points .swapCount .countIcon.green {
  background: #34a853
}

.dark-container .swap-count-with-points .swapCount .countIcon.red {
  background: #ea4335
}

.dark-container .swap-count-with-points .swapCount .countIcon.purple {
  background: #673ab7
}

.dark-container .swap-count-with-points .swapCount .countIcon.blue {
  background: #4285f4
}

.dark-container .swap-count-with-points .swapCount .countIcon.yellow {
  background: #fbbc05
}

.dark-container .swap-count-with-points .swapCount .scount {
  width: calc(100% - 40px)
}

.dark-container .swap-count-with-points .swapCount .title {
  color: #fff !important;
  font-size: 12px !important;
  line-height: 15px;
  margin-bottom: 3px
}

.dark-container .swap-count-with-points .swapCount .value {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 0 !important
}

.dark-container .nft-rewards-container {
  border-radius: 12px;
  margin: auto;
  max-width: 400px;
  padding: 0 10px
}

.dark-container .nft-rewards-container .title {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  text-align: center
}

.dark-container .nft-rewards-container .tiers {
  background: #eff1f8;
  border-radius: 12px;
  margin-top: 12px;
  padding: 10px 14px
}

.dark-container .nft-rewards-container .tiers .tier {
  margin-bottom: 10px
}

.dark-container .nft-rewards-container .tiers .tier .tier-header {
  align-items: center;
  color: #6a6d7b;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  gap: 8px;
  justify-content: space-between
}

.dark-container .nft-rewards-container .tiers .tier .tier-header .tier-name {
  min-width: 44px
}

.dark-container .nft-rewards-container .tiers .tier .tier-header .tier-percentage {
  color: #000;
  font-weight: 600;
  min-width: 26px;
  text-align: right
}

.dark-container .nft-rewards-container .tiers .tier .progress-bar {
  background: #fff;
  border-radius: 12px;
  height: 4px;
  margin-top: 0;
  overflow: hidden;
  width: calc(100% - 80px)
}

.dark-container .nft-rewards-container .tiers .tier .progress-bar .progress {
  background: #33a852;
  height: 100%;
  transition: width .3s ease-in-out
}

.dark-container .nft-rewards-container .note {
  color: #6a6d7b;
  font-size: 12px;
  margin-top: 12px;
  text-align: center
}

.dark-container .nft-tier-activities-body-left .upgrade-part {
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  background: var(--av, linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%));
  border-radius: 8px;
  padding: 10px
}

.dark-container .nft-tier-activities-body-left .upgrade-part h6 {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  gap: 6px
}

.dark-container .nft-tier-activities-body-left .upgrade-part p {
  color: #fff;
  font-size: 11px
}

.dark-container .nft-tier-activities-body-left .upgrade-part button {
  background: #fff;
  border: none;
  border-radius: 30px;
  color: #fc651b;
  font-size: 12px;
  font-weight: 500;
  padding: 5px 16px
}

.dark-container .nft-tier-activities-body-right .claim-section {
  background: #27364b;
  border: 1px solid #27364b;
  border-radius: 12px;
  height: auto;
  max-width: 400px;
  padding: 20px
}

.dark-container .nft-tier-activities-body-right .claim-section p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 9px
}

.dark-container .nft-tier-activities-body-right .claim-section h4 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: normal
}

.dark-container .nft-tier-activities-body-right .claim-section .tooltip-part {
  position: relative;
  transition: .5s ease-in-out
}

.dark-container .nft-tier-activities-body-right .claim-section .tooltip-part p {
  background: #000;
  border-radius: 6px;
  color: #fff;
  display: none;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .2));
  font-size: 10px;
  font-weight: 400;
  left: 0;
  min-width: 160px;
  padding: 5px 7px;
  position: absolute;
  transition: .5s ease-in-out
}

.dark-container .nft-tier-activities-body-right .claim-section .tooltip-part:hover p {
  display: block
}

.dark-container .nft-tier-activities-body-right .claim-btn {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  padding: 9px 30px
}

.dark-container .nft-tier-activities-body-right .claim-btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ff6717
}

.dark-container .nft-tier-activities-body-right a {
  color: #fff !important;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  -webkit-text-decoration-line: underline !important;
  text-decoration-line: underline !important
}

.dark-container .nft-tier-activities-body-right a:hover {
  color: #ff6717 !important
}

.dark-container .nft-tier-activities-body-right .rewards-table {
  background: #17202d;
  border: 1px solid #17202d;
  border-radius: 16px;
  margin-top: 20px
}

.dark-container .nft-tier-activities-body-right .rewards-table .pagination-section {
  border-bottom: 0 solid #eaebf0;
  padding: 16px
}

.dark-container .nft-tier-activities-body-right .rewards-table .pagination-section h6 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  margin: 0
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive {
  padding: 0
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive table th {
  background: #202e42;
  border: none;
  color: #879ec0;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  padding: 11px 16px;
  text-transform: inherit
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive table tbody tr {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 0;
  border-bottom: 1px solid #ffffff1a;
  border-radius: 8px;
  transition: .5s ease-in-out;
  vertical-align: middle
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive table tbody tr:hover {
  background: #202e42;
  border: 0;
  border-bottom: 1px solid #ffffff1a;
  border-radius: 8px
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive table tbody tr:hover td {
  --bs-table-color-state: unset;
  --bs-table-bg-state: unset;
  background-color: none !important;
  background: none !important;
  border: 0 !important
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive table tbody tr:hover td:first-child {
  border-left: 0 solid #ef5b32
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive table tbody tr:hover td:last-child {
  border-right: 0 solid #ef5b32
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive table tbody td {
  background: #17202d;
  border: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  padding: 14px 16px
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive table tbody td .tier-name {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive table tbody td:first-child {
  border-radius: 8px 0 0 8px
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive table tbody td:last-child {
  border-radius: 0 8px 8px 0
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive table tbody td img {
  border-radius: 4px;
  box-shadow: 0 6.247px 23.426px 0 #00000026;
  margin-right: 6px;
  outline: 1px solid #fff
}

.dark-container .nft-tier-activities-body-right .rewards-table .table-responsive table tbody .nodata-table {
  height: 100%;
  min-height: calc(100vh - 674px)
}

.dark-container .popup-overlay {
  align-items: center;
  background-color: #000000b3;
  bottom: 0;
  cursor: default;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 999
}

.dark-container .popup-overlay .distribution-popup {
  background-color: #17202d;
  border-radius: 16px;
  margin: 0 auto;
  min-width: 720px;
  overflow: hidden
}

.dark-container .popup-overlay .distribution-popup .total-free {
  background: #f3f5fa;
  padding: 28px;
  width: 270px
}

.dark-container .popup-overlay .distribution-popup .total-free h2 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center
}

.dark-container .popup-overlay .distribution-popup .total-free h2 span {
  color: #616e84;
  font-size: 12px;
  font-weight: 400
}

.dark-container .popup-overlay .distribution-popup .total-free ul {
  column-count: 2;
  margin-top: 14px
}

.dark-container .popup-overlay .distribution-popup .total-free ul li {
  align-items: center;
  color: #616e84;
  display: flex;
  font-size: 10px;
  gap: 6px;
  margin-bottom: 6px
}

.dark-container .popup-overlay .distribution-popup .total-free ul li span {
  background: #4285f4;
  border-radius: 8px;
  height: 8px;
  width: 8px
}

.dark-container .popup-overlay .distribution-popup .total-free ul li .burn-clr {
  background: #34a853
}

.dark-container .popup-overlay .distribution-popup .total-free ul li .holder-clr {
  background: #ea4335
}

.dark-container .popup-overlay .distribution-popup .total-free ul li .provider-clr {
  background: #fbbc05
}

.dark-container .popup-overlay .distribution-popup .total-free h3 {
  color: #616e84;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 14px;
  text-align: center
}

.dark-container .popup-overlay .distribution-popup .total-free h3 span {
  color: #000;
  font-weight: 700
}

.dark-container .popup-overlay .distribution-popup .total-free h6 {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  margin: 14px 0 0;
  text-align: center
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part {
  width: calc(100% - 270px)
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-header {
  padding: 10px 10px 24px 30px
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-header h2 {
  color: #000;
  font-size: 14px;
  font-weight: 600
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-header button {
  background: #f4f7fe;
  border-radius: 30px;
  height: 30px;
  padding: 0;
  width: 30px
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body {
  padding: 0 24px 24px 30px
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body .rewardsallocation-body-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body .rewardsallocation-body-wrap .rewardsallocation-wrap {
  align-items: center;
  border: 1px solid #dee4f2;
  display: flex;
  gap: 12px;
  padding: 12px
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body .rewardsallocation-body-wrap .rewardsallocation-wrap span {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 15px 0 #00000026;
  padding: 2px
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body .rewardsallocation-body-wrap .rewardsallocation-wrap span img {
  border-radius: 4px
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body .rewardsallocation-body-wrap .rewardsallocation-wrap .rewardsallocation-content {
  display: flex;
  gap: 6px;
  width: calc(100% - 62px)
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body .rewardsallocation-body-wrap .rewardsallocation-wrap .rewardsallocation-content .rewardsallocation-content-left {
  border-right: 1px solid #dee4f2;
  gap: 4px;
  padding-right: 24px
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body .rewardsallocation-body-wrap .rewardsallocation-wrap .rewardsallocation-content .rewardsallocation-content-left h4 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body .rewardsallocation-body-wrap .rewardsallocation-wrap .rewardsallocation-content .rewardsallocation-content-left span {
  background: #0000 none repeat 0 0/auto auto padding-box border-box scroll;
  background: initial;
  box-shadow: none;
  color: #616e84;
  font-size: 12px;
  font-weight: 400
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body .rewardsallocation-body-wrap .rewardsallocation-wrap .rewardsallocation-content .rewardsallocation-content-right {
  gap: 4px;
  margin-left: 14px
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body .rewardsallocation-body-wrap .rewardsallocation-wrap .rewardsallocation-content .rewardsallocation-content-right h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body .rewardsallocation-body-wrap .rewardsallocation-wrap .rewardsallocation-content .rewardsallocation-content-right h4 span {
  background: none;
  box-shadow: none;
  color: #616e84;
  font-size: 12px;
  font-weight: 400
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body .rewardsallocation-body-wrap .rewardsallocation-wrap .rewardsallocation-content .rewardsallocation-content-right p {
  color: #000;
  font-size: 12px;
  font-weight: 600
}

.dark-container .popup-overlay .distribution-popup .rewardsallocation-part .rewardsallocation-body .nft-holders {
  background: #fbbc0514;
  border-radius: 6px;
  color: #a37900;
  font-size: 12px;
  font-weight: 400;
  margin-top: 24px;
  padding: 6px 9px;
  text-align: center
}

.dark-container .popup-overlay .claim-popup {
  background: #17202d;
  border-radius: 16px;
  min-width: 450px
}

.dark-container .popup-overlay .claim-popup .stakeL1X {
  background: #17202d
}

.dark-container .popup-overlay .claim-popup .stakeL1X .headerSpace {
  border-bottom: 1px solid #e4e9f4;
  padding: 10px 14px
}

.dark-container .popup-overlay .claim-popup .stakeL1X .headerSpace h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin: 0
}

.dark-container .popup-overlay .claim-popup .stakeL1X .headerSpace .CloseStake {
  background: #f4f7fe;
  border-radius: 40px;
  height: 44px;
  padding: 0;
  width: 44px
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakingSpace h4 {
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 6px;
  text-align: center
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakingSpace p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  text-align: center
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakingSpace .walletAddress {
  align-items: center;
  background: #27364b;
  border: 1px solid #dae0ee;
  border-radius: 6px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 10px 4px 10px 10px
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakingSpace .walletAddress h6 {
  color: #fff;
  font-size: 14px;
  font-weight: 600
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakingSpace .walletAddress p {
  color: #ffffffb3;
  font-size: 14px;
  font-weight: 500
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakingSpace .walletAddress button {
  background: #27364b;
  border: none;
  border-radius: 4px;
  height: 32px;
  margin-left: 10px;
  width: 32px
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakingSpace .stakeButton {
  background: #ff6615;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  padding: 12px;
  text-align: center;
  width: 100%
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakeSuccessful {
  padding: 0 30px 40px;
  text-align: center
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakeSuccessful img {
  margin: 0 auto
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakeSuccessful .stakeAmount {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 10px;
  width: 100%
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakeSuccessful .stakeAmount img {
  margin: 0;
  width: 20px
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakeSuccessful .stakeAmount h4 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakeSuccessful h3 {
  font-weight: 600
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakeSuccessful .staked-successfully-wallt {
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 0 50px
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakeSuccessful h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakeSuccessful p {
  color: #787f92;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 35px
}

.dark-container .popup-overlay .claim-popup .stakeL1X .stakeSuccessful .close-btn {
  background: #ebeff7;
  border-radius: 30px;
  color: #000;
  flex-shrink: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: normal;
  width: 352px
}

.dark-container .l1X-stakes-modal {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1010
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner {
  background: #142339;
  border-radius: 20px;
  color: #000;
  margin: 0 auto;
  max-width: 880px;
  min-width: 880px;
  position: relative;
  z-index: 1011
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-header {
  align-items: center;
  border-bottom: 1px solid #27364b;
  display: flex;
  justify-content: space-between;
  padding: 12px 16px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-header h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-header .closebtn {
  align-items: center;
  background-color: #27364b;
  border: none;
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-header .closebtn svg {
  width: 24px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body {
  border-radius: 0;
  width: 100%
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea {
  height: 100%;
  max-height: calc(100vh - 250px);
  overflow-y: auto
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive {
  padding: 0 12px 20px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table {
  border-collapse: initial;
  border-radius: 0;
  border-spacing: 0 10px;
  width: 100%
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table thead tr th {
  background: #202e42;
  border-radius: 0;
  color: #879ec0;
  font-size: 14px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  padding: 10px 16px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr {
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border: 1px solid #0000;
  border-radius: 8px;
  transition: .5s ease-in-out;
  vertical-align: middle
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr:hover {
  border: 1px solid #ef5b32
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr:hover td {
  --bs-table-color-state: unset;
  --bs-table-bg-state: unset;
  background-color: none !important;
  background: none !important;
  border-left: 1px solid #ef5b32;
  border-right: 1px solid #ef5b32;
  border-color: #ef5b32 #0000;
  border-style: solid;
  border-width: 1px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr:hover td:first-child {
  border-left: 1px solid #ef5b32
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr:hover td:last-child {
  border-right: 1px solid #ef5b32
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td {
  background: #17202d;
  border: 1px solid #0000;
  color: #fff;
  font-size: 14px;
  padding: 10px 16px;
  vertical-align: middle
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td h6 {
  color: #fff
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td a {
  color: #156ae2;
  display: inline-block;
  font-size: 14px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td span {
  display: inline-block;
  font-weight: 600
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td .flex-l1x-coin {
  align-items: center;
  display: flex;
  font-weight: 500;
  gap: 5px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td .flex-l1x-coin.none-weight {
  font-weight: 400
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td img {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 6.247px 23.426px 0 #00000026;
  padding: 2px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td .tiername {
  align-items: center;
  display: flex;
  gap: 6px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td .tiername p {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 10px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td .claim-status {
  background: #fbbc051a;
  border-radius: 30px;
  color: #fbbc05;
  font-size: 12px;
  font-weight: 400;
  padding: 4px 10px;
  text-transform: capitalize
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td .claim-status.success {
  background: #33a8521a;
  border-radius: 30px;
  color: #33a852
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td .category-a {
  background-color: #4bb22c1a;
  border: 1px solid #4bb22c;
  border-radius: 30px;
  color: #4bb22c;
  display: inline-block;
  font-size: 12px;
  padding: 2px 14px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td .category-b {
  background-color: #ecf3fe;
  border: 1px solid #4285f4;
  border-radius: 30px;
  color: #4285f4;
  display: inline-block;
  font-size: 12px;
  padding: 2px 14px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td .category-c {
  background-color: #fef2cd;
  border: 1px solid #fbbc05;
  border-radius: 30px;
  color: #fbbc05;
  display: inline-block;
  font-size: 12px;
  padding: 2px 14px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td:first-child {
  border-radius: 8px 0 0 8px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-body .scrollerArea .t-responsive table tbody tr td:last-child {
  border-radius: 0 8px 8px 0
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-footer .trans-pagination {
  padding: 0 12px 15px
}

.dark-container .l1X-stakes-modal .l1X-stakes-modal-inner .l1X-stakes-modal-footer .trans-pagination ul {
  justify-content: end
}

.dark-container .trans-pagination ul li.btn {
  background: #202e42;
  border-color: #202e42;
  color: #7e89ac;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px
}

.dark-container .trans-pagination ul li.btn.btn-active {
  background: #202e42;
  border-color: #202e42;
  color: #fff
}

.loan-calculator-modal-overlay {
  align-items: center;
  background-color: #000000bf;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 20px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999
}

.loan-calculator-modal {
  background-color: #1e2735;
  border: none;
  border-radius: 12px;
  box-shadow: 0 8px 24px #0006;
  max-height: 90vh;
  max-width: 600px;
  overflow-y: auto;
  width: 100%
}

.loan-calculator-modal .modal-header {
  align-items: center;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  padding: 24px 24px 16px
}

.loan-calculator-modal .modal-header .modal-title {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin: 0
}

.loan-calculator-modal .modal-header .close-button {
  align-items: center;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  opacity: .6;
  padding: 4px;
  transition: opacity .2s
}

.loan-calculator-modal .modal-header .close-button:hover {
  opacity: 1
}

.loan-calculator-modal .modal-header .close-button svg {
  height: 20px;
  width: 20px
}

.loan-calculator-modal .modal-body {
  padding: 0 24px 24px
}

.loan-calculator-modal .modal-body .floating-input-group {
  margin-bottom: 20px;
  position: relative
}

.loan-calculator-modal .modal-body .floating-input-group .floating-input {
  background-color: #121822 !important;
  border: 1px solid #121822;
  border-radius: 8px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  height: 56px;
  line-height: 28px;
  outline: none;
  padding: 8px 16px;
  transition: border-color .2s;
  width: 100%
}

.loan-calculator-modal .modal-body .floating-input-group .floating-input:not(:placeholder-shown) {
  border-color: #ff6b35
}

.loan-calculator-modal .modal-body .floating-input-group .floating-input::placeholder {
  color: #0000
}

.loan-calculator-modal .modal-body .floating-input-group .floating-input:focus {
  border-color: #ff6b35
}

.loan-calculator-modal .modal-body .floating-input-group .floating-input:focus~.floating-label,
.loan-calculator-modal .modal-body .floating-input-group .floating-input:not(:placeholder-shown)~.floating-label {
  background: linear-gradient(0deg, #121822 5.77%, #121822 50%, #1e2735 0, #1e2735 97.12%);
  color: #ff6b35;
  font-size: 12px;
  padding: 0 4px;
  top: 1px
}

.loan-calculator-modal .modal-body .floating-input-group .floating-label {
  background-color: #0000;
  color: #718096;
  font-size: 14px;
  font-weight: 400;
  left: 16px;
  padding: 0 2px;
  pointer-events: none;
  position: absolute;
  top: 38%;
  transform: translateY(-50%);
  transition: all .2s ease
}

.loan-calculator-modal .modal-body .floating-input-group .helper-text {
  color: #a0aec0;
  font-size: 12px;
  font-style: italic;
  line-height: 14px;
  margin-top: 6px;
  padding-left: 2px
}

.loan-calculator-modal .modal-body .floating-input-group .error-text {
  color: #ff4d4f;
  font-size: 12px;
  font-style: italic;
  line-height: 14px;
  margin-top: 6px;
  padding-left: 2px
}

.loan-calculator-modal .modal-body .floating-input-group .suggested-price {
  color: #a0aec0;
  font-size: 11px;
  font-style: italic;
  line-height: 14px;
  margin-top: 6px;
  padding-left: 2px
}

.loan-calculator-modal .modal-body .result-card {
  background-color: #242f41;
  border: 1px solid #3e4d62;
  border-radius: 12px;
  margin-top: 24px;
  padding: 20px
}

.loan-calculator-modal .modal-body .result-card .result-row {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.loan-calculator-modal .modal-body .result-card .result-row:last-child {
  margin-bottom: 0
}

.loan-calculator-modal .modal-body .result-card .result-row .result-col {
  flex: 1 1;
  text-align: center
}

.loan-calculator-modal .modal-body .result-card .result-row .result-col:first-child {
  border-right: 1px solid #4a5568
}

.loan-calculator-modal .modal-body .result-card .result-row .result-col .label {
  color: #a0aec0;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 8px
}

.loan-calculator-modal .modal-body .result-card .result-row .result-col .value {
  color: #fff;
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px
}

.loan-calculator-modal .modal-body .result-card .result-row .result-col .value .sub-value {
  color: #718096;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 4px
}

.loan-calculator-modal .modal-body .result-card .mint-requirement {
  background-color: #0000;
  border-radius: 0;
  border-top: 1px solid #3e4d62;
  margin-top: 16px;
  padding: 16px 0 0;
  text-align: center
}

.loan-calculator-modal .modal-body .result-card .mint-requirement .mint-label {
  color: #a0aec0;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 8px
}

.loan-calculator-modal .modal-body .result-card .mint-requirement .mint-value {
  color: #ff6b35;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px
}

.loan-calculator-modal .modal-body .note {
  color: orange;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  line-height: 16px;
  margin-top: 10px
}

.loan-calculator-modal .modal-body .note span {
  font-weight: 600
}

.loan-calculator-modal .modal-footer {
  border-top: none;
  display: flex;
  justify-content: center;
  padding: 0 24px 24px
}

.loan-calculator-modal .modal-footer .close-btn {
  background-color: #242f41;
  border: none;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-top: 0;
  min-width: 200px;
  padding: 12px 24px;
  transition: background-color .2s
}

.loan-calculator-modal .modal-footer .close-btn:hover {
  background-color: #5a6678
}

.rc-slider .rc-slider-rail {
  background-color: #e8e8e8;
  height: 4px
}

.rc-slider .rc-slider-track {
  background-color: #1890ff;
  height: 4px
}

.rc-slider .rc-slider-handle {
  background-color: #fff;
  border: 2px solid #1890ff;
  height: 20px;
  margin-top: -8px;
  width: 20px
}

.rc-slider .rc-slider-handle:active,
.rc-slider .rc-slider-handle:focus,
.rc-slider .rc-slider-handle:hover {
  border-color: #40a9ff;
  box-shadow: 0 0 0 3px #1890ff33
}

.rc-slider .rc-slider-mark {
  top: 20px
}

.rc-slider .rc-slider-mark .rc-slider-mark-text {
  color: #999;
  font-size: 12px;
  margin-top: 8px
}

.TokenCreation {
  padding: 20px
}

@media screen and (max-width:1024px) {
  .TokenCreation {
    min-height: calc(100vh - 57px)
  }
}

.TokenCreation .container {
  max-width: 1200px
}

@media screen and (min-width:1440px) {
  .TokenCreation .container {
    max-width: 1280px
  }
}

.TokenCreation .token-listing .token-listing-header h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 0
}

@media screen and (max-width:991px) {
  .TokenCreation .token-listing .token-listing-header h2 {
    margin-bottom: 12px
  }
}

.TokenCreation .token-listing .token-listing-header .switch-grid-list {
  align-items: center;
  background: #1e2736;
  border-radius: 8px;
  display: flex;
  padding: 2px
}

.TokenCreation .token-listing .token-listing-header .switch-grid-list .btn-switch-grid {
  align-items: center;
  background: #1e2736;
  border: none;
  border-radius: 6px;
  color: #c8d3e4;
  display: flex;
  height: 36px;
  justify-content: center;
  padding: 4px;
  width: 36px
}

.TokenCreation .token-listing .token-listing-header .switch-grid-list .btn-switch-grid svg {
  width: 24px
}

.TokenCreation .token-listing .token-listing-header .switch-grid-list .btn-switch-grid.active {
  background: #283d5f;
  border: none
}

.TokenCreation .token-listing .token-listing-header .dropdown-wrapper {
  position: relative
}

.TokenCreation .token-listing .token-listing-header .dropdown-wrapper .dropdown-menu {
  background: #2a3648;
  border-radius: 6px;
  box-shadow: 0 2px 8px #0000001f;
  display: block;
  left: 0;
  margin: 0;
  min-width: 210px;
  padding: 0;
  position: absolute;
  top: 110%;
  z-index: 10
}

.TokenCreation .token-listing .token-listing-header .dropdown-wrapper .dropdown-menu li {
  background: #2a3648;
  border-bottom: 1px solid #2a3648;
  color: #fff;
  cursor: pointer;
  list-style: none;
  padding: 8px 16px;
  transition: background .15s
}

@media screen and (max-width:767px) {
  .TokenCreation .token-listing .token-listing-header .dropdown-wrapper .dropdown-menu li {
    font-size: 14px
  }
}

.TokenCreation .token-listing .token-listing-header .dropdown-wrapper .dropdown-menu li.selected,
.TokenCreation .token-listing .token-listing-header .dropdown-wrapper .dropdown-menu li:hover,
.TokenCreation .token-listing .token-listing-header .dropdown-wrapper .dropdown-menu li[aria-selected=true] {
  background: #0e131a
}

.TokenCreation .token-listing .token-listing-header .dropdown-wrapper .dropdown-menu li:last-child {
  border-bottom: none
}

.TokenCreation .token-listing .token-listing-header .btn-off-black-gray {
  align-items: center;
  background: #1e2736;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 6px;
  height: 40px;
  padding: 6px 10px
}

@media screen and (max-width:550px) {
  .TokenCreation .token-listing .token-listing-header .btn-off-black-gray {
    font-size: 10px;
    font-weight: 500;
    height: auto
  }
}

.TokenCreation .token-listing .token-listing-header .btn-off-black-gray svg {
  width: 20px
}

@media screen and (max-width:550px) {
  .TokenCreation .token-listing .token-listing-header .btn-off-black-gray svg {
    width: 16px
  }
}

.TokenCreation .token-listing .token-listing-header .btn-off-black-gray svg.arrowDown {
  color: #c8d3e4
}

.TokenCreation .token-listing .token-listing-header .btn-off-black-gray.iamWhite {
  background: #fff;
  color: #1e2736
}

.TokenCreation .token-listing .token-listing-body {
  max-height: calc(100vh - 242.8px);
  overflow-y: auto
}

@media screen and (max-width:991px) {
  .TokenCreation .token-listing .token-listing-body {
    max-height: 100% !important;
    overflow-y: visible
  }
}

.TokenCreation .token-listing .token-listing-body::-webkit-scrollbar {
  display: none
}

.TokenCreation .token-listing .token-listing-body .token-listing-grid {
  grid-gap: 16px;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, 1fr)
}

@media screen and (min-width:1440px) {
  .TokenCreation .token-listing .token-listing-body .token-listing-grid {
    grid-template-columns: repeat(5, 1fr)
  }
}

@media screen and (max-width:1299px) {
  .TokenCreation .token-listing .token-listing-body .token-listing-grid {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (max-width:767px) {
  .TokenCreation .token-listing .token-listing-body .token-listing-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

.TokenCreation .token-listing .token-listing-body .token-listing-grid .token-listing-grid-item {
  background: #1e2736;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  padding: 16px
}

.TokenCreation .token-listing .token-listing-body .token-listing-grid .token-listing-grid-item .topBadges {
  margin-bottom: 14px
}

.TokenCreation .token-listing .token-listing-body .token-listing-grid .token-listing-grid-item .topBadges .badgeGray {
  background: #334054;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  padding: 3px 8px
}

.TokenCreation .token-listing .token-listing-body .token-listing-grid .token-listing-grid-item .topBadges p {
  color: #c8d3e4
}

.TokenCreation .token-listing .token-listing-body .token-listing-grid .token-listing-grid-item img {
  border-radius: 100px;
  box-shadow: 0 10px 20px #0e121875;
  height: 100px;
  margin: 0 auto 14px;
  min-width: 100px;
  overflow: hidden;
  width: 100px
}

.TokenCreation .token-listing .token-listing-body .token-listing-grid .token-listing-grid-item img.tokenImage {
  border: 1px solid #fff
}

.TokenCreation .token-listing .token-listing-body .token-listing-grid .token-listing-grid-item h3 {
  font-size: 20px;
  font-weight: 500;
  height: 48px;
  margin-bottom: 10px;
  max-width: 190px;
  text-align: center
}

@media screen and (max-width:767px) {
  .TokenCreation .token-listing .token-listing-body .token-listing-grid .token-listing-grid-item h3 {
    font-size: 14px;
    height: auto
  }
}

.TokenCreation .token-listing .token-listing-body .token-listing-grid .token-listing-grid-item .priceBadges {
  border-top: 1px solid #3c4b61;
  padding-top: 10px
}

.TokenCreation .token-listing .token-listing-body .token-listing-grid .token-listing-grid-item .priceBadges p {
  color: #c8d3e4;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px
}

.TokenCreation .token-listing .token-listing-body .token-listing-grid .token-listing-grid-item .priceBadges h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0
}

.TokenCreation .token-listing .token-listing-body .token-listing-grid .token-listing-grid-item .priceBadges h4.max-w-2 {
  font-size: 14px;
  max-width: 100px
}

.TokenCreation .generateToken {
  max-width: 900px
}

.TokenCreation .generateToken .token-listing-header h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 0
}

@media screen and (max-width:1299px) {
  .TokenCreation .generateToken .token-listing-header h2 {
    margin-bottom: 6px
  }
}

.TokenCreation .generateToken .generateForm .formField {
  margin-bottom: 16px
}

.TokenCreation .generateToken .generateForm .formField label {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 6px
}

.TokenCreation .generateToken .generateForm .formField .imgUploadSpace {
  align-items: center;
  border: 1px dashed #374356;
  border-radius: 12px;
  color: #c8d3e4;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 160px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 160px
}

.TokenCreation .generateToken .generateForm .formField .imgUploadSpace:hover {
  background: #313c4e;
  border: 1px solid #47556b
}

.TokenCreation .generateToken .generateForm .formField .imgUploadSpace svg {
  color: #c8d3e4;
  height: 30px;
  margin-bottom: 4px;
  opacity: .6;
  width: 30px
}

.TokenCreation .generateToken .generateForm .formField .imgUploadSpace p {
  font-size: 14px;
  margin-bottom: 2px
}

.TokenCreation .generateToken .generateForm .formField .imgUploadSpace p span {
  font-size: 11px;
  opacity: .6
}

.TokenCreation .generateToken .generateForm .formField .imgUploadSpace input {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.TokenCreation .generateToken .generateForm .formField .form-control {
  background: #121822;
  border-color: #374356;
  color: #fff;
  font-size: 16px;
  padding: 10px 16px
}

.TokenCreation .generateToken .generateForm .formField .form-control::placeholder {
  color: #59687f
}

.TokenCreation .generateToken .generateForm .formField .has-selection-arrow {
  position: relative
}

.TokenCreation .generateToken .generateForm .formField .has-selection-arrow span {
  color: #fff;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px
}

.TokenCreation .generateToken .generateForm .formField .has-selection-arrow .dropdown-toggle:after {
  display: none
}

.TokenCreation .generateToken .generateForm .formField .has-selection-arrow .dropdown-menu {
  background: #2b3544;
  border-radius: 6px;
  color: #fff;
  max-width: 210px;
  max-width: 100%;
  overflow-y: auto;
  position: absolute;
  width: 100%;
  z-index: 100
}

.TokenCreation .generateToken .generateForm .formField .has-selection-arrow .dropdown-menu .dropdown-item {
  color: #fff;
  cursor: pointer;
  padding: 8px 16px
}

.TokenCreation .generateToken .generateForm .formField .has-selection-arrow .dropdown-menu .dropdown-item:hover {
  background: #121822
}

.TokenCreation .generateToken .generateForm .token-configuration {
  background: #121822;
  border: 1px solid #1e2736;
  border-radius: 12px;
  color: #c8d3e4;
  padding: 16px
}

.TokenCreation .generateToken .generateForm .token-configuration h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 16px
}

.TokenCreation .generateToken .generateForm .token-configuration p span {
  margin-left: 8px;
  width: 14px
}

.TokenCreation .generateToken .generateForm .token-configuration .toggle-switch {
  align-items: center;
  background-color: #1e2735;
  border-radius: 999px;
  cursor: pointer;
  display: flex;
  height: 30px;
  padding: 5px;
  transition: background-color .3s ease;
  width: 60px
}

.TokenCreation .generateToken .generateForm .token-configuration .toggle-switch .slider {
  align-items: center;
  background-color: #374863;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 16px;
  height: 24px;
  justify-content: center;
  transform: translateX(0);
  transition: all .3s ease;
  width: 24px
}

.TokenCreation .generateToken .generateForm .token-configuration .toggle-switch .slider .checkmark {
  align-items: center;
  display: none;
  justify-content: center
}

.TokenCreation .generateToken .generateForm .token-configuration .toggle-switch.on {
  background-color: #173421
}

.TokenCreation .generateToken .generateForm .token-configuration .toggle-switch.on .slider {
  background-color: #34c759;
  transform: translateX(27px)
}

.TokenCreation .generateToken .generateForm .token-configuration .toggle-switch.on .slider .checkmark {
  display: flex
}

.TokenCreation .generateToken .generateForm .total-fees {
  background: #1e2735;
  border: 1px solid #1e2735;
  border-radius: 12px;
  color: #fff;
  padding: 16px
}

.TokenCreation .generateToken .generateForm .total-fees h4 {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 0
}

.TokenCreation .generateToken .generateForm .total-fees h5 {
  color: #21b516;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase
}

.TokenCreation .generateToken .generateForm .total-fees .priceSpace img {
  margin-right: 8px;
  width: 20px
}

.TokenCreation .generateToken .generateForm .total-fees .priceSpace .price-text {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0;
  opacity: .5
}

.TokenCreation .generateToken .generateForm .total-fees .priceSpace .price-text.stirked {
  text-decoration: line-through
}

.TokenCreation .generateToken .generateForm .total-fees p {
  font-size: 12px;
  margin-bottom: 0
}

.TokenCreation .generateToken .primaryBtn {
  background: #ff5801;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 20px;
  white-space: nowrap;
  width: 100%
}

.TokenCreation .tokenDetails .bg-dark-off {
  background: #121822;
  border: 1px solid #1e2736;
  border-radius: 12px;
  padding: 16px
}

.TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent {
  color: #fff
}

.TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent img {
  border-radius: 100px;
  height: 120px;
  width: 120px
}

.TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent h3 {
  font-size: 24px;
  font-weight: 500
}

.TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent h3 span {
  color: #c8d3e4;
  margin-left: 8px
}

.TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent .light-divider {
  background: #283d5f;
  border-radius: 2px;
  height: 1px;
  margin: 20px 0;
  width: 100%
}

.TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent label {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0
}

@media screen and (max-width:550px) {
  .TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent label {
    font-size: 12px
  }
}

.TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0
}

@media screen and (max-width:550px) {
  .TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent p {
    font-size: 12px
  }
}

.TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent p a {
  color: #ff6616
}

.TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent p a svg {
  margin-left: 8px;
  width: 16px
}

.TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent .about-token-content h4 {
  font-size: 16px;
  font-size: 600;
  margin-bottom: 12px
}

.TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent .about-token-content p {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0
}

.TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent .btnBuy {
  background: #ff6616;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 8px 16px
}

.TokenCreation .tokenDetails .bg-dark-off.tokenDemographicContent .btnBuy:hover {
  background: #e4580c
}

.TokenCreation .tokenDetails .bg-dark-off.tokeConfiguration {
  color: #fff
}

.TokenCreation .tokenDetails .bg-dark-off.tokeConfiguration h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px
}

.TokenCreation .tokenDetails .bg-dark-off.tokeConfiguration .token-setting-item {
  align-items: center;
  background: #1e2735;
  border-radius: 6px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 12px
}

.TokenCreation .tokenDetails .bg-dark-off.tokeConfiguration .token-setting-item:last-child {
  margin-bottom: 0
}

.TokenCreation .tokenDetails .bg-dark-off.tokeConfiguration .token-setting-item .settingName svg {
  margin-right: 6px;
  width: 14px
}

.TokenCreation .tokenDetails .bg-dark-off.tokeConfiguration .token-setting-item .settingName p {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0
}

.TokenCreation .tokenDetails .bg-dark-off.tokeConfiguration .settingStatus .statusBox {
  align-items: center;
  background: #283d5f;
  border-radius: 20px;
  color: #fff;
  display: inline-flex;
  height: 16px;
  justify-content: center;
  margin-right: 6px;
  min-width: 16px;
  width: 16px
}

.TokenCreation .tokenDetails .bg-dark-off.tokeConfiguration .settingStatus .statusBox.green {
  background: #21b516
}

.TokenCreation .tokenDetails .bg-dark-off.tokeConfiguration .settingStatus .statusBox.red {
  background: #cf1011
}

.TokenCreation .tokenDetails .bg-dark-off.tokeConfiguration .settingStatus .statusBox svg {
  width: 12px
}

.TokenCreation .tokenDetails .bg-dark-off.tokeConfiguration .settingStatus p {
  font-size: 14px;
  margin-bottom: 0
}

.TokenCreation .backToPrev svg {
  color: #fff;
  cursor: pointer;
  width: 28px
}

.table-structure {
  color: #fff
}

.table-structure .table-title-default {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.table-structure .btn.btn-l1x-secondary-gray {
  background: #1e2735;
  border: 1px solid #344155;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 16px
}

.table-structure .btn.btn-l1x-secondary-gray:hover {
  background: #2b3647
}

.table-structure .table {
  background: #121822;
  border: 1px solid #1e2736;
  border-radius: 12px;
  overflow: hidden
}

.table-structure .table thead tr th {
  background: #1e2735;
  color: #c8d3e4;
  font-size: 12px;
  font-weight: 400;
  padding: 10px 14px;
  text-transform: uppercase
}

.table-structure .table tbody tr td {
  background: #121822;
  color: #fff;
  font-size: 13px;
  padding: 10px 14px
}

.table-structure .table tbody tr td a {
  font-size: 13px
}

.table-structure .table tbody tr td .method-bg {
  background: #1e2735;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px
}

.table-structure .table tbody tr td .token-name img {
  margin-right: 6px;
  max-width: 18px
}

.table-structure .table tbody tr td .token-name p {
  font-size: 13px;
  margin-bottom: 0
}

.table-structure .table tbody tr:hover td {
  background: #19212f
}

.theme-anchor {
  color: #ff6717
}

.tokenImgName img {
  margin-right: 8px;
  width: 22px
}

.theme-pagination {
  align-items: center;
  display: flex;
  gap: 10px
}

.theme-pagination p {
  color: #aeb9e1;
  font-size: 14px;
  margin-bottom: 0
}

.theme-pagination p span {
  color: #fff;
  font-weight: 500
}

.theme-pagination ul {
  align-items: center;
  display: flex;
  gap: 6px
}

.theme-pagination ul li {
  align-items: center;
  background: #202e42;
  border: 1px solid #2d3b4e;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  min-width: 32px;
  width: 32px
}

.theme-pagination ul li svg {
  column-rule: #fff;
  width: 20px
}

.pagination-space {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 20px 0
}

.pagination-space .theme-pagination {
  align-items: center;
  background: #1e2736;
  border-radius: 8px;
  display: flex;
  gap: 16px;
  padding: 8px 16px
}

.pagination-space .theme-pagination p {
  color: #c8d3e4;
  font-size: 14px;
  margin: 0
}

.pagination-space .theme-pagination p span {
  color: #fff;
  font-weight: 500
}

.pagination-space .theme-pagination ul {
  display: flex;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0
}

.pagination-space .theme-pagination ul li {
  align-items: center;
  background: #2a3648;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  transition: all .2s ease;
  width: 36px
}

.pagination-space .theme-pagination ul li:hover {
  background: #3c4b61
}

.pagination-space .theme-pagination ul li svg {
  color: #c8d3e4;
  height: 20px;
  width: 20px
}

.pagination-space .theme-pagination ul li:disabled {
  cursor: not-allowed;
  opacity: .5
}

.pagination-space {
  width: 100%
}

.dark-form-control {
  background: #121822;
  border-color: #374356;
  color: #fff !important;
  font-size: 16px;
  padding: 10px 16px
}

.dark-form-control::placeholder {
  color: #59687f
}

.additional-details .horizontalDivider,
.token-configuration .horizontalDivider {
  background: #fff;
  height: 1px;
  width: 30%
}

.additional-details h5,
.token-configuration h5 {
  color: #fff;
  font-size: 20px;
  margin-right: 10px
}

.hasCopyCTA {
  align-items: center;
  display: flex;
  position: relative
}

.hasCopyCTA span {
  margin-left: 10px;
  opacity: .7;
  position: relative
}

.hasCopyCTA span svg {
  width: 20px
}

.hasCopyCTA .tooltip {
  background-color: #000;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  left: 50%;
  opacity: 1;
  padding: 4px 8px;
  position: absolute;
  top: -30px;
  transform: translateX(-50%);
  transition: opacity .2s ease-in-out;
  white-space: nowrap;
  z-index: 10
}

.hasSocialDetails {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px
}

.hasSocialDetails .socialItem img {
  height: 20px !important;
  margin-right: 8px;
  width: 20px !important
}

.hasSocialDetails .socialItem {
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 5px 12px
}

.hasSocialDetails .socialItem:hover {
  background: #fff;
  color: #000
}

.hasSocialDetails .socialItem:hover img {
  filter: invert(1)
}

.no-headline .token-listing-body {
  max-height: calc(100vh - 192.8px) !important
}

.loanCalculatorNote {
  background: #121822;
  border: 1px solid #e7ac2d;
  border-radius: 12px;
  padding: 10px 16px
}

.loanCalculatorNote .size16 {
  color: #e7ac2d !important;
  font-size: 16px;
  font-weight: 600
}

.loanCalculatorNote .btn {
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600 !important;
  padding: 6px 20px !important
}

.pool-analyzer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh - 100px);
  position: relative
}

.pool-analyzer:after {
  -webkit-appearance: none;
  appearance: none;
  background-image: url(/static/media/analyse-search-grid.9222a354f1e177540ee2.png);
  content: "";
  height: 100%;
  left: 0;
  max-height: 470px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}

.pool-analyzer .search-area {
  color: #fff;
  display: block;
  margin: 0 auto;
  max-width: 700px;
  padding: 100px 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2
}

.pool-analyzer .search-area h3 {
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 6px
}

.pool-analyzer .search-area h2 {
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 20px
}

.pool-analyzer .search-area .searchBox {
  display: block;
  position: relative
}

.pool-analyzer .search-area .searchBox input {
  background: #19212c;
  border-color: #364458;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 14px 16px
}

.pool-analyzer .search-area .searchBox input::placeholder {
  color: #4d5a6b
}

.pool-analyzer .search-area .searchBox input:active,
.pool-analyzer .search-area .searchBox input:focus,
.pool-analyzer .search-area .searchBox input:focus-within,
.pool-analyzer .search-area .searchBox input:hover {
  background: #131922 !important;
  border-color: #fd6619
}

.pool-analyzer .search-area .searchBox .btnAnalyser {
  align-items: center;
  background: #fd6619;
  border-radius: 30px;
  color: #fff;
  display: flex;
  padding: 10px 16px;
  position: absolute;
  right: 4px;
  top: 4px
}

.pool-analyzer .search-area .searchBox .btnAnalyser svg {
  margin-right: 8px;
  width: 24px
}

.pool-analyzer .max-1024-content {
  margin: 0 auto;
  max-width: 1024px;
  position: relative;
  width: 100%;
  z-index: 2
}

.pool-analyzer .max-1024-content .pool-result-card {
  background: #19212c;
  border-radius: 12px;
  color: #fff;
  padding: 20px
}

.pool-analyzer .max-1024-content .pool-result-card .pool-basics .iconTitle {
  margin-bottom: 10px
}

.pool-analyzer .max-1024-content .pool-result-card .pool-basics .iconTitle .pool-icons {
  margin-right: 12px
}

.pool-analyzer .max-1024-content .pool-result-card .pool-basics .iconTitle .pool-icons img {
  border-radius: 50px;
  height: 50px;
  min-width: 50px;
  width: 50px
}

.pool-analyzer .max-1024-content .pool-result-card .pool-basics .iconTitle .pool-icons img:last-child {
  margin-left: -12px
}

.pool-analyzer .max-1024-content .pool-result-card .pool-basics .iconTitle h4 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0
}

.pool-analyzer .max-1024-content .pool-result-card .pool-basics .fee-badge {
  background: #283d5f;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  letter-spacing: .1px;
  line-height: 16px;
  padding: 4px 10px
}

.pool-analyzer .max-1024-content .pool-result-card .pool-basics .tvl-price p {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 4px
}

.pool-analyzer .max-1024-content .pool-result-card .pool-basics .tvl-price h5 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0
}

.pool-analyzer .max-1024-content .pool-result-card .right-pool-basics .risk-badge {
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 150%;
  padding: 4px 10px
}

.pool-analyzer .max-1024-content .pool-result-card .right-pool-basics .risk-badge.red {
  background: #ff1a00;
  color: #fff
}

.pool-analyzer .max-1024-content .pool-result-card .right-pool-basics .risk-badge.green {
  background: #34a853;
  color: #fff
}

.pool-analyzer .max-1024-content .pool-result-card .right-pool-basics .result-stat {
  background: #0e131a;
  border-radius: 6px;
  padding: 16px
}

.pool-analyzer .max-1024-content .pool-result-card .right-pool-basics .result-stat p {
  color: #c8d3e4;
  font-size: 14px
}

.pool-analyzer .max-1024-content .pool-result-card .right-pool-basics .result-stat span {
  opacity: .6
}

.pool-analyzer .max-1024-content .pool-result-card .right-pool-basics .result-stat span svg {
  width: 16px
}

.pool-analyzer .max-1024-content .pool-result-card .right-pool-basics .result-stat h3 {
  color: #f93;
  font-size: 30px;
  font-weight: 600
}

.pool-analyzer .max-1024-content .pool-result-card .right-pool-basics .result-stat h3.cat.c {
  color: #1271fe
}

.pool-analyzer .max-1024-content .pool-result-card .right-pool-basics .result-stat .border-right {
  border-right: 1px solid #2b3747
}

.pool-analyzer .max-1024-content .pool-result-card .pool-general-stat {
  background: #0e131a;
  border: 1px solid #222f42;
  border-radius: 8px;
  padding: 16px
}

.pool-analyzer .max-1024-content .pool-result-card .pool-general-stat h6 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px
}

.pool-analyzer .max-1024-content .pool-result-card .pool-general-stat h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0
}

.pool-analyzer .max-1024-content .pool-result-card .pool-general-stat .progress-bar {
  background: #2a3646;
  border-radius: 6px;
  height: 6px;
  margin: 7px 0;
  position: relative;
  width: 100%
}

.pool-analyzer .max-1024-content .pool-result-card .pool-general-stat .progress-bar .progress {
  height: 6px;
  left: 0;
  position: absolute;
  top: 0
}

.pool-analyzer .max-1024-content .pool-result-card .pool-general-stat p {
  color: #c8d3e4;
  font-size: 12px;
  margin-bottom: 0
}

.pool-analyzer .max-1024-content .pool-result-card .pool-general-stat.liquidity .progress-bar .progress {
  background: #673ab7 !important
}

.pool-analyzer .max-1024-content .pool-result-card .pool-general-stat.volatility .progress-bar .progress {
  background: #4285f4 !important
}

.pool-analyzer .max-1024-content .pool-result-card .pool-general-stat.trading .progress-bar .progress {
  background: #f93 !important
}

.pool-analyzer .max-1024-content .pool-result-card .pool-general-stat.social .progress-bar .progress {
  background: #34a853 !important
}

.pool-analyzer .max-1024-content .resultContent .tabContainer {
  border-bottom: 1px solid #283d5f;
  margin-bottom: 16px
}

.pool-analyzer .max-1024-content .resultContent .tabContainer .tab-control a {
  border-bottom: 1px solid #283d5f;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding: 12px 20px
}

.pool-analyzer .max-1024-content .resultContent .tabContainer .tab-control a.active {
  border-color: #fd6619;
  color: #fd6619
}

.pool-analyzer .max-1024-content .resultContent .tabContainer .btnApplyLoan {
  background: #fd6619;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  height: 40px;
  line-height: 14px;
  padding: 6px 12px
}

.pool-analyzer .max-1024-content .resultContent .performanceInsight {
  color: #fff
}

.pool-analyzer .max-1024-content .resultContent .performanceInsight h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px
}

.pool-analyzer .max-1024-content .resultContent .performanceInsight p {
  color: #c8d3e4;
  font-size: 14px;
  line-height: 180%;
  margin: 0
}

.pool-analyzer .max-1024-content .resultContent .sentiment .sentiment-status h3 {
  font-size: 30px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 0
}

.pool-analyzer .max-1024-content .resultContent .sentiment .sentiment-status .social-status {
  border-radius: 4px;
  font-size: 14px;
  line-height: 120%;
  padding: 4px 12px
}

.pool-analyzer .max-1024-content .resultContent .sentiment .sentiment-status .social-status.green {
  background: #34a853;
  color: #fff
}

.pool-analyzer .max-1024-content .resultContent .sentiment .sentiment-status h4 {
  font-size: 20px;
  font-weight: 300;
  line-height: 100%;
  margin-bottom: 0
}

.pool-analyzer .max-1024-content .resultContent .sentiment .sentiment-status img {
  margin-right: 10px;
  width: 44px
}

.pool-analyzer .max-1024-content .resultContent .sentiment .maxAreaHeight {
  align-items: flex-end;
  display: flex;
  height: 140px;
  justify-content: space-between;
  max-height: 140px
}

.pool-analyzer .max-1024-content .resultContent .sentiment .maxAreaHeight .growth-percent {
  align-items: center;
  background: #34a853;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  justify-content: center;
  line-height: 1;
  text-align: center;
  width: 160px
}

.pool-analyzer .max-1024-content .resultContent .sentiment .forTimeLable .timeLable {
  max-width: 160px
}

.pool-analyzer .max-1024-content .resultContent .sentiment .forTimeLable .timeLable p {
  margin-bottom: 0
}

.pool-analyzer .max-1024-content .resultContent .capital .value-label p.textWhite {
  color: #fff
}

.pool-analyzer .max-1024-content .resultContent .capital .collateral-amount h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 4px
}

.pool-analyzer .max-1024-content .resultContent .capital .collateral-amount p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant {
  color: #fff
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance {
  background: #19212c;
  border: 1px solid #222f42;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  min-height: 500px
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .assitanceHead {
  align-items: center;
  background: linear-gradient(90deg, #7900ff -9.51%, #8a0de2 -.16%, #a824ad 17.2%, #c3397f 35.89%, #d9495a 53.25%, #e9563c 71.95%, #f56028 89.3%, #fd651b 106.66%, #ff6717 124.02%);
  border-radius: 8px 8px 0 0;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 10px 16px
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .assitanceHead img {
  border-radius: 30px;
  height: 30px;
  width: 30px
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .assitanceHead h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .l1XAiChat {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 400px;
  overflow-y: auto;
  padding: 12px
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .l1XAiChat .userChatArea {
  display: flex;
  justify-content: end;
  margin-bottom: 10px
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .l1XAiChat .userChatArea .userChat {
  background: #375fff;
  border-radius: 10px 10px 0 10px;
  color: #fff;
  max-width: 70%;
  padding: 10px;
  text-align: left
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .l1XAiChat .userChatArea .userChat p {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 4px
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .l1XAiChat .userChatArea .userChat span {
  display: inline-block;
  font-size: 10px;
  opacity: .7;
  text-align: right;
  width: 100%
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .l1XAiChat .aiChatArea {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .l1XAiChat .aiChatArea .aiChat {
  background: #1e2c3e;
  border-radius: 10px 10px 10px 0;
  color: #fff;
  max-width: 70%;
  padding: 10px;
  text-align: left
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .l1XAiChat .aiChatArea .aiChat p {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 4px
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .l1XAiChat .aiChatArea .aiChat span {
  display: inline-block;
  font-size: 10px;
  opacity: .7;
  text-align: left;
  width: 100%
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter {
  padding: 12px
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter .l1xChatInput {
  position: relative
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter .l1xChatInput input {
  background: #1f2e42;
  border: 1px solid #2d3d52;
  border-radius: 30px;
  color: #fff;
  padding: 10px 94px 10px 16px
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter .l1xChatInput input:active,
.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter .l1xChatInput input:focus,
.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter .l1xChatInput input:focus-visible,
.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter .l1xChatInput input:focus-within,
.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter .l1xChatInput input:hover {
  background: #1f2e42 !important;
  border: 1px solid #ff6717 !important
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter .l1xChatInput input::placeholder {
  color: #c8d3e4;
  opacity: .6
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter .l1xChatInput .chatCTA {
  gap: 6px;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%)
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter .l1xChatInput .chatCTA .btn {
  align-items: center;
  border-radius: 40px;
  color: #fff;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 0;
  width: 40px
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter .l1xChatInput .chatCTA .btn svg {
  width: 20px
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter .l1xChatInput .chatCTA .btn.btn-file {
  background: #1f2e42
}

.pool-analyzer .max-1024-content .resultContent .aiAsistant .l1xAiAssistance .chatFooter .l1xChatInput .chatCTA .btn.btn-send {
  background: #375fff
}

.pool-analyzer .max-1024-content .resultContent .card-gray-1 {
  background: #19212c;
  border: 1px solid #222f42;
  border-radius: 8px;
  color: #fff;
  margin-bottom: 24px;
  padding: 16px
}

.pool-analyzer .max-1024-content .resultContent .card-gray-1 h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px
}

.pool-analyzer .max-1024-content .resultContent .card-gray-1 ul {
  list-style: disc;
  padding-left: 16px
}

.pool-analyzer .max-1024-content .resultContent .card-gray-1 ul li {
  color: #c8d3e4;
  font-size: 14px;
  line-height: 200%
}

.pool-analyzer .max-1024-content .resultContent .card-gray-1 p {
  color: #c8d3e4;
  font-size: 14px;
  line-height: 180%
}

.pool-analyzer .max-1024-content .resultContent .card-gray-2 {
  background: #2d3d52;
  border: 1px solid #222f42;
  border-radius: 8px;
  color: #fff;
  margin-bottom: 20px;
  padding: 16px
}

.pool-analyzer .max-1024-content .resultContent .card-gray-2 h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px
}

.pool-analyzer .max-1024-content .resultContent .card-gray-2 p {
  color: #c8d3e4;
  font-size: 14px;
  line-height: 180%
}

.pool-analyzer .max-1024-content .resultContent .card-gray-2 .analysis-yellow {
  background: #fffab6;
  border-radius: 8px;
  padding: 12px
}

.pool-analyzer .max-1024-content .resultContent .card-gray-2 .analysis-yellow p {
  color: #19212c;
  font-weight: 500
}

.pool-analyzer .max-1024-content .resultContent .card-gray-2 ul {
  list-style: disc;
  padding-left: 16px
}

.pool-analyzer .max-1024-content .resultContent .card-gray-2 ul li {
  color: #c8d3e4;
  font-size: 14px;
  line-height: 200%
}

.pool-analyzer .max-1024-content .resultContent .progressBar {
  background: #2a3646;
  border-radius: 4px;
  height: 4px;
  position: relative;
  width: 100%
}

.pool-analyzer .max-1024-content .resultContent .progressBar .completed-progress {
  border-radius: 4px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0
}

.pool-analyzer .max-1024-content .resultContent .progressBar .completed-progress.green {
  background: #34a853
}

@media screen and (max-height:650px) {
  .pool-analyzer .searchPoolModal {
    align-items: flex-start;
    padding: 20px 0
  }
}

.pool-analyzer .searchPoolModal .l1x-modal-body {
  background: #19212c;
  border-radius: 8px;
  max-width: 768px;
  padding: 16px;
  width: 100%
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-head .modal-search-area {
  position: relative;
  width: 100%
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-head .modal-search-area input {
  background: #0e131a;
  border: 1px solid #364458;
  color: #fff;
  font-size: 16px;
  padding: 12px 16px;
  width: 100%
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-head .modal-search-area input:active,
.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-head .modal-search-area input:focus,
.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-head .modal-search-area input:focus-visible,
.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-head .modal-search-area input:focus-within,
.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-head .modal-search-area input:hover {
  background: #0e131a !important;
  border-color: #fd6619
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-head .modal-search-area input::placeholder {
  color: #4d5a6b
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-head .modal-search-area svg {
  color: #fff;
  height: 24px;
  opacity: .8;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content {
  -ms-overflow-style: none;
  max-height: 500px;
  overflow-y: auto;
  scrollbar-width: none
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content:-webkit-scrollbar {
  display: none
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item {
  align-items: center;
  background: #2b384a;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 10px;
  transition: background .3s
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item:hover {
  background: #344358;
  transition: background .3s
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-token-details {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 12px;
  justify-content: space-between
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-token-details .pool-icons {
  display: flex
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-token-details .pool-icons img {
  border-radius: 32px;
  height: 32px;
  width: 32px
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-token-details .pool-icons img:last-child {
  margin-left: -8px
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-token-details .pool-icons .skeleton-loader {
  border-radius: 50%;
  height: 32px;
  min-width: 32px;
  width: 32px
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-token-details h5 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-token-details h5 .skeleton-loader {
  min-width: 90px
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-token-details .pool-platform {
  align-items: center;
  background: #101112;
  border-radius: 4px;
  color: #fff;
  display: flex;
  padding: 4px 10px
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-token-details .pool-platform .skeleton-loader {
  border-radius: 50%;
  height: 18px;
  margin-right: 10px;
  min-width: 18px;
  width: 18px
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-token-details .pool-platform img {
  border-radius: 20px;
  height: 20px;
  margin-right: 6px;
  width: 20px
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-token-details .pool-platform p {
  font-size: 14px;
  margin-bottom: 0
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-token-details .pool-platform p .skeleton-loader {
  height: 10px;
  margin-right: 0;
  min-width: 70px
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-addresses {
  align-items: center;
  display: flex;
  gap: 10px
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-addresses .pool-address {
  align-items: center;
  background: #19212c;
  border-radius: 4px;
  display: flex;
  gap: 6px;
  padding: 4px 10px
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-addresses .pool-address .poolLabel {
  color: #7586a0;
  font-size: 13px;
  margin-bottom: 0
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-addresses .pool-address .poolLabel .skeleton-loader {
  height: 10px;
  margin-right: 0;
  min-width: 40px
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-addresses .pool-address .poolValue {
  color: #fff;
  font-size: 13px;
  margin-bottom: 0
}

.pool-analyzer .searchPoolModal .l1x-modal-body .l1x-modal-content .pool-list-item .pool-addresses .pool-address .poolValue .skeleton-loader {
  height: 10px;
  margin-right: 0;
  min-width: 90px
}

.rangeCircle {
  align-items: center;
  background-color: #1a1f29;
  display: flex;
  justify-content: center
}

.rangeThumb {
  stroke: #1a1f29;
  stroke-width: 2;
  cursor: pointer
}

.collateral-container {
  align-items: center;
  border-radius: 8px;
  color: #d1d5db;
  display: flex;
  flex-direction: column
}

.collateral-container .slider {
  -webkit-appearance: none;
  background: #3b82f6;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 40px;
  outline: none;
  width: 150px
}

.collateral-container .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border: 2px solid #3b82f6;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
  width: 20px
}

.collateral-container .slider::-moz-range-thumb {
  background: #fff;
  border: 2px solid #3b82f6;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  width: 20px
}

.collateral-container .ratio-label {
  font-size: 14px
}

.duration-slider-wrapper {
  color: #cbd5e1;
  font-family: sans-serif;
  padding: 20px;
  width: 100%
}

.duration-slider-wrapper .slider-labels {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin-top: 12px
}

.duration-slider-wrapper .slider-track-container {
  background-color: #0000;
  height: 8px;
  position: relative
}

.duration-slider-wrapper .slider {
  -webkit-appearance: none;
  background: #374151;
  border-radius: 4px;
  height: 8px;
  position: relative;
  width: 100%;
  z-index: 1
}

.duration-slider-wrapper .slider::-webkit-slider-thumb {
  -webkit-appearance: none
}

.duration-slider-wrapper .slider::-moz-range-thumb {
  appearance: none
}

.duration-slider-wrapper .slider-filled {
  background-color: #22c55e;
  border-radius: 4px;
  height: 8px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 2
}

.duration-slider-wrapper .slider-thumb {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  z-index: 3
}

.duration-slider-wrapper .arrows {
  color: #000;
  font-size: 18px;
  pointer-events: none
}

.comparative-analysis {
  color: #fff;
  position: relative;
  text-align: center;
  z-index: 2
}

.comparative-analysis h3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 12px
}

.comparative-analysis p {
  color: #c8d3e4;
  font-size: 14px;
  opacity: .6
}

.comparative-analysis .grid {
  grid-gap: 16px;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(5, 1fr);
  text-align: left
}

.comparative-analysis .grid .card-gray-1 {
  background: #19212c;
  border: 1px solid #222f42;
  border-radius: 4px;
  padding: 12px
}

.comparative-analysis .grid .card-gray-1 .pool-icons img {
  border-radius: 30px;
  height: 30px;
  width: 30px
}

.comparative-analysis .grid .card-gray-1 .pool-icons img:last-child {
  margin-left: -8px
}

.comparative-analysis .grid .card-gray-1 h5 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 10px
}

.comparative-analysis .grid .card-gray-1 .feeTier {
  background: #2c3747;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin-top: 20px;
  padding: 4px 8px
}

.compparativeNote {
  background: #fff7d600;
  border: 1px solid #ffc107;
  border-radius: 10px;
  color: #fff;
  margin-bottom: 20px;
  padding: 20px 16px;
  text-align: center
}

.compparativeNote h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 16px
}

.compparativeNote .grid5For {
  grid-gap: 16px;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(5, 1fr);
  text-align: left
}

.compparativeNote .grid5For .card-gray-1 {
  align-items: center;
  background: #19212c;
  border: 1px solid #222f42;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  padding: 12px
}

.compparativeNote .grid5For .card-gray-1 .pool-icons img {
  border-radius: 24px;
  height: 24px;
  width: 24px
}

.compparativeNote .grid5For .card-gray-1 .pool-icons img:last-child {
  margin-left: -8px
}

.compparativeNote .grid5For .card-gray-1 h5 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0
}

.insufficientBalance .l1x-modal-body {
  color: #cbd6df;
  text-align: center
}

.insufficientBalance .l1x-modal-body .l1x-modal-head .CloseIcon {
  align-items: center;
  background: #1e2736;
  border: 1px solid #1e2736;
  border-radius: 30px;
  color: #fff;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  width: 32px
}

.insufficientBalance .l1x-modal-body .l1x-modal-head .CloseIcon svg {
  opacity: .6;
  width: 24px
}

.insufficientBalance .l1x-modal-body .l1x-modal-content img {
  width: 120px
}

.insufficientBalance .l1x-modal-body .l1x-modal-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px
}

.insufficientBalance .l1x-modal-body .l1x-modal-content p {
  font-size: 16px;
  margin-bottom: 30px
}

.insufficientBalance .l1x-modal-body .l1x-modal-content .footerCTA {
  margin-bottom: 10px
}

.insufficientBalance .l1x-modal-body .l1x-modal-content .footerCTA .btn {
  border: 1px solid #1e2736;
  border-radius: 30px;
  font-size: 14px;
  padding: 10px 20px;
  width: 150px
}

.insufficientBalance .l1x-modal-body .l1x-modal-content .footerCTA .btn.btnClose {
  background: #1e2735;
  border-color: #1e2736;
  color: #fff
}

.insufficientBalance .l1x-modal-body .l1x-modal-content .footerCTA .btn.btnGetL1X {
  background: #ff5801;
  border-color: #ff5801;
  color: #fff
}

.collateralRatio {
  align-items: center;
  display: flex
}

.collateralRatio span {
  margin-left: 6px
}

.collateralRatio span svg {
  width: 16px
}

.loadingTextForAnlysing {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 12px
}

.text-white {
  color: #fff !important
}

.btnApplyManually {
  background: #f46611;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 6px 10px
}

.btnApplyManually:hover {
  background: #f46611 !important;
  color: #fff
}

.loadingModal {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99
}

.loadingModal .loaderSpace {
  background: #19212c;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  width: 250px;
  z-index: 9
}

.loadingModal .loaderOverlay {
  align-items: center;
  backdrop-filter: blur(8.1px);
  -webkit-backdrop-filter: blur(8.1px);
  background-color: #00000080;
  display: flex;
  gap: 10px;
  inset: 0;
  justify-content: center;
  position: fixed
}

.disclaimerNote {
  align-items: center;
  background: #261f15;
  border: 1px solid #ab6e17;
  border-radius: 8px;
  display: flex;
  gap: 16px;
  margin: 20px 0;
  padding: 16px
}

.disclaimerNote p {
  color: #fff;
  opacity: 1
}

.disclaimerNote p span {
  display: inline-block;
  font-weight: 600
}

.disclaimerNote img {
  width: 40px
}

.DeXesActive {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
  width: 100%
}

.DeXesActive .dexSpace img {
  margin-bottom: 8px;
  width: 20px
}

.DeXesActive .dexSpace p {
  font-size: 13px;
  margin-bottom: 0
}

.DeXesActive .dexSpace p span {
  display: inline-block;
  opacity: .6
}

.applyManualThings {
  align-items: center;
  border-top: 1px solid #2a3646;
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 20px;
  padding-top: 16px
}

.applyManualThings p {
  font-size: 16px;
  margin-bottom: 0
}

.applyManualThings .btnApplyManual {
  background: #fff;
  border-radius: 30px;
  color: #000;
  font-size: 14px;
  padding: 6px 16px
}

.successContent img {
  margin-bottom: 20px;
  width: 150px
}

.successContent h2 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 16px
}

.applyforloan-form {
  align-items: center;
  color: #fff;
  overflow-y: auto;
  padding: 20px
}

@media screen and (max-height:800px) {
  .applyforloan-form {
    align-items: start
  }
}

.applyforloan-form .l1x-modal-head {
  padding: 0 20px
}

.applyforloan-form .l1x-modal-body {
  max-width: 100%;
  padding: 20px 0;
  width: 1000px
}

.applyforloan-form .l1x-modal-body .floating-group label {
  color: #fff;
  font-weight: 300;
  left: 16px
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan {
  background-color: #202e42;
  border-radius: 16px;
  padding: 16px
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-header {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-header .usdc-weth-left {
  align-items: center;
  display: flex;
  gap: 10px
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-header .usdc-weth-left .usdc-weth img {
  width: 30px
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-header .usdc-weth-left .usdc-weth img:last-child {
  margin-left: -10px;
  position: relative
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-header .usdc-weth-left h3 {
  font-size: 20px;
  margin-bottom: 0
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-header .usdc-weth-left p {
  background-color: #2d3d54;
  border-radius: 4px;
  margin-bottom: 0;
  padding: 4px 8px
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-header .usdc-weth-right {
  align-items: center;
  display: flex;
  gap: 20px
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-header .usdc-weth-right svg {
  width: 20px
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-header .usdc-weth-right .pool-address {
  align-items: center;
  background-color: #2d3d54;
  border-radius: 8px;
  display: flex;
  padding: 4px 0
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-header .usdc-weth-right .pool-address span {
  border-right: 1px solid #fff;
  color: #98a8c0;
  padding: 0 10px
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-header .usdc-weth-right .pool-address p {
  font-weight: 500;
  margin-bottom: 0;
  padding: 0 10px
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-body {
  margin-top: 20px
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-body .pool-content-apply-loan {
  align-items: center;
  background-color: #2d3d54;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-body .pool-content-apply-loan .col-four {
  align-items: center;
  border-right: 1px solid #34455e;
  display: flex;
  gap: 10px;
  padding: 16px;
  width: 100%
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-body .pool-content-apply-loan .col-four:last-child {
  border-right: none
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-body .pool-content-apply-loan .col-four span {
  color: #98a8c0;
  font-weight: 300
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-body .pool-content-apply-loan .col-four p {
  font-weight: 600;
  margin-bottom: 0
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-body .capital-details {
  grid-gap: 26px;
  background-color: #172130;
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 20px
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-body .capital-details .capital-details-box p {
  color: #98a8c0;
  font-weight: 300;
  margin-bottom: 10px
}

.applyforloan-form .l1x-modal-body .pool-details-apply-loan .pool-details-apply-loan-body .capital-details .capital-details-box h6 {
  font-weight: 600;
  margin-bottom: 0
}

.applyforloan-form .l1x-modal-body .btn-project {
  background-color: #ff6717;
  border: 1px solid #ff6717;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 12px 40px
}

.applyforloan-form .l1x-modal-body .btn-project:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #000
}

.applyforloan-form .l1x-modal-body .l1x-modal-content {
  padding: 20px
}

@media screen and (max-height:850px) {
  .applyforloan-form .l1x-modal-body .l1x-modal-content {
    overflow-y: auto
  }
}

.applyforloan-form .radio-options {
  background: #132339;
  border-radius: 6px;
  display: flex;
  gap: 12px;
  padding: 2px;
  width: 150px
}

.applyforloan-form .radio-options .radio-option {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  justify-content: center;
  padding: 8px 12px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  width: 50%
}

.applyforloan-form .radio-options .radio-option input[type=radio] {
  cursor: pointer;
  display: none;
  opacity: 0;
  position: absolute
}

.applyforloan-form .radio-options .radio-option .custom-radio {
  background-color: #f0f0f0;
  border: 2px solid #ccc;
  border-radius: 50%;
  display: none;
  height: 18px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px
}

.applyforloan-form .radio-options .radio-option input:checked~.custom-radio {
  background-color: #ff6717;
  border-color: #ff6717
}

.applyforloan-form .radio-options .radio-option.selected {
  background: #ff6717;
  border-radius: 4px;
  font-weight: 500
}

.applyforloan-form .tge-completed {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.applyforloan-form .rotate-icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg)
}

.floating-group .floating-input {
  background: #142339 !important;
  background: none;
  border: 1px solid #354760;
  border-radius: 6px;
  box-shadow: none;
  color: #fff !important;
  font-size: 15px;
  outline: none;
  padding: 12px 16px;
  width: 100%
}

.floating-group .floating-input:focus::placeholder {
  color: #fff;
  opacity: .5
}

.floating-group label {
  color: #fff;
  left: 16px
}

.floating-group label .required {
  color: red;
  display: inline-block
}

.floating-group .floating-input:focus+label label,
.floating-group.filled label {
  background: linear-gradient(180deg, #25374f, #25374f 50%, #132339 0, #132339);
  border-radius: 6px;
  color: #ff6717 !important;
  font-size: 12px;
  left: 16px;
  padding: 0 4px;
  top: -10px
}

.floating-group .floating-input:focus+label input,
.floating-group.filled input {
  border-color: #f66223
}

.floating-group .form-control:focus {
  background-color: #142339 !important;
  border: 1px solid #f66223;
  box-shadow: none
}

.loan-eligibility-main {
  color: #fff;
  padding: 20px
}

@font-face {
  font-family: DIN Alternate Bold;
  font-style: normal;
  font-weight: 400;
  src: local("DIN Alternate Bold"), url(/static/media/DINAlternate-Bold.11cf96e5d94a016d8a08.woff) format("woff")
}

.loan-eligibility-main .loan-eligibility-header {
  align-items: center;
  background-color: #000;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  position: -webkit-sticky;
  position: sticky;
  top: 92px;
  z-index: 11
}

.loan-eligibility-main .loan-eligibility-header .loan-eligibility-logo {
  padding: 5px
}

.loan-eligibility-main .loan-eligibility-header ul {
  align-items: center;
  display: flex
}

.loan-eligibility-main .loan-eligibility-header ul li.active a,
.loan-eligibility-main .loan-eligibility-header ul li:hover a {
  border-bottom: 2px solid #fc651b;
  color: #fc651b
}

.loan-eligibility-main .loan-eligibility-header ul li a {
  border-bottom: 2px solid #0000;
  color: #fff;
  display: block;
  padding: 14px 30px
}

.loan-eligibility-main .loan-eligibility-banner {
  background-image: url(/static/media/hero-bg-img.88695612ae4df9a9bf6c.png);
  background-position: 10px -190px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  margin: 0 -20px;
  padding: 40px
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left h1 {
  align-items: end;
  display: flex;
  font-size: 54px;
  font-weight: 600;
  gap: 16px;
  line-height: 70px;
  margin-bottom: 20px;
  max-width: 690px
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left h1 span {
  display: block;
  font-family: DIN Alternate Bold;
  font-size: 170px;
  font-weight: 700;
  line-height: 150px
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left h3 {
  font-size: 32px;
  font-weight: 300;
  line-height: 44px;
  margin-bottom: 30px;
  max-width: 540px
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 12px
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left .p-text-loan {
  font-size: 18px;
  font-weight: 300
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left .p-text-loan .semibold {
  font-weight: 600
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left ul {
  margin-bottom: 20px
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left ul li {
  display: flex;
  font-size: 20px;
  font-weight: 300;
  gap: 10px;
  margin-bottom: 12px
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left ul li .semibold {
  font-weight: 600
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left ul li p {
  margin-bottom: 0
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left .ctaForAccess {
  gap: 12px
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left .ctaForAccess .outlined {
  background: #ffffff0d;
  border: 1px solid #fff;
  color: #fff
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left .ctaForAccess .outlined svg {
  width: 20px
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left .ctaForAccess .outlined:hover {
  background: #fff;
  color: #000
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-left .black {
  border: 1px solid #fff
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-right {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 30px
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-right .top-check-project h3 {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 30px
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-right .top-check-project h4 {
  color: #000;
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 10px
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-right .top-check-project input {
  background-color: #eef2f6;
  border: 1px solid #d7e0e8;
  border-radius: 4px;
  color: #000;
  display: block;
  height: 50px;
  padding: 4px 12px;
  width: 100%
}

.loan-eligibility-main .loan-eligibility-banner .loan-eligibility-right .top-check-project input::placeholder {
  color: #737e88
}

.loan-eligibility-main .about-loan-eligibility {
  margin-top: 80px;
  position: relative
}

.loan-eligibility-main .about-loan-eligibility .abt-loan-dex {
  left: -200px;
  position: absolute;
  top: -170px
}

.loan-eligibility-main .about-loan-eligibility .box-loan-eligibility {
  background-color: #171b22;
  border-radius: 8px;
  padding: 40px;
  position: relative;
  z-index: 1
}

@media screen and (max-width:1200px) {
  .loan-eligibility-main .about-loan-eligibility .box-loan-eligibility {
    padding: 30px
  }
}

.loan-eligibility-main .about-loan-eligibility .box-loan-eligibility.defi-loan-bx {
  background-color: #0e131a
}

.loan-eligibility-main .about-loan-eligibility .box-loan-eligibility h4 {
  font-size: 40px;
  font-weight: lighter;
  font-weight: 300;
  margin-bottom: 0
}

.loan-eligibility-main .about-loan-eligibility .box-loan-eligibility h3 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 0
}

.loan-eligibility-main .about-loan-eligibility .box-loan-eligibility p {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 0
}

.loan-eligibility-main .web-automated-liquidity-main {
  background-color: #171b22;
  border-radius: 20px;
  margin-top: 70px;
  padding: 40px;
  position: relative
}

.loan-eligibility-main .web-automated-liquidity-main .abt-loan-dex {
  position: absolute;
  right: 0;
  top: 0
}

.loan-eligibility-main .web-automated-liquidity-main .abt-loan-dex img {
  -ms-filter: fliph;
  filter: fliph;
  transform: scaleX(-1)
}

.loan-eligibility-main .web-automated-liquidity-main .heading-web-web {
  margin-bottom: 20px;
  max-width: 800px;
  position: relative;
  z-index: 1
}

.loan-eligibility-main .web-automated-liquidity-main .heading-web-web h2 {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 40px
}

.loan-eligibility-main .web-automated-liquidity-main .heading-web-web h3 {
  font-size: 24px;
  font-weight: 200;
  letter-spacing: 1.5px;
  line-height: 140%;
  margin-bottom: 35px
}

.loan-eligibility-main .web-automated-liquidity-main .heading-web-web h4 {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: .3px;
  line-height: 150%;
  margin-bottom: 0
}

.loan-eligibility-main .web-automated-liquidity-main .heading-web-web h4 span {
  -webkit-text-fill-color: #0000;
  font-feature-settings: "liga" off, "clig" off;
  background: linear-gradient(90deg, #fd6519 61.02%, #de0ce2 101.18%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  font-weight: 600
}

.loan-eligibility-main .web-automated-liquidity-main .web-automated-liquidity-row {
  grid-gap: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 50px;
  position: relative;
  z-index: 1
}

.loan-eligibility-main .web-automated-liquidity-main .web-automated-liquidity-row .col-automated {
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  background-color: #212d3c;
  border-radius: 12px;
  display: flex;
  gap: 15px;
  padding: 24px
}

.loan-eligibility-main .web-automated-liquidity-main .web-automated-liquidity-row .col-automated h4 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px
}

.loan-eligibility-main .web-automated-liquidity-main .web-automated-liquidity-row .col-automated p {
  color: #c8d3e4;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: .3px;
  line-height: 26px;
  margin-bottom: 0
}

.loan-eligibility-main .web-automated-liquidity-main .web-automated-liquidity-row .col-automated p span {
  color: #fff;
  font-weight: 600
}

.loan-eligibility-main .web-automated-liquidity-main .live-sincesection {
  grid-gap: 30px;
  background-color: #334356;
  border: 2px solid #43556a;
  border-radius: 10px;
  box-shadow: 1px 13px 33px #00000030;
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 50px;
  padding: 16px 15px;
  position: relative;
  z-index: 1
}

.loan-eligibility-main .web-automated-liquidity-main .live-sincesection .live-sincesection-cal {
  position: relative
}

.loan-eligibility-main .web-automated-liquidity-main .live-sincesection .live-sincesection-cal:after {
  border-right: 1px solid #3e454f;
  bottom: 0;
  content: "";
  display: block;
  height: 50px;
  margin: auto 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 2px
}

.loan-eligibility-main .web-automated-liquidity-main .live-sincesection .live-sincesection-cal:last-child:after {
  display: none
}

.loan-eligibility-main .web-automated-liquidity-main .live-sincesection .live-sincesection-cal p {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .3px;
  margin-bottom: 10px
}

.loan-eligibility-main .web-automated-liquidity-main .live-sincesection .live-sincesection-cal h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 0
}

.loan-eligibility-main .web-automated-liquidity-main .live-sincesection .live-sincesection-cal h3.greentext {
  color: #18be46
}

.loan-eligibility-main .web-automated-liquidity-main .why-it-different {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1
}

.loan-eligibility-main .web-automated-liquidity-main .why-it-different h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 5px
}

.loan-eligibility-main .web-automated-liquidity-main .why-it-different p {
  color: #c8d3e4;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: .3px;
  line-height: 28px;
  margin-bottom: 0
}

.loan-eligibility-main .web-automated-liquidity-main .why-it-different .btn-access-liquidity {
  background: linear-gradient(91deg, #7900ff -7.75%, #8a0de2 -.31%, #a824ad 14.99%, #c3397f 30.47%, #d9495a 45.84%, #e9563c 61.07%, #f56028 76.13%, #fd651b 90.95%, #ff6717 105.23%);
  border: 2px solid #fff;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 30px
}

.loan-eligibility-main .web-automated-liquidity-main .why-it-different .btn-access-liquidity:hover {
  background: #fff;
  color: #000
}

.loan-eligibility-main .bg-about-loan {
  position: relative
}

.loan-eligibility-main .bg-about-loan .abt-quatum-loan-eligibility {
  bottom: -260px;
  position: absolute;
  right: 0
}

.loan-eligibility-main .how-it-works-loan {
  background-image: url(/static/media/how-it-works-bg.9a8e335e3c9ae50dc5d0.png);
  background-position: 50%;
  background-repeat: no-repeat;
  margin: 0 -20px;
  padding: 100px 20px;
  position: relative
}

.loan-eligibility-main .how-it-works-loan .token-listing-flow-body {
  padding: 0 100px
}

.loan-eligibility-main .how-it-works-loan h3 {
  display: block;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: center
}

.loan-eligibility-main .how-it-works-loan .token-already-exists {
  background-color: #172334;
  border-radius: 12px;
  height: 100%;
  padding: 30px 54px;
  position: relative;
  z-index: 1
}

@media screen and (max-width:1200px) {
  .loan-eligibility-main .how-it-works-loan .token-already-exists {
    padding: 20px
  }
}

.loan-eligibility-main .how-it-works-loan .token-already-exists .button-gradient {
  border-radius: 30px;
  margin: 0 auto;
  max-width: 310px
}

.loan-eligibility-main .how-it-works-loan .token-already-exists h4 {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center
}

.loan-eligibility-main .how-it-works-loan .token-already-exists .token-already-exists-box {
  background-color: #0e131a;
  border: 1px solid #2d3c54;
  border-radius: 12px;
  margin-bottom: 30px;
  padding: 30px;
  position: relative;
  text-align: center
}

.loan-eligibility-main .how-it-works-loan .token-already-exists .token-already-exists-box h4 {
  font-size: 16px;
  font-weight: 300;
  margin: 0 auto;
  max-width: 260px
}

.loan-eligibility-main .how-it-works-loan .token-already-exists .token-already-exists-box img {
  margin-bottom: 10px
}

.loan-eligibility-main .how-it-works-loan .token-already-exists .token-already-exists-box .arrow-icon-tkns {
  bottom: 0;
  height: 20px;
  margin: auto 0;
  position: absolute;
  right: -25px;
  top: 0;
  width: 25px
}

.loan-eligibility-main .how-it-works-loan .token-already-exists .token-already-exists-box .arrow-icon-tkns img {
  margin-bottom: 0;
  max-width: 100%
}

.loan-eligibility-main .how-it-works-loan .token-already-exists .token-already-exists-box .arrow-icon-down {
  bottom: -24px;
  height: 20px;
  left: 0;
  margin: auto auto 0;
  position: absolute;
  right: 0;
  rotate: 90deg;
  width: 25px
}

.loan-eligibility-main .how-it-works-loan .token-already-exists .token-already-exists-box .arrow-icon-down img {
  margin-bottom: 0;
  max-width: 100%
}

.loan-eligibility-main .how-it-works-loan .token-already-exists .token-already-exists-box .arrow-icon-left {
  bottom: 0;
  height: 20px;
  margin: auto 0;
  position: absolute;
  right: -25px;
  rotate: 180deg;
  top: 0;
  width: 25px
}

.loan-eligibility-main .how-it-works-loan .token-already-exists .token-already-exists-box .arrow-icon-left img {
  margin-bottom: 0;
  max-width: 100%
}

.loan-eligibility-main .button-gradient {
  align-items: center;
  background: #7900ff;
  background: linear-gradient(90deg, #7900ff 7%, #ff6717);
  border: none;
  border-radius: 12px;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  gap: 10px;
  justify-content: center;
  padding: 14px 20px;
  transition: transform .1s ease-in-out, box-shadow .3s ease;
  width: 100%
}

.loan-eligibility-main .button-gradient svg {
  width: 24px
}

.loan-eligibility-main .button-gradient:hover {
  box-shadow: 0 2px 6px #0000004d;
  transform: scale(.96)
}

.loan-eligibility-main .who-it-work-circle {
  bottom: -270px;
  pointer-events: none;
  position: absolute;
  right: 0;
  rotate: 180deg
}

.loan-eligibility-main .key-characteristics-modal {
  margin: 0 -20px;
  padding: 0 20px
}

.loan-eligibility-main .key-characteristics-modal .key-characteristics-modal-left {
  align-items: center;
  background: #7900ff;
  background: linear-gradient(180deg, #7900ff 7%, #ff6717);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 30px
}

.loan-eligibility-main .key-characteristics-modal .key-characteristics-modal-left .key-characteristics-inr img {
  margin-bottom: 16px
}

.loan-eligibility-main .key-characteristics-modal .key-characteristics-modal-left .key-characteristics-inr h5 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px
}

.loan-eligibility-main .key-characteristics-modal .key-characteristics-modal-left .key-characteristics-inr h4 {
  font-size: 34px;
  font-weight: 300;
  margin-bottom: 10px
}

.loan-eligibility-main .key-characteristics-modal .key-characteristics-modal-left .key-characteristics-inr h3 {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase
}

.loan-eligibility-main .key-characteristics-modal .key-characteristics-modal-box {
  background-color: #0e131a;
  border: 1px solid #27364b;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  padding: 24px;
  position: relative;
  z-index: 1
}

.loan-eligibility-main .key-characteristics-modal .key-characteristics-modal-box img {
  margin-bottom: 10px;
  max-width: 50px
}

.loan-eligibility-main .key-characteristics-modal .key-characteristics-modal-box h3 {
  font-size: 24px;
  margin-bottom: 10px
}

.loan-eligibility-main .key-characteristics-modal .key-characteristics-modal-box p {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
  margin-bottom: 0
}

.loan-eligibility-main .growth-that-compounds-main {
  background-image: url(/static/media/growth-compounds.71b24eb4846a183aa1e3.png);
  background-position: 50%;
  background-repeat: no-repeat;
  margin: 0 auto;
  max-width: 1024px;
  padding: 0 0 100px;
  position: relative;
  z-index: 1
}

.loan-eligibility-main .growth-that-compounds-main h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px
}

.loan-eligibility-main .growth-that-compounds-main .growth-that-compounds-inr {
  grid-gap: 30px;
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(2, 1fr)
}

.loan-eligibility-main .growth-that-compounds-main .growth-that-compounds-inr .growth-that-compounds-inr-left {
  background-color: #172334;
  border-radius: 16px;
  padding: 50px;
  position: relative
}

.loan-eligibility-main .growth-that-compounds-main .growth-that-compounds-inr .growth-that-compounds-inr-left:after {
  background: #172334 url(/static/media/divider-icon.d52e8b57add6b3ea3e47.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 0 9px #647160;
  content: "";
  display: block;
  height: 60px;
  position: absolute;
  right: -48px;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  z-index: 2
}

.loan-eligibility-main .growth-that-compounds-main .growth-that-compounds-inr .growth-that-compounds-inr-right {
  background-color: #1b7d1a;
  border-radius: 16px;
  padding: 50px;
  position: relative
}

.loan-eligibility-main .growth-that-compounds-main .growth-that-compounds-inr .growth-that-compounds-inr-right p {
  color: #fff
}

.loan-eligibility-main .growth-that-compounds-main .growth-that-compounds-inr ul li {
  margin-bottom: 70px
}

.loan-eligibility-main .growth-that-compounds-main .growth-that-compounds-inr ul li h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 14px
}

.loan-eligibility-main .growth-that-compounds-main .growth-that-compounds-inr ul li p {
  color: #c8d3e4;
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
  max-width: 320px
}

.loan-eligibility-main .growth-that-compounds-main .circle-divider {
  background-color: #1c1c1c;
  border-radius: 50%;
  box-shadow: 0 0 0 10px #0f1a2b, 0 0 0 20px #0b3e1c;
  height: 60px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  z-index: 1
}

.loan-eligibility-main .quantum-dex-lending-main {
  background-image: url(/static/media/how-it-works-bg.9a8e335e3c9ae50dc5d0.png);
  background-position: 50%;
  background-repeat: no-repeat;
  padding: 100px
}

.loan-eligibility-main .quantum-dex-lending-main h3 {
  display: block;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px
}

.loan-eligibility-main .quantum-dex-lending-main .box-gray-dark {
  background-color: #171e28;
  border-radius: 10px;
  height: 100%;
  overflow: hidden;
  padding: 30px;
  position: relative
}

.loan-eligibility-main .quantum-dex-lending-main .box-gray-dark h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px
}

.loan-eligibility-main .quantum-dex-lending-main .box-gray-dark p {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 0
}

.loan-eligibility-main .quantum-dex-lending-main .box-gray-dark .number-div {
  background-color: #0f1926;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  font-size: 24px;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  padding-left: 18px;
  position: absolute;
  right: -14px;
  top: -4px;
  width: 60px
}

.loan-eligibility-main .l1x-token-liquidity-flow {
  padding-bottom: 100px
}

.loan-eligibility-main .l1x-token-liquidity-flow h3 {
  display: block;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 50px
}

.loan-eligibility-main .l1x-token-liquidity-flow .l1x-token-liquidity-flow-inr {
  text-align: center
}

.loan-eligibility-main .l1x-token-liquidity-flow .l1x-token-liquidity-flow-inr img {
  max-width: 100%
}

.loan-eligibility-main .faq-container {
  color: #fff;
  font-family: Inter, sans-serif;
  margin: 0 auto;
  max-width: 800px;
  padding: 2rem
}

.loan-eligibility-main .faq-container h2 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 2rem;
  text-align: center
}

.loan-eligibility-main .faq-container .faq-item {
  background: #0d1419;
  border: 1px solid #27354b;
  border-radius: 12px;
  cursor: pointer;
  margin-bottom: 16px;
  padding: 12px 20px;
  transition: background .3s ease
}

.loan-eligibility-main .faq-container .faq-item.active {
  background: #243349
}

.loan-eligibility-main .faq-container .faq-item.active .icon {
  background: #374760 !important;
  color: #fff !important
}

.loan-eligibility-main .faq-container .faq-item .faq-question {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.loan-eligibility-main .faq-container .faq-item .faq-question h3 {
  font-size: 18px;
  font-weight: 400 !important;
  margin: 0
}

.loan-eligibility-main .faq-container .faq-item .faq-question .icon {
  background: #0d1419;
  border-radius: 50%;
  color: #fff;
  font-size: 1.5rem
}

.loan-eligibility-main .faq-container .faq-item .faq-question .icon,
.loan-eligibility-main .faq-container .faq-item .faq-question .icon span {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px
}

.loan-eligibility-main .faq-container .faq-item .faq-question .icon span svg {
  height: 20px;
  width: 20px
}

.loan-eligibility-main .faq-container .faq-item .faq-answer {
  margin-top: 10px
}

.loan-eligibility-main .faq-container .faq-item .faq-answer p {
  color: #c5cbd8;
  font-size: 14px;
  line-height: 1.6
}

.loan-eligibility-main .faq-container .faq-item .faq-answer p ul {
  list-style: disc;
  padding-left: 16px
}

.loan-eligibility-main .floating-group {
  margin-bottom: 1.5rem;
  position: relative
}

.loan-eligibility-main .floating-group .floating-input {
  background: #142339 !important;
  background: none;
  border: 1px solid #354760;
  border-radius: 6px;
  box-shadow: none;
  color: #fff !important;
  font-size: 15px;
  outline: none;
  padding: 12px 16px;
  width: 100%
}

.loan-eligibility-main .floating-group .floating-input:focus::placeholder {
  color: #fff;
  opacity: .5
}

.loan-eligibility-main .floating-group label {
  color: #fff;
  font-size: 14px;
  left: 16px;
  pointer-events: none;
  position: absolute;
  top: 14px;
  transition: all .2s ease
}

.loan-eligibility-main .floating-group label .required {
  color: red
}

.loan-eligibility-main .floating-group .floating-input:focus+label,
.loan-eligibility-main .floating-group.filled label {
  background: linear-gradient(180deg, #25374f, #25374f 50%, #132339 0, #132339);
  border-radius: 6px;
  color: #ff6717;
  font-size: 12px;
  left: 16px;
  padding: 0 4px;
  top: -10px
}

.loan-eligibility-main .floating-group .form-control:focus {
  background-color: #142339 !important;
  border: 1px solid #f66223;
  box-shadow: none
}

.loan-eligibility-main .btn-join {
  background: #fd6619;
  border-radius: 30px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 12px 20px
}

.loan-eligibility-main .btn-join:active,
.loan-eligibility-main .btn-join:focus,
.loan-eligibility-main .btn-join:focus-visible,
.loan-eligibility-main .btn-join:focus-within,
.loan-eligibility-main .btn-join:hover {
  background: #eb560b;
  border-color: #eb560b
}

.loan-eligibility-main .tge-status-group {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.loan-eligibility-main .tge-status-group .tge-label {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0
}

.loan-eligibility-main .tge-status-group .tge-label .required {
  color: red
}

.loan-eligibility-main .tge-status-group .radio-options {
  background: #132339;
  border-radius: 6px;
  display: flex;
  gap: 12px;
  padding: 2px;
  width: 150px
}

.loan-eligibility-main .tge-status-group .radio-options .radio-option {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  justify-content: center;
  padding: 8px 12px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  width: 50%
}

.loan-eligibility-main .tge-status-group .radio-options .radio-option input[type=radio] {
  cursor: pointer;
  display: none;
  opacity: 0;
  position: absolute
}

.loan-eligibility-main .tge-status-group .radio-options .radio-option .custom-radio {
  background-color: #f0f0f0;
  border: 2px solid #ccc;
  border-radius: 50%;
  display: none;
  height: 18px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px
}

.loan-eligibility-main .tge-status-group .radio-options .radio-option input:checked~.custom-radio {
  background-color: #ff6717;
  border-color: #ff6717
}

.loan-eligibility-main .tge-status-group .radio-options .radio-option.selected {
  background: #ff6717;
  border-radius: 4px;
  font-weight: 500
}

.loan-eligibility-main .grid-2 {
  grid-gap: 0 16px;
  display: grid;
  gap: 0 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.loan-eligibility-main .tokenDex .l1x-modal-body {
  width: 767px
}

.loan-eligibility-main .faqCatSelector {
  border-bottom: 1px solid #364458;
  display: flex;
  justify-content: center;
  margin-bottom: 24px
}

.loan-eligibility-main .faqCatSelector a {
  border-bottom: 1px solid #0000;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 16px
}

.loan-eligibility-main .faqCatSelector a.active {
  border-color: #ff6717;
  color: #ff6717
}

.loan-eligibility-main .faqCatSelector button {
  background: #0000;
  border: none;
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  padding: 10px 16px
}

.loan-eligibility-main .faqCatSelector .active {
  border-bottom: 2px solid #ff6717;
  color: #ff6717
}

.loan-eligibility-main .success-message {
  padding-bottom: 50px
}

.loan-eligibility-main .success-message h4 {
  font-size: 30px;
  font-weight: 600
}

.loan-eligibility-main .success-message p {
  font-size: 16px
}

.loan-eligibility-main .success-message img {
  width: 120px
}

.dex-launch-timeline {
  margin-bottom: 100px
}

.dex-launch-timeline .dex-launch-timeline-title {
  text-align: center
}

.dex-launch-timeline .dex-launch-timeline-title h3 {
  font-size: 40px
}

.dex-launch-timeline .dex-launch-timeline-title h5 {
  font-size: 24px
}

.dex-launch-timeline .dex-launch-timeline-title p {
  color: #c8d3e4;
  font-size: 16px;
  font-weight: 300;
  margin: 0 auto;
  max-width: 730px
}

.dex-launch-timeline .timeline-launch-timeline {
  color: #fff;
  margin: 60px 0;
  position: relative
}

.dex-launch-timeline .timeline-launch-timeline:after {
  background: #7900ff;
  background: linear-gradient(27deg, #7900ff 7%, #ff6717);
  border-radius: 2px;
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 4px
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left {
  margin: 80px 0;
  padding-right: 60%;
  position: relative
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left.right-timeline-launch {
  padding-left: 60%;
  padding-right: 0
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-date-left {
  background: #171e28;
  border: 4px solid #0e131a;
  border-radius: 50px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  left: 50%;
  padding: 16px 25px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  z-index: 1
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-date-left.checkedDate {
  background: #34a853;
  border-color: #34a853;
  padding: 12px
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-date-left.pendingDate {
  background: #f93;
  border-color: #f93;
  padding: 12px
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-date-left.gray {
  background: #354d73 !important;
  color: #fff;
  padding: 12px
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left {
  background: #171e28;
  border: 1px solid #171e28;
  border-radius: 20px;
  padding: 30px;
  position: relative
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left:hover {
  border-color: #383a3e;
  box-shadow: 0 20px 40px #06090d
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left .timeline-content-left-head {
  align-items: center;
  border-bottom: 1px solid #2c3440;
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  padding-bottom: 20px
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left .timeline-content-left-head .icon-title {
  font-size: 40px
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left .timeline-content-left-head h4 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #fd6519 11.02%, #7113d6 160.18%);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 24px;
  font-weight: 600
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left .timeline-content-left-head h6 {
  color: #c2cddd;
  font-size: 16px;
  font-weight: 300
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left ul {
  color: #c8d3e4;
  display: block;
  list-style-type: disc;
  margin-left: 20px
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left ul li {
  display: list-item;
  margin-bottom: 10px
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left ul li span {
  color: #fff;
  font-weight: 500
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left ul li .green-crl {
  color: #34a853
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left h5 {
  color: #fff;
  font-size: 16px
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left .forms-open-box {
  background: linear-gradient(45deg, #ff56001a, #7c3aed1a);
  border: 1px solid #ff640033;
  border-radius: 10px;
  color: #c8d3e4;
  display: flex;
  gap: 10px;
  padding: 10px 16px
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left .forms-open-box p {
  border-radius: 12px;
  color: #fff;
  font-weight: 300;
  font-weight: 500;
  margin-bottom: 0;
  padding: 12px
}

.dex-launch-timeline .timeline-launch-timeline .timeline-launch-timeline-left .timeline-content-left .forms-open-box p span {
  color: #fff;
  font-weight: 600
}

.dex-launch-timeline .why-a-phased-launch {
  background: linear-gradient(90deg, #7900ff 7%, #ff6717);
  border-radius: 16px;
  margin: 0 auto;
  max-width: 730px;
  padding: 30px
}

.dex-launch-timeline .why-a-phased-launch h3 {
  font-size: 24px;
  text-align: center
}

.dex-launch-timeline .why-a-phased-launch p {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0;
  text-align: center
}

.error {
  color: #ef2e20 !important;
  font-size: 13px !important
}

.buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  margin-top: 120px
}

.buttons .btn {
  align-items: center;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  gap: 8px;
  padding: 12px 20px
}

.buttons .btn.orange {
  background: #ff6b00;
  color: #fff
}

.buttons .btn.black {
  background: #000;
  color: #fff
}

.buttons .btn.white {
  background: #fff;
  color: #000
}

.buttons .btn:hover {
  opacity: .9
}

input[type=number] {
  -moz-appearance: textfield
}

.poolNote {
  font-size: 15px;
  font-weight: 600
}

.checkedRoadmap .timeline-content-left {
  border: 1px solid #34a853 !important;
  position: relative
}

.checkedRoad {
  align-items: center;
  background: #fff;
  border-radius: 30px;
  color: #34a853;
  display: flex;
  height: 30px;
  justify-content: center;
  margin-right: 10px;
  width: 30px
}

.checkedRoad svg {
  width: 24px
}

.checkedRoad.pendingDate {
  color: #f93
}

.checkedRoad.gray {
  background: #354d73;
  color: #fff
}

.maxH500 {
  position: relative
}

.maxH500,
.maxH500 img {
  max-height: 500px
}

.maxH500:after {
  background: #000;
  border-radius: 50px;
  bottom: 0;
  content: "";
  filter: blur(40px);
  height: 30px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 50%
}

.proposedTokenomics {
  color: #fff;
  display: inline-flex;
  font-size: 16px;
  font-weight: 500;
  margin-top: 16px
}

.proposedTokenomics:hover {
  background: #fff;
  color: #000;
  padding: 6px 12px
}

.proposedTokenomics svg {
  margin-left: 8px;
  width: 24px
}

.core-features-loan-eligibility {
  color: #fff;
  margin: 0 -20px;
  padding: 120px 20px 0;
  position: relative
}

.core-features-loan-eligibility .circle-blur-bg {
  bottom: -300px;
  left: 0;
  position: absolute
}

.core-features-loan-eligibility .core-features-loan-content {
  background: #172334 url(/static/media/bg-core-feature-body.950c3c073c1473e8676b.png);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 24px;
  overflow: hidden;
  padding: 30px 70px;
  position: relative;
  z-index: 1
}

.core-features-loan-eligibility .core-features-loan-content img {
  max-width: 100%
}

.core-features-loan-eligibility .core-features-loan-content ul {
  background-color: #2e3a4e;
  border-radius: 30px;
  box-shadow: 0 6px 14px #000;
  display: inline-flex;
  margin-bottom: 30px;
  padding: 4px
}

.core-features-loan-eligibility .core-features-loan-content ul li {
  border-radius: 30px;
  cursor: pointer;
  font-size: 14px;
  padding: 8px 20px
}

.core-features-loan-eligibility .core-features-loan-content ul li.active,
.core-features-loan-eligibility .core-features-loan-content ul li:hover {
  background-color: #ff5813
}

.core-features-loan-eligibility .core-features-loan-content .core-features-loan-tab {
  padding: 0
}

.core-features-loan-eligibility .core-features-loan-content .core-features-loan-tab .core-feature-item-left {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  max-width: 530px
}

.core-features-loan-eligibility .core-features-loan-content .core-features-loan-tab .core-feature-item-left h4 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
  max-width: 400px
}

.core-features-loan-eligibility .core-features-loan-content .core-features-loan-tab .core-feature-item-left p {
  color: #c8d3e4;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 0
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .roadmap-container {
  margin: 0 auto;
  max-width: 1200px;
  position: relative
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .timeline {
  display: flex;
  flex-direction: column;
  gap: 80px;
  position: relative
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .timeline:before {
  background: none;
  background-image: linear-gradient(180deg, #fff 10px, #0000 0);
  background-repeat: repeat-y;
  background-size: 1px 20px;
  border-radius: 2px;
  bottom: 0;
  content: "";
  height: calc(100% - 220px);
  left: 50%;
  position: absolute;
  top: 110px;
  transform: translateX(-50%);
  width: 2px
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .phase-container {
  align-items: center;
  display: flex;
  position: relative
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .phase-container:nth-child(2n) {
  flex-direction: row-reverse
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .phase-badge-mn {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 10
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .phase-badge-mn .phase-badge {
  background: linear-gradient(135deg, #5d19e1, #ee5cf3);
  border-radius: 25px;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 400;
  padding: 8px 30px
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .phase-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 40%
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .phase-container:nth-child(2n) .phase-content {
  align-items: flex-end
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .timeline-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #1e293bf2;
  border-radius: 20px;
  box-shadow: 0 10px 30px #0000004d;
  overflow: hidden;
  padding: 30px;
  position: relative;
  transition: all .3s ease
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .timeline-card:hover {
  box-shadow: 0 15px 40px #0006;
  transform: translateY(-5px)
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .card-header {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-bottom: 20px
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .date-badge {
  background: linear-gradient(135deg, #ff6717, #7900ff);
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 6px 16px
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .feature-item {
  margin-bottom: 25px;
  padding-left: 0
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .feature-item ul li {
  align-items: start;
  color: #cbd5e1;
  display: flex;
  font-size: .95rem;
  gap: 10px;
  line-height: 1.6;
  margin-bottom: 16px
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .feature-item ul li p {
  color: #c8d3e4;
  font-weight: 300;
  margin-bottom: 0
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .feature-item ul li p h6 {
  color: #fff;
  font-weight: 600
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .feature-item ul li img {
  margin-top: 4px
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .feature-item:last-child {
  margin-bottom: 0
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .phase-indicator {
  background-color: #0e131a;
  font-size: 13px;
  letter-spacing: .3px;
  padding: 5px 3px;
  text-align: center
}

.roadmap-loan-eligibility .roadmap-loan-eligibility-body .phase-container:nth-child(2n) .phase-indicator {
  left: 20px;
  right: auto
}

@media(max-width:768px) {
  .roadmap-loan-eligibility .roadmap-loan-eligibility-body .timeline:before {
    left: 30px
  }

  .roadmap-loan-eligibility .roadmap-loan-eligibility-body .phase-container {
    align-items: flex-start;
    flex-direction: column !important;
    padding-left: 60px
  }

  .roadmap-loan-eligibility .roadmap-loan-eligibility-body .phase-badge-mn .phase-badge {
    left: 30px;
    transform: translateX(-50%)
  }

  .roadmap-loan-eligibility .roadmap-loan-eligibility-body .phase-content {
    align-items: stretch !important;
    width: 100%
  }

  .roadmap-loan-eligibility .roadmap-loan-eligibility-body .timeline-card {
    padding: 20px
  }
}

@media(max-width:480px) {
  .roadmap-loan-eligibility .roadmap-loan-eligibility-body body {
    padding: 20px 10px
  }

  .roadmap-loan-eligibility .roadmap-loan-eligibility-body .timeline-card {
    padding: 16px
  }
}

.title-core-features {
  margin-bottom: 50px;
  text-align: center
}

.title-core-features.small-text p {
  color: #c8d3e4;
  font-size: 14px;
  letter-spacing: .3px;
  margin: 0 auto;
  max-width: 740px
}

.title-core-features h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 10px
}

.title-core-features p {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 0
}

.qst-tokenomics-vesting-main {
  background-color: #171e28;
  margin: 100px -20px 0;
  padding: 100px 20px 30px
}

.qst-tokenomics-vesting-main .tokenomics-vesting-box {
  background-color: #0e131a;
  border-radius: 16px;
  margin-bottom: 30px;
  padding: 40px 60px
}

.qst-tokenomics-vesting-main .tokenomics-vesting-box h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 38px;
  margin-bottom: 20px
}

.qst-tokenomics-vesting-main .tokenomics-vesting-box p {
  color: #c8d3e4;
  font-weight: 300;
  letter-spacing: .3px;
  margin-bottom: 20px
}

.qst-tokenomics-vesting-main .tokenomics-vesting-box p span {
  color: #fff;
  font-weight: 500
}

.qst-tokenomics-vesting-main .tokenomics-vesting-box .readmore-btn {
  background-color: #192029;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  padding: 10px 32px
}

.qst-tokenomics-vesting-main .tokenomics-vesting-box .readmore-btn:hover {
  background-color: #fff;
  color: #000
}

.qst-tokenomics-vesting-main .token-allocation-distribution {
  background-color: #1f2834;
  border-radius: 16px;
  margin-bottom: 30px;
  padding: 40px 60px
}

.qst-tokenomics-vesting-main .token-allocation-distribution .title-width {
  margin: 0 auto;
  max-width: 600px
}

.qst-tokenomics-vesting-main .token-allocation-distribution .title-width p,
.qst-tokenomics-vesting-main .token-allocation-distribution p {
  color: #c8d3e4;
  font-weight: 300;
  letter-spacing: .3px
}

.qst-tokenomics-vesting-main .token-allocation-distribution .font-16 {
  font-size: 18px
}

.qst-tokenomics-vesting-main .token-allocation-distribution.text-light {
  color: #6e7887
}

.qst-tokenomics-vesting-main .token-allocation-distribution .rewardimg-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 100%
}

.qst-tokenomics-vesting-main .token-allocation-distribution .rewardimg-center img {
  width: 200px
}

.qst-tokenomics-vesting-main .token-allocation-distribution ul li {
  align-items: start;
  display: flex;
  gap: 12px;
  margin-bottom: 16px
}

.qst-tokenomics-vesting-main .token-allocation-distribution ul li img {
  margin-top: 4px
}

.qst-tokenomics-vesting-main .token-allocation-distribution ul li p {
  margin-bottom: 0
}

.qst-tokenomics-vesting-main .token-allocation-distribution .upload-container {
  background: #0e131a;
  border-radius: 12px;
  margin: 0 auto;
  max-width: 600px;
  overflow: hidden;
  padding: 20px 40px;
  position: relative;
  text-align: center;
  transition: all .3s ease
}

.qst-tokenomics-vesting-main .token-allocation-distribution .upload-icon {
  align-items: center;
  display: flex;
  height: 48px;
  justify-content: center;
  margin: 0 auto 20px;
  width: 48px
}

.qst-tokenomics-vesting-main .token-allocation-distribution .upload-icon svg {
  height: 24px;
  width: 24px
}

.qst-tokenomics-vesting-main .token-allocation-distribution .upload-title {
  color: #cfcfcf;
  font-size: 1.2rem;
  font-weight: 300;
  margin-bottom: 0
}

.qst-tokenomics-vesting-main .token-allocation-distribution .upload-subtitle {
  color: #6e7887;
  font-size: .9rem;
  margin-bottom: 24px
}

.qst-tokenomics-vesting-main .token-allocation-distribution .upload-button {
  background: #fff;
  border: none;
  border-radius: 8px;
  color: #101213;
  cursor: pointer;
  font-size: .9rem;
  font-weight: 500;
  overflow: hidden;
  padding: 9px 24px;
  position: relative;
  transition: all .3s ease
}

.qst-tokenomics-vesting-main .token-allocation-distribution .upload-button:hover {
  background: #f0f0f0;
  transform: translateY(-1px)
}

.qst-tokenomics-vesting-main .token-allocation-distribution .upload-button:active {
  transform: translateY(0)
}

.qst-tokenomics-vesting-main .token-allocation-distribution .file-input {
  cursor: pointer;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%
}

.qst-tokenomics-vesting-main .token-allocation-distribution .file-status {
  color: #fff;
  font-size: 12px;
  margin-top: 16px;
  word-break: break-all
}

.max-width-600 {
  margin: 0 auto;
  max-width: 1024px
}

.whatInfluencersSay {
  margin: 0 auto;
  max-width: 1200px;
  padding: 80px 60px 0;
  width: 100%
}

.whatInfluencersSay .titleHead {
  display: block;
  margin-bottom: 20px;
  position: relative
}

.whatInfluencersSay .titleHead h4 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 0
}

.whatInfluencersSay .titleHead h3 {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 12px
}

.whatInfluencersSay .titleHead p {
  font-size: 14px;
  font-weight: 300
}

.whatInfluencersSay .view-all-btn {
  align-items: center;
  background-color: #202835;
  border: 1px solid #4d5666;
  border-radius: 20px;
  color: #fff;
  display: flex;
  font-size: 18px;
  height: 100%;
  justify-content: center;
  transition: transform .2s ease-in-out;
  width: 100%
}

.whatInfluencersSay .view-all-btn:hover {
  color: #436bed;
  transform: scale(1.1)
}

.whatInfluencersSay .videoWrapper {
  border: 1px solid #fff;
  border-radius: 16px;
  margin-bottom: 20px;
  overflow: hidden
}

.whatInfluencersSay .videoWrapper iframe {
  width: 100%
}

.whatInfluencersSay .videoWrapper--small {
  border: 1px solid #fff;
  border-radius: 16px;
  overflow: hidden
}

.whatInfluencersSay .mb20 {
  margin-bottom: 20px
}

.hide-col {
  display: none
}

.hide-col.show {
  display: block !important
}

.l1x-global-press-coverage {
  background-color: #171e28;
  color: #fff;
  margin: 0 -20px 60px;
  overflow: hidden;
  padding: 80px 20px 100px
}

.l1x-global-press-coverage .slick-slide {
  padding: 0 12px
}

.l1x-global-press-coverage .slick-list {
  padding: 30px 0
}

.l1x-global-press-coverage .slick-prev {
  height: 40px;
  left: -55px;
  width: 40px
}

.l1x-global-press-coverage .slick-prev:before {
  background-image: url(/static/media/leftarrow.1dd0d063719e6d8c80a9.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 40px;
  width: 40px
}

.l1x-global-press-coverage .slick-next {
  height: 40px;
  right: -55px;
  width: 40px
}

.l1x-global-press-coverage .slick-next:before {
  background-image: url(/static/media/rightarrow.04744d8488542300f665.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 40px;
  width: 40px
}

.l1x-global-press-coverage .l1x-global-press-coverage-head {
  margin-bottom: 20px
}

.l1x-global-press-coverage .l1x-global-press-coverage-head h3 {
  font-size: 36px;
  font-weight: 600;
  text-align: center
}

.l1x-global-press-coverage .l1x-global-press-coverage-head p {
  color: #acb4c0;
  font-size: 16px;
  margin: 0 auto;
  max-width: 660px;
  text-align: center
}

.l1x-global-press-coverage .l1x-global-press-coverage-body {
  margin: 0 auto;
  max-width: 1024px
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide {
  background-color: #161d26;
  border-radius: 12px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  position: relative;
  transition: all .3s ease;
  width: 100%
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .arrowlinkicon,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .arrowlinkicon,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .arrowlinkicon,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .arrowlinkicon,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .arrowlinkicon {
  align-items: center;
  bottom: 4px;
  display: flex;
  height: 40px;
  justify-content: center;
  position: absolute;
  right: 4px;
  width: 40px
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .arrowlinkicon svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .arrowlinkicon svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .arrowlinkicon svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .arrowlinkicon svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .arrowlinkicon svg {
  color: #0d3e5e;
  width: 24px
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow:hover,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate:hover,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale:hover,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide:hover,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md:hover {
  background-color: #1a212a;
  box-shadow: 0 8px 25px #0000004d;
  transform: translateY(-5px)
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow:hover h3,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate:hover h3,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale:hover h3,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide:hover h3,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md:hover h3 {
  color: #fff
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow:hover .footer-news-col svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate:hover .footer-news-col svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale:hover .footer-news-col svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide:hover .footer-news-col svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md:hover .footer-news-col svg {
  color: #ffb600;
  transform: translateX(3px)
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow:hover .press-img.orange-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate:hover .press-img.orange-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale:hover .press-img.orange-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide:hover .press-img.orange-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md:hover .press-img.orange-bg {
  background-color: #fc3
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow:hover .press-img.white-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate:hover .press-img.white-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale:hover .press-img.white-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide:hover .press-img.white-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md:hover .press-img.white-bg {
  background-color: #f8f9fa
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow:hover .press-img.gray-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate:hover .press-img.gray-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale:hover .press-img.gray-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide:hover .press-img.gray-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md:hover .press-img.gray-bg {
  background-color: #2a3847
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow:hover .press-img.benzinga-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate:hover .press-img.benzinga-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale:hover .press-img.benzinga-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide:hover .press-img.benzinga-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md:hover .press-img.benzinga-bg {
  background-color: #0d3e5e
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .press-img,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .press-img,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .press-img,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .press-img,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .press-img {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 250px;
  justify-content: center;
  position: relative;
  text-align: center;
  transition: background-color .3s ease
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .press-img.orange-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .press-img.orange-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .press-img.orange-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .press-img.orange-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .press-img.orange-bg {
  background-color: #ffb600
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .press-img.white-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .press-img.white-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .press-img.white-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .press-img.white-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .press-img.white-bg {
  background-color: #fff
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .press-img.gray-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .press-img.gray-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .press-img.gray-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .press-img.gray-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .press-img.gray-bg {
  background-color: #253140
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .press-img.gray-bg .arrowlinkicon svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .press-img.gray-bg .arrowlinkicon svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .press-img.gray-bg .arrowlinkicon svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .press-img.gray-bg .arrowlinkicon svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .press-img.gray-bg .arrowlinkicon svg {
  color: #fff
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .press-img.benzinga-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .press-img.benzinga-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .press-img.benzinga-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .press-img.benzinga-bg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .press-img.benzinga-bg {
  background-color: #093451
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .press-img.benzinga-bg .arrowlinkicon svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .press-img.benzinga-bg .arrowlinkicon svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .press-img.benzinga-bg .arrowlinkicon svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .press-img.benzinga-bg .arrowlinkicon svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .press-img.benzinga-bg .arrowlinkicon svg {
  color: #fff
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .press-img .logo-press,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .press-img .logo-press,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .press-img .logo-press,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .press-img .logo-press,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .press-img .logo-press {
  display: block;
  margin: 0 auto 30px;
  text-align: center;
  transition: transform .3s ease
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .press-img .logo-press img,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .press-img .logo-press img,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .press-img .logo-press img,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .press-img .logo-press img,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .press-img .logo-press img {
  display: inline-block;
  margin: 0 auto
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .press-img .q-logo-press,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .press-img .q-logo-press,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .press-img .q-logo-press,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .press-img .q-logo-press,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .press-img .q-logo-press {
  display: inline-block;
  height: 40px
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md h3,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow h3,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate h3,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale h3,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide h3 {
  color: #c8d3e4;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  padding: 16px 20px;
  transition: color .3s ease
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .footer-news-col,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .footer-news-col,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .footer-news-col,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .footer-news-col,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .footer-news-col {
  border-top: 1px solid #222c38;
  display: flex;
  justify-content: end;
  padding: 12px 20px
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md .footer-news-col svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow .footer-news-col svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate .footer-news-col svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale .footer-news-col svg,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide .footer-news-col svg {
  color: #c8d3e4;
  transition: all .3s ease;
  width: 20px
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-scale:hover {
  box-shadow: 0 10px 30px #0006;
  transform: scale(1.05)
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-glow:hover {
  border: 1px solid #ffb60080;
  box-shadow: 0 0 20px #ffb6004d
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate:hover {
  box-shadow: 0 12px 35px #0006;
  transform: translateY(-8px) rotate(1deg)
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-rotate:hover .logo-press {
  transform: rotate(-1deg)
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide:hover .press-img {
  transform: translateY(-5px)
}

.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide:hover .footer-news-col,
.l1x-global-press-coverage .l1x-global-press-coverage-body .press-col-md-slide:hover h3 {
  transform: translateY(-3px)
}

.l1x-global-press-coverage .slick-dots li button:before {
  color: #fff;
  font-size: 12px
}

.l1x-global-press-coverage .slick-dots li.slick-active button:before {
  color: #fff
}

.launch-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #ffffff0d;
  border: 3px solid #fff;
  border-radius: 20px;
  box-shadow: 0 8px 20px #0000001a;
  color: #fff;
  margin: 0 auto;
  max-width: 480px;
  padding: 40px 16px;
  text-align: center
}

.launch-card .tag {
  background: red;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 4px 12px
}

.launch-card .title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 20px
}

.launch-card .countdown-box {
  background: linear-gradient(90deg, #8e2de2, #f27121);
  border-radius: 12px;
  color: #fff;
  display: flex;
  justify-content: space-around;
  margin-bottom: 24px;
  overflow: hidden;
  padding: 1rem;
  position: relative
}

.launch-card .countdown-box .time-block {
  align-items: center;
  display: flex;
  flex-direction: column
}

.launch-card .countdown-box .time-block span {
  font-size: 36px;
  font-weight: 700;
  line-height: 2rem
}

.launch-card .countdown-box .time-block small {
  font-size: .9rem;
  margin-top: 4px
}

.launch-card .countdown-box:before {
  animation: shine 2.5s infinite;
  background: linear-gradient(120deg, #ffffff0d, #fff6 50%, #ffffff0d);
  content: "";
  height: 100%;
  left: -75%;
  position: absolute;
  top: 0;
  transform: skewX(-20deg);
  width: 50%
}

@keyframes shine {
  0% {
    left: -75%
  }

  to {
    left: 125%
  }
}

.launch-card .waitlist {
  font-size: 1rem;
  margin-bottom: 2rem
}

.launch-card .waitlist strong {
  display: block;
  font-size: 1.3rem;
  font-weight: 700
}

.launch-card .waitlist p {
  color: #444;
  margin-top: 4px
}

.launch-card .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-top: 120px
}

.launch-card .buttons .btn {
  align-items: center;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  gap: 8px;
  padding: 12px 20px
}

.launch-card .buttons .btn.orange {
  background: #ff6b00;
  color: #fff
}

.launch-card .buttons .btn.black {
  background: #000;
  color: #fff
}

.launch-card .buttons .btn:hover {
  opacity: .9
}

.investordashboard-main .investordashboard-main-wrapper {
  min-height: calc(100vh - 100px)
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-main-header {
  background: #121822;
  padding: 20px
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-main-header h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-main-header .connect-btn {
  align-items: center;
  background: #fd6519;
  border: 0;
  border-radius: 50px;
  color: #fff;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 400;
  gap: 30px;
  height: 40px;
  justify-content: center;
  outline: 0;
  padding: 0 30px;
  transition: .3s ease-in-out
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-main-header .connect-btn:hover {
  background: #26374f
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section {
  background: #0e131a;
  display: flex;
  gap: 20px;
  padding: 20px
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part {
  width: 100%
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .investordashboard-left-top {
  background: #27364b;
  border-radius: 12px
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .investordashboard-left-top .investor-detail {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 20px 0 20px 20px
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .investordashboard-left-top .investor-detail .has-flex-wrap {
  flex-wrap: wrap
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .investordashboard-left-top .investor-detail p {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  gap: 6px;
  text-align: center
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .investordashboard-left-top .investor-detail p span {
  background: #0e131a;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  padding: 4px 10px;
  text-align: center
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .investordashboard-left-top .investor-detail button {
  background: #27364b;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 14px
}

@media(min-width:1140px) {
  .investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .investordashboard-left-top .investor-detail button {
    font-size: 10px
  }
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .investordashboard-left-top .investor-detail button.active {
  background: #fd6519;
  border: 1px solid #0000
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .investordashboard-left-top .investment-charts {
  background: #17202d;
  border-radius: 12px;
  padding: 20px 12px 20px 20px
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .investordashboard-left-top .investment-charts p {
  color: #fff;
  font-size: 14px;
  margin: 0 0 6px
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .investordashboard-left-top .investment-charts h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 6px
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .investordashboard-left-top .investment-charts h4 span {
  color: #cbd3df;
  display: inline-block;
  font-size: 14px;
  font-weight: 400
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .investordashboard-left-top .investment-charts h5 {
  color: #47d61d;
  font-size: 14px;
  font-weight: 400
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .transaction-history {
  background: #17202d;
  border-radius: 12px;
  margin-top: 20px
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .transaction-history.height-investor-scroll {
  max-height: 572px;
  min-height: calc(100vh - 330px);
  overflow: auto
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .transaction-history .transaction-history-header {
  padding: 14px 16px
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .transaction-history .transaction-history-header h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 16px
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .transaction-history table thead tr {
  background: #202e42
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .transaction-history table thead tr th {
  color: #879ec0;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  padding: 12px 16px
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .transaction-history table tbody tr {
  border-bottom: 1px solid hsla(0, 0%, 100%, .169)
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .transaction-history table tbody tr td {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  padding: 12px 16px
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .transaction-history table tbody tr td a {
  color: #217fff
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .transaction-history table tbody tr td p {
  color: #fff
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .transaction-history table tbody tr td p.pending {
  align-items: center;
  background: #f3ba2f;
  border-radius: 30px;
  color: #000;
  display: flex;
  gap: 6px;
  justify-content: flex-start;
  padding: 3px 8px;
  width: -webkit-max-content;
  width: max-content
}

.investordashboard-main .investordashboard-main-wrapper .investordashboard-table-section .investordashboard-left-part .transaction-history table tbody tr:last-child {
  border-bottom: none
}

.investordashboard-main .investordashboard-wrapper {
  background: #0e131a;
  border-radius: 12px;
  max-width: 440px;
  width: 100%
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section {
  background: linear-gradient(180deg, #202e42 .3%, #142339 40.78%);
  border-radius: 12px;
  max-width: 440px;
  position: relative
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-header {
  background: linear-gradient(90deg, #7408c1 -1.34%, #ee5a0c 118.32%);
  border-radius: 12px 12px 0 0;
  padding: 20px;
  text-align: center
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-header h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-header .header-price {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 5px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-header .header-price p {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin: 0
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-header .header-price h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin: 0
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-header h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: left
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-header h4 span {
  font-size: 20px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-header .learnmore-btn {
  background: #fff;
  border: 0;
  border-radius: 30px;
  color: #152439;
  font-size: 13px;
  font-weight: 500;
  padding: 3px 8px 2px;
  transition: .3s ease-in-out
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-header .learnmore-btn:hover {
  color: #f66223
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body {
  padding: 24px 16px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body h5 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 16px;
  text-align: center
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body ul {
  background: #26374f;
  border-radius: 30px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body ul button {
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 10px;
  text-align: center;
  width: 50%
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body ul button.active {
  background: #fd6519;
  border-radius: 30px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content {
  background: #26374f;
  border-radius: 12px;
  padding: 12px 20px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .security-details .list-disc {
  list-style: disc;
  padding-left: 20px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content h6 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-align: center
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .dropdown-part {
  align-items: center;
  background: #17263b;
  border: 1px solid #475c7a;
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  padding: 4px 12px 4px 4px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .dropdown-part p {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 8px;
  margin: 0
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .dropdown-part p img {
  border-radius: 50px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .dropdown-part p span {
  position: absolute;
  right: 12px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .pay-part {
  background: #17263b;
  border: 1px solid #3d506b;
  border-radius: 8px;
  margin: 10px 0;
  padding: 10px 14px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .pay-part p {
  color: #a4b6cf;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  gap: 6px;
  margin: 0 0 6px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .pay-part p span {
  background: #ff6717;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding: 1px 6px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .pay-part .payinput-part {
  align-items: center;
  display: flex;
  gap: 20px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .pay-part .payinput-part .form-control,
.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .pay-part .payinput-part p {
  background-color: #0000;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  outline: 0;
  padding: 0
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .pay-part .payinput-part .form-control::placeholder,
.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .pay-part .payinput-part p::placeholder {
  color: #ffffff80
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .pay-part .payinput-part img {
  border-radius: 30px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .pay-part .payinput-part .dollar {
  align-items: center;
  background: #38953e;
  border-radius: 30px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
  min-width: 80px;
  padding: 3px 6px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .pay-part .payinput-part .lx-logo {
  align-items: center;
  background: #fff;
  border-radius: 30px;
  color: #000;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
  min-width: 80px;
  padding: 3px 6px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .security-details .wallet-address {
  align-items: center;
  background: #142339;
  border: 1px solid #354760;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px 8px 12px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .security-details .wallet-address input {
  background-color: #0000;
  border: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  outline: none;
  width: 100%
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .security-details .wallet-address .edit-btn {
  align-items: center;
  background: #32445d;
  border: 1px solid #32445d;
  border-radius: 30px;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 6px;
  width: 30px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .security-details .wallet-address span {
  background: #36d1401a;
  border: 1px solid #36d140;
  border-radius: 30px;
  color: #36d140;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  padding: 7px 16px 4px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .tab-content .security-details p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .agree-part {
  margin-top: 20px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .agree-part p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin: 0
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .agree-part p a {
  color: #ff6717;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .agree-part .buynow-btn {
  background: #fd6519;
  border: 0;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 14px;
  margin-bottom: 20px;
  outline: 0;
  padding: 16px;
  transition: .3s ease-in-out
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .agree-part .buynow-btn:hover {
  background: #26374f
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .agree-part span {
  color: #7f8da4;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .agree-part .howbuy-btn {
  border-bottom: 1px solid #fff;
  color: #fff;
  margin: 0 auto;
  transition: .3s ease-in-out;
  width: -webkit-max-content;
  width: max-content
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .agree-part .howbuy-btn:hover {
  color: #fd6519
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .deposit-address span {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .deposit-address .deposit-address-box {
  align-items: center;
  background: #26374f;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 6px 6px 6px 16px;
  position: relative
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .deposit-address .deposit-address-box h4 {
  border-right: 1px solid #bfcadc;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding-right: 12px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .deposit-address .deposit-address-box p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin: 0
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .investordashboard-body .deposit-address .deposit-address-box span {
  background: #142439;
  border-radius: 6px;
  cursor: pointer;
  margin: 0;
  padding: 7px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .alchemy-widget-wrap {
  background: #00000080;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .alchemy-widget {
  align-items: center;
  background: #26374f;
  border: 1px solid #354760;
  border-radius: 16px;
  bottom: 0;
  display: flex;
  height: 90%;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .alchemy-widget .btn {
  align-items: center;
  background: #3c4b62;
  border: 0;
  border-radius: 30px;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: .3s ease-in-out;
  width: 30px
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .alchemy-widget .btn:hover {
  background: #f66223
}

.investordashboard-main .investordashboard-wrapper .investordashboard-section .alchemy-widget h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 20px;
  margin: 0
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper {
  background: linear-gradient(180deg, #202e42 .3%, #142339 40.78%);
  border-radius: 12px;
  max-width: 440px;
  overflow: hidden;
  padding-top: 300px;
  position: relative;
  text-align: center
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .congratulation-content {
  padding: 35px
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .congratulation-content h1 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 14px
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .congratulation-content h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding-bottom: 20px;
  position: relative
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .congratulation-content h2:after {
  background: #fff;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  margin: 0 auto;
  opacity: .3;
  position: absolute;
  right: 0;
  width: 20%
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .congratulation-content .price {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 20px 0
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .congratulation-content .price p {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin: 0
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .congratulation-content span {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 24px;
  text-align: center
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .congratulation-content a {
  align-items: center;
  color: #fd6519;
  display: flex;
  font-size: 14px;
  gap: 6px;
  justify-content: center;
  line-height: 20px;
  margin-bottom: 100px;
  text-align: center;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  transition: .3s ease-in-out
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .congratulation-content a:hover {
  color: #fff
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .congratulation-content button {
  background: #26374f;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 14px;
  padding: 16px;
  transition: .3s ease-in-out;
  width: 50%
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .congratulation-content .purchase-btn,
.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .congratulation-content button:hover {
  background: #fd6519
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .congratulation-content .purchase-btn:hover {
  background: #26374f
}

.investordashboard-main .investordashboard-wrapper .congratulation-wrapper .success-animation:after {
  background: #25af60;
  border-radius: 485px;
  content: "";
  height: 485px;
  left: -25px;
  margin: 0 auto;
  outline: 10px solid #25af6033;
  position: absolute;
  right: 0;
  top: -170px;
  width: 485px
}

.floating-group {
  margin-bottom: 1.5rem;
  position: relative
}

.floating-input {
  background: #142339 !important;
  background: none;
  border: 1px solid #354760;
  border-radius: 6px;
  box-shadow: none;
  color: #fff !important;
  font-size: 14px;
  outline: none;
  padding: 12px;
  width: 100%
}

.floating-group label {
  color: #999;
  font-size: 14px;
  left: 26px;
  pointer-events: none;
  position: absolute;
  top: 14px;
  transition: all .2s ease
}

.form-control:focus {
  background-color: #0000 !important;
  border: 1px solid #f66223;
  box-shadow: none
}

.dropdown-part {
  cursor: pointer
}

.dropdown-part .dropdown-option {
  background: #17263b;
  border: 1px solid #3d506b;
  border-radius: 8px;
  color: #fff;
  left: 0;
  padding: 6px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 10
}

.dropdown-part .dropdown-option .drop-content {
  align-items: center;
  display: flex;
  gap: 8px
}

.dropdown-part .dropdown-option .drop-content:hover {
  background: #25374f
}

.unit-and-symbol {
  gap: 12px
}

.unit-and-symbol .unit-conversion {
  color: #768fb1 !important;
  font-size: 12px !important;
  gap: 0;
  justify-content: flex-end;
  margin-bottom: 0 !important;
  width: 100px
}

.custom-checkbox-container .custom-checkbox-input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0
}

.custom-checkbox-container .custom-checkbox-label {
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
  padding-left: 30px;
  position: relative;
  -webkit-user-select: none;
  user-select: none
}

.custom-checkbox-container .custom-checkbox-label p {
  display: inline-block;
  margin-bottom: 0
}

.custom-checkbox-container .custom-checkbox-label:before {
  background-color: #0000;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color .2s ease, border-color .2s ease;
  width: 20px
}

.custom-checkbox-container .custom-checkbox-input:checked+.custom-checkbox-label:before {
  background-color: #fd6519;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-color: #fd6519
}

.custom-checkbox-container .custom-checkbox-input:focus+.custom-checkbox-label:before {
  box-shadow: 0 0 0 3px #f38b4566;
  outline: none
}

.custom-checkbox-container .custom-checkbox-label a {
  color: #fd6519;
  cursor: pointer;
  margin-left: 5px;
  text-decoration: underline
}

@media screen and (max-width:768px) {
  .termsHeader {
    padding: 0 0 10px !important
  }
}

.investordash-modal .btn-close {
  align-items: center;
  background: #142339;
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 36px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 36px
}

.investordash-modal .btn-close svg {
  margin: 0;
  width: 24px
}

.investordash-modal .termsAndconditions {
  align-items: start;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 230px 20px 20px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1020
}

.investordash-modal .termsAndconditions ol,
.investordash-modal .termsAndconditions ul {
  margin-left: 20px
}

@media screen and (max-width:767px) {
  .investordash-modal .termsAndconditions {
    padding: 40px 10px 16px
  }
}

.investordash-modal .termsAndconditions .termsContent {
  background: #26374f;
  border-radius: 16px;
  color: #fff;
  max-width: 1024px;
  padding: 16px;
  position: relative;
  width: 100%;
  z-index: 1021
}

.investordash-modal .termsAndconditions .termsContent h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 0
}

@media screen and (max-width:600px) {
  .investordash-modal .termsAndconditions .termsContent h3 {
    font-size: 20px
  }
}

.investordash-modal .termsAndconditions .termsContent .termsOverflow {
  height: 100%;
  max-height: calc(100vh - 550px);
  min-height: 430px;
  overflow-y: auto
}

.investordash-modal .termsAndconditions .termsContent .termsOverflow .termsBody {
  padding: 0 16px
}

@media screen and (max-width:768px) {
  .investordash-modal .termsAndconditions .termsContent .termsOverflow .termsBody {
    padding: 0
  }
}

.investordash-modal .termsAndconditions .termsContent .termsOverflow .termsBody p {
  font-size: 14px;
  line-height: 180%
}

.investordash-modal .termsAndconditions .termsContent .termsOverflow .termsBody ol li,
.investordash-modal .termsAndconditions .termsContent .termsOverflow .termsBody ul li {
  font-size: 14px;
  line-height: 180%;
  list-style: disc;
  margin-bottom: 16px
}

.investordash-modal .termsAndconditions .termsContent .termsOverflow .termsBody ol li .hasAlphabet,
.investordash-modal .termsAndconditions .termsContent .termsOverflow .termsBody ul li .hasAlphabet {
  padding-left: 16px
}

.investordash-modal .termsAndconditions .termsContent .termsOverflow .termsBody ol li .hasAlphabet li,
.investordash-modal .termsAndconditions .termsContent .termsOverflow .termsBody ul li .hasAlphabet li {
  list-style: lower-alpha
}

.investordash-modal .termsAndconditions .termsContent .termsOverflow .termsBody h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px
}

.investordash-modal .termsAndconditions .termsOverlay {
  background: #000c;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%
}

a {
  cursor: pointer
}

.tooltipsvg svg {
  width: 20px
}

.deposit-address .react-tooltip {
  max-width: 250px;
  width: 100%
}

@media screen and (max-width:767px) {
  .investordashboard-main {
    align-items: start;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 100vh
  }

  .investordashboard-table-section {
    padding: 0 !important
  }

  .investordashboard-header h2 {
    font-size: 23px !important;
    margin-bottom: 12px !important
  }

  .custom-checkbox-container .custom-checkbox-label,
  .custom-checkbox-container .custom-checkbox-label p,
  .investordashboard-header .learnmore-btn,
  .investordashboard-header h4 {
    font-size: 12px !important
  }

  .agree-part span {
    display: none !important
  }

  .forCryptoOnly {
    display: none
  }

  .investordashboard-body {
    padding: 12px 10px 100px !important
  }

  .investordashboard-body .agree-part span {
    display: none !important
  }

  .investordashboard-header {
    padding: 12px !important
  }

  .phase-display-container {
    display: none !important
  }

  .agree-part {
    margin-top: 12px !important
  }

  .tooltipsvg {
    margin-bottom: 0 !important
  }

  .investordashboard-header {
    border-radius: 0 !important
  }

  .caprisePayment-body {
    padding-bottom: 100px !important
  }

  .caprisePayment-header {
    border-radius: 0 !important
  }
}

.phase-display-container {
  align-items: stretch;
  background-color: #26374f;
  border-radius: 50px;
  display: flex;
  font-family: sans-serif;
  height: 48px;
  margin: 10px auto 0;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  overflow: hidden
}

.phase-display-container .phase-item {
  align-items: center;
  border-radius: 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  min-width: 90px;
  text-align: center;
  transition: min-width .3s ease-in-out, padding .3s ease-in-out, background-color .3s ease-in-out;
  white-space: nowrap
}

.phase-display-container .phase-item .phase-title {
  color: #bdc5d7;
  font-size: 12px;
  line-height: 12px
}

.phase-display-container .phase-item .phase-discount {
  color: #4caf50;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  opacity: 0;
  transition: visibility 0s linear .3s, opacity .3s ease-in-out;
  visibility: hidden
}

.phase-display-container .phase-item .phase-price {
  font-size: 16px;
  font-weight: 700;
  min-height: auto;
  text-align: left
}

.phase-display-container .phase-item.active {
  background-color: #314970;
  min-width: 180px;
  padding: 6px 14px
}

.phase-display-container .phase-item.active .phase-title {
  color: #fff
}

.phase-display-container .phase-item.active .phase-discount {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible
}

.referral-earnings {
  background: #283d5f;
  border-radius: 12px;
  color: #fff;
  padding: 8px 12px 8px 8px
}

.referral-earnings img {
  margin-right: 12px;
  width: 54px
}

.referral-earnings p {
  font-size: 13px !important;
  margin-bottom: 2px
}

.referral-earnings h4 {
  font-size: 22px !important;
  margin-bottom: 0
}

.referral-earnings .infoIconReferral svg {
  width: 24px
}

.copied-inv-add {
  align-items: center;
  background: #144716 !important;
  border: 1px dashed green;
  border-radius: 4px;
  color: #4caf50 !important;
  display: flex !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  height: 100%;
  justify-content: center;
  left: 0;
  margin-left: 0 !important;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 100%
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section {
  display: flex
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part {
  width: calc(100% - 460px)
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part .caprisePayment-left-top {
  background: #27364b;
  border-radius: 12px
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part .caprisePayment-left-top .investor-detail {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 20px 0 20px 20px
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part .caprisePayment-left-top .investor-detail .has-flex-wrap {
  flex-wrap: wrap
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part .caprisePayment-left-top .investor-detail p {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  gap: 6px;
  text-align: center
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part .caprisePayment-left-top .investor-detail p span {
  background: #0e131a;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  padding: 4px 10px;
  text-align: center
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part .caprisePayment-left-top .investor-detail button {
  background: #27364b;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 14px
}

@media(min-width:1140px) {
  .caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part .caprisePayment-left-top .investor-detail button {
    font-size: 10px
  }
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part .caprisePayment-left-top .investor-detail button.active {
  background: #fd6519;
  border: 1px solid #0000
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part .caprisePayment-left-top .investment-charts {
  background: #17202d;
  border-radius: 12px;
  padding: 20px 12px 20px 20px
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part .caprisePayment-left-top .investment-charts p {
  color: #fff;
  font-size: 14px;
  margin: 0 0 6px
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part .caprisePayment-left-top .investment-charts h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 6px
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part .caprisePayment-left-top .investment-charts h4 span {
  color: #cbd3df;
  display: inline-block;
  font-size: 14px;
  font-weight: 400
}

.caprisePayment-main .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-left-part .caprisePayment-left-top .investment-charts h5 {
  color: #47d61d;
  font-size: 14px;
  font-weight: 400
}

.caprisePayment-main .caprisePayment-wrapper {
  background: #0e131a;
  border-radius: 12px;
  max-width: 440px;
  min-width: 440px;
  width: 100%
}

@media screen and (max-width:768px) {
  .caprisePayment-main .caprisePayment-wrapper {
    max-width: 100%;
    min-width: 100%
  }
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section {
  background: linear-gradient(180deg, #202e42 .3%, #142339 40.78%);
  border-radius: 12px;
  max-width: 440px;
  min-height: 737px;
  overflow: hidden;
  position: relative
}

@media screen and (max-width:768px) {
  .caprisePayment-main .caprisePayment-wrapper .caprisePayment-section {
    border-radius: 0;
    max-width: 100%
  }
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header {
  background: linear-gradient(90deg, #7408c1 -1.34%, #ee5a0c 118.32%);
  border-radius: 12px 12px 0 0;
  padding: 16px;
  text-align: center
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .2px;
  margin-bottom: 16px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header .header-price {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 5px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header .header-price p {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin: 0
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header .header-price h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin: 0
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: left
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header h4 span {
  font-size: 20px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header .learnmore-btn {
  background: #fff;
  border: 0;
  border-radius: 30px;
  color: #152439;
  font-size: 13px;
  font-weight: 500;
  padding: 3px 8px 2px;
  transition: .3s ease-in-out
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header .learnmore-btn:hover {
  color: #f66223
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body {
  padding: 16px
}

@media screen and (max-width:768px) {
  .caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body {
    padding: 16px 12px
  }
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body h5 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 12px;
  text-align: center
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body ul {
  background: #26374f;
  border-radius: 30px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body ul button {
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 10px;
  text-align: center;
  width: 50%
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body ul button.active {
  background: #fd6519;
  border-radius: 30px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content {
  background: #26374f;
  border-radius: 12px;
  padding: 12px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .security-details .list-disc {
  list-style: disc;
  padding-left: 20px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content h6 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-align: center
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .dropdown-part {
  align-items: center;
  background: #17263b;
  border: 1px solid #475c7a;
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  padding: 4px 12px 4px 4px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .dropdown-part p {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 8px;
  margin: 0
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .dropdown-part p img {
  border-radius: 50px
}

@media screen and (max-width:768px) {
  .caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .dropdown-part p img {
    height: 26px;
    width: 26px
  }
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .dropdown-part p span {
  position: absolute;
  right: 12px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part {
  background: #17263b;
  border: 1px solid #3d506b;
  border-radius: 8px;
  margin: 10px 0;
  padding: 10px 14px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part p {
  color: #a4b6cf;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  gap: 6px;
  margin: 0 0 4px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part p span {
  background: #ff6717;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding: 1px 6px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part {
  align-items: center;
  display: flex;
  gap: 20px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part .form-control,
.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part p {
  background-color: #0000;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  outline: 0;
  padding: 0
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part .form-control::placeholder,
.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part p::placeholder {
  color: #ffffff80
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part img {
  border-radius: 30px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part .dollar {
  align-items: center;
  background: #38953e;
  border-radius: 30px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
  min-width: 80px;
  padding: 3px 6px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part .lx-logo {
  align-items: center;
  background: #fff;
  border-radius: 30px;
  color: #000;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
  min-width: 80px;
  padding: 3px 6px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .security-details .wallet-address {
  align-items: center;
  background: #142339;
  border: 1px solid #354760;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px 8px 12px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .security-details .wallet-address input {
  background-color: #0000;
  border: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  outline: none;
  width: 100%
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .security-details .wallet-address .edit-btn {
  align-items: center;
  background: #32445d;
  border: 1px solid #32445d;
  border-radius: 30px;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 6px;
  width: 30px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .security-details .wallet-address span {
  background: #36d1401a;
  border: 1px solid #36d140;
  border-radius: 30px;
  color: #36d140;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  padding: 7px 16px 4px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .security-details p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .dropdown-cur-ink {
  cursor: pointer;
  position: relative;
  width: 150px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .selected-down {
  align-items: center;
  background: #16263b;
  border: none;
  border-radius: 30px;
  display: flex;
  font-size: 12px;
  gap: 10px;
  justify-content: left;
  padding: 0
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .flex-currency-name {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .dropdown-body-nw {
  background: #16263b;
  border: 1px solid #475c7a;
  border-radius: 6px;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
  width: 140px;
  z-index: 10
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .dropdown-body-nw .selected-down {
  border: none;
  border-radius: 0;
  cursor: pointer;
  padding: 10px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .arrowrotet.rotate {
  transform: rotate(180deg)
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .agree-part {
  margin-top: 10px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .agree-part p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin: 0
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .agree-part p a {
  color: #ff6717;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .agree-part .buynow-btn {
  background: #fd6519;
  border: 0;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 14px;
  margin-bottom: 10px;
  outline: 0;
  padding: 16px;
  transition: .3s ease-in-out
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .agree-part .buynow-btn:hover {
  background: #26374f
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .agree-part span {
  color: #7f8da4;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .agree-part .howbuy-btn {
  border-bottom: 1px solid #fff;
  color: #fff;
  margin: 0 auto;
  transition: .3s ease-in-out;
  width: -webkit-max-content;
  width: max-content
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .agree-part .howbuy-btn:hover {
  color: #fd6519
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .deposit-address span {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .deposit-address span.tooltipsvg {
  margin-bottom: 0
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .deposit-address .deposit-address-box {
  align-items: center;
  background: #26374f;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 6px 6px 6px 16px;
  position: relative;
  z-index: -1
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .deposit-address .deposit-address-box h4 {
  border-right: 1px solid #bfcadc;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding-right: 12px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .deposit-address .deposit-address-box p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin: 0
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .deposit-address .deposit-address-box span {
  background: #142439;
  border-radius: 6px;
  cursor: pointer;
  margin: 0;
  padding: 7px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .alchemy-widget-wrap {
  background: #00000080;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .alchemy-widget {
  align-items: center;
  background: #26374f;
  border: 1px solid #354760;
  border-radius: 16px;
  bottom: 0;
  display: flex;
  height: 90%;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .alchemy-widget .btn {
  align-items: center;
  background: #3c4b62;
  border: 0;
  border-radius: 30px;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: .3s ease-in-out;
  width: 30px
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .alchemy-widget .btn:hover {
  background: #f66223
}

.caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .alchemy-widget h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 20px;
  margin: 0
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper {
  background: linear-gradient(180deg, #202e42 .3%, #142339 40.78%);
  border-radius: 12px;
  max-width: 440px;
  overflow: hidden;
  padding-top: 300px;
  position: relative;
  text-align: center
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .congratulation-content {
  padding: 35px
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .congratulation-content h1 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 14px
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .congratulation-content h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding-bottom: 20px;
  position: relative
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .congratulation-content h2:after {
  background: #fff;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  margin: 0 auto;
  opacity: .3;
  position: absolute;
  right: 0;
  width: 20%
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .congratulation-content .price {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 20px 0
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .congratulation-content .price p {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin: 0
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .congratulation-content span {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 24px;
  text-align: center
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .congratulation-content a {
  align-items: center;
  color: #fd6519;
  display: flex;
  font-size: 14px;
  gap: 6px;
  justify-content: center;
  line-height: 20px;
  margin-bottom: 100px;
  text-align: center;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  transition: .3s ease-in-out
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .congratulation-content a:hover {
  color: #fff
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .congratulation-content button {
  background: #26374f;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 14px;
  padding: 16px;
  transition: .3s ease-in-out;
  width: 50%
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .congratulation-content .purchase-btn,
.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .congratulation-content button:hover {
  background: #fd6519
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .congratulation-content .purchase-btn:hover {
  background: #26374f
}

.caprisePayment-main .caprisePayment-wrapper .congratulation-wrapper .success-animation:after {
  background: #25af60;
  border-radius: 485px;
  content: "";
  height: 485px;
  left: -25px;
  margin: 0 auto;
  outline: 10px solid #25af6033;
  position: absolute;
  right: 0;
  top: -170px;
  width: 485px
}

.paywithcardorbank-div {
  background-color: #26374f;
  border-radius: 12px;
  color: #fff;
  padding: 12px
}

.paywithcardorbank-div .button-cards {
  align-items: center;
  background-color: #17263b;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  gap: 20px;
  margin-bottom: 14px;
  padding: 20px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s
}

.paywithcardorbank-div .button-cards:hover {
  background-color: #101b2a
}

.paywithcardorbank-div .button-cards h4 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0
}

.modal-bank-tranfer-main {
  background-color: #000000b3;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: end;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.modal-bank-tranfer-main .modal-bank-tranfer-content {
  background: #202e42;
  background: linear-gradient(0deg, #202e42, #142339 53%);
  border-radius: 30px 30px 0 0;
  min-height: 656px;
  padding: 20px 16px
}

.modal-bank-tranfer-main .modal-bank-tranfer-content img {
  max-width: 100% !important
}

.modal-bank-tranfer-main .modal-bank-tranfer-content input::placeholder {
  color: #838b97
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .backbutton {
  align-items: center;
  background-color: #404c5d;
  border: none;
  border-radius: 50%;
  display: flex;
  display: block;
  height: 44px;
  justify-content: center;
  margin-bottom: 20px;
  padding: 4px;
  width: 44px
}

.modal-bank-tranfer-main .modal-bank-tranfer-content h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
  text-align: left
}

.modal-bank-tranfer-main .modal-bank-tranfer-content p {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 12px
}

.modal-bank-tranfer-main .modal-bank-tranfer-content p.confirm-your-p {
  margin-bottom: 30px;
  text-align: left
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .inputform-card {
  margin-bottom: 16px;
  position: relative
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .inputform-card input {
  background-color: #26374f;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  height: 50px;
  padding: 6px 12px;
  width: 100%
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .inputform-card input::placeholder {
  color: #838b97
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .flex-select-box-pay {
  align-items: center;
  background-color: #26374f;
  border: none;
  border-radius: 8px;
  display: flex;
  font-size: 14px;
  height: 50px;
  justify-content: space-between;
  padding: 6px 6px 6px 12px
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .flex-select-box-pay p {
  font-size: 14px;
  margin-bottom: 0
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .dropdown-cur-ink {
  background-color: #142338;
  border-radius: 8px;
  padding: 8px;
  position: relative
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .dropdown-cur-ink .selected-down {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  gap: 30px;
  justify-content: flex-start;
  justify-content: space-between
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .dropdown-cur-ink .selected-down .flex-currency-name {
  align-items: center;
  display: flex;
  gap: 10px
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .dropdown-cur-ink .dropdown-body-nw {
  background-color: #142338;
  border-radius: 16px;
  padding: 16px;
  position: absolute;
  right: 0;
  top: 40px;
  width: 150px;
  z-index: 1
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .dropdown-cur-ink .dropdown-body-nw .selected-down {
  padding: 12px 0
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .bank-tranfer-stp-1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .bank-tranfer-stp-1 .receive-otp {
  font-size: 14px;
  text-align: center
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .bank-tranfer-stp-1 .receive-otp a {
  color: #ff6717;
  display: inline-block;
  margin-left: 5px;
  text-decoration: underline;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .bank-tranfer-stp-1 .receive-otp a:hover {
  color: #fff
}

.modal-bank-tranfer-main .modal-bank-tranfer-content .pay-step-4 {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between
}

.modal-bank-tranfer-main .btn-full-primary {
  background-color: #fd6519;
  border: none;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-top: 50px;
  padding: 12px 20px;
  text-align: center;
  width: 100%
}

.modal-bank-tranfer-main .closebtn {
  align-items: center;
  background-color: #404c5d;
  border: none;
  border-radius: 50%;
  display: flex;
  display: block;
  height: 44px;
  justify-content: center;
  margin-bottom: 20px;
  padding: 4px;
  width: 44px
}

.modal-bank-tranfer-main .content-successfully-mdl {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 656px
}

.modal-bank-tranfer-main .content-successfully-mdl .successfully-icon {
  margin-bottom: 20px;
  text-align: center
}

.modal-bank-tranfer-main .content-successfully-mdl h3 {
  color: #fff;
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 12px;
  text-align: center
}

.modal-bank-tranfer-main .content-successfully-mdl h4 {
  font-size: 16px;
  font-weight: 500;
  text-align: center
}

.modal-bank-tranfer-main .content-successfully-mdl .border-line {
  background-color: #425978;
  border-radius: 4px;
  height: 2px;
  margin: 20px auto;
  width: 100px
}

.modal-bank-tranfer-main .content-successfully-mdl p {
  font-size: 16px;
  font-weight: 300;
  margin: 0 auto;
  max-width: 300px;
  text-align: center
}

.modal-bank-tranfer-main .content-successfully-mdl .detail-uniqhebank-details h6 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
  margin-top: 50px;
  text-align: center
}

.modal-bank-tranfer-main .content-successfully-mdl .detail-uniqhebank-details h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 300
}

.modal-bank-tranfer-main .content-successfully-mdl .detail-uniqhebank-details p {
  color: #a4b6cf;
  font-size: 14px;
  font-weight: 300;
  max-width: 350px
}

.modal-bank-tranfer-main .align-end {
  align-items: end;
  display: flex;
  flex-direction: column;
  width: 100%
}

.modal-bank-tranfer-main .closebutton-mdl {
  background-color: #26374f;
  border: none;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-top: 50px;
  padding: 12px 20px;
  text-align: center;
  width: 100%
}

.modal-bank-tranfer-main .file-upload-wrapper {
  background-color: #26374f;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 90px;
  justify-content: space-between;
  padding: 10px 12px;
  text-align: left
}

.modal-bank-tranfer-main .preview-container {
  border-radius: 8px;
  height: 150px;
  margin-bottom: 20px;
  margin-top: 12px;
  overflow: hidden;
  position: relative;
  width: 150px
}

.modal-bank-tranfer-main .preview-container .preview-image {
  border-radius: 6px;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.modal-bank-tranfer-main .preview-container .closeicon-preview {
  align-items: center;
  background-color: #5f7593;
  border-radius: 30px;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 2px;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 24px;
  z-index: 1
}

.modal-bank-tranfer-main .file-upload-label {
  color: #fff;
  font-size: 14px;
  font-weight: 300
}

.modal-bank-tranfer-main .choose-file-btn {
  align-items: center;
  background-color: #3b5afe;
  border: none;
  border-radius: 99px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-weight: 300;
  gap: 8px;
  padding: 6px 14px;
  transition: background-color .3s ease
}

.modal-bank-tranfer-main .choose-file-btn:hover {
  background-color: #2e4ae4
}

.modal-bank-tranfer-main .choose-file-btn .upload-icon {
  height: 18px;
  width: 18px
}

.modal-bank-tranfer-main .hidden-input {
  display: none
}

.filled+label,
.floating-input:focus+label {
  background-color: #253450;
  border-radius: 6px;
  color: #ff6717;
  font-size: 12px;
  left: 22px;
  padding: 0 4px;
  top: -10px
}

.refechTransfer img {
  width: 150px
}

.refechTransfer h4 {
  font-size: 24px !important
}

.refechTransfer h6 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center
}

.btn-help-me {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 30px;
  bottom: 20px;
  cursor: pointer;
  display: inline-flex;
  left: 100%;
  margin-right: 20px;
  padding: 8px 12px;
  position: -webkit-sticky;
  position: sticky;
  right: 20px;
  z-index: 111
}

@media screen and (max-width:768px) {
  .btn-help-me {
    display: none
  }
}

.btn-help-me:hover {
  background-color: #fff
}

.btn-help-me:hover,
.btn-help-me:hover span {
  color: #26374f !important
}

.btn-help-me img {
  margin-right: 10px;
  width: 24px
}

.btn-help-me span {
  color: #fff;
  font-size: 14px;
  font-weight: 500
}

.z-99 {
  position: relative;
  z-index: 99
}

.btn-feature {
  border-radius: 30px;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 8px !important
}

.btn-feature,
.btn-feature:hover {
  background: #fff;
  color: #26374f
}

@keyframes pulse-animation-feature {
  0% {
    box-shadow: 255 255 255 0 #0003
  }

  to {
    box-shadow: 255 255 255 20px #0000
  }
}

.smaller-button {
  padding: 10px 18px !important
}

@media screen and (max-width:768px) {
  .for-mobile-only-feature {
    display: block
  }
}

.for-mobile-only-feature {
  background: #fff;
  color: #26374f;
  display: none;
  margin-top: 0;
  padding: 12px
}

.for-mobile-only-feature .raise-highlights {
  background: #0000;
  padding: 0
}

.for-mobile-only-feature .raise-highlights h3 {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 8px;
  text-align: left
}

.for-mobile-only-feature .raise-highlights ul li {
  font-size: 13px;
  text-align: left
}

.for-mobile-only-feature .raise-highlights .smaller-button {
  background: #fd6519;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 16px !important
}

.for-mobile-only-feature .raise-highlights .smaller-button:hover {
  background: #fff;
  color: #26374f
}

@media screen and (max-width:768px) {
  .hideme768Foundation {
    display: none
  }
}

.upper-z99 {
  max-width: 100%;
  width: 650px;
  z-index: 99
}

.upper-z99 .raise-highlights {
  color: #fff;
  padding: 20px
}

.upper-z99 .raise-highlights .btn-closeMe {
  align-items: center;
  background-color: #fff3;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  padding: 2px;
  width: 36px
}

.upper-z99 .raise-highlights .smaller-button {
  background: #fff;
  border-radius: 30px;
  color: #26374f;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 16px !important
}

.upper-z99 .raise-highlights .smaller-button:hover {
  background: #fff;
  color: #26374f
}

.btn-claimMoney {
  background: #fd6519;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 14px
}

.btn-claimMoney:active,
.btn-claimMoney:focus,
.btn-claimMoney:focus-within,
.btn-claimMoney:hover,
.btn-claimMoney:visited {
  background: #e0530d;
  color: #fff
}

.forInvestorDBOnly {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999
}

.forInvestorDBOnly .PoolOverlay {
  background: #000c;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1
}

.forInvestorDBOnly .stakeL1X {
  background: #202e42;
  background: linear-gradient(0deg, #202e42, #142339 53%);
  border-radius: 16px;
  min-width: 440px;
  padding: 0;
  position: relative;
  z-index: 9
}

@media screen and (max-width:768px) {
  .forInvestorDBOnly .stakeL1X {
    min-width: 100%
  }
}

.forInvestorDBOnly .stakeL1X .headerSpace {
  border: none;
  margin-bottom: 0
}

.forInvestorDBOnly .stakeL1X .headerSpace h3 {
  color: #fff;
  font-size: 20px;
  margin: 0
}

.forInvestorDBOnly .stakeL1X .headerSpace .CloseStake {
  align-items: center;
  background: #ffffff1a;
  border-radius: 50%;
  display: flex;
  height: 36px;
  justify-content: center;
  padding: 0;
  width: 36px
}

.forInvestorDBOnly .stakeL1X .headerSpace .CloseStake svg {
  color: #fff;
  height: 20px;
  width: 20px
}

.forInvestorDBOnly .stakeL1X .stakingSpace .amountSpace {
  background: #ffffff1a;
  border-radius: 12px;
  margin-bottom: 10px;
  padding: 20px
}

.forInvestorDBOnly .stakeL1X .stakingSpace .amountSpace p {
  color: #879ec0
}

.forInvestorDBOnly .stakeL1X .stakingSpace .amountSpace h4 {
  color: #fff
}

.forInvestorDBOnly .stakeL1X .stakingSpace .walletAddress {
  align-items: center;
  background: #ffffff1a;
  border-radius: 12px;
  display: flex;
  margin-top: 10px;
  padding: 20px
}

.forInvestorDBOnly .stakeL1X .stakingSpace .walletAddress p {
  color: #879ec0;
  margin: 0
}

.forInvestorDBOnly .stakeL1X .stakingSpace .walletAddress p.font-semibold {
  font-weight: 600;
  margin-bottom: 0
}

.forInvestorDBOnly .stakeL1X .stakingSpace .stakeButton {
  background: #fd6519;
  border-radius: 30px;
  color: #fff;
  font-weight: 500;
  padding: 12px;
  width: 100%
}

.forInvestorDBOnly .stakeL1X .stakingSpace .stakeButton:hover {
  background: #e0530d
}

.forInvestorDBOnly .stakeL1X .stakingSpace .stakeButton:disabled {
  background: #3d4654;
  cursor: not-allowed
}

.forInvestorDBOnly .stakeL1X .size-14 {
  color: #fff;
  line-height: 1.4;
  margin-bottom: 16px
}

.priceContentForRaise p {
  color: #fff;
  font-size: 13px !important;
  font-weight: 400;
  margin-bottom: 0 !important;
  margin-right: 6px
}

.priceContentForRaise h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.addressNoteForRaise {
  background: #ffe264;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  margin: 16px -16px -16px;
  padding: 10px 16px
}

.addressNoteForRaise p {
  color: #340202;
  font-size: 14px !important;
  margin-bottom: 0 !important
}

.addressNoteForRaise p span {
  display: inline-block;
  font-weight: 600
}

.investordashboard-main .caprisePayment-main .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header h2 {
  font-size: 21px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper {
  background: #fff;
  padding: 16px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section {
  background: #fff;
  min-height: 570px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header {
  background: #edf2f5;
  border-radius: 12px;
  color: #000;
  padding: 10px 16px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header h2 {
  color: #33324f;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 4px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 4px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header .progressForQST .progress {
  background: #cfd7de;
  border-radius: 8px;
  height: 8px;
  margin-bottom: 6px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header .progressForQST .progress-completed {
  background: linear-gradient(90deg, #7900ff -9.94%, #890ce2 .16%, #a824ac 18.93%, #c2387f 39.14%, #d84959 57.9%, #e9563c 78.11%, #f55f27 96.88%, #fc651b 115.64%, #ff6717 134.41%);
  border-radius: 8px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: width .4s ease
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header .progressForQST P {
  font-size: 14px;
  margin-bottom: 0
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-header .progressForQST h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body {
  background: #fff;
  padding: 16px 0
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content {
  background: #fff;
  padding: 0
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part {
  background: #fff;
  border: 1px solid #cdd8e4;
  border-radius: 12px;
  color: #000
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part p {
  color: #788291
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part p,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part p input {
  color: #000
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part p input::placeholder {
  color: #000;
  opacity: .5
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part .tokenSelector {
  align-items: center;
  background: #f2f6fb;
  border: 1px solid #e1e7f0;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 6px;
  padding: 2px 10px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part .tokenSelector .tokenNetwork {
  cursor: pointer;
  position: relative
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part .tokenSelector .tokenNetwork img {
  border-radius: 30px;
  height: 24px;
  width: 24px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part .tokenSelector .tokenNetwork img.netWork {
  bottom: 0;
  height: 12px;
  position: absolute;
  right: 0;
  width: 12px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part .tokenSelector svg {
  width: 20px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content .pay-part .payinput-part .lx-logo {
  background: #f2f6fb;
  border-radius: 30px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .acceptedTokens {
  background: #f4f7fb;
  border-radius: 12px;
  margin-top: 16px;
  padding: 12px;
  text-align: center
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .acceptedTokens p {
  color: #33324f;
  font-size: 14px;
  margin-bottom: 10px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .acceptedTokens img {
  max-width: 70%
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .ctaArea {
  text-align: center
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .ctaArea button {
  width: 100%
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .ctaArea button.buynow-btn {
  background: #f0642c;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin: 12px 0 8px;
  padding: 10px 16px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .ctaArea p {
  color: #33324f;
  font-size: 14px;
  margin-bottom: 0
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .ctaArea p a {
  border-bottom: 1px solid #f0642c;
  color: #f0642c;
  display: inline-block;
  font-weight: 500;
  text-decoration: none
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .nav-pills {
  background: #e6ebf0;
  border: 1px solid #d9e3ee;
  border-radius: 40px;
  color: #33324f
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .nav-pills li button {
  color: #33324f
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .nav-pills li button.active {
  background: #193071;
  color: #fff
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content-wrapper .paywithcardorbank-div {
  background: #fff;
  padding: 0
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content-wrapper .paywithcardorbank-div .button-cards {
  background: #e1e6ec;
  border: 1px solid #bbcbe8;
  color: #33324f
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content-wrapper .paywithcardorbank-div .button-cards h4 {
  font-size: 16px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content-wrapper .paywithcardorbank-div .button-cards:hover {
  background: #193071;
  color: #fff
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content-wrapper .paywithcardorbank-div .button-cards:hover img {
  filter: invert(0)
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content-wrapper .paywithcardorbank-div .button-cards img {
  filter: invert(1)
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .tab-content-wrapper .paywithcardorbank-div .button-cards.active {
  background: #193071;
  color: #fff
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .caprisePayment-body .receive-otp a:hover {
  color: #ff6717
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .selectToken {
  background: #fff;
  height: 100%;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .selectToken .tokenHeader {
  border-bottom: 1px solid #e1e7f0;
  gap: 10px;
  padding-bottom: 8px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .selectToken .tokenHeader h3 {
  color: #33324f;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .selectToken .networkSpace {
  padding: 8px;
  width: 50%
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .selectToken .networkSpace h4 {
  color: #33324f;
  font-size: 14px;
  margin-bottom: 0;
  padding: 8px 0
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .selectToken .networkSpace ul {
  background: #fff
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .selectToken .networkSpace ul li {
  align-items: center;
  background: #f1f2f4;
  border-radius: 6px;
  color: #33324f;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 12px;
  padding: 6px 10px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .selectToken .networkSpace ul li.active,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .selectToken .networkSpace ul li.active:hover {
  background: #193071;
  color: #fff
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .selectToken .networkSpace ul li:hover {
  background: #d7dde8
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .selectToken .networkSpace ul li img {
  border-radius: 30px;
  margin-right: 6px;
  width: 24px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .security-details h5 {
  color: #33324f;
  display: block;
  margin-bottom: 20px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .security-details .floating-group input {
  background: #fff !important;
  border: 1px solid #d9e3ee;
  color: #000 !important
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .security-details .floating-group label {
  color: #000 !important;
  left: 26px !important
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .security-details .floating-group .floating-input.filled+label,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .security-details .floating-group .floating-input:focus+label {
  background: #fff;
  color: #007bff !important;
  font-size: 12px;
  top: -10px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .security-details .floating-group .floating-input.filled,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .security-details .floating-group .floating-input:focus {
  border-color: #007bff
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .security-details .noteWrapper {
  background: #fff
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .security-details .noteWrapper ul {
  background: #e6ebf0;
  border-radius: 12px;
  padding: 12px 12px 12px 24px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .security-details .noteWrapper ul li {
  color: #33324f
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .alchemy-widget-wrap .alchemy-widget {
  height: 100%
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .alchemy-widget-wrap .alchemy-widget iframe {
  max-height: 570px !important
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .modal-bank-tranfer-main .modal-bank-tranfer-content {
  background: #fff;
  border-radius: 0;
  min-height: 570px;
  padding: 0
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .modal-bank-tranfer-main .modal-bank-tranfer-content .bank-tranfer-stp-1 .dropdown-cur-ink {
  background: #f2f6fb;
  border: 1px solid #e1e7f0;
  border-radius: 30px;
  padding: 2px 6px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .modal-bank-tranfer-main .modal-bank-tranfer-content .bank-tranfer-stp-1 .dropdown-cur-ink .selected-down {
  background: #0000;
  color: #000;
  font-size: 16px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .receivingInput {
  background: #f2f6fa !important;
  border: 1px solid #f2f6fa
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .bank-tranfer-stp-1,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .bank-tranfer-stp-1 h4 {
  color: #000
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .floating-group input {
  background: #fff !important;
  border: 1px solid #d9e3ee;
  color: #000 !important
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .floating-group label {
  color: #000 !important;
  left: 26px !important
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .floating-group .floating-input.filled+label,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .floating-group .floating-input:focus+label {
  background: #fff;
  color: #007bff !important;
  font-size: 12px;
  top: -10px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .floating-group .floating-input.filled,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .floating-group .floating-input:focus {
  border-color: #007bff
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-3 h1,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-3 h2,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-3 h3,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-3 h4,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-3 h5,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-3 h6,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-3 p,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-4 h1,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-4 h2,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-4 h3,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-4 h4,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-4 h5,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-4 h6,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-4 p {
  color: #000
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-3 .file-upload-wrapper,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-4 .file-upload-wrapper {
  background: #e6ebf0
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-3 .file-upload-wrapper .file-upload-label,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .pay-step-4 .file-upload-wrapper .file-upload-label {
  color: #000
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .content-successfully-mdl {
  color: #000;
  min-height: 500px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .content-successfully-mdl h1,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .content-successfully-mdl h2,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .content-successfully-mdl h3,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .content-successfully-mdl h4,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .content-successfully-mdl h5,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .content-successfully-mdl h6,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .caprisePayment-section .content-successfully-mdl p {
  color: #000 !important
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .congratulation-wrapper {
  background: #fff;
  height: calc(100% + 32px);
  left: -16px;
  position: relative;
  top: -16px;
  width: calc(100% + 32px)
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .congratulation-wrapper .congratulation-content h1,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .congratulation-wrapper .congratulation-content h2,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .congratulation-wrapper .congratulation-content p {
  color: #000
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .congratulation-wrapper .congratulation-content h1:after,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .congratulation-wrapper .congratulation-content h2:after,
.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .congratulation-wrapper .congratulation-content p:after {
  background: #000;
  opacity: .3
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .congratulation-wrapper .success-animation {
  align-items: center;
  display: flex;
  height: 50%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .caprisePayment-wrapper .congratulation-wrapper .success-animation img {
  display: block;
  position: relative;
  z-index: 2
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .caprisePayment-body-section .refechTransfer img {
  margin: 0 auto;
  width: 100px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .btnArrow {
  align-items: center;
  background: #e6ebf0;
  border-radius: 36px;
  display: flex;
  height: 36px;
  justify-content: center;
  padding: 0;
  width: 36px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .btnArrow:hover {
  color: #0e131a
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .btnArrow svg {
  width: 20px
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .IamAbsComplete {
  background: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.caprisePayment-main.qstRaise .caprisePayment-main-wrapper .alchemy-widget {
  background: #fff;
  border-color: #fff
}

.commanTermsAndConditions {
  align-items: start;
  padding: 20px
}

.commanTermsAndConditions .l1x-modal-body {
  max-width: 800px;
  width: 100%
}

.commanTermsAndConditions .l1x-modal-body .l1x-modal-head h1 {
  font-size: 24px;
  font-weight: 300
}

.commanTermsAndConditions .l1x-modal-body .l1x-modal-content {
  max-height: calc(100vh - 142px);
  overflow-y: auto
}

.commanTermsAndConditions .l1x-modal-body .l1x-modal-content .termsBody h4 {
  font-size: 24px;
  font-weight: 600
}

.commanTermsAndConditions .l1x-modal-body .l1x-modal-content .termsBody h2,
.commanTermsAndConditions .l1x-modal-body .l1x-modal-content .termsBody h3,
.commanTermsAndConditions .l1x-modal-body .l1x-modal-content .termsBody h5 {
  font-size: 20px;
  font-weight: 600;
  margin: 12px 0
}

.commanTermsAndConditions .l1x-modal-body .l1x-modal-content .termsBody ol li,
.commanTermsAndConditions .l1x-modal-body .l1x-modal-content .termsBody p,
.commanTermsAndConditions .l1x-modal-body .l1x-modal-content .termsBody ul li {
  color: #b9cae3;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%
}

.commanTermsAndConditions .l1x-modal-body .l1x-modal-content .termsBody ol li b,
.commanTermsAndConditions .l1x-modal-body .l1x-modal-content .termsBody ul li b {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin: 12px 0
}

.countdown-container {
  align-items: center;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: linear-gradient(90deg, #7900ff -4.3%, #890ce2 5.41%, #a824ac 23.44%, #c2387f 42.86%, #d84959 60.89%, #e9563c 80.31%, #f55f27 98.34%, #fc651b 116.38%, #ff6717 134.41%);
  border: 1px solid #0003;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 10px;
  max-width: 800px;
  padding: 10px
}

.countdown-box {
  flex: 1 1;
  text-align: center
}

.countdown-value {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 6px
}

.countdown-label {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 12px
}

.new-position {
  color: #fff;
  letter-spacing: .3px
}

.new-position .new-position-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 15px
}

.new-position .new-position-head h2 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 0
}

@media screen and (max-width:767px) {
  .new-position .new-position-head h2 {
    font-size: 20px
  }
}

.new-position .new-position-head .new-post-right {
  align-items: center;
  display: flex;
  gap: 10px
}

.new-position .new-position-head .new-post-right .brn-reset {
  align-items: center;
  background-color: #121822;
  border: 1px solid #1e2736;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 14px;
  gap: 10px;
  height: 40px;
  padding: 8px 12px
}

.new-position .new-position-head .new-post-right .btn-buy {
  align-items: center;
  background-color: #fd6519;
  border: 1px solid #fd6519;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 14px;
  gap: 10px;
  height: 40px;
  padding: 8px 12px
}

.new-position .new-position-head .new-post-right .btn-buy.dectop-tkn-btn {
  display: block
}

@media screen and (max-width:1024px) {
  .new-position .new-position-head .new-post-right .btn-buy.dectop-tkn-btn {
    display: none
  }
}

.new-position .new-position-head .new-post-right .btn-buy.mobile-tkn-btn {
  display: none
}

@media screen and (max-width:1024px) {
  .new-position .new-position-head .new-post-right .btn-buy.mobile-tkn-btn {
    display: block
  }
}

.new-position .new-position-head .new-post-right .brn-setting {
  align-items: center;
  background-color: #121822;
  border: 1px solid #1e2736;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  height: 40px;
  justify-content: center;
  padding: 4px;
  width: 40px
}

.new-position .stepper {
  width: 100%
}

.new-position .stepper .stepperinner {
  background-color: #121822;
  border: 1px solid #1e2736;
  border-radius: 12px;
  padding: 20px;
  position: relative
}

.new-position .stepper .stepperinner:after {
  border-left: 1px dashed #35455f;
  content: "";
  display: block;
  height: 55px;
  left: 35px;
  position: absolute;
  top: 41px;
  width: 2px
}

.new-position .stepper .stepperinner .step {
  align-items: flex-start;
  display: flex;
  margin-bottom: 2rem;
  position: relative;
  z-index: 1
}

.new-position .stepper .stepperinner .step .circle {
  align-items: center;
  background: #1e2735;
  border-radius: 50%;
  color: #8e939a;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  height: 32px;
  justify-content: center;
  margin-right: 10px;
  min-width: 32px;
  width: 32px
}

.new-position .stepper .stepperinner .step .label {
  color: #c8d3e4;
  font-size: 12px;
  font-weight: 300
}

.new-position .stepper .stepperinner .step .desc {
  color: #fff;
  font-size: 14px;
  font-weight: 300
}

.new-position .stepper .stepperinner .step.active .circle {
  background: #fff;
  color: #000
}

.new-position .stepper .stepperinner .step.active .circle img {
  filter: brightness(0) invert(0)
}

.new-position .stepper .stepperinner .step p {
  margin-bottom: 0
}

.new-position .form-section {
  background: #121822;
  border: 1px solid #1e2736;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 20px;
  width: 100%
}

.new-position .form-section .token-choose-tokn {
  align-items: center;
  display: flex;
  gap: 20px;
  margin-bottom: 30px
}

.new-position .form-section p {
  color: #c8d3e4;
  font-size: 13px;
  font-weight: 300
}

.new-position .form-section .token-select-dropodwn {
  position: relative;
  width: 100%
}

.new-position .form-section .token-select-dropodwn .token-select {
  align-items: center;
  background-color: #1e2735;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 11px;
  width: 100%
}

@media screen and (max-width:767px) {
  .new-position .form-section .token-select-dropodwn .token-select {
    gap: 6px;
    padding: 6px
  }
}

.new-position .form-section .token-select-dropodwn .token-select.white-token-select {
  background-color: #fff
}

.new-position .form-section .token-select-dropodwn .token-select.white-token-select .token-select-head-left {
  align-items: center;
  color: #121822;
  cursor: pointer;
  display: flex;
  font-weight: 500;
  gap: 6px
}

.new-position .form-section .token-select-dropodwn .token-select .token-select-head-left {
  font-size: 18px
}

@media screen and (max-width:767px) {
  .new-position .form-section .token-select-dropodwn .token-select .token-select-head-left {
    font-size: 14px
  }
}

.new-position .form-section .token-select-dropodwn .token-select-body {
  background-color: #1e2735;
  border-radius: 12px;
  box-shadow: 0 20px 20px #0e131a;
  left: 0;
  padding: 12px;
  position: absolute;
  top: 60px;
  width: 250px;
  width: 100%;
  z-index: 1
}

@media screen and (max-width:590px) {
  .new-position .form-section .token-select-dropodwn .token-select-body {
    left: auto;
    right: 0;
    top: 44px;
    width: 85vw
  }
}

.new-position .form-section .token-select-dropodwn .token-select-body .token-select-head-left {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 10px
}

.new-position .form-section .token-select-dropodwn .token-select-body .token-select-head-left:hover {
  background-color: #2c3648;
  border-radius: 4px
}

.new-position .form-section .token-select-dropodwn .token-select-body .searchArea {
  position: relative
}

.new-position .form-section .token-select-dropodwn .token-select-body .searchArea input {
  background: #121822;
  border: 1px solid #3d4b61;
  border-radius: 8px;
  color: #fff;
  padding: 10px 36px 10px 16px
}

.new-position .form-section .token-select-dropodwn .token-select-body .searchArea input::placeholder {
  color: #68768a
}

.new-position .form-section .token-select-dropodwn .token-select-body .searchArea input:active,
.new-position .form-section .token-select-dropodwn .token-select-body .searchArea input:focus,
.new-position .form-section .token-select-dropodwn .token-select-body .searchArea input:focus-visible,
.new-position .form-section .token-select-dropodwn .token-select-body .searchArea input:focus-within,
.new-position .form-section .token-select-dropodwn .token-select-body .searchArea input:visited {
  background: #121822 !important;
  border-color: #ff5801
}

.new-position .form-section .token-select-dropodwn .token-select-body .searchArea svg {
  color: #c8d3e4;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px
}

.new-position .form-section .token-select-dropodwn .token-select-body .token-scoll-area {
  margin: 6px 0;
  max-height: 250px;
  overflow-y: auto;
  position: relative
}

.new-position .form-section .token-select-dropodwn .token-select-body .token-scoll-area .token-select-head-left {
  position: relative
}

.new-position .form-section .token-select-dropodwn .token-select-body .token-scoll-area .token-select-head-left .btnHoverBuy {
  background: #ff5801;
  border-radius: 4px;
  border-radius: 30px;
  box-shadow: 0 0 10px color(srgb 0 0 0/.36);
  color: #fff;
  display: none;
  font-size: 13px;
  padding: 3px 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 60px
}

.new-position .form-section .token-select-dropodwn .token-select-body .token-scoll-area .token-select-head-left:hover .btnHoverBuy {
  display: inline-block
}

.new-position .form-section .token-select {
  align-items: center;
  background-color: #1e2735;
  border-radius: 12px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 11px;
  width: 100%
}

.new-position .form-section .token-select.white-token-select {
  background-color: #fff
}

.new-position .form-section .token-select.white-token-select .token-select-head-left {
  align-items: center;
  color: #121822;
  display: flex;
  font-weight: 500;
  gap: 6px;
  padding: 0
}

.new-position .form-section .token-select .white-color {
  filter: brightness(0) invert(1)
}

.new-position .form-section .pair-selection h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px
}

.new-position .form-section .pair-selection p {
  color: #c8d3e4;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 16px
}

.new-position .form-section .pair-selection .token-two-icons {
  align-items: center;
  display: flex;
  gap: 16px;
  margin-bottom: 12px
}

.new-position .form-section .pair-selection .token-two-icons .tokenicon {
  align-items: center;
  display: flex
}

.new-position .form-section .pair-selection .token-two-icons .tokenicon img {
  border-radius: 32px;
  height: 32px;
  width: 32px
}

.new-position .form-section .pair-selection .token-two-icons .tokenicon .usdt-icn {
  margin-left: -8px;
  position: relative;
  z-index: 1
}

.new-position .form-section .pair-selection .token-two-icons h4 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 0
}

.new-position .form-section .pair-selection .initial-price-box {
  background-color: #1e2735;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 12px
}

.new-position .form-section .pair-selection .initial-price-box .initial-price-box-left label {
  color: #c8d3e4;
  display: block;
  font-size: 12px
}

.new-position .form-section .pair-selection .initial-price-box .initial-price-box-left input {
  background-color: #1e2735;
  border: none;
  color: #fff;
  display: block;
  font-size: 30px;
  font-weight: 400;
  outline: none;
  padding: 10px 0;
  width: 100%
}

.new-position .form-section .pair-selection .initial-price-box .initial-price-box-left input::placeholder {
  color: #515e73
}

.new-position .form-section .pair-selection .initial-price-box .initial-price-box-left p {
  color: #c8d3e4;
  font-size: 12px;
  margin-bottom: 0
}

.new-position .form-section .pair-selection .initial-price-box .initial-price-box-right {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.new-position .form-section .pair-selection .initial-price-box .initial-price-box-right ul {
  align-items: center;
  background-color: #121822;
  border-radius: 30px;
  display: inline-flex;
  padding: 2px
}

.new-position .form-section .pair-selection .initial-price-box .initial-price-box-right ul li {
  align-items: center;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  gap: 10px;
  padding: 4px 8px
}

.new-position .form-section .pair-selection .initial-price-box .initial-price-box-right ul li img {
  border-radius: 50%;
  height: 18px;
  width: 18px
}

.new-position .form-section .pair-selection .initial-price-box .initial-price-box-right ul li.active,
.new-position .form-section .pair-selection .initial-price-box .initial-price-box-right ul li:hover {
  background-color: #283445
}

.new-position .form-section .pair-selection .initial-price-box .initial-price-box-right p {
  color: #c8d3e4;
  font-size: 12px;
  margin-bottom: 0
}

.new-position .form-section .fee-tier-main {
  background-color: #121822;
  border: 1px solid #1e2736;
  border-radius: 10px;
  padding: 14px
}

.new-position .form-section .fee-tier-main .fee-tier-head {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.new-position .form-section .fee-tier-main .fee-tier-head .fee-tier-head-left h6 {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0
}

.new-position .form-section .fee-tier-main .fee-tier-head .fee-tier-head-left h6 span {
  background-color: #283d5f;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  margin-left: 14px;
  padding: 2px 6px
}

.new-position .form-section .fee-tier-main .fee-tier-head .fee-tier-head-left p {
  color: #c8d3e4;
  font-display: 13px;
  margin-bottom: 0
}

.new-position .form-section .fee-tier-main .fee-tier-head .fee-tier-head-right .morebutton {
  align-items: center;
  background-color: #1e2735;
  border: none;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 14px;
  gap: 10px;
  justify-content: center;
  padding: 8px 10px
}

.new-position .form-section .fee-tier-main .fee-tier-body {
  margin-top: 20px;
  transition: all .3s ease-in-out
}

.new-position .form-section .fee-tier-main .fee-tier-body .fee-tier-box {
  background-color: #121822;
  border: 1px solid #1e2736;
  border-radius: 8px;
  cursor: pointer;
  padding: 12px;
  position: relative
}

.new-position .form-section .fee-tier-main .fee-tier-body .fee-tier-box h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px
}

.new-position .form-section .fee-tier-main .fee-tier-body .fee-tier-box p {
  color: #c8d3e4;
  font-size: 12px
}

.new-position .form-section .fee-tier-main .fee-tier-body .fee-tier-box h4 {
  color: #c8d3e4;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 0
}

.new-position .form-section .fee-tier-main .fee-tier-body .fee-tier-box .checkcircle {
  display: none
}

.new-position .form-section .fee-tier-main .fee-tier-body .fee-tier-box:hover {
  background-color: #1e2735
}

.new-position .form-section .fee-tier-main .fee-tier-body .fee-tier-box:hover .checkcircle {
  display: block;
  position: absolute;
  right: 12px;
  top: 12px
}

.new-position .form-section .fee-tier-main .fee-tier-body .fee-tier-box.active {
  background-color: #1e2735
}

.new-position .form-section .fee-tier-main .fee-tier-body .fee-tier-box.active .checkcircle {
  display: block;
  position: absolute;
  right: 12px;
  top: 12px
}

.new-position .form-section .creating-new-pool {
  align-items: start;
  background-color: #1e2735;
  border-radius: 12px;
  display: flex;
  gap: 10px;
  margin: 30px 0 20px;
  padding: 12px
}

.new-position .form-section .creating-new-pool .info-icon .info-div {
  align-items: center;
  background-color: #39485f;
  border: none;
  border-radius: 40px;
  display: flex;
  flex-direction: column;
  height: 20px;
  justify-content: center;
  min-width: 20px;
  padding: 3px;
  width: 20px
}

.new-position .form-section .creating-new-pool .creating-new-right h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px
}

.new-position .form-section .creating-new-pool .creating-new-right p {
  color: #c8d3e4;
  font-size: 13px;
  margin-bottom: 0
}

.new-position .form-section .btn {
  padding: 14px 20px;
  width: 100%
}

.new-position .form-section .set-price-range {
  margin-bottom: 20px
}

.new-position .form-section .set-price-range ul {
  align-items: center;
  background-color: #121822;
  border: 1px solid #1e2736;
  border-radius: 30px;
  display: flex;
  margin: 20px 0;
  padding: 2px
}

.new-position .form-section .set-price-range ul li {
  background-color: #121822;
  border-radius: 30px;
  cursor: pointer;
  padding: 12px;
  text-align: center;
  width: 100%
}

.new-position .form-section .set-price-range ul li.active,
.new-position .form-section .set-price-range ul li:hover {
  background-color: #fc4f0e
}

.new-position .form-section .set-price-range p {
  color: #c8d3e4;
  font-weight: 300
}

.new-position .form-section .set-price-range .set-price-section {
  align-items: center;
  background-color: #1e2735;
  border-radius: 12px;
  display: flex;
  justify-content: space-between
}

.new-position .form-section .set-price-range .set-price-section .set-price-section-left {
  align-items: center;
  display: flex;
  gap: 10px;
  padding: 12px;
  width: 100%
}

.new-position .form-section .set-price-range .set-price-section .set-price-section-left .tokenImgFullRange {
  border-radius: 30px;
  height: 20px;
  min-width: 20px;
  width: 20px
}

.new-position .form-section .set-price-range .set-price-section .set-price-section-middle {
  border-left: 2px solid #121822;
  border-right: 2px solid #121822
}

.new-position .form-section .set-price-range .set-price-section .set-price-section-middle,
.new-position .form-section .set-price-range .set-price-section .set-price-section-right {
  padding: 12px;
  width: 100%
}

.new-position .form-section .set-price-range .set-price-section .set-price-section-middle p,
.new-position .form-section .set-price-range .set-price-section .set-price-section-right p {
  color: #c8d3e4;
  font-size: 12px;
  margin-bottom: 0
}

.new-position .form-section .set-price-range .set-price-section .set-price-section-middle input,
.new-position .form-section .set-price-range .set-price-section .set-price-section-right input {
  background-color: #1e2735;
  border: none;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 600;
  outline: none;
  padding: 5px 0;
  width: 100%
}

.new-position .form-section .set-price-range .set-price-section .set-price-section-middle input::placeholder,
.new-position .form-section .set-price-range .set-price-section .set-price-section-right input::placeholder {
  color: #79889e
}

.new-position .form-section .deposit-tokens {
  margin-bottom: 30px
}

.new-position .form-section .deposit-tokens .deposit-tokens-tokens {
  align-items: center;
  background-color: #1e2735;
  border-radius: 12px;
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:650px) {
  .new-position .form-section .deposit-tokens .deposit-tokens-tokens {
    display: block
  }
}

.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left {
  border-right: 2px solid #121822;
  padding: 12px 16px
}

@media screen and (max-width:650px) {
  .new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left {
    border-bottom: 2px solid #121822;
    border-right: none
  }
}

.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .token-deposit {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 300;
  gap: 10px
}

.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .token-deposit img {
  border-radius: 50%;
  height: 24px;
  width: 24px
}

.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .deposit-input {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin: 6px 0
}

.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .deposit-input input {
  -webkit-appearance: none;
  appearance: none;
  background-color: #1e2735;
  border: none;
  color: #fff;
  display: block;
  font-size: 30px;
  font-weight: 400;
  outline: none;
  padding: 6px 0;
  width: 100%
}

@media screen and (max-width:650px) {
  .new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .deposit-input input {
    font-size: 20px
  }
}

.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .deposit-input p {
  color: #c8d3e4;
  font-size: 12px;
  margin-bottom: 0
}

.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left.deposit-tokens-tokens-right {
  border-right: none
}

.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .blanceSpace {
  align-items: center;
  display: flex;
  gap: 8px
}

.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .blanceSpace p {
  font-size: 12px;
  margin-bottom: 0
}

.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .blanceSpace .btnMax {
  background: #fc4f0e;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  padding: 0 6px;
  text-transform: uppercase;
  width: auto
}

.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .blanceSpace .btnMax:active,
.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .blanceSpace .btnMax:focus,
.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .blanceSpace .btnMax:focus-within,
.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .blanceSpace .btnMax:hover,
.new-position .form-section .deposit-tokens .deposit-tokens-tokens .deposit-tokens-tokens-left .blanceSpace .btnMax:visited {
  background: #df430a
}

.new-position .mb-20 {
  margin-bottom: 20px
}

.new-position .modal-overlay {
  align-items: center;
  background-color: #00000080;
  display: flex;
  inset: 0;
  justify-content: center;
  position: fixed;
  z-index: 50
}

.new-position .modal-container {
  background-color: #0f172a;
  border-radius: 1rem;
  color: #fff;
  font-family: sans-serif;
  padding: 24px;
  position: relative;
  width: 380px
}

.new-position .close-button {
  background: none;
  border: none;
  color: #aaa;
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px
}

.new-position .close-button:hover {
  color: #fff
}

.new-position .modal-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 16px
}

.new-position .token-pair {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px
}

.new-position .token-pair .fee-tier {
  background-color: #1e293b;
  border-radius: 6px;
  font-size: 12px;
  padding: 2px 8px
}

.new-position .price-range {
  color: #94a3b8;
  display: flex;
  font-size: .875rem;
  justify-content: space-between;
  margin-bottom: 16px
}

.new-position .price-range .value {
  color: #fff;
  font-weight: 500
}

.new-position hr {
  border-color: #334155;
  margin: 16px 0
}

.new-position .initial-price {
  color: #94a3b8;
  font-size: .875rem;
  margin-bottom: 16px
}

.new-position .initial-price div {
  color: #fff;
  font-weight: 500
}

.new-position .initial-price .usd {
  color: #94a3b8
}

.new-position .depositing {
  color: #94a3b8;
  font-size: .875rem;
  margin-bottom: 16px
}

.new-position .depositing .row {
  display: flex;
  justify-content: space-between;
  margin-top: 4px
}

.new-position .depositing .row span {
  color: #fff;
  font-weight: 500
}

.new-position .depositing .row .usd {
  color: #94a3b8;
  font-weight: 400
}

.new-position .network-cost {
  color: #94a3b8;
  font-size: .875rem;
  margin-bottom: 16px
}

.new-position .network-cost .highlight {
  color: #f472b6;
  font-weight: 600
}

.new-position .create-button {
  background-color: #f97316;
  border: none;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  padding: 12px;
  width: 100%
}

.new-position .create-button:hover {
  background-color: #fb923c
}

.new-position .white-color {
  filter: brightness(0) invert(1)
}

.quantum-tokens-div {
  min-height: calc(100vh - 190px);
  padding-top: 20px
}

@media screen and (max-width:1024px) {
  .quantum-tokens-div {
    min-height: calc(100vh - 57px)
  }
}

.quantum-tokens-div .quantum-tokens-head {
  background-color: #121822;
  border-radius: 12px;
  padding: 20px
}

@media screen and (max-width:767px) {
  .quantum-tokens-div .quantum-tokens-head {
    background-color: #1e2735;
    padding: 10px 20px
  }
}

.quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul {
  color: #fff;
  display: flex;
  gap: 16px
}

.quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li {
  min-width: 35.33%
}

@media screen and (max-width:1199px) {
  .quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li {
    min-width: 28%
  }
}

@media screen and (max-width:991px) {
  .quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li {
    min-width: 50%
  }
}

.quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li:last-child {
  min-width: 20%
}

@media screen and (max-width:991px) {
  .quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li:last-child {
    display: none
  }
}

.quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li label {
  color: #c8d3e4;
  display: block;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 5px
}

@media screen and (max-width:767px) {
  .quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li label {
    font-size: 10px
  }
}

.quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li h4 {
  align-items: center;
  display: flex;
  font-size: 24px;
  font-weight: 600;
  gap: 10px
}

@media screen and (max-width:767px) {
  .quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li h4 {
    font-size: 16px
  }
}

.quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li h4 .increaseprice-label {
  align-items: center;
  color: #4cad1f;
  display: flex;
  font-size: 12px;
  gap: 3px
}

.quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li h4 .lessprice-label {
  align-items: center;
  color: #f11f1f;
  display: flex;
  font-size: 12px;
  gap: 3px
}

.quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li:first-child {
  border-right: 1px solid #435166
}

.quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li.metaMaskCTA .btnAddL1X {
  background: #121822;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  min-width: 216px;
  padding: 6px 10px
}

.quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li.metaMaskCTA .btnAddL1X:hover {
  background: #fff;
  color: #000
}

.quantum-tokens-div .quantum-tokens-head .quantum-tokens-ul li.metaMaskCTA .btnAddL1X img {
  height: 24px;
  margin-right: 10px;
  width: 24px
}

.quantum-tokens-div .quantum-tokens-body .tableHead {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 16px
}

@media screen and (max-width:767px) {
  .quantum-tokens-div .quantum-tokens-body .tableHead {
    font-size: 20px;
    margin-bottom: 8px
  }
}

.quantum-tokens-div .quantum-tokens-body .tabs {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin: 16px 0
}

@media screen and (max-width:1199px) {
  .quantum-tokens-div .quantum-tokens-body .tabs {
    display: block
  }
}

.quantum-tokens-div .quantum-tokens-body .tabs ul {
  align-items: center;
  display: flex
}

@media screen and (max-width:1199px) {
  .quantum-tokens-div .quantum-tokens-body .tabs ul {
    margin-bottom: 10px
  }
}

.quantum-tokens-div .quantum-tokens-body .tabs ul li {
  border-bottom: 2px solid #0000;
  color: #c8d3e4;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 20px
}

.quantum-tokens-div .quantum-tokens-body .tabs ul li.active,
.quantum-tokens-div .quantum-tokens-body .tabs ul li:hover {
  border-bottom: 2px solid #f55f27;
  color: #f55f27
}

.new-position-top {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 10px 20px 20px
}

@media screen and (max-width:767px) {
  .new-position-top {
    margin-bottom: 0;
    padding: 10px 20px
  }
}

@media screen and (max-width:1199px) {
  .new-position-top {
    display: block
  }
}

.new-position-top .new-position-title {
  align-items: center;
  display: flex;
  gap: 10px
}

@media screen and (max-width:1199px) {
  .new-position-top .new-position-title {
    margin-bottom: 0
  }
}

.new-position-top .new-position-title h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.new-position-top .new-position-title img {
  width: 30px
}

.new-position-top ul {
  align-items: center;
  display: flex
}

@media screen and (max-width:991px) {
  .new-position-top ul {
    display: none
  }
}

.new-position-top ul li a {
  border-bottom: 2px solid #0000;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  padding: 5px 16px
}

.new-position-top ul li a.active,
.new-position-top ul li a:hover,
.new-position-top ul li.active a {
  border-bottom: 2px solid #fc4f0e;
  color: #fc4f0e
}

.quantumtable {
  background-color: #121822;
  border-radius: 16px;
  margin-bottom: 16px
}

@media screen and (max-width:1299px) {
  .quantumtable {
    overflow-x: auto
  }
}

.quantumtable.height-auto {
  height: auto
}

.quantumtable table {
  background-color: #121822;
  border-radius: 16px;
  width: 100%
}

.quantumtable table.pool-lisitng tr {
  cursor: pointer
}

.quantumtable table.pool-lisitng tr:hover {
  background-color: #171f2c
}

.quantumtable table.pool-lisitng tr .dropdownType {
  position: relative
}

.quantumtable table.pool-lisitng tr .dropdownType .typeButton {
  align-items: center;
  display: flex;
  font-size: 12px;
  gap: 8px
}

.quantumtable table.pool-lisitng tr .dropdownType .typeButton svg {
  width: 16px
}

.quantumtable table.pool-lisitng tr .dropdownType .dropdownTypeOptions {
  background: #1e2735;
  border: 1px solid #283d5f;
  border-radius: 8px;
  box-shadow: 0 10px 20px #080b10;
  left: 0;
  padding: 6px 0;
  position: absolute;
  top: 24px;
  width: 120px
}

.quantumtable table.pool-lisitng tr .dropdownType .dropdownTypeOptions ul li {
  font-size: 12px;
  padding: 6px 12px
}

.quantumtable table.pool-lisitng tr .dropdownType .dropdownTypeOptions ul li:hover {
  background: #121822
}

.quantumtable table p {
  margin-bottom: 0
}

.quantumtable table thead {
  background-color: #1e2735;
  box-shadow: 0 0 10px color(srgb 0 0 0/.54);
  padding: 16px;
  position: -webkit-sticky;
  position: sticky;
  top: 91.8px;
  z-index: 9
}

@media screen and (max-width:1299px) {
  .quantumtable table thead {
    top: 0
  }
}

.quantumtable table thead tr th {
  color: #c8d3e4;
  font-size: 12px;
  font-weight: 300;
  padding: 12px 15px;
  text-transform: uppercase;
  z-index: 9
}

.quantumtable table thead tr th:first-child {
  border-top-left-radius: 16px
}

.quantumtable table thead tr th:last-child {
  border-top-right-radius: 16px
}

.quantumtable table tbody tr td {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  padding: 14px 15px
}

.quantumtable table tbody tr td .chartimg-cls {
  height: 30px
}

.quantumtable table tbody tr td .tableBtn {
  background: #fff;
  border-radius: 6px;
  color: #0e131a;
  font-size: 13px;
  padding: 4px 20px
}

.quantumtable table tbody tr td .tableBtn.btnBuy {
  background: #fff;
  border: 1px solid #fff;
  color: #0e131a
}

.quantumtable table tbody tr td .tableBtn.btnBuy.but-mobile-view-hide {
  display: block
}

@media screen and (max-width:1024px) {
  .quantumtable table tbody tr td .tableBtn.btnBuy.but-mobile-view-hide {
    display: none
  }
}

.quantumtable table tbody tr td .tableBtn.btnBuy.but-mobile-view-show {
  display: none
}

@media screen and (max-width:1024px) {
  .quantumtable table tbody tr td .tableBtn.btnBuy.but-mobile-view-show {
    display: block
  }
}

.quantumtable table tbody tr td .tableBtn.btnDetails {
  background: #121822;
  border: 1px solid #fff;
  color: #fff
}

.quantumtable table tbody tr td .priceItem {
  font-size: 14px;
  font-weight: 500
}

.quantumtable table tbody tr td .priceItem .positive {
  color: #16c751;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-left: 6px
}

.quantumtable table tbody tr td .priceItem .positive svg {
  height: 20px;
  margin-right: 2px;
  width: 20px
}

.quantumtable table tbody tr td .priceItem .negative {
  color: #d12426;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-left: 6px
}

.quantumtable table tbody tr td .priceItem .negative svg {
  height: 20px;
  margin-right: 2px;
  width: 20px
}

.quantumtable table .walletaddress {
  color: #ff6717
}

.quantumtable table .type-transactions-td {
  align-items: center;
  color: #c8d3e4;
  display: flex;
  gap: 10px
}

.quantumtable table .type-transactions-td p {
  margin-bottom: 0
}

.quantumtable table .type-transactions-td .add-type {
  color: #4fd710
}

.quantumtable table .type-transactions-td .remove-type {
  color: #ef2222
}

.quantumtable table .type-transactions-td .type-trx {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 3px
}

.quantumtable table .type-transactions-td .type-trx img {
  border-radius: 20px;
  height: 18px;
  margin-right: 4px;
  width: 18px
}

.quantumtable .token-name-td {
  align-items: center;
  display: flex;
  gap: 8px
}

.quantumtable .token-name-td .pool-icons {
  white-space: nowrap
}

.quantumtable .token-name-td .pool-icons .poolicon {
  margin: 0 0 0 -6px;
  position: relative
}

.quantumtable .token-name-td img {
  border-radius: 50%;
  height: 24px;
  width: 24px
}

.quantumtable .token-name-td .fierTier {
  background: #283d5f;
  border-radius: 4px;
  display: inline-block;
  font-size: 10px;
  padding: 2px 8px
}

.quantumtable .rewards-apr {
  color: #fc4f0e
}

.quantumtable .token-price-td {
  align-items: center;
  display: flex;
  gap: 4px
}

.quantumtable .token-price-td img {
  border-radius: 20px;
  height: 18px;
  margin-right: 4px;
  width: 18px
}

@media screen and (max-width:991px) {
  .quantumtable {
    -ms-overflow-style: none;
    border-radius: 8px;
    overflow-x: auto;
    scrollbar-width: none
  }

  .quantumtable::-webkit-scrollbar {
    display: none
  }

  .quantumtable .token-name-td img {
    height: 18px;
    width: 18px
  }

  .quantumtable table {
    overflow-x: auto;
    overscroll-behavior-x: none;
    width: 100%
  }

  .quantumtable table thead {
    box-shadow: none;
    top: 0
  }

  .quantumtable table thead tr th {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    padding: 10px 12px
  }

  .quantumtable table thead tr th.sticky-td {
    background-color: #222d3c;
    box-shadow: none;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1
  }

  .quantumtable table tbody tr td {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    padding: 10px 12px
  }

  .quantumtable table tbody tr td.sticky-td {
    background-color: #222d3c;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1
  }

  .quantumtable table tbody tr td .btnDetails {
    display: none
  }

  .quantumtable table tbody tr td .priceItem,
  .quantumtable table tbody tr td .priceItem .negative,
  .quantumtable table tbody tr td .priceItem .positive {
    font-size: 10px
  }

  .quantumtable table tbody tr td .priceItem .negative svg,
  .quantumtable table tbody tr td .priceItem .positive svg {
    height: 14px;
    width: 14px
  }

  .quantumtable table tbody tr td .tableBtn {
    font-size: 11px
  }
}

.pooldetails-quantum .pooldetails-head {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 16px 0
}

.pooldetails-quantum .pooldetails-head .backArrowForPool {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 10px;
  padding: 4px
}

.pooldetails-quantum .pooldetails-head .backArrowForPool-icon {
  align-items: center;
  border-radius: 40px;
  display: flex;
  height: 40px;
  justify-content: center;
  transition: background .3s;
  width: 40px
}

.pooldetails-quantum .pooldetails-head .backArrowForPool-icon svg {
  width: 24px
}

.pooldetails-quantum .pooldetails-head .backArrowForPool-icon:hover {
  background: #1e2735;
  transition: background .3s
}

.pooldetails-quantum .pooldetails-head .backArrowForPool-title {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0
}

.pooldetails-quantum .pooldetails-head .pooldetails-add {
  align-items: center;
  display: flex;
  gap: 10px
}

@media screen and (max-width:768px) {
  .pooldetails-quantum .pooldetails-head .pooldetails-add.mobile-and-desktop-view {
    background: #040507;
    bottom: 0;
    left: 0;
    padding: 16px;
    position: fixed;
    right: 10px;
    z-index: 99
  }

  .pooldetails-quantum .pooldetails-head .pooldetails-add.mobile-and-desktop-view .add-liquidity-btn {
    justify-content: center;
    padding: 12px 16px;
    text-align: center;
    width: 100%
  }

  .pooldetails-quantum .pooldetails-head .pooldetails-add.mobile-and-desktop-view .add-liquidity-btn.hide-in-moblie-btn {
    display: none
  }

  .pooldetails-quantum .pooldetails-head .pooldetails-add.mobile-and-desktop-view .add-liquidity-btn.swapbtns {
    display: block
  }

  .pooldetails-quantum .pooldetails-head .pooldetails-add.mobile-and-desktop-view .swap-btn {
    justify-content: center;
    padding: 12px 16px;
    text-align: center;
    width: 100%
  }

  .pooldetails-quantum .pooldetails-head .pooldetails-add.mobile-and-desktop-view .swap-btn svg {
    width: 20px
  }
}

.pooldetails-quantum .pooldetails-head .swap-btn {
  align-items: center;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  color: #000;
  display: flex;
  font-size: 14px;
  gap: 10px;
  padding: 8px 16px;
  white-space: nowrap
}

.pooldetails-quantum .pooldetails-head .swap-btn img {
  min-width: 20px
}

.pooldetails-quantum .pooldetails-head .swap-btn:hover {
  background-color: #fc5c0c;
  border: 1px solid #fc5c0c;
  color: #fff
}

.pooldetails-quantum .pooldetails-head .swap-btn:hover img {
  filter: brightness(0) invert(1)
}

.pooldetails-quantum .pooldetails-head .breadcrum {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 10px
}

.pooldetails-quantum .pooldetails-head .breadcrum svg {
  width: 12px
}

.pooldetails-quantum .pooldetails-head .breadcrum p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0
}

.pooldetails-quantum .pooldetails-head .breadcrum p.breadcrum-networks {
  color: #fff;
  font-weight: 500
}

.pooldetails-quantum .pooldetails-head .breadcrum.my-position-breadcrum .backarrow-btn {
  background-color: #0000;
  border: none;
  color: #fff;
  width: 24px
}

.pooldetails-quantum .pooldetails-head .breadcrum.my-position-breadcrum .backarrow-btn svg {
  width: 18px
}

.pooldetails-quantum .pooldetails-head .breadcrum .breadcrum-pool {
  color: #c8d3e4;
  font-size: 14px
}

.pooldetails-quantum .pooldetails-head .add-liquidity-btn {
  align-items: center;
  background-color: #fc5c0c;
  border: 1px solid #fc5c0c;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 14px;
  gap: 10px;
  padding: 10px 16px;
  white-space: nowrap
}

.pooldetails-quantum .pooldetails-head .add-liquidity-btn svg {
  min-width: 18px
}

.pooldetails-quantum .pooldetails-head .add-liquidity-btn.swapbtns {
  display: none
}

.pooldetails-quantum .pooldetails-head .add-liquidity-btn:hover {
  background-color: #fc5c0c;
  border: 1px solid #121822;
  color: #fff
}

.pooldetails-quantum .pool-details-left-content {
  color: #fff
}

.pooldetails-quantum .pool-details-left-content h2 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px
}

.pooldetails-quantum .pool-details-left-content h4 {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px
}

.pooldetails-quantum .pool-details-left-content .priceItem {
  font-size: 20px;
  font-weight: 500
}

.pooldetails-quantum .pool-details-left-content .priceItem .positive {
  color: #16c751;
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  margin-left: 6px
}

.pooldetails-quantum .pool-details-left-content .priceItem .positive svg {
  height: 24px;
  margin-right: 0;
  width: 24px
}

.pooldetails-quantum .pool-details-left-content .priceItem .negative {
  color: #d12426;
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  margin-left: 6px
}

.pooldetails-quantum .pool-details-left-content .priceItem .negative svg {
  height: 24px;
  margin-right: 2px;
  width: 24px
}

.chart-pool-details {
  border-bottom: 1px solid #283244;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.chart-pool-details .chart-pool-details-img img {
  width: 100%
}

.chart-pool-details .chart-pool-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 20px
}

.chart-pool-details .chart-pool-footer .select-uls {
  align-items: center;
  background-color: #161d29;
  border-radius: 30px;
  display: flex;
  padding: 2px
}

.chart-pool-details .chart-pool-footer .select-uls li {
  border-radius: 30px;
  color: #c8d3e4;
  cursor: pointer;
  font-size: 14px;
  padding: 5px 16px
}

.chart-pool-details .chart-pool-footer .select-uls li.active,
.chart-pool-details .chart-pool-footer .select-uls li:hover {
  background-color: #283d5f;
  color: #fff
}

.chart-pool-details .chart-pool-footer .dropdown-valume {
  position: relative
}

.chart-pool-details .chart-pool-footer .dropdown-valume .dropdown-valume-head {
  background-color: #161d29;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  gap: 10px;
  padding: 5px 16px
}

.chart-pool-details .chart-pool-footer .dropdown-valume .dropdown-valume-head svg {
  width: 20px
}

.chart-pool-details .chart-pool-footer .dropdown-valume ul {
  background-color: #161d29;
  border-radius: 8px;
  display: block;
  position: absolute;
  width: 200px;
  z-index: 2
}

.chart-pool-details .chart-pool-footer .dropdown-valume ul li {
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  padding: 10px 12px
}

.tabs-for-all ul {
  align-items: center;
  display: flex;
  margin-bottom: 10px
}

.tabs-for-all ul li {
  border-bottom: 2px solid #0000;
  color: #c8d3e4;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 20px
}

.tabs-for-all ul li.active,
.tabs-for-all ul li:hover {
  border-bottom: 2px solid #f55f27;
  color: #f55f27
}

.total-quantum-sidebar {
  background-color: #121822;
  border: 1px solid #1e2736;
  border-radius: 12px;
  color: #fff;
  padding: 20px
}

@media screen and (max-width:1299px) {
  .total-quantum-sidebar {
    padding: 6px
  }
}

.total-quantum-sidebar .percent-coin-position {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 5px
}

.total-quantum-sidebar .percent-coin-position .percent-coin-position-left {
  align-items: center;
  display: flex;
  font-size: 12px;
  gap: 5px
}

.total-quantum-sidebar .percent-coin-position .percent-coin-position-left img {
  width: 16px
}

.total-quantum-sidebar .fees-label-txt {
  color: #c8d3e4;
  font-size: 14px
}

.total-quantum-sidebar .position-flex-coin-l1x {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.total-quantum-sidebar .position-flex-coin-l1x .position-flex-coin-l1x-left {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  gap: 10px
}

.total-quantum-sidebar .position-flex-coin-l1x .position-flex-coin-l1x-left img {
  width: 30px
}

@media screen and (max-width:1199px) {
  .total-quantum-sidebar .position-flex-coin-l1x .position-flex-coin-l1x-left img {
    width: 20px
  }
}

.total-quantum-sidebar .position-flex-coin-l1x .position-flex-coin-l1x-right {
  color: #c8d3e4;
  font-size: 12px
}

.total-quantum-sidebar .total-view-div label {
  align-items: center;
  color: #c8d3e4;
  display: flex;
  font-size: 14px;
  margin-bottom: 6px;
  opacity: .7
}

.total-quantum-sidebar .total-view-div label span {
  align-items: center;
  display: inline-flex;
  height: 18px;
  justify-content: center;
  margin-left: 6px;
  width: 18px
}

.total-quantum-sidebar .total-view-div label span svg {
  height: 18px;
  width: 18px
}

.total-quantum-sidebar .total-view-div h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0
}

.total-quantum-sidebar .total-view-div h5 {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px
}

.total-quantum-sidebar .total-view-div .total-view-div label {
  color: #c8d3e4;
  display: block;
  font-size: 14px
}

.total-quantum-sidebar .total-view-div .flex-progress-pool {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 5px
}

.total-quantum-sidebar .total-view-div .flex-progress-pool p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 6px
}

.total-quantum-sidebar .total-view-div .progress-bar-pool {
  background-color: #26a17b;
  border-radius: 10px;
  display: block;
  height: 6px;
  position: relative;
  width: 100%
}

.total-quantum-sidebar .total-view-div .progress-bar-pool .progress-bar-pool-innr {
  background-color: #4970d5;
  border-radius: 10px;
  height: 6px;
  left: 0;
  position: absolute;
  top: 0
}

.total-quantum-sidebar .total-view-div .flex-dv-quantum {
  align-items: center;
  display: flex;
  gap: 20px
}

.total-quantum-sidebar .total-view-div .flex-dv-quantum .increase-value {
  align-items: center;
  color: #4cad1f;
  display: flex;
  font-size: 14px;
  gap: 10px
}

.total-quantum-sidebar .total-view-div .flex-dv-quantum .less-value {
  align-items: center;
  color: #ef2222;
  display: flex;
  font-size: 14px;
  gap: 10px
}

.total-quantum-sidebar .stats-main-div .stats-wrap {
  align-items: center;
  display: flex;
  gap: 6px
}

@media screen and (max-width:1399px) {
  .total-quantum-sidebar .stats-main-div .stats-wrap {
    margin-bottom: 10px
  }
}

.total-quantum-sidebar .stats-main-div .stats-wrap .stats-main-div-img {
  display: flex
}

.total-quantum-sidebar .stats-main-div .stats-wrap .stats-main-div-img img {
  border-radius: 20px;
  height: 20px;
  vertical-align: top;
  width: 20px
}

.total-quantum-sidebar .stats-main-div .stats-wrap .stats-main-div-img .stats-network-tkn {
  margin-left: -4px
}

.total-quantum-sidebar .stats-main-div .stats-wrap h6 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0
}

@media screen and (max-width:1399px) {
  .total-quantum-sidebar .stats-main-div .stats-wrap h6 {
    font-size: 12px
  }
}

.total-quantum-sidebar .stats-main-div .stats-wrap h6 svg {
  color: #ea5709;
  margin-left: 8px;
  width: 16px
}

.total-quantum-sidebar .stats-main-div .wallet-address-stats {
  align-items: center;
  background-color: #1e2735;
  border-radius: 4px;
  color: #c8d3e4;
  display: flex;
  gap: 6px;
  justify-content: space-between;
  padding: 5px 10px
}

@media screen and (max-width:1399px) {
  .total-quantum-sidebar .stats-main-div .wallet-address-stats {
    padding: 4px 6px
  }
}

.total-quantum-sidebar .stats-main-div .wallet-address-stats p {
  font-size: 12px;
  margin-bottom: 0
}

.total-quantum-sidebar .stats-main-div .wallet-address-stats .copy-btn {
  background-color: #0000;
  border: none;
  color: #c8d3e4
}

.total-quantum-sidebar .stats-main-div .wallet-address-stats .copy-btn svg {
  width: 16px
}

.total-quantum-sidebar .stats-main-div .wallet-address-stats .copy-btn .tooltip {
  background-color: #000;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  left: 50%;
  opacity: 1;
  padding: 4px 8px;
  position: absolute;
  top: -30px;
  transform: translateX(-50%);
  transition: opacity .2s ease-in-out;
  white-space: nowrap;
  z-index: 10
}

.total-quantum-sidebar .mstats-main {
  align-items: center;
  background-color: #1e2735;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 26px;
  justify-content: center;
  width: 26px
}

.total-quantum-sidebar .mstats-main img {
  width: 26px
}

.total-quantum-sidebar .stats-main-div {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 16px
}

@media screen and (max-width:1399px) {
  .total-quantum-sidebar .stats-main-div {
    border-bottom: 1px solid #273140;
    display: block;
    padding-bottom: 10px
  }
}

.total-quantum-sidebar .stats-main-div .stats-wrap-main {
  align-items: center;
  display: flex;
  gap: 10px
}

.reward-earned-div {
  background: #1e2735 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoYAAACiCAYAAADcKAxwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAjgSURBVHgB7d1BbtswEAVQpbv6/vdVAxToQujElj2iOJxHoBsv3g+UWPrhMO62PVn7vv/6/vf7+9/XlrB4PB6Px+PxeHN7UcjX979H4hfN4/F4PB6Px5vYi0I0bR6Px+PxeDw7helN1jeJx+PxeDweb3JvRMgXj8fj8Xg8Hm9+7/iips3j8Xg8Ho/X3SvSZB0k5fF4PB6Px7vSK9lkeTwej8fj8Xi5XoEm65vE4/F4PB6PN8Kb/It2kJTH4/F4PB5vlNesGT94PB6Px+PxeDleFFKhGTuYyuPxeDwej3dxKTST5/F4PB6Px2vkRSH+cIXH4/F4PB5PKWx3UR1M5fF4PB6P19qLQjo2bQdTeTwej8fjtfWikI5N28FUHo/H4/F4bb0oxE4hj8fj8Xg8np1CTftDz0FXHo/H4/F4pbwhIQ09B115PB6Px+OV8qIQpfBzz/Y1j8fj8Xi8Ml4Uoml/7hm/83g8Ho/HK+NFIXYK5/P85sPj8Xg8Hu8yLwrRtOfylGoej8fj8XiXe0NCeB95xvk8Ho/H4/GGeMcXlTgej8fj8Xi87p6m3cIzzufxeDwej/ezV7LJ8s56DuLyeDwej8f72SvZZHlnPKWax+PxeDzea56LsLRn/M7j8Xg8Hu91T+ni8Xg8Ho/H46UtTbuFZ5zP4/F4PB7vaYimzePxeDwej2enUNNe3POm4fF4PB6PNz6Et7xnnM/j8Xg8XnEvClGSeDwej8fj8ewUatq8055xPo/H4/F4hb0oRNPm8Xg8Ho/Hs1OoafNu9bypeTwej8cb7A0J4fFOesb5PB6Px+MN9qIQpYZ3t/fg8Xg8Ho83zotCNG3e3Z7xO4/H4/F4A70oxE4Xj8fj8Xg8njOFmjZvKc9Ngsfj8Xi8F7whITzejZ5xPo/H4/F4L3rHF5UQHo/H4/F4vO6eps3jPfWM83k8Ho+3vleyyfJ4PB6Px+Pxcr2STZbHG+e5SfB4PB6vj+ci8HihZ/zO4/F4vF6e0sDj8Xg8Ho/HS1uaNo/31DPO5/F4PN5SXhSiafN4PB6Px+PZKdS0ebwfPDcdHo/H4y3nDQnh8Xg8Ho/H4ymFPB6Px+PxeDx/aMLj8V7wjPN5PB6Pd6sXhWjaPB6Px+PxeHYKNW0er7Dnpsjj8Xi8nOWi8nilPeN8Ho/H4+UsD2Uej8fj8Xg8O4WaNo9X3zN+5/F4PF5KiKbN4/F4PB6PZ6dQ0+bxeP88N1kej8dr4g0J4fF4PB6Px+PN7w0J4fF4Zb0Hj8fj8Rp6++6gP4/Hu9QzzufxeLwK3m5nhcfj8Xg8Ho9XssnyeLwqnpssj8fjVfJcBB6Pd5Fn/M7j8XjVPA89Ho/H4/F4PF7a0rR5PN7FnnE+j8fjTeZFIZo2j8e70vMRFDwejzeZF4Vo2jwe7ypPqebxeLwJvSEhPB6Pd6FnnM/j8XhXLQ8pHo9XzDMu4vF4vCuWps3j8Yp5xvk8Ho93xdrtXPB4PB6Px+M5U6hp83i8xp6HCo/Ha+kNCeHxeLxCnnE+j8dr6UUhHio8Ho/H4/F4dgo1bR6P19ozfufxeO28KETT5vF4PB6Px7NTqGnzeDzelrA8pHg8XiVvSAiPx+M19YzzeTxeKe/4oocAj8fj5XkPHo/HK+lp2jwejze1Z5zP4/HGeLudAR6Px+PxeDxeySbL4/F4PTwPKR6PN9ZzEXg8Hm9Kz/idx+ON99y0eTwej8fj8XhpS9Pm8Xi8qT3jfB6Pl+5FIZo2j8fjzev5CA8ej5fuRSGaNo/H483pKdU8Hu8Sb0gIj8fj8ab1jPN5PN6PIW6yPB6Px+PxeHYKNW0ej8fbElYRzzifx+OFIZo2j8fj8Xg8np1CTZvH4/G2hNXQ81Dm8Yp6Q0J4PB6P18YzzufxinpRiJsij8fj8Xg8np1CTZvH4/1dPN4bnvE7j1fQi0I0bR6Px+PxeDw7hZo2j8fjbQmL97HnIc/jDfSGhPB4PB6P94ZnnM/jDfaOL7qJ8Xg8Hm8W78Hj8W7yNG0ej8fjLewZ5/N4r3q732x5PB6Px+PxeCWbLI/H4/F4zz0PeR7vrOci8Hg8Hm9Bz/idx3vHc9Ph8Xg8Ho/H46UtTZvH4/F4C3vG+TzeiRBNm8fj8Xirej4Chcc7EaJp83g8Hm9FT6nm8e4M4fF4PB5vUc84n7eMF4W4SfB4PB6Px+PZKdS0eTweb0tYvBaecT5vCS8K0bR5PB6Px+Px7BRq2jwej7clLB7vpKfU8G7zhoTweDwej8d7yTPO593mRSHe1Dwej8fj3eM9eLw7vChE0+bxeDwe7x7P+J13ixeF+E2Px+PxeDwez5lCTZvH4/G2hMXj3ewpSbxT3pAQHo/H4/F4wz3jfN5p7/iiNyGPx+PxeDxed0/T5vF4PB5vGc/4nfe+V7LJ8ng8Ho/HG+H5yJdOXskmy+PxeDwe72pPqe7ouQg8Ho/H4/EOnnF+V8+bhsfj8Xg8Ho+XtjRtHo/H4/F4gWecv6gXhWjaPB6Px+PxeHYKNW0ej8fbEhaPt5indC3sDQnh8Xg8Ho/H+49nnD+RF4X4IefxeDwej8ezU6hp83g83paweDzeU884fxIvCtG0eTwej8fj8ewUato8Ho+3JSwejzfUUwqzl4vK4/F4PB6voGecn738UPJ4PB6PxyvqPXiJS9Pm8Xg8Ho9X1DN+z1x+U+HxeDwej8dzplDT5vF4PB6Px2tYMoeE8Hg8Ho/H4xXzWo7zjy/6IeLxeDwej8fr7nVtxjwej8fj8XgHr/f4vWST5fF4PB6Px5vfq/URNyWbLI/H4/F4PJ4/XMn3Sn7RPB6Px+PxePN6dcfvvuk8Ho/H4/F4vLRVuhnzeDwej8fjzev5H1J4PB6Px+PxeDV3Ch1M5fF4PB6Px2teCjVtHo/H4/F4vLm91PF2FOKbxOPxeDwej2d87CApj8fjbQmLx+PxLvb8oQmPx+PxeDweb8xOoYOkPB6Px+PxeE28KETT5vF4PB6Px7NT6KLyeDzelrB4PB6viheFOPjJ4/F4PB6P18T7A8sUNW/LAjr5AAAAAElFTkSuQmCC) no-repeat 50%;
  background-size: cover;
  border-radius: 12px;
  color: #fff;
  padding: 20px
}

.reward-earned-div .reward-earned-inner {
  align-items: start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-bottom: 40px
}

.reward-earned-div .reward-earned-inner .reward-earned-div-left .flex-l1x {
  align-items: center;
  display: flex;
  gap: 14px;
  margin-bottom: 6px
}

.reward-earned-div .reward-earned-inner .reward-earned-div-left .flex-l1x h5 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 0
}

.reward-earned-div .reward-earned-inner .reward-earned-div-left .flex-l1x img {
  width: 24px
}

.reward-earned-div .reward-earned-inner .reward-earned-div-left .reward-earned-dv {
  align-items: center;
  color: #c8d3e4;
  display: flex;
  gap: 10px
}

.reward-earned-div .reward-earned-inner .reward-earned-div-left .reward-earned-dv h6 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0
}

.reward-earned-div .reward-earned-inner .reward-earned-div-left .reward-earned-dv svg {
  width: 18px
}

.reward-earned-div .reward-earned-inner .collect-reward-btn {
  background-color: #283d5f;
  border: none;
  border-radius: 8px;
  color: #c8d3e4;
  padding: 8px 16px
}

.reward-earned-div .reward-earned-inner .collect-reward-btn:hover {
  background-color: #fff;
  color: #000
}

.reward-earned-div .find-pools-rewards {
  align-items: center;
  display: flex;
  gap: 10px
}

.reward-earned-div .find-pools-rewards h5 {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0
}

.reward-earned-div .find-pools-rewards svg {
  width: 18px
}

.reward-earned-div p {
  color: #c8d3e4;
  font-size: 12px;
  margin-bottom: 0
}

.filter-bar {
  align-items: start;
  display: flex;
  gap: 16px
}

.filter-bar.my-positions-filter {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between
}

@media screen and (max-width:1199px) {
  .filter-bar.my-positions-filter {
    display: block
  }

  .filter-bar.my-positions-filter h3 {
    margin-bottom: 5px
  }
}

.filter-bar.my-positions-filter .filter-right-bar {
  align-items: center;
  display: flex;
  gap: 16px
}

.filter-bar.my-positions-filter h3 {
  margin-top: 0
}

.filter-bar .dropdown-token {
  background-color: #121822;
  border: 1px solid #2b374a;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  padding: 5px 7px;
  position: relative;
  white-space: nowrap
}

.filter-bar .dropdown-token .selected-networks {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 10px
}

.filter-bar .dropdown-token .selected-networks svg {
  width: 18px
}

.filter-bar .dropdown-token .selected-networks span {
  display: block;
  line-height: 28px
}

.filter-bar .dropdown-token ul {
  background-color: #121822;
  border: 1px solid #2b374a;
  border-radius: 10px;
  display: block !important;
  left: 0;
  position: absolute;
  top: 50px;
  width: 200px;
  z-index: 3
}

.filter-bar .dropdown-token ul.select-multi li {
  padding-left: 30px;
  position: relative
}

.filter-bar .dropdown-token ul.select-multi li:after {
  border-radius: 30px;
  content: "";
  display: block;
  height: 8px;
  left: 16px;
  position: absolute;
  top: 18px;
  width: 8px
}

.filter-bar .dropdown-token ul.select-multi li.active,
.filter-bar .dropdown-token ul.select-multi li:hover {
  background: #1b222e url(/static/media/check.401a54385f6d4cc14232.svg) no-repeat center right 10px
}

.filter-bar .dropdown-token ul.select-multi li.inrange-class:after {
  background-color: #21b516
}

.filter-bar .dropdown-token ul.select-multi li.out-of-range-class:after {
  background-color: #e93c3c
}

.filter-bar .dropdown-token ul.select-multi li.closed-class:after {
  background-color: #9898a1
}

.filter-bar .dropdown-token ul li {
  align-items: center;
  border-bottom: none !important;
  color: #fff;
  display: flex;
  gap: 10px;
  padding: 10px
}

.filter-bar .dropdown-token ul li:hover {
  background-color: #1b222e
}

.filter-bar .searchbar input {
  background: url(/static/media/searchbar.828132885f036f63360d.svg) no-repeat center right 10px;
  border: 1px solid #2b374a;
  border-radius: 8px;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 40px;
  outline: none;
  padding: 7px 34px 7px 12px;
  width: 100%
}

.filter-bar .searchbar input::placeholder {
  color: #3d4b60
}

.filter-bar .add-liquidity-btn {
  align-items: center;
  background-color: #fc5c0c;
  border: 1px solid #fc5c0c;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 14px;
  gap: 10px;
  padding: 8px 16px;
  white-space: nowrap
}

.filter-bar .add-liquidity-btn svg {
  min-width: 18px
}

.filter-bar .add-liquidity-btn:hover {
  background-color: #121822;
  border: 1px solid #fff;
  color: #fff
}

.filter-bar h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 10px
}

.my-positions-list {
  background-color: #121822;
  border: 1px solid #1e2736;
  border-radius: 16px;
  color: #fff;
  cursor: pointer;
  display: block;
  margin-bottom: 20px;
  position: relative
}

.my-positions-list .my-positions-list-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 20px 40px 20px 20px
}

.my-positions-list .my-positions-list-head .chart-dex-list img {
  max-width: 100%
}

@media screen and (max-width:1199px) {
  .my-positions-list .my-positions-list-head .chart-dex-list {
    max-width: 160px
  }
}

.my-positions-list .my-positions-list-head .networkcoin-range {
  align-items: center;
  display: flex
}

.my-positions-list .my-positions-list-head .networkcoin-range img {
  border-radius: 30px;
  height: 36px;
  width: 36px
}

.my-positions-list .my-positions-list-head .networkcoin-range .ml-3 {
  margin-left: -10px
}

.my-positions-list .my-positions-list-head .new-fee-tier-label {
  align-items: center;
  display: flex;
  gap: 10px
}

.my-positions-list .my-positions-list-head .content-nt-content {
  align-items: start;
  display: flex;
  gap: 16px
}

.my-positions-list .my-positions-list-head .content-nt-content .networkcoinrange h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0
}

.my-positions-list .my-positions-list-head .content-nt-content span {
  background-color: #283d5f;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 2px 4px
}

.my-positions-list .list-footer-positions {
  align-items: center;
  background-color: #1e2735;
  border-radius: 0 0 16px 16px;
  color: #fff;
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  padding: 20px
}

.my-positions-list .list-footer-positions .listfooter-ul {
  min-width: 25%
}

.my-positions-list .list-footer-positions .listfooter-ul h3 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 3px
}

.my-positions-list .list-footer-positions .listfooter-ul p {
  color: #c8d3e4;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 0
}

.list-more-div {
  color: #fff;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 2
}

.list-more-div svg {
  width: 20px
}

.list-more-div .more-list-nw {
  align-items: center;
  background-color: #1e2735;
  border: none;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 30px;
  justify-content: center;
  width: 30px
}

.list-more-div .dropdown-list {
  background-color: #1e2735;
  border: 1px solid #29313f;
  border-radius: 12px;
  display: none;
  padding: 16px 0;
  position: absolute;
  right: 0;
  top: 32px;
  width: 200px;
  z-index: 1
}

.list-more-div .dropdown-list.show {
  display: block
}

.list-more-div .dropdown-list li {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 10px
}

.list-more-div .dropdown-list li:hover {
  background-color: #29313f
}

.list-more-div .dropdown-list li a {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  gap: 10px
}

.list-more-div .dropdown-list li a:hover {
  background-color: #29313f
}

.pool-with-rewards {
  color: #fff
}

.pool-with-rewards h3 {
  font-size: 18px;
  margin-bottom: 16px
}

.pool-with-rewards .pools-rewards-list-new {
  align-items: center;
  background-color: #121822;
  border: 1px solid #1e2736;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 16px
}

.pool-with-rewards .pools-rewards-list-new .pools-rewards-list-left {
  align-items: center;
  display: flex;
  gap: 10px
}

.pool-with-rewards .pools-rewards-list-new .pools-rewards-list-left .network-pool-re {
  position: relative
}

.pool-with-rewards .pools-rewards-list-new .pools-rewards-list-left .network-pool-re img {
  width: 34px
}

@media screen and (max-width:1199px) {
  .pool-with-rewards .pools-rewards-list-new .pools-rewards-list-left .network-pool-re img {
    width: 20px
  }
}

.pool-with-rewards .pools-rewards-list-new .pools-rewards-list-left .network-pool-re .right-min-2 {
  margin-left: -10px
}

.pool-with-rewards .pools-rewards-list-new .pools-rewards-list-left .network-pool-re-right h4 {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 3px
}

@media screen and (max-width:1199px) {
  .pool-with-rewards .pools-rewards-list-new .pools-rewards-list-left .network-pool-re-right h4 {
    font-size: 14px
  }
}

.pool-with-rewards .pools-rewards-list-new .pools-rewards-list-left .network-pool-re-right span {
  background-color: #283d5f;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  padding: 1px 4px
}

.pool-with-rewards .pools-rewards-list-new .pools-rewards-list-right {
  align-items: end;
  display: flex;
  flex-direction: column
}

.pool-with-rewards .pools-rewards-list-new .pools-rewards-list-right h5 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px
}

@media screen and (max-width:1199px) {
  .pool-with-rewards .pools-rewards-list-new .pools-rewards-list-right h5 {
    font-size: 12px
  }
}

.pool-with-rewards .pools-rewards-list-new .pools-rewards-list-right span {
  align-items: center;
  color: #21b516;
  display: flex;
  font-size: 12px;
  gap: 5px
}

.pool-with-rewards .p-pool-reward {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 10px;
  margin-bottom: 0
}

.pool-with-rewards .p-pool-reward svg {
  width: 18px
}

.inrange {
  color: #21b516;
  margin-bottom: 0;
  padding-left: 15px;
  position: relative
}

.inrange:after {
  background-color: #21b516;
  border-radius: 30px;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 8px
}

.outrange {
  color: #f11f1f;
  margin-bottom: 0;
  padding-left: 15px;
  position: relative
}

.outrange:after {
  background-color: #f11f1f;
  border-radius: 30px;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 8px
}

.closedrange {
  color: #c8d3e4;
  margin-bottom: 0;
  padding-left: 15px;
  position: relative
}

.closedrange:after {
  background-color: #c8d3e4;
  border-radius: 30px;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 8px
}

.my-position-head-d {
  align-items: center;
  border-bottom: 1px solid #283244;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 30px;
  padding-bottom: 15px
}

@media screen and (max-width:991px) {
  .my-position-head-d {
    display: block
  }
}

.my-position-head-d .networks-coins-dv {
  margin-bottom: 0
}

.my-position-head-d .my-position-head-d-right {
  align-items: center;
  display: flex;
  gap: 10px
}

@media screen and (max-width:991px) {
  .my-position-head-d .my-position-head-d-right {
    flex-wrap: wrap;
    margin-top: 10px
  }
}

.my-position-head-d .my-position-head-d-right .btn-black {
  align-items: center;
  background-color: #121822;
  border: 1px solid #1e2736;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 14px;
  gap: 10px;
  padding: 8px 16px
}

.my-position-head-d .my-position-head-d-right .btn-black svg {
  color: #fff;
  width: 18px
}

.my-position-head-d .my-position-head-d-right .btn-black:focus,
.my-position-head-d .my-position-head-d-right .btn-black:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #121822
}

.my-position-head-d .my-position-head-d-right .btn-black:focus svg,
.my-position-head-d .my-position-head-d-right .btn-black:hover svg {
  color: #121822
}

.my-position-head-d .my-position-head-d-right .btn-primary {
  align-items: center;
  background-color: #fc5c0c;
  border: 1px solid #fc5c0c;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 14px;
  gap: 10px;
  padding: 8px 16px
}

.my-position-head-d .my-position-head-d-right .btn-primary svg {
  color: #fff;
  width: 18px
}

.my-position-head-d .my-position-head-d-right .btn-primary:focus,
.my-position-head-d .my-position-head-d-right .btn-primary:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #121822
}

.my-position-head-d .my-position-head-d-right .btn-primary:focus svg,
.my-position-head-d .my-position-head-d-right .btn-primary:hover svg {
  color: #121822
}

.modal-overlay-create-pool {
  align-items: center;
  backdrop-filter: blur(8.1px);
  -webkit-backdrop-filter: blur(8.1px);
  background-color: #00000080;
  display: flex;
  gap: 10px;
  inset: 0;
  justify-content: center;
  position: fixed;
  z-index: 999
}

@media screen and (max-width:650px) {
  .modal-overlay-create-pool {
    flex-direction: column
  }
}

@media screen and (max-height:650px) {
  .modal-overlay-create-pool {
    align-items: start;
    padding-top: 20px
  }
}

.modal-overlay-create-pool .createmodal-position {
  background-color: #1e2735;
  border-radius: 16px;
  color: #fff;
  max-width: 400px;
  padding: 16px;
  position: relative;
  width: 100%
}

@media screen and (max-height:650px) {
  .modal-overlay-create-pool .createmodal-position {
    margin: 10px
  }
}

.modal-overlay-create-pool .createmodal-position .head-createmodal {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.modal-overlay-create-pool .createmodal-position .head-createmodal .add-liquidity-title {
  align-items: center;
  display: flex;
  gap: 10px
}

.modal-overlay-create-pool .createmodal-position .head-createmodal .add-liquidity-title .backbutton {
  align-items: center;
  background-color: #0000;
  border: none;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.modal-overlay-create-pool .createmodal-position .head-createmodal .add-liquidity-title .backbutton svg {
  width: 24px
}

.modal-overlay-create-pool .createmodal-position .head-createmodal h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.modal-overlay-create-pool .createmodal-position .head-createmodal .close-button {
  align-items: center;
  background-color: #0e131a;
  border: none;
  border-radius: 40px;
  color: #c8d3e4;
  display: flex;
  flex-direction: column;
  height: 30px;
  justify-content: center;
  padding: 4px;
  width: 30px
}

.modal-overlay-create-pool .createmodal-position .toggle-container {
  align-items: center;
  background-color: #1e2538;
  border-radius: 14px;
  cursor: pointer;
  display: flex;
  height: 28px;
  padding: 2px;
  position: relative;
  transition: background-color .3s ease;
  width: 54px
}

.modal-overlay-create-pool .createmodal-position .toggle-container.active .toggle-circle {
  background-color: #2ecc40;
  transform: translateX(26px)
}

.modal-overlay-create-pool .createmodal-position .toggle-container.active .check {
  opacity: 1
}

.modal-overlay-create-pool .createmodal-position .toggle-circle {
  align-items: center;
  background-color: #888;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 14px;
  height: 24px;
  justify-content: center;
  left: 2px;
  position: absolute;
  top: 2px;
  transition: transform .3s ease, background-color .3s ease;
  width: 24px
}

.modal-overlay-create-pool .createmodal-position .toggle-circle .check {
  opacity: 0;
  transition: opacity .2s
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .btn.btn-primary {
  padding: 12px 20px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .switch-toggle-withdraw .switch {
  display: inline-block;
  height: 28px;
  position: relative;
  width: 54px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .switch-toggle-withdraw .switch input {
  height: 0;
  opacity: 0;
  width: 0
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .switch-toggle-withdraw .switch .slider {
  background-color: #1e2538;
  border-radius: 34px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .switch-toggle-withdraw .switch .slider.round:before {
  background-color: #888;
  border-radius: 50%;
  bottom: 2px;
  content: "";
  height: 24px;
  left: 2px;
  position: absolute;
  transition: .4s;
  width: 24px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .switch-toggle-withdraw .switch .slider .check {
  color: #fff;
  font-size: 14px;
  left: 8px;
  position: absolute;
  top: 3px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .switch-toggle-withdraw .switch input:checked+.slider {
  background-color: #1e2538
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .switch-toggle-withdraw .switch input:checked+.slider.round:before {
  background-color: #2ecc40;
  transform: translateX(26px)
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .switch-toggle-withdraw .switch input:checked+.slider .check {
  left: 34px;
  opacity: 1
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .networks-coins-dv .flex-networks-q img {
  border-radius: 38px;
  height: 38px;
  width: 38px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .networks-coins-dv .myposition-right-coins .my-position-usdc h3 {
  font-size: 18px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .withdrawal-amount-div {
  background-color: #121822;
  border-radius: 12px;
  color: #fff;
  margin-bottom: 16px;
  padding: 20px;
  text-align: center
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .withdrawal-amount-div p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .withdrawal-amount-div input {
  background-color: #0000;
  border: none;
  color: #fff;
  font-size: 70px;
  font-weight: 600;
  margin: 20px 0;
  outline: none;
  text-align: center;
  width: 100%
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .withdrawal-amount-div input::placeholder {
  color: #414e61
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .withdrawal-amount-div ul {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .withdrawal-amount-div ul li {
  background-color: #1e2735;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  padding: 3px 10px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .withdrawal-amount-div ul li.active,
.modal-overlay-create-pool .createmodal-position .create-modal-body .withdrawal-amount-div ul li:hover {
  background-color: #ff6717;
  color: #fff
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .token-modal-flex {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .token-modal-flex .token-modal-flex-left h2 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 6px
}

@media screen and (max-width:650px) {
  .modal-overlay-create-pool .createmodal-position .create-modal-body .token-modal-flex .token-modal-flex-left h2 {
    font-size: 14px;
    margin-bottom: 2px
  }
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .token-modal-flex .token-modal-flex-left span {
  background-color: #283d5f;
  border-radius: 6px;
  display: inline-block;
  font-size: 12px;
  padding: 2px 4px
}

@media screen and (max-width:650px) {
  .modal-overlay-create-pool .createmodal-position .create-modal-body .token-modal-flex .token-modal-flex-left span {
    font-size: 10px
  }
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .token-modal-flex .tokenicon {
  align-items: center;
  display: flex
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .token-modal-flex .tokenicon img {
  border-radius: 50%;
  height: 32px;
  width: 32px
}

@media screen and (max-width:650px) {
  .modal-overlay-create-pool .createmodal-position .create-modal-body .token-modal-flex .tokenicon img {
    height: 22px;
    width: 22px
  }
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .token-modal-flex .tokenicon .usdt-icn {
  margin-left: -15px;
  position: relative;
  z-index: 1
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .min-price-range-view ul {
  border-bottom: 1px solid #283d5f;
  display: flex;
  gap: 50px;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .min-price-range-view ul li label {
  color: #c8d3e4;
  display: block;
  font-size: 12px;
  margin-bottom: 2px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .min-price-range-view ul li h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .initial-price-modal {
  border-bottom: 1px solid #283d5f;
  margin-bottom: 20px;
  padding-bottom: 20px
}

@media screen and (max-width:650px) {
  .modal-overlay-create-pool .createmodal-position .create-modal-body .initial-price-modal {
    margin-bottom: 10px;
    padding-bottom: 10px
  }
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .initial-price-modal label {
  color: #c8d3e4;
  display: block;
  font-size: 12px;
  margin-bottom: 2px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .initial-price-modal h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .depositing-modal {
  border-bottom: 1px solid #283d5f;
  margin-bottom: 20px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .depositing-modal label {
  color: #c8d3e4;
  display: block;
  font-size: 12px;
  margin-bottom: 2px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .depositing-modal .depositing-one {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 100%
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .depositing-modal .depositing-one img {
  border-radius: 30px;
  height: 30px;
  min-width: 30px;
  width: 30px
}

@media screen and (max-width:650px) {
  .modal-overlay-create-pool .createmodal-position .create-modal-body .depositing-modal .depositing-one img {
    height: 22px;
    min-width: 22px;
    width: 22px
  }
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .depositing-modal .depositing-one .depositing-modal-left h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px
}

@media screen and (max-width:650px) {
  .modal-overlay-create-pool .createmodal-position .create-modal-body .depositing-modal .depositing-one .depositing-modal-left h3 {
    font-size: 16px
  }
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .Network-cost-modal {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .Network-cost-modal p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .withdraw-as-usdt {
  align-items: center;
  background-color: #121822;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  padding: 10px 16px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .withdraw-as-usdt p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .remove-liquidity-view {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .remove-liquidity-view p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .remove-liquidity-view .usdc-view-liquidity {
  align-items: center;
  color: #c8d3e4;
  display: flex;
  font-size: 14px;
  gap: 10px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .remove-liquidity-view .usdc-view-liquidity img {
  border-radius: 20px;
  height: 20px;
  width: 20px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-int {
  background-color: #121822;
  border-radius: 12px;
  color: #fff;
  margin-bottom: 12px;
  padding: 0 16px 16px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-int .p-flex-footer-addliquidity {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-int .p-flex-footer-addliquidity p {
  color: #c8d3e4;
  font-size: 12px;
  margin-bottom: 0
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-int .add-liquidity-int-inr {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-int .add-liquidity-int-inr .add-liquidity-int-left input {
  background-color: #0000;
  border: none;
  color: #fff;
  display: block;
  font-size: 30px;
  font-weight: 500;
  outline: none;
  padding: 4px 0;
  width: 100%
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-int .add-liquidity-int-inr .add-liquidity-int-left input::placeholder {
  color: #515b6a
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-int .add-liquidity-int-inr .add-liquidity-int-right .addliquidity-icn {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  gap: 8px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-int .add-liquidity-int-inr .add-liquidity-int-right .addliquidity-icn img {
  width: 20px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-view-value {
  align-items: center;
  border-bottom: 1px solid #283d5f;
  display: flex;
  justify-content: space-between;
  padding: 10px 0
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-view-value.no-border {
  border: none
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-view-value .add-liquidity-view-value-left h2 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 5px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-view-value .add-liquidity-view-value-left p {
  color: #c8d3e4;
  font-size: 12px;
  margin-bottom: 0
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-view-value .add-liquidity-view-value-left h6 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-view-value .add-liquidity-view-value-left h6 span {
  color: #c8d3e4
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-view-value .add-liquidity-view-value-right {
  align-items: center;
  display: flex;
  font-size: 24px;
  gap: 10px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .add-liquidity-view-value .add-liquidity-view-value-right img {
  border-radius: 30px;
  height: 30px;
  width: 30px
}

.modal-overlay-create-pool .createmodal-position .create-modal-body .collect-fees-mdl-content .add-liquidity-view-value {
  border-bottom: none
}

.modal-overlay-create-pool .approve-create-pool {
  background-color: #1e2735;
  border-radius: 16px;
  color: #fff;
  max-width: 380px;
  padding: 24px;
  position: relative;
  width: 100%
}

@media screen and (max-width:650px) {
  .modal-overlay-create-pool .approve-create-pool {
    height: 170px;
    overflow: auto
  }
}

.modal-overlay-create-pool .approve-create-pool .approve-timeline-ul {
  position: relative
}

.modal-overlay-create-pool .approve-create-pool .approve-timeline-ul:after {
  background-color: #313f57;
  content: "";
  display: block;
  height: 100%;
  left: 14px;
  position: absolute;
  top: 0;
  width: 1px
}

.modal-overlay-create-pool .approve-create-pool .approve-timeline-ul .approve-timeline {
  align-items: center;
  display: flex;
  gap: 15px;
  margin-bottom: 24px
}

@media screen and (max-width:650px) {
  .modal-overlay-create-pool .approve-create-pool .approve-timeline-ul .approve-timeline {
    margin-bottom: 14px
  }
}

.modal-overlay-create-pool .approve-create-pool .approve-timeline-ul .approve-timeline:last-child {
  margin-bottom: 0
}

.modal-overlay-create-pool .approve-create-pool .approve-timeline-ul .approve-timeline h5 {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0
}

.modal-overlay-create-pool .approve-create-pool .approve-timeline-ul .approve-timeline img {
  height: 30px;
  position: relative;
  width: 30px;
  z-index: 1
}

.networks-coins-dv {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 16px;
  margin-bottom: 20px
}

@media screen and (max-width:1299px) {
  .networks-coins-dv {
    gap: 8px
  }
}

.networks-coins-dv .flex-networks-q {
  align-items: center;
  display: flex
}

.networks-coins-dv .flex-networks-q img {
  border-radius: 40px;
  height: 40px;
  width: 40px
}

@media screen and (max-width:1199px) {
  .networks-coins-dv .flex-networks-q img {
    height: 24px;
    width: 24px
  }
}

.networks-coins-dv .flex-networks-q .usdt-coin-ntwrks {
  margin-left: -10px;
  position: relative;
  z-index: 1
}

.networks-coins-dv span {
  background-color: #283d5f;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding: 2px 7px
}

@media screen and (max-width:991px) {
  .networks-coins-dv span {
    font-size: 10px
  }
}

.networks-coins-dv h3 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 0
}

@media screen and (max-width:1199px) {
  .networks-coins-dv h3 {
    font-size: 12px
  }
}

.networks-coins-dv .myposition-right-coins .my-position-usdc {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 16px
}

.networks-coins-dv .myposition-right-coins .layeronex-position {
  align-items: center;
  display: flex;
  gap: 16px
}

@media screen and (max-width:991px) {
  .networks-coins-dv .myposition-right-coins .layeronex-position {
    display: none
  }
}

.networks-coins-dv .myposition-right-coins .layeronex-position p {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 0
}

.switchtoggle-modal {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  gap: 10px
}

.switchtoggle-modal .switch {
  display: inline-block;
  height: 24px;
  position: relative;
  width: 50px
}

.switchtoggle-modal .switch input {
  display: none
}

.switchtoggle-modal .switch .slider {
  background-color: #1e2735;
  border-radius: 34px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color .4s
}

.switchtoggle-modal .switch .slider:before {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  bottom: 2px;
  content: "";
  display: flex;
  font-size: 14px;
  height: 20px;
  justify-content: center;
  left: 2px;
  position: absolute;
  transition: transform .4s, background-color .4s;
  width: 20px
}

.switchtoggle-modal .switch .slider .checkmarks {
  color: #fff;
  display: none;
  font-size: 14px
}

.switchtoggle-modal .switch input:checked+.slider {
  background-color: #1e2735
}

.switchtoggle-modal .switch input:checked+.slider:before {
  background-color: #21b516;
  transform: translateX(26px)
}

.switchtoggle-modal .switch input:checked+.slider .checkmarks {
  align-items: center;
  bottom: 3px;
  display: flex;
  flex-direction: column;
  height: 20px;
  justify-content: center;
  left: 28px;
  position: absolute;
  width: 20px
}

.switchtoggle-modal .switch input:checked+.slider .checkmarks svg {
  width: 16px
}

@media screen and (max-width:1024px) {
  .overalForMobSwap {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 9999
  }
}

.overalForMobSwap {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: none
}

@media screen and (max-width:1024px) {
  .overalForMobSwap {
    display: block
  }
}

.swap-dex-pool-div {
  color: #fff
}

@media screen and (max-width:1024px) {
  .swap-dex-pool-div {
    bottom: 0;
    display: none;
    left: 0;
    right: 0;
    z-index: 9999
  }
}

.mobile-swap-container .swap-dex-pool-div {
  display: block
}

.overalForMobSwap {
  background-color: #00000080;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: all .3s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 9998
}

.overalForMobSwap.show {
  opacity: 1;
  visibility: visible
}

.mobile-swap-container {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  transform: translateY(100%);
  transition: transform .3s ease-in-out;
  z-index: 9999
}

.mobile-swap-container .swap-dex-pool-div {
  background: #1a1f2e;
  border-radius: 20px 20px 0 0;
  bottom: auto;
  box-shadow: 0 -4px 20px #0000004d;
  left: auto;
  margin: 0;
  padding: 20px;
  position: relative;
  right: auto;
  transform: translateY(0)
}

.mobile-swap-container .swap-dex-pool-div:before {
  background: #4a5568;
  border-radius: 2px;
  content: "";
  height: 4px;
  left: 50%;
  position: absolute;
  top: 10px;
  transform: translateX(-50%);
  width: 40px
}

.mobile-swap-container.show {
  transform: translateY(0)
}

.mobile-swap-close-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10000
}

.mobile-swap-close-btn .close-mobile-swap {
  align-items: center;
  background: #ffffff1a;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  transition: background-color .2s ease;
  width: 32px
}

.mobile-swap-close-btn .close-mobile-swap:hover {
  background: #fff3
}

.mobile-swap-close-btn .close-mobile-swap svg {
  color: #fff;
  height: 18px;
  width: 18px
}

@media screen and (max-width:1024px) {
  .total-quantum-sidebar {
    margin-bottom: 0 !important;
    padding: 16px
  }
}

.total-quantum-sidebar .btn.btn-primary {
  background-color: #ff5801;
  border: 1px solid #ff5801;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 30px;
  width: 100%
}

.total-quantum-sidebar .btn.btn-primary:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #101825
}

.total-quantum-sidebar .sell-swap-master {
  background-color: #101825;
  border: 1px solid #202e41;
  border-radius: 12px;
  margin-bottom: 8px;
  padding: 16px;
  position: relative
}

.total-quantum-sidebar .sell-swap-master.buy-master-div {
  background-color: #192639;
  border: 1px solid #18212f;
  margin-bottom: 20px
}

.total-quantum-sidebar .sell-swap-master label {
  color: #c8d3e4;
  display: block;
  font-size: 14px;
  margin-bottom: 5px
}

.total-quantum-sidebar .sell-swap-master .input-section-master {
  align-items: center;
  display: flex;
  gap: 10px
}

.total-quantum-sidebar .sell-swap-master .input-section-master input {
  background-color: #0000;
  border: none;
  color: #fff !important;
  display: block;
  font-size: 26px;
  font-weight: 400;
  outline: none;
  padding: 5px 0;
  width: 100%
}

.total-quantum-sidebar .sell-swap-master .input-section-master input:disabled {
  color: #fff !important
}

.total-quantum-sidebar .sell-swap-master .input-section-master input::placeholder {
  color: #3b4b62
}

.total-quantum-sidebar .sell-swap-master .sell-p-bottom {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.total-quantum-sidebar .sell-swap-master .sell-p-bottom p {
  color: #c8d3e4;
  font-size: 12px;
  margin-bottom: 0
}

.total-quantum-sidebar .sell-swap-master .sell-p-bottom p.dollarConverterSpace {
  background: #27364c;
  border-radius: 20px;
  cursor: pointer;
  line-height: 12px;
  margin-left: -4px;
  padding: 4px 8px
}

.total-quantum-sidebar .sell-swap-master .sell-p-bottom p.dollarConverterSpace:hover {
  background: #27364c
}

.total-quantum-sidebar .sell-swap-master .dropdown-master-swap {
  position: relative
}

.total-quantum-sidebar .sell-swap-master .dropdown-master-swap .dropdown-master-swap-head {
  align-items: center;
  background-color: #27364c;
  border-radius: 30px;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  gap: 10px;
  justify-content: space-between;
  padding: 4px 8px
}

.total-quantum-sidebar .sell-swap-master .dropdown-master-swap .dropdown-master-swap-head .flex-wbtc {
  align-items: center;
  display: flex;
  gap: 5px
}

.total-quantum-sidebar .sell-swap-master .dropdown-master-swap .dropdown-master-swap-head .flex-wbtc img {
  border-radius: 20px;
  height: 20px;
  width: 20px
}

.total-quantum-sidebar .sell-swap-master .dropdown-master-swap .dropdown-master-swap-head svg {
  color: #c8d3e4;
  width: 18px
}

.total-quantum-sidebar .sell-swap-master .dropdown-master-swap ul {
  background-color: #101825;
  border: 1px solid #202e41;
  border-radius: 12px;
  left: 0;
  padding: 16px 0;
  position: absolute;
  top: 40px;
  width: 200px;
  z-index: 3
}

.total-quantum-sidebar .sell-swap-master .dropdown-master-swap ul li {
  align-items: center;
  color: #c8d3e4;
  cursor: pointer;
  display: flex;
  gap: 5px;
  padding: 10px
}

.total-quantum-sidebar .sell-swap-master .dropdown-master-swap ul li img {
  width: 20px
}

.total-quantum-sidebar .sell-swap-master .dropdown-master-swap ul li:hover {
  background-color: #192639;
  color: #fff
}

.total-quantum-sidebar .sell-swap-master .dex-btn-downarrow {
  align-items: center;
  background-color: #27364c;
  border: 2px solid #121822;
  border-radius: 8px;
  bottom: -24px;
  display: flex;
  flex-direction: column;
  height: 40px;
  justify-content: center;
  left: 0;
  margin: 0 auto;
  padding: 4px;
  position: absolute;
  right: 0;
  transition: transform .1s ease, box-shadow .1s ease;
  width: 40px;
  z-index: 1
}

.total-quantum-sidebar .sell-swap-master .dex-btn-downarrow svg {
  color: #c8d3e4;
  width: 20px
}

.total-quantum-sidebar .sell-swap-master .dex-btn-downarrow:focus {
  box-shadow: 0 0 6px #1e293b;
  transform: scale(.94)
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.liquiditySuccess .l1x-modal-body {
  background: #1e2735;
  color: #fff;
  margin: 0 auto;
  max-width: 400px
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content img {
  width: 100px
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content .liquidityAmount {
  background: #1e2735;
  border: 1px solid #3d4b61;
  border-radius: 12px;
  color: #fff;
  padding: 12px;
  position: relative;
  z-index: 1
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content .liquidityAmount .amountSpace img {
  border-radius: 30px;
  height: 30px;
  margin-right: 8px;
  width: 30px
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content .liquidityAmount .amountSpace h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content .liquidityAmount .amountSpace h5 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 2px
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content .liquidityAmount .amountSpace p {
  color: #c8d3e4;
  font-size: 12px;
  margin-bottom: 0
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content .liquidityAmount .amountSpace.border-bottom {
  border-bottom: 1px solid #3d4b61 !important
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content .liquidityAmount .plusValue {
  background: #4fd71026;
  border-radius: 20px;
  color: #19be48;
  font-size: 14px;
  font-weight: 500;
  padding: 2px 10px
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content .dollarValue {
  align-items: center;
  background: #303c4e;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  margin-top: -10px;
  padding: 22px 16px 12px
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content .dollarValue p {
  font-size: 14px;
  margin-bottom: 0
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content .dollarValue p.font-600 {
  font-weight: 600
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content .offButton {
  background: #283d5f;
  color: #fff;
  width: 100%
}

.liquiditySuccess .l1x-modal-body .l1x-modal-content .offButton:hover {
  background: #354d73
}

.ProcessIcon {
  align-items: center;
  background: #313f57;
  border-radius: 30px;
  color: #fff;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  min-height: 30px;
  min-width: 30px;
  position: relative;
  width: 30px;
  z-index: 9
}

@media screen and (max-width:650px) {
  .ProcessIcon {
    height: 20px;
    min-height: 20px;
    min-width: 20px;
    width: 20px
  }
}

.ProcessIcon svg {
  margin: 0;
  width: 20px
}

@media screen and (max-width:650px) {
  .ProcessIcon svg {
    width: 14px
  }
}

.ProcessIcon.TransferIcon {
  background: #313f57;
  color: #6c7e9b
}

.ProcessIcon.ProceesComplete {
  background: #21b516;
  color: #fff
}

.animate-spin {
  animation: spin 1s linear infinite
}

@keyframes spin {
  to {
    transform: rotate(1turn)
  }
}

.uncollectedFees {
  background: #303c4e;
  border-radius: 12px;
  padding: 16px
}

.uncollectedFees p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 5px
}

.uncollectedFees .feesAmount {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 10px 0
}

.uncollectedFees .feesAmount img {
  border-radius: 24px;
  height: 24px;
  margin-right: 10px;
  width: 24px
}

.uncollectedFees .feesAmount p {
  font-size: 16px;
  font-weight: 500
}

.uncollectedFees .feesAmount p.feesSpace {
  color: #fff;
  font-size: 14px
}

.uncollectedFees .feesAmount p.feesSpace span {
  color: #8f9cb2;
  font-size: 12px
}

.nextSlot {
  background: linear-gradient(91deg, #7900ff -7.75%, #8a0de2 -.31%, #a824ad 14.99%, #c3397f 30.47%, #d9495a 45.84%, #e9563c 61.07%, #f56028 76.13%, #fd651b 90.95%, #ff6717 105.23%);
  border-radius: 6px;
  display: block;
  padding: 8px 12px;
  width: 270px
}

.nextSlot p {
  font-size: 14px;
  font-weight: 400;
  line-height: 13px;
  margin-bottom: 2px
}

.nextSlot .date {
  display: inline-block;
  font-size: 14px;
  font-weight: 600
}

.nextSlot .applySlot {
  background: #fff;
  border-radius: 30px;
  color: #080300 !important;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  padding: 6px 10px
}

.betaProgress {
  align-items: center;
  background: #313e53;
  border-radius: 6px;
  color: #fff;
  display: flex;
  gap: 8px;
  margin-left: 12px;
  min-width: 230px;
  padding: 6px 10px 6px 6px
}

.betaProgress .betaTitle {
  background: linear-gradient(270deg, #ff6717 -13.98%, #fc651b 1.66%, #f55f27 17.3%, #e9563c 32.93%, #d84959 49.77%, #c2387f 65.41%, #a824ac 82.24%, #890ce2 97.88%, #7900ff 106.3%);
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 8px
}

.betaProgress p {
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  margin-bottom: 0
}

.betaProgress svg {
  width: 16px
}

.betaProgress .progress {
  height: 6px;
  min-width: 150px;
  width: 100%
}

.betaProgress .progress .progress-bar {
  background-color: #21b516
}

.betaProgress .react-tooltip {
  background: #000;
  max-width: 300px
}

.betaProgress .roadMapRelease {
  background: #fff;
  border-radius: 30px;
  color: #000;
  font-size: 13px;
  margin-left: 10px;
  padding: 5px 12px
}

.roadMapModal {
  overflow: auto;
  padding: 20px
}

@media screen and (max-height:650px) {
  .roadMapModal {
    align-items: flex-start
  }
}

.roadMapModal .l1x-modal-body {
  background: #1e2735
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox {
  align-items: stretch;
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
  position: relative
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox:last-child {
  margin-bottom: 0
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox:last-child:after {
  display: none
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox:after {
  border-image: repeating-linear-gradient(180deg, #fff 0, #fff 5px, #0000 0, #0000 10px);
  border-image-slice: 1;
  border-left: 1px solid #0000;
  content: "";
  height: 100%;
  left: 20px;
  opacity: .5;
  position: absolute;
  top: 20px;
  width: 1px;
  z-index: 1
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .roadIcon {
  align-items: center;
  background: #253248;
  border: 2px solid #283d5f;
  border-radius: 40px;
  color: #fff;
  display: flex;
  font-size: 20px;
  height: 40px;
  justify-content: center;
  min-width: 40px;
  position: relative;
  width: 40px;
  z-index: 2
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .roadIcon svg {
  height: 24px;
  width: 24px
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .roadIcon.completed {
  background: #21b516;
  box-shadow: 0 0 0 4px color(srgb .13 .71 .09/.31)
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .roadIcon.inProcess {
  background: #2f67f7
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .roadIcon.pending {
  background: #f7d71d;
  color: #000
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .roadmapContent {
  background: #253248;
  border: 1px solid #253248;
  border-radius: 12px;
  padding: 12px;
  width: 100%
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .roadmapContent p {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .roadmapContent ul {
  display: block
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .roadmapContent ul li {
  font-size: 14px;
  font-weight: 400;
  opacity: .8
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .roadmapContent .roadBadge {
  background: #344b70;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 12px;
  text-transform: uppercase
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .roadmapContent .roadBadge.completed {
  background: #21b516
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .roadmapContent .roadBadge.inprogress {
  background: #f7d71d;
  color: #080300
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .hasRocket {
  position: relative
}

.roadMapModal .l1x-modal-body .l1x-modal-content .roadMapBox .hasRocket .processingIcon {
  bottom: 0;
  height: 50px;
  left: -5px;
  margin: auto 0;
  position: absolute;
  top: 100px;
  transform: translateY(-50%);
  width: 50px;
  z-index: 10
}

@keyframes pulse-animation02 {
  0% {
    box-shadow: 0 0 0 0 #21b51680
  }

  to {
    box-shadow: 0 0 0 10px #21b51600
  }
}

.price-Details .priceSpace {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.price-Details .priceSpace p {
  color: #9bafca;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0
}

.price-Details .priceSpace p.impactValue {
  color: #ef2222;
  font-weight: 500 !important
}

.price-Details .priceSpace p.priceValue {
  color: #fff;
  font-weight: 500 !important
}

.tokenInQueue {
  align-items: center;
  background: #1e2735;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  gap: 12px;
  height: 60px;
  padding-left: 12px
}

.tokenInQueue img {
  width: 44px
}

.tokenInQueue .queueLabel {
  padding: 12px 4px
}

.tokenInQueue .queueLabel p {
  font-size: 16px;
  line-height: 14px;
  margin-bottom: 2px
}

.tokenInQueue .queueLabel img {
  height: 12px
}

.tokenInQueue .tokanCount {
  align-items: center;
  background: #e3a51a;
  display: flex;
  height: 100%;
  height: 60px;
  justify-content: center;
  padding: 6px 12px
}

.tokenInQueue .tokanCount h3 {
  color: #000;
  font-size: 32px;
  font-weight: 800;
  line-height: 24px;
  margin-bottom: 0
}

.max500Height {
  max-height: 600px
}

.hasNoScroll::-webkit-scrollbar,
.max500Height::-webkit-scrollbar {
  display: none
}

.text-green {
  color: #4fd710
}

.skeleton-loader {
  border-radius: 100px !important
}

.circleSkeleton {
  border-radius: 100px
}

.skeletonForMyPosition {
  background: #15202b;
  border-radius: 16px;
  padding: 20px
}

.proposedTokenomicsLink {
  background: #0000;
  border: 1px solid #fc651d;
  border-radius: 30px;
  color: #fc651d;
  font-size: 14px;
  padding: 8px 16px
}

.proposedTokenomicsLink:hover {
  background: #fc651d;
  color: #fff
}

.proposedTokenomicsLink svg {
  margin-left: 8px;
  transform: rotate(-45deg);
  width: 20px
}

#tv-attr-logo {
  display: none !important
}

.fees-Details .feeHead {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.fees-Details .feeHead p {
  color: #bec5d0;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0
}

.fees-Details .feeHead .feeHeadRight {
  align-items: center;
  color: #bec5d0;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px
}

.fees-Details .feeHead .feeHeadRight svg {
  width: 16px
}

.fees-Details .feeContents {
  grid-gap: 10px;
  border-top: 1px solid #384457;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 16px;
  padding-top: 10px
}

.fees-Details .feeContents p {
  color: #bec5d0;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0
}

.fees-Details .feeContents p:nth-child(2),
.fees-Details .feeContents p:nth-child(4),
.fees-Details .feeContents p:nth-child(6) {
  color: #fff;
  text-align: right
}

.fees-Details .feeContents p.impactValue {
  color: #ef2222
}

.promoContentForLaunch {
  align-items: center;
  background: linear-gradient(270deg, #ea5709 -1.95%, #db4329 38.82%, #d84959 53.46%, #c2387f 67.05%, #a824ac 81.69%, #890ce2 95.28%, #7900ff 102.6%);
  border-radius: 8px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  padding: 8px;
  position: relative
}

.promoContentForLaunch .newProjectBadge {
  background: #ff191b;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  left: 16px;
  line-height: 20px;
  padding: 4px 10px;
  position: absolute;
  top: -22px
}

.promoContentForLaunch .tokenPair img {
  border-radius: 50px;
  height: 50px;
  width: 50px
}

.promoContentForLaunch .tokenPair img:last-child {
  margin-left: -10px
}

.promoContentForLaunch .tokeTitle h2 {
  font-size: 22px;
  font-size: 600;
  margin-bottom: 4px
}

.promoContentForLaunch .tokeTitle p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0
}

.promoContentForLaunch .launchDate p {
  font-size: 13px;
  margin-bottom: 4px;
  text-transform: uppercase
}

.promoContentForLaunch .launchDate h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0
}

.promoContentForLaunch .tokeSpace {
  background: #fff;
  border-radius: 6px;
  color: #000;
  padding: 2px 10px
}

.promoContentForLaunch .tokeSpace span {
  align-items: center;
  background: #f1f4f9;
  border-radius: 50px;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  padding: 2px;
  width: 30px
}

.promoContentForLaunch .tokeSpace span img {
  width: 30px
}

.promoContentForLaunch .tokeSpace .queueLabel p {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 2px
}

.promoContentForLaunch .tokeSpace .queueLabel img {
  width: 40px
}

.promoContentForLaunch .tokeSpace h3 {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: .5px;
  margin-bottom: 0
}

.promoContentForLaunch .verticalSeperator {
  background: #fff;
  display: inline-block;
  height: 50px;
  opacity: .5;
  width: 1px
}

.tokeSpace {
  background: #fff;
  border-radius: 6px;
  color: #000;
  padding: 2px 10px
}

.tokeSpace span {
  align-items: center;
  background: #f1f4f9;
  border-radius: 50px;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  padding: 2px;
  width: 30px
}

.tokeSpace span img {
  width: 30px
}

.tokeSpace .queueLabel p {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 2px
}

.tokeSpace .queueLabel img {
  width: 40px
}

.tokeSpace h3 {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: .5px;
  margin-bottom: 0
}

#mktToolTip,
#tvlToolTip {
  max-width: 300px;
  z-index: 9
}

.gridFor2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.gridFor2 .total-view-div {
  border: 1px solid #1e2736;
  padding: 20px
}

.gridFor2 .react-tooltip {
  background: #000;
  color: #fff;
  opacity: 1;
  z-index: 999
}

.valueWrapper {
  border-radius: 12px;
  overflow: hidden
}

.valueWrapper .total-quantum-sidebar {
  border-bottom: 0;
  border-radius: 0;
  margin-bottom: 0
}

.tabsForPools {
  align-items: center;
  background: #0000;
  border: 1px solid #2c3d59;
  border-radius: 40px;
  display: inline-flex;
  padding: 2px
}

.tabsForPools .btn {
  background: #0000;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 6px 16px
}

@media screen and (max-width:1299px) {
  .tabsForPools .btn {
    font-size: 12px
  }
}

.tabsForPools .btn.active {
  background: #fd651b;
  color: #fff
}

.tabsForPools .btn:hover {
  color: #fff
}

.token-addr-div .tokenAddress {
  color: #c8d3e4;
  display: block;
  font-size: 12px
}

.text-success {
  color: #4fd710 !important
}

.text-danger {
  color: #ef4422 !important
}

.loadIndicators {
  align-items: center;
  display: flex;
  gap: 10px;
  max-width: 300px;
  width: 100%
}

@media screen and (max-width:1299px) {
  .loadIndicators {
    max-width: 220px
  }
}

.loadIndicators img {
  width: 30px
}

.loadIndicators .loanProgress {
  height: 10px;
  position: relative;
  width: 100%
}

.loadIndicators .loanProgress .loadProgressBar {
  border-radius: 30px;
  display: flex;
  height: 100%
}

.loadIndicators .loanProgress .loadProgressBar .badgeState {
  display: block;
  height: 10px;
  width: 25%
}

.loadIndicators .loanProgress .loadProgressBar .badgeState.coolOff {
  background: #2f67f7
}

.loadIndicators .loanProgress .loadProgressBar .badgeState.lowRisk {
  background: #21b516;
  opacity: .3
}

.loadIndicators .loanProgress .loadProgressBar .badgeState.midRisk {
  background: #fabf3c;
  opacity: .3
}

.loadIndicators .loanProgress .loadProgressBar .badgeState.highRisk {
  background: #e5352f;
  opacity: .3
}

.loadIndicators .loanProgressTooltip {
  background: #192639;
  border-radius: 6px;
  left: -20%;
  padding: 4px 10px;
  position: absolute;
  top: -40px;
  width: auto;
  z-index: 2
}

@media screen and (max-width:991px) {
  .loadIndicators .loanProgressTooltip {
    font-size: 10px
  }
}

.loadIndicators .loanProgressTooltip:after {
  background: #192639;
  bottom: -8px;
  content: "";
  height: 14px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%) rotate(45deg);
  width: 14px;
  z-index: -1
}

.loadIndicators .infoModalCTA {
  border-bottom: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  white-space: nowrap;
  width: 110px
}

@media screen and (max-width:991px) {
  .loadIndicators .infoModalCTA {
    white-space: nowrap;
    width: auto
  }
}

.l1x-modal.poolInfoIndicator {
  align-items: flex-start;
  padding: 20px
}

@media screen and (max-width:767px) {
  .l1x-modal.poolInfoIndicator {
    align-items: normal
  }
}

.l1x-modal.poolInfoIndicator .l1x-modal-body {
  max-width: 1000px;
  width: 100%
}

@media screen and (max-width:767px) {
  .l1x-modal.poolInfoIndicator .l1x-modal-body {
    overflow: auto
  }
}

.l1x-modal.poolInfoIndicator .l1x-modal-body .l1x-modal-content .border-right {
  border-color: #46546d
}

.l1x-modal.poolInfoIndicator .l1x-modal-body .l1x-modal-content .l1x-modal-content-item h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px
}

.l1x-modal.poolInfoIndicator .l1x-modal-body .l1x-modal-content .l1x-modal-content-item p {
  color: #c8d3e4;
  font-size: 14px
}

.l1x-modal.poolInfoIndicator .l1x-modal-body .l1x-modal-content .l1x-modal-content-item ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.l1x-modal.poolInfoIndicator .l1x-modal-body .l1x-modal-content .l1x-modal-content-item ul li h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px
}

.l1x-modal.poolInfoIndicator .l1x-modal-body .l1x-modal-content .l1x-modal-content-item ul li p {
  color: #c8d3e4;
  font-size: 14px
}

.l1x-modal.poolInfoIndicator .l1x-modal-body .l1x-modal-content .l1x-modal-content-item .loan-repayment-info {
  background: #ffedb5;
  border: 1px solid #46546d;
  border-radius: 6px;
  margin-top: 10px;
  padding: 10px
}

.l1x-modal.poolInfoIndicator .l1x-modal-body .l1x-modal-content .l1x-modal-content-item .loan-repayment-info p {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0
}

.riskParameters img {
  width: 20px
}

.riskParameters .riskCategory {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 600
}

.riskParameters .coolOffPeriod {
  background: #2f67f7
}

.riskParameters .LowRisk,
.riskParameters .coolOffPeriod {
  border-radius: 6px;
  color: #fff;
  font-size: 12px;
  padding: 2px 10px
}

.riskParameters .LowRisk {
  background: #21b516
}

.riskParameters .MediumRisk {
  background: #fabf3c;
  border-radius: 6px;
  color: #000;
  font-size: 12px;
  padding: 2px 10px
}

.riskParameters .HighRisk {
  background: #e5352f;
  border-radius: 6px;
  color: #fff;
  font-size: 12px;
  padding: 2px 10px
}

.range-slider {
  margin-top: 20px
}

.input-wrapper {
  display: inline-block;
  position: relative;
  width: 100%
}

.input-wrapper .currency-symbol {
  color: #c8d3e4;
  font-size: inherit;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}

.input-wrapper .userInputAmount {
  padding-left: 25px;
  text-indent: 0
}

.btnLoadMore {
  background: #fd651b;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 20px
}

.btnLoadMore:active,
.btnLoadMore:focus,
.btnLoadMore:focus-visible,
.btnLoadMore:focus-within,
.btnLoadMore:hover,
.btnLoadMore:target {
  background: #fd651b;
  color: #fff
}

.poolSearchArea {
  min-width: 250px
}

@media screen and (max-width:1299px) {
  .poolSearchArea {
    min-width: 150px
  }
}

.poolSearchArea {
  min-width: 300px;
  position: relative
}

.poolSearchArea input {
  background: #121822;
  border: 1px solid #2b374a;
  color: #fff;
  font-size: 15px;
  padding: 8px 16px
}

.poolSearchArea input:focus {
  border: 1px solid #436bed;
  color: #fff
}

.poolSearchArea input::placeholder {
  color: #fff;
  opacity: .5
}

.poolSearchArea span {
  color: #3d4b60;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.poolSearchArea span svg {
  width: 20px
}

.quick-fill-buttons {
  align-items: center;
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  margin-left: -4px;
  width: calc(100% + 4px)
}

.quick-fill-buttons .quick-btn {
  border: 1px solid #192638;
  border-radius: 30px;
  color: #fff;
  font-size: 13px;
  padding: 2px 8px
}

.quick-fill-buttons .quick-btn.active {
  background: #fd6519
}

.launch-pool-liquidity-banner {
  align-items: center;
  background: #992b6c;
  background: linear-gradient(90deg, #8a0de2, #fa631f);
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-right: 10px;
  max-width: 290px;
  padding: 10px 12px;
  position: relative;
  width: 100%
}

@media screen and (max-width:1199px) {
  .launch-pool-liquidity-banner {
    display: none
  }
}

.launch-pool-liquidity-banner p {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .3px;
  line-height: 1.3;
  margin-bottom: 0
}

.launch-pool-liquidity-banner p span {
  color: #e5ff00;
  display: inline-block;
  font-weight: 700
}

.launch-pool-liquidity-banner:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALIAAAA8CAYAAADCMODAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATRSURBVHgB7Z1Nb9tGEIZn+aUPhzIiV0pcMIEOMoqmgHMwihY9xT+gf7T9BTkph6JoDz0YgdMCNoIAEeCKrGTIrCVRosRqZTQncncRrgRn8z4Aoct4dub1gKJmVyMiCRcXWYVfIpteL3POzv7eIwm/XQwbMpuXaz+9Xs+hHcX00/m59+v79zUdvlTyywMal8/PIgAMAIUMjIDxW7rIoNLtu/w1uQwWRTbtNlkhRR6FrZnIVy0Y1af95kRkQ+2o2qbWPAxpRTuIqdMh5/XwyvLjw3lZX0r55QCNy+fHZM8lccXe3LX9ZFmYtONY7NpmTGTDmdZduzZZLGXrObbFSEK6XGU6YlKx4zaxZyu9e8nyywMal9dYmsz/D/xHRywpsuF39WZzUHn+/PGtyBd/UP/+6OBGZMM/iOyv/xkk4YCaiY6Y+AeRoNGwf3jyZCryxe8EpIAsvzygcXmN8YwMjACFDIwAhQyMAIUMjACFDIwAhQyMAIUMjIC9lGyIBId3jfP+1SorsvHWzWx33fC+lTTGee9yLGnW7yk26/395UpHTKr51RSb9eOP2BCBxuU1drzRn4nwj5rdzValN7oUbFW+sGJ7VN2vW9Imu2y97tcvKsMhLcLwlWD7tOuOE3lMtIy8hWQ9rx7Ybye+UIeNr3nkheG5ZPv0uC7LLw9oXF5jbTt7una++DsED/T09DSlkjHp3HXStauWBzQurzGekYERoJCBEaCQgRGgkIERoJCBEaCQgRGwX/6KfNKASoOdw791QDuCx6RrPRVfOtcr8q9i9zlqzLIsE96V370jj792OlT4fauf37xxvkoP3OPjR1ORr98vRw++6zb/FdkMBlTr92l+ckLLsjE99R5XSYFwnKQ/nhzORL505ZcHNC6fn8UYW4muNKWMXyKbVvhss0Mk86Vic7ZWOY5fZbpiUuGLR8ud5QeNt5MfnpGBEaCQgRGgkIERoJCBEaCQgRHcy4P1i2WWzdPi9XQf1NZ1gFwlvzygcfn8tB2sVzlgTXX5wfMPh75HxYe+lWNSOKgdBIH99krh0Lem/PKAxtvXGLN7CfORy8aE+cgAKIJCBkaAQgZGgEIGRoBCBkbAZJ8mk5vKZo5CpZEU9ib/Gdis+cC1rb1ZKvJlzeruqjpZiGxWt1WH9xL95mK1i5g6dsCuncgaJ7vJLw9oXD4/p39zI2yeV6cPN43xiIrtvj14Zk0mkXUu8fXUq7uy9b60q85mmvqseKJ6zbs736ojJmr07Thys7Ej9jVIRw6tRSQJsvzygMblNcZPL+CnFwrBTy8AsGNQyMAIUMjACFDIwAhQyMAIUMjACCw+10J0OQ4xfolsfP8PNnIsJvPFF1SxUUFXTN/QXTNe5ks1Ltl60Hg7Gt+7SUPbntazTT6VSUMmaoyJ9ZhYXyomTKwHQCMoZGAEKGRgBChkYAQoZGAEKGRgBIy3PUQGlW5/c9A5uQwEgzrIir2R0sDnab85ERq0o2qbWvMwpFXZmEKKPApbwuEhnQ45r4dXlh8fzsv64u0xaX45QOPyGjPZUIy4cjcSyReMMnLWuzvXNmO+ZNzRtO7aNck4J77ew2WWpYJxTqoxxYrjnHiDfVf55QGNy+d3L78hoqtZr7qBwL8D9ilsiEBjbIgAw/kPPyLZlvjk7wEAAAAASUVORK5CYII=);
  background-position: 100%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.launch-pool-liquidity-banner .get-started {
  background-color: #fff;
  border-radius: 30px;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 14px;
  white-space: nowrap
}

.btn-table-pool {
  display: none
}

@media screen and (max-width:767px) {
  .btn-table-pool {
    bottom: 0;
    display: block;
    height: 40px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 198px)
  }

  .btn-table-pool .leftarrow-table-clm {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 30px;
    bottom: 0;
    box-shadow: 7px 3px 22px #00000096;
    display: flex;
    height: 24px;
    justify-content: center;
    left: 10px;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 24px;
    z-index: 2
  }

  .btn-table-pool .leftarrow-table-clm svg {
    color: #000;
    width: 16px
  }

  .btn-table-pool .rightarrow-table-clm {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 30px;
    bottom: 0;
    box-shadow: 7px 3px 22px #00000096;
    display: flex;
    height: 24px;
    justify-content: center;
    margin: auto 0;
    position: absolute;
    right: 10px;
    top: 0;
    width: 24px;
    z-index: 2
  }

  .btn-table-pool .rightarrow-table-clm svg {
    color: #000;
    width: 16px
  }
}

@media screen and (max-width:768px) {
  .swap-overlay-for-mobile {
    display: none
  }

  .swap-overlay-for-mobile.active {
    display: block
  }
}

.swap-overlay-for-mobile .overlay-for-responsive {
  display: none
}

@media screen and (max-width:768px) {
  .swap-overlay-for-mobile .overlay-for-responsive {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-color: #000000ab;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999
  }

  .swap-overlay-for-mobile .swap-dex-pool-div {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 9999
  }
}

@media screen and (max-width:1024px) {
  .swap-overlay-for-mobile .swap-dex-pool-div .total-quantum-sidebar {
    background-color: #323a48;
    border-radius: 30px 30px 0 0;
    padding: 16px;
    width: 100%
  }
}

@media screen and (max-width:1299px) {
  .swap-overlay-for-mobile .swap-dex-pool-div .total-quantum-sidebar {
    border-radius: 10px 10px 0 0
  }
}

@media screen and (max-width:1024px) {
  .swap-overlay-for-mobile .swap-dex-pool-div .total-quantum-sidebar.mb-3 {
    margin-bottom: 0 !important
  }
}

.backbtn-arrow-new {
  background-color: #0000;
  border: none;
  display: none;
  height: 40px;
  margin-top: 0;
  width: 40px
}

.backbtn-arrow-new svg {
  color: #fff;
  width: 30px
}

@media screen and (max-width:991px) {
  .backbtn-arrow-new {
    display: block
  }
}

.token-details-tab-ui {
  background: #121822;
  border: 1px solid #1e2736;
  border-radius: 12px;
  color: #fff;
  padding: 16px
}

.token-details-tab-ui .token-icon-new {
  margin-bottom: 16px;
  object-fit: cover
}

.token-details-tab-ui .token-icon-new,
.token-details-tab-ui .token-icon-new img {
  border-radius: 100px;
  height: 120px;
  width: 120px
}

.token-details-tab-ui h3 {
  font-size: 24px;
  font-weight: 500
}

.token-details-tab-ui h3 span {
  color: #c8d3e4;
  margin-left: 8px
}

.token-details-tab-ui .light-divider {
  background: #283d5f;
  border-radius: 2px;
  height: 1px;
  margin: 20px 0;
  width: 100%
}

.token-details-tab-ui .text-details-main {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
  width: 100%
}

.token-details-tab-ui .text-details-main .text-details-left-flex {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0;
  min-width: 250px
}

.token-details-tab-ui .text-details-main .text-details-right-flex {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 10px;
  margin-bottom: 0;
  position: relative
}

.token-details-tab-ui .text-details-main .text-details-right-flex .anchor-color {
  color: #ff6616;
  display: inline-block
}

.token-details-tab-ui .text-details-main .text-details-right-flex span svg {
  cursor: pointer;
  width: 20px
}

.token-details-tab-ui .about-tkn-content h4 {
  font-size: 16px;
  font-size: 500;
  line-height: 1.2;
  margin-bottom: 12px
}

.token-details-tab-ui .about-tkn-content p {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: .3px;
  line-height: 1.6;
  margin-bottom: 0
}

.token-details-tab-ui .toggle-switch {
  align-items: center;
  background-color: #1e2735;
  border-radius: 999px;
  cursor: pointer;
  display: flex;
  height: 30px;
  padding: 5px;
  transition: background-color .3s ease;
  width: 60px
}

.token-details-tab-ui .toggle-switch .slider {
  align-items: center;
  background-color: #374863;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 16px;
  height: 24px;
  justify-content: center;
  transform: translateX(0);
  transition: all .3s ease;
  width: 24px
}

.token-details-tab-ui .toggle-switch .slider .checkmark {
  align-items: center;
  display: none;
  justify-content: center
}

.token-details-tab-ui .toggle-switch.on {
  background-color: #173421
}

.token-details-tab-ui .toggle-switch.on .slider {
  background-color: #34c759;
  transform: translateX(27px)
}

.token-details-tab-ui .toggle-switch.on .slider .checkmark {
  display: flex
}

.token-details-tab-ui .toggle-tkn-flex {
  align-items: center;
  display: flex;
  gap: 16px;
  margin-bottom: 20px
}

.token-details-tab-ui .toggle-tkn-flex span {
  color: #627186;
  font-size: 16px;
  transition: color .3s ease, font-weight .3s ease
}

.token-details-tab-ui .toggle-tkn-flex span.active {
  color: #34c759
}

.token-details-tab-ui .token-details-tab-head {
  align-items: start;
  display: flex;
  gap: 16px;
  justify-content: space-between
}

.new-listing-Chevron {
  background: #1d2735;
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 16px
}

.new-listing-Chevron .headerPart {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: space-between
}

.new-listing-Chevron .headerPart p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0
}

.new-listing-Chevron .headerPart svg {
  opacity: .7;
  width: 20px
}

.new-listing-Chevron .quantumtable {
  margin-bottom: 0;
  margin-top: 16px
}

.new-listing-Chevron .quantumtable .pool-lisitng {
  border: 1px solid #1e2735;
  border-collapse: initial;
  border-radius: 12px;
  overflow: hidden
}

.new-listing-Chevron .quantumtable .pool-lisitng thead {
  box-shadow: none;
  position: relative;
  top: auto
}

@media screen and (max-width:767px) {
  .hiddenForMobileQX {
    display: none !important
  }
}

.forMobileClose {
  background: #323a48;
  border-radius: 10px 10px 0 0;
  display: none !important;
  margin-bottom: -10px;
  width: 100%;
  z-index: 3
}

.forMobileClose svg {
  width: 30px
}

@media screen and (max-width:1024px) {
  .forMobileClose {
    display: flex !important
  }

  .mob-hide-resp {
    display: none !important
  }
}

.mob-block-resp {
  align-items: center;
  background-color: #1d2735;
  bottom: 0;
  display: none;
  gap: 10px;
  left: 0;
  padding: 16px;
  position: fixed;
  right: 0;
  z-index: 9999
}

@media screen and (max-width:1024px) {
  .mob-block-resp {
    display: flex
  }
}

.mob-btn {
  align-items: center;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  color: #000;
  display: flex;
  font-size: 14px;
  gap: 10px;
  justify-content: center;
  padding: 8px 16px;
  white-space: nowrap;
  width: 50%
}

.mob-btn svg {
  width: 20px
}

.mob-btn.add-liquidity-btn {
  background-color: #fd6519;
  border: 1px solid #fd6519;
  color: #fff
}

.mob-btn.add-liquidity-btn svg path {
  fill: #fff
}

@media screen and (max-width:919px) {
  .MB90ForMobile {
    margin-bottom: 90px !important;
    margin-top: 20px
  }
}

.select-token-modal-overlay {
  align-items: center;
  background-color: #00000080;
  display: flex;
  inset: 0;
  justify-content: center;
  position: fixed;
  z-index: 999
}

@media screen and (max-width:1024px) {
  .select-token-modal-overlay {
    z-index: 999999
  }
}

.select-token-modal {
  background: #233143;
  border-radius: 12px;
  box-shadow: 0 10px 30px #00000059;
  color: #c9d6e3;
  max-width: calc(100% - 24px);
  padding: 16px;
  width: 420px
}

.stm-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px
}

.stm-header h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.stm-header .stm-close {
  align-items: center;
  background: #0e131a;
  border: none;
  border-radius: 20px;
  color: #c8d3e4;
  display: inline-flex;
  height: 28px;
  justify-content: center;
  padding: 0;
  width: 28px
}

.stm-header .stm-close svg {
  height: 18px;
  width: 18px
}

.stm-search {
  margin-bottom: 16px;
  position: relative
}

.stm-search input {
  background: #1b2635;
  border: 1px solid #2f3e52;
  border-radius: 8px;
  color: #e6eef9;
  height: 40px;
  outline: none;
  padding: 0 40px 0 12px;
  width: 100%
}

.stm-search .stm-clear-icn,
.stm-search .stm-search-icn {
  background: #0000;
  border: none;
  color: #93a4b8;
  cursor: pointer;
  display: inline-flex;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.stm-search .stm-clear-icn svg,
.stm-search .stm-search-icn svg {
  height: 18px;
  width: 18px
}

.stm-popular {
  margin-bottom: 12px
}

.stm-popular .stm-label {
  color: #93a4b8;
  font-size: 12px;
  margin: 0 0 8px
}

.stm-popular .stm-chip-list {
  grid-gap: 8px;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, 1fr)
}

.stm-popular .stm-chip {
  grid-column-gap: 8px;
  align-items: center;
  background: #1b2635;
  border: 1px solid #2f3e52;
  border-radius: 8px;
  color: #e6eef9;
  column-gap: 8px;
  cursor: pointer;
  display: grid;
  grid-template-columns: 18px 1fr;
  height: 36px;
  padding: 0 10px;
  width: 100%
}

.stm-popular .stm-chip .stm-chip-fallback,
.stm-popular .stm-chip img {
  background: #2a3a50;
  border-radius: 50%;
  height: 18px;
  width: 18px
}

.stm-popular .stm-chip span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.stm-list {
  background: #1b2635;
  border: 1px solid #2f3e52;
  border-radius: 10px
}

.stm-list-head {
  border-bottom: 1px solid #2f3e52;
  color: #93a4b8;
  display: grid;
  font-size: 12px;
  grid-template-columns: 1fr auto;
  padding: 10px 12px
}

.stm-items {
  max-height: 360px;
  overflow: auto
}

.stm-item {
  grid-gap: 10px;
  align-items: center;
  background: #0000;
  border: none;
  border-bottom: 1px solid #233144;
  color: #e6eef9;
  cursor: pointer;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr auto;
  padding: 10px 12px;
  text-align: left;
  width: 100%
}

.stm-item.selected {
  background: #243449
}

.stm-left {
  align-items: center;
  display: flex;
  gap: 10px
}

.stm-left .stm-avatar-fallback,
.stm-left img {
  background: #2a3a50;
  border-radius: 50%;
  height: 32px;
  width: 32px
}

.stm-left .stm-texts {
  grid-gap: 2px;
  display: grid;
  gap: 2px
}

.stm-left .stm-texts .stm-name-row {
  align-items: center;
  display: flex;
  gap: 8px
}

.stm-left .stm-texts .stm-name {
  color: #fff;
  font-weight: 600
}

.stm-left .stm-texts .stm-sub {
  color: #93a4b8;
  font-size: 12px
}

.stm-left .stm-texts .stm-address {
  color: #8aa0b9;
  font-size: 11px
}

.stm-right {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 2px
}

.stm-right .stm-balance {
  color: #fff;
  font-weight: 600
}

.stm-right .stm-usd {
  color: #93a4b8;
  font-size: 12px
}

.stm-empty {
  color: #93a4b8;
  padding: 16px;
  text-align: center
}

.terms-conditons.terms-conditons-mainds {
  background-color: #fff;
  border-radius: 30px;
  margin: 30px auto;
  max-width: 1024px;
  padding: 40px
}

.loanDistribution {
  padding: 20px
}

.loanDistribution .loanOffer {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 136.9px);
  width: 100%
}

@media screen and (max-height:700px) {
  .loanDistribution .loanOffer {
    align-items: start
  }
}

.loanDistribution .loanOffer .offerContent {
  background: #19212c;
  border-radius: 16px;
  color: #fff;
  max-width: 678px;
  width: 100%
}

.loanDistribution .loanOffer .offerContent .offerHeader {
  align-items: center;
  background: linear-gradient(90deg, #7900ff -9.94%, #890ce2 .16%, #a824ac 18.93%, #c2387f 39.14%, #d84959 57.9%, #e9563c 78.11%, #f55f27 96.88%, #fc651b 115.64%, #ff6717 134.41%);
  border-radius: 16px 16px 0 0;
  display: flex;
  justify-content: space-between;
  padding: 10px 16px;
  position: relative
}

.loanDistribution .loanOffer .offerContent .offerHeader h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.loanDistribution .loanOffer .offerContent .offerHeader .loadId {
  align-items: center;
  background: #fff;
  border-radius: 6px;
  color: #000;
  display: flex;
  padding: 8px 12px
}

.loanDistribution .loanOffer .offerContent .offerHeader .loadId p {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 6px
}

.loanDistribution .loanOffer .offerContent .offerHeader .loadId p p {
  font-weight: 600
}

.loanDistribution .loanOffer .offerContent .offerHeader:after {
  -webkit-appearance: none;
  appearance: none;
  background-image: url(/static/media/squarePattern.ae1415b02f516244cad4.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%
}

.loanDistribution .loanOffer .offerContent .offerBody {
  padding: 40px 30px
}

.loanDistribution .loanOffer .offerContent .offerBody p {
  color: #c8d3e4;
  font-size: 16px;
  margin-bottom: 0;
  text-align: center;
  width: 100%
}

.loanDistribution .loanOffer .offerContent .offerBody .offerAmounts {
  border: 1px solid #3e4d62;
  border-radius: 16px;
  display: block;
  margin-top: 20px
}

.loanDistribution .loanOffer .offerContent .offerBody .offerAmounts .borderBottom {
  border-bottom: 1px solid #3e4d62
}

.loanDistribution .loanOffer .offerContent .offerBody .offerAmounts .borderRight {
  border-right: 1px solid #3e4d62
}

.loanDistribution .loanOffer .offerContent .offerBody .checkSpace {
  display: flex;
  justify-content: center
}

.loanDistribution .loanOffer .offerContent .offerBody .checkSpace .loan-checkbox {
  align-items: center;
  color: #a0aec0;
  display: flex;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  gap: .5rem
}

.loanDistribution .loanOffer .offerContent .offerBody .checkSpace .loan-checkbox input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #0000;
  border: 2px solid #4a5568;
  border-radius: 6px;
  cursor: pointer;
  height: 24px;
  position: relative;
  width: 24px
}

.loanDistribution .loanOffer .offerContent .offerBody .checkSpace .loan-checkbox input[type=checkbox]:checked:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  height: 12px;
  left: 7px;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  width: 6px
}

.loanDistribution .loanOffer .offerContent .offerBody .checkSpace .loan-checkbox input[type=checkbox]:focus {
  box-shadow: 0 0 0 2px #a0aec066;
  outline: none
}

.loanDistribution .loanOffer .offerContent .offerBody .checkSpace .loan-checkbox input[type=checkbox]:checked {
  background: #fd6519;
  border-color: #fd6519
}

.loanDistribution .loanOffer .offerContent .offerBody .checkSpace .loan-checkbox label {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}

.loanDistribution .loanOffer .offerContent .offerBody .offerCTA {
  margin-top: 20px
}

.loanDistribution .loanOffer .offerContent .offerBody .offerCTA .btn {
  min-width: 180px
}

.loanDistribution .loanProgress {
  margin: 0 auto;
  max-width: 1000px
}

.loanDistribution .loanProgress .loanStepper {
  margin: 30px 0
}

.loanDistribution .loanProgress .loanStep {
  background: #19212c;
  border-radius: 16px;
  color: #fff;
  margin: 0 auto;
  max-width: 767px;
  min-height: 550px;
  padding: 16px
}

.loanDistribution .loanProgress .loanStep .LoanStep1 {
  padding: 16px
}

.loanDistribution .loanProgress .loanStep .LoanStep1 .mintSpace {
  align-items: center;
  border-bottom: 1px solid #3b4b65;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 30px;
  width: 100%
}

.loanDistribution .loanProgress .loanStep .LoanStep1 .mintSpace img {
  width: 140px
}

.loanDistribution .loanProgress .loanStep .LoanStep1 .pasteAddress {
  margin: 0 auto;
  max-width: 500px;
  padding-top: 30px;
  text-align: center
}

.loanDistribution .loanProgress .loanStep .LoanStep1 .pasteAddress .addressArea {
  margin-top: 16px;
  position: relative
}

.loanDistribution .loanProgress .loanStep .LoanStep1 .pasteAddress .addressArea input {
  background: #0e131a;
  border: 1px solid #2b3b55;
  color: #fff;
  padding: 12px 40px 12px 16px;
  text-align: center
}

.loanDistribution .loanProgress .loanStep .LoanStep1 .pasteAddress .addressArea input:active,
.loanDistribution .loanProgress .loanStep .LoanStep1 .pasteAddress .addressArea input:focus,
.loanDistribution .loanProgress .loanStep .LoanStep1 .pasteAddress .addressArea input:focus-within,
.loanDistribution .loanProgress .loanStep .LoanStep1 .pasteAddress .addressArea input:hover {
  background: #0e131a !important;
  border-color: #fd6519
}

.loanDistribution .loanProgress .loanStep .LoanStep1 .pasteAddress .addressArea input::placeholder {
  color: #fff;
  opacity: .4
}

.loanDistribution .loanProgress .loanStep .LoanStep1 .pasteAddress .addressArea .iconButton {
  align-items: center;
  background: #232e3e;
  border-radius: 4px;
  display: flex;
  height: 38px;
  justify-content: center;
  padding: 4px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px
}

.loanDistribution .loanProgress .loanStep .LoanStep1 h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 8px
}

.loanDistribution .loanProgress .loanStep .LoanStep1 p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 16px
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .headContent {
  margin-bottom: 24px
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .headContent h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 4px
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .headContent p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .loanDetails {
  background: #26313f;
  border-radius: 16px;
  padding: 16px
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .loanDetails h2 {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .loanDetails .loanContent .amountBox {
  margin-bottom: 40px
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .loanDetails .loanContent .amountBox p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 6px
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .loanDetails .loanContent .amountBox h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 2px
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .loanDetails .loanContent .amountBox small {
  color: #c8d3e4
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .repaymentSchedule {
  padding: 16px
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .repaymentSchedule h2 {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .repaymentSchedule .repaymentCycleData {
  max-height: 300px;
  overflow-y: auto
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .repaymentSchedule .repaymentCycleData .repaymentDate {
  align-items: center;
  background: #0e131a;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 8px 12px
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .repaymentSchedule .repaymentCycleData .repaymentDate p {
  color: #c8d3e4;
  font-size: 14px
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .repaymentSchedule .repaymentCycleData .repaymentDate p.font600 {
  color: #fff;
  font-weight: 600
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .repaymentSchedule .totalAmount {
  border-top: 1px solid #3b4b65
}

.loanDistribution .loanProgress .loanStep .LoanStep2 .repaymentSchedule .totalAmount p {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.loanDistribution .loanProgress .loanStep .LoanStep3 {
  padding: 20px
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .headingPart h3 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 0
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .headingPart .statusBadge {
  align-items: center;
  border-radius: 6px;
  display: inline-flex;
  font-size: 14px;
  gap: 10px;
  justify-content: center;
  padding: 5px 12px
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .headingPart .statusBadge span {
  align-items: center;
  border-radius: 24px;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  width: 24px
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .headingPart .statusBadge span svg {
  width: 20px
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .headingPart .statusBadge.success {
  background: #34a853;
  color: #fff
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .headingPart .statusBadge.success span {
  background: #fff;
  color: #34a853
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .amountDisplaySpace {
  background: #26313f;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 300px;
  padding: 24px 40px;
  text-align: center;
  width: 350px
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .amountDisplaySpace .label {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .amountDisplaySpace h4 {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 6px
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .amountDisplaySpace p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .amountDisplaySpace.successState img {
  margin: 0 auto;
  width: 106px
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .amountDisplaySpace.successState h4 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 4px
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .notePart p {
  font-size: 14px;
  margin-bottom: 6px
}

.loanDistribution .loanProgress .loanStep .LoanStep3 .notePart p.font600 {
  font-weight: 600
}

.loanDistribution .loanProgress .loanStep .LoanStep5 img {
  margin: 0 auto;
  width: 300px
}

.loanDistribution .loanProgress .loanStep .LoanStep5 h4 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 6px
}

.loanDistribution .loanProgress .loanStep .LoanStep5 p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0
}

.loanDistribution .btn {
  background: #232e3e;
  border: 1px solid #232e3e;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px
}

.loanDistribution .btn svg {
  margin-left: 6px;
  width: 20px
}

.loanDistribution .btn.btnCancel {
  background: #283648;
  border-color: #283648;
  color: #fff
}

.loanDistribution .btn.btnProceed {
  background: #fd6519;
  border-color: #fd6519;
  color: #fff
}

.loanDistribution .btn.btnProceed:hover {
  background: #e3550d
}

.loanDistribution .approvedLoanListing {
  color: #fff;
  margin: 0 auto;
  max-width: 1120px;
  text-align: center;
  width: 100%
}

.loanDistribution .approvedLoanListing .btn-startnow {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
  padding: 10px 40px
}

.loanDistribution .approvedLoanListing .btn-startnow:hover {
  background: #e3550d;
  border: 1px solid #e3550d;
  color: #fff
}

.loanDistribution .approvedLoanListing h1 {
  font-size: 44px;
  font-weight: 600;
  margin-bottom: 10px
}

.loanDistribution .approvedLoanListing h5 {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0
}

.loanDistribution .approvedLoanListing .loanList {
  grid-gap: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 50px
}

.loanDistribution .approvedLoanListing .loanList .loanBox {
  background: #19212c;
  border-radius: 16px;
  padding: 20px;
  text-align: center
}

.loanDistribution .approvedLoanListing .loanList .loanBox p {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px
}

.loanDistribution .approvedLoanListing .loanList .loanBox p span {
  display: inline-block;
  font-weight: 600
}

.loanDistribution .approvedLoanListing .loanList .loanBox p.size-smaller {
  font-size: 12px;
  opacity: .7
}

.loanDistribution .approvedLoanListing .loanList .loanBox h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 0
}

.loanDistribution .approvedLoanListing .loanList .loanBox .statusBadge {
  background: #2d3c54;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 6px 20px
}

.loanDistribution .approvedLoanListing .loanList .loanBox .statusBadge.active {
  background: #4cad1f
}

.loanDistribution .approvedLoanListing .loanList .loanBox .loanID {
  background: #283444;
  border-radius: 6px;
  display: inline-block;
  padding: 8px 12px;
  text-align: center;
  width: 100%
}

.loanDistribution .approvedLoanListing .loanList .loanBox .loanID p {
  font-size: 14px;
  margin-bottom: 0
}

.loanDistribution .approvedLoanListing .loanList .btn {
  min-width: 200px
}

.customScroll::-webkit-scrollbar {
  width: 6px
}

.customScroll::-webkit-scrollbar-track {
  background: #0000
}

.customScroll::-webkit-scrollbar-thumb {
  background-color: #56617066;
  border-radius: 10px
}

.customScroll::-webkit-scrollbar-thumb:hover {
  background-color: #56617099
}

.l1xModal {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #00000080;
  height: 100vh;
  justify-content: center;
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99
}

.l1xModal,
.l1xModal.loanappformmodal .l1xModal__body-header {
  align-items: center;
  display: flex
}

.l1xModal.loanappformmodal .l1xModal__body-header h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0
}

.l1xModal.loanappformmodal .l1xModal__body {
  max-width: 550px;
  padding: 30px;
  width: 100%
}

.l1xModal__body {
  background: #19212c;
  border-radius: 16px;
  color: #fff;
  max-width: 767px;
  padding: 44px;
  position: relative;
  z-index: 101
}

.l1xModal__body-header {
  align-items: start;
  display: flex;
  justify-content: space-between
}

.l1xModal__body-header h3 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 8px
}

.l1xModal__body-header p {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0
}

.l1xModal__body-close {
  background: #0000;
  border: 1px solid #19212c;
  border-radius: 30px;
  color: #fff;
  height: 40px;
  min-width: 40px;
  width: 40px
}

.l1xModal__body-close svg {
  width: 24px
}

.l1xModal__body-content .initial-price-space {
  background: #26313f;
  border: 1px solid #4b5d73;
  border-radius: 16px;
  padding: 12px
}

.l1xModal__body-content .initial-price-space p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0
}

.l1xModal__body-content .initial-price-space .token-toggle {
  align-items: center;
  background: #121822;
  border-radius: 30px;
  color: #fff;
  display: flex;
  padding: 3px
}

.l1xModal__body-content .initial-price-space .token-toggle .tokenSpace {
  align-items: center;
  background: #121822;
  border-radius: 30px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  padding: 4px 12px;
  text-transform: uppercase
}

.l1xModal__body-content .initial-price-space .token-toggle .tokenSpace img {
  width: 18px
}

.l1xModal__body-content .initial-price-space .token-toggle .tokenSpace.active {
  background: #283445
}

.l1xModal__body-content .initial-price-space input {
  background: #0000;
  border: none;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  padding: 10px 0
}

.l1xModal__body-content .initial-price-space input::placeholder {
  color: #fff;
  opacity: .4
}

.l1xModal__body-content p {
  color: #c8d3e4;
  font-weight: 300
}

.l1xModal__body-content p .font600 {
  display: inline-block;
  font-weight: 600
}

.l1xModal__body-content--poolCheck {
  min-width: 500px;
  text-align: center
}

.l1xModal__body-content--poolCheck img {
  margin-bottom: 16px;
  width: 120px
}

.l1xModal__body-content--poolCheck h2 {
  font-size: 24px;
  font-weight: 500
}

.l1xModal__body-content--poolCheck p {
  color: #c8d3e4;
  font-size: 14px
}

.l1xModal__body-content--poolCheck .poolContent {
  align-items: center;
  background: #232e3e;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
  padding: 12px 16px
}

.l1xModal__body-content--poolCheck .poolContent .tokenWrapper {
  align-items: center;
  display: flex
}

.l1xModal__body-content--poolCheck .poolContent .tokenWrapper img {
  border-radius: 36px;
  height: 36px;
  margin-bottom: 0;
  width: 36px
}

.l1xModal__body-content--poolCheck .poolContent .tokenWrapper img:last-child {
  margin-left: -8px
}

.l1xModal__body-content--poolCheck .poolContent h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.l1xModal__body-content--poolCheck .poolContent .tierFee {
  background: #283d5f;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 4px 8px
}

.l1xModal__body-footer .btn {
  min-width: 180px
}

.l1xModal__overlay {
  height: 100%;
  left: 0;
  opacity: .4;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99
}

.offWhiteText {
  color: #c8d3e4 !important
}

.searchArea {
  position: relative
}

.suggestionDropdown {
  background: #232e3e;
  border: 1px solid #232e3e;
  border-radius: 6px;
  left: 0;
  list-style: none;
  margin-top: 4px;
  max-height: 200px;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  right: 40px;
  top: 100%;
  width: 100%;
  z-index: 1000
}

.suggestionDropdown li {
  cursor: pointer;
  padding: 8px 12px
}

.suggestionDropdown li:hover {
  background: #232e3e
}

.inputform-loan {
  margin-bottom: 25px;
  text-align: left
}

.inputform-loan label {
  margin-bottom: 4px
}

.inputform-loan input {
  background: #0e131a;
  border: 1px solid #2b3b55;
  border-radius: 4px;
  color: #fff;
  display: block;
  padding: 10px 15px;
  text-align: left;
  width: 100%
}

.inputform-loan input:active,
.inputform-loan input:focus,
.inputform-loan input:focus-within,
.inputform-loan input:hover {
  background: #0e131a !important;
  border-color: #fd6519
}

.inputform-loan input::placeholder {
  color: #fff;
  opacity: .4
}

.userInputAmount {
  background: #0e131a;
  border: 1px solid #3f4d62;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  text-align: center
}

.userInputAmount::placeholder {
  color: #fff !important;
  font-weight: 400;
  opacity: .5
}

.userInputAmount:active,
.userInputAmount:focus,
.userInputAmount:focus-within,
.userInputAmount:hover {
  background: #0e131a !important;
  border-color: #fd6519;
  color: #fff !important
}

.noteForCoolPeriod {
  background: #283548;
  border-radius: 0 0 16px 16px;
  padding: 12px 16px
}

.noteForCoolPeriod p {
  color: #ffc107 !important;
  font-size: 14px;
  margin-bottom: 0
}

.loanStepDisclaimer .disclaimerNote {
  background: color(srgb .15 .12 .08/.3)
}

.loanStepDisclaimer .disclaimerNote p {
  font-size: 14px !important;
  margin-bottom: 0;
  text-align: left !important
}

.loanStepDisclaimer .disclaimerNote p span {
  color: #ffc107 !important
}

.step-progress {
  align-items: center;
  background-color: #0e1117;
  display: flex;
  padding: 1rem
}

.step-progress .step-container {
  align-items: center;
  display: flex;
  position: relative
}

.step-progress .step-container .step-circle {
  align-items: center;
  background-color: #2d2f36;
  border: 2px solid #2d2f36;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 14px;
  height: 24px;
  justify-content: center;
  width: 24px
}

.step-progress .step-container .step-label {
  color: #fff;
  font-size: 14px;
  margin-left: .5rem
}

.step-progress .step-container .step-line {
  background: repeating-linear-gradient(90deg, #888, #888 5px, #0000 0, #0000 10px);
  height: 2px;
  margin: 0 12px;
  width: 40px
}

.step-progress .step-container .active {
  background-color: #fff;
  color: #000
}

.step-progress .step-container .completed {
  background-color: #00c853;
  border-color: #00c853
}

.LoanDashboard {
  color: #fff
}

.LoanDashboard .loan-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.LoanDashboard .loan-header h2 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 0
}

.LoanDashboard .loan-header .pool-selector {
  border: 1px solid #2b384a;
  border-radius: 6px
}

.LoanDashboard .loan-header .pool-selector p {
  font-size: 14px;
  margin-bottom: 0;
  min-width: 120px;
  padding: 4px 8px 4px 16px
}

.LoanDashboard .pool-stat-box {
  background: #19212c;
  border-radius: 12px;
  padding: 16px
}

.LoanDashboard .pool-stat-box .pool-stat-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px
}

.LoanDashboard .pool-stat-box .pool-stat-head p {
  font-size: 14px;
  margin-bottom: 0
}

.LoanDashboard .pool-stat-box .pool-stat-head svg {
  width: 24px
}

.LoanDashboard .pool-stat-box h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0
}

.LoanDashboard .graphArea {
  background: #19212c;
  border-radius: 12px;
  padding: 16px
}

.LoanDashboard .graphArea .graphHeader p {
  font-size: 14px;
  margin-bottom: 8px
}

.LoanDashboard .graphArea .graphHeader .pairItem,
.LoanDashboard .graphArea .graphHeader .pairItem .tokenPair {
  align-items: center;
  display: flex
}

.LoanDashboard .graphArea .graphHeader .pairItem .tokenPair img {
  height: 30px;
  width: 30px
}

.LoanDashboard .graphArea .graphHeader .pairItem .tokenPair img:last-child {
  margin-left: -8px
}

.LoanDashboard .graphArea .graphHeader .pairItem h5 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 12px
}

.LoanDashboard .graphArea .graphHeader .pairItem p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0;
  margin-left: 8px
}

.LoanDashboard .bottomStats .pool-stat-box .pool-stat-head .percentage {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0
}

.LoanDashboard .bottomStats .pool-stat-box .pool-stat-head .percentage svg {
  margin-right: 6px;
  width: 14px
}

.LoanDashboard .bottomStats .pool-stat-box .pool-stat-head .percentage.up {
  color: #38ff70
}

.LoanDashboard .bottomStats .pool-stat-box .pool-stat-head .percentage.up span {
  color: #38ff70 !important
}

.LoanDashboard .bottomStats .pool-stat-box .pool-stat-head .percentage.down {
  color: #d12426
}

.LoanDashboard .bottomStats .pool-stat-box .pool-stat-head .percentage.down span {
  color: #d12426 !important
}

.LoanDashboard .repayBox {
  background: linear-gradient(131deg, #5d46fe 7.95%, #2c1599 72.06%);
  border-radius: 12px;
  padding: 16px
}

.LoanDashboard .repayBox p {
  font-size: 13px
}

.LoanDashboard .repayBox p span {
  display: inline-block;
  font-weight: 600
}

.LoanDashboard .repayBox .pay-amount h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 4px
}

.LoanDashboard .repayBox .btnPay {
  background: #fff;
  border-radius: 6px;
  color: #000;
  font-size: 14px;
  padding: 5px 16px
}

.LoanDashboard .repayTrend {
  background: #202c3f;
  border-radius: 12px;
  padding: 16px
}

.LoanDashboard .repayTrend .repayHead {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.LoanDashboard .repayTrend .repayHead h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.LoanDashboard .repayTrend .repayHead p {
  font-size: 14px;
  margin-bottom: 0
}

.LoanDashboard .repayTrend .repayHead p span {
  font-weight: 600
}

.LoanDashboard .payHistory {
  background: #19212c;
  border-radius: 12px;
  padding: 16px
}

.LoanDashboard .payHistory .payHistoryHead {
  margin-bottom: 16px
}

.LoanDashboard .payHistory .payHistoryHead h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.LoanDashboard .payHistory .payHitoryList {
  max-height: 400px;
  overflow-y: auto
}

.LoanDashboard .payHistory .payHitoryList .listBox {
  background: #202c3f;
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 10px
}

.LoanDashboard .payHistory .payHitoryList .listBox .listHead {
  margin-bottom: 6px
}

.LoanDashboard .payHistory .payHitoryList .listBox .listHead p {
  font-size: 14px;
  margin-bottom: 0
}

.LoanDashboard .payHistory .payHitoryList .listBox .listHead h6 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.LoanDashboard .payHistory .payHitoryList .listBox .listFooter p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 0;
  opacity: .6
}

.LoanDashboard .payHistory .payHitoryList .listBox .listFooter p.status {
  opacity: 1
}

.LoanDashboard .payHistory .payHitoryList .listBox .listFooter p.status.paid {
  color: #38ff70
}

.LoanDashboard .payHistory .payHitoryList .listBox .listFooter p.status.due {
  color: #facc15
}

.LoanDashboard .payHistory .payHitoryList .listBox .listFooter p.status.scheduled {
  color: #c3c3c3
}

.LoanDashboard .customDropdown {
  color: #fff;
  position: relative
}

.LoanDashboard .customDropdown .customDropdownButton {
  align-items: center;
  background: #2b384a;
  border: 1px solid #2b384a;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 10px;
  padding: 8px 12px
}

.LoanDashboard .customDropdown .customDropdownButton span {
  margin-left: 10px
}

.LoanDashboard .customDropdown .customDropdownButton span svg {
  width: 18px
}

.LoanDashboard .customDropdown .customDropdownContent {
  background: #2b384a;
  border: 1px solid #2b384a;
  border-radius: 6px;
  left: 0;
  position: absolute;
  top: 46px;
  width: 100%
}

.LoanDashboard .customDropdown .customDropdownContent ul li {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 16px
}

.LoanDashboard .customDropdown .customDropdownContent ul li:hover {
  background: #0e131a
}

.LoanDashboard .customDropdown .selectTokenPair {
  align-items: center;
  display: flex
}

.LoanDashboard .customDropdown .selectTokenPair img {
  height: 24px;
  width: 24px
}

.LoanDashboard .customDropdown .selectTokenPair img:last-child {
  margin-left: -6px
}

.LoanDashboard .btn {
  background: #232e3e;
  border: 1px solid #232e3e;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 20px
}

.LoanDashboard .btn svg {
  margin-left: 6px;
  width: 20px
}

.LoanDashboard .btn.btnCancel {
  background: #283648;
  border-color: #283648;
  color: #fff
}

.LoanDashboard .btn.btnProceed {
  background: #fd6519;
  border-color: #fd6519;
  color: #fff
}

.LoanDashboard .btn.btnProceed:hover {
  background: #e3550d
}

.l1x-airdrop-campaign {
  background-color: #fff;
  border-radius: 30px;
  left: 50%;
  margin: 0 auto;
  max-height: calc(100vh - 80px);
  max-width: 1024px;
  overflow: hidden;
  position: fixed;
  top: 60px;
  transform: translateX(-50%);
  width: 100%;
  z-index: 99999
}

.l1x-airdrop-campaign .innerAirdrop {
  max-height: calc(100vh - 60px);
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%
}

.l1x-airdrop-campaign img {
  max-width: 100%
}

.l1x-airdrop-campaign-banner {
  align-items: start;
  background-image: url(/static/media/airdrop-banner.73ffa50958ac70e488ec.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 450px
}

.l1x-airdrop-campaign-banner .airdrop-content-l1x {
  margin-top: -100px;
  padding-left: 60px;
  text-align: left
}

.l1x-airdrop-campaign-banner .airdrop-content-l1x h6 {
  color: #fff
}

.l1x-airdrop-campaign-banner .airdrop-content-l1x .airdrop-logo {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 120px;
  justify-content: end;
  margin: 0 0 20px;
  padding: 0 0 10px;
  position: relative;
  width: 115px
}

.l1x-airdrop-campaign-banner .airdrop-content-l1x .airdrop-logo .cap-icon {
  position: absolute;
  right: -60px;
  top: -80px
}

.l1x-airdrop-campaign-banner .airdrop-content-l1x h2 {
  color: #fff;
  font-size: 60px;
  font-weight: 900;
  text-align: left;
  text-shadow: 2px 3px 13px #00000059
}

.l1x-airdrop-campaign-banner .airdrop-content-l1x h3 {
  color: #fff;
  font-size: 44px;
  font-weight: 500;
  text-align: left;
  text-shadow: 2px 3px 13px #00000059
}

.l1x-airdrop-campaign .l1x-airdrop-content {
  padding-top: 80px
}

.l1x-airdrop-campaign .l1x-airdrop-content .max-width-800 {
  margin: 0 auto;
  max-width: 800px
}

.l1x-airdrop-campaign .l1x-airdrop-content .title-h4 {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  margin-bottom: 30px;
  text-align: center
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-box {
  background-color: #fff;
  border: 1px solid #e3e3ec;
  border-radius: 16px;
  margin-bottom: 24px;
  padding: 20px
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-box img {
  margin-bottom: 20px
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-box h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-box p {
  color: #3c4047;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0
}

.l1x-airdrop-campaign .l1x-airdrop-content .what-a-opportunity {
  background: #69129b;
  background: linear-gradient(222deg, #69129b 18%, #1982e7 46%, #4829df 91%);
  margin-top: 70px;
  padding: 100px 0 150px
}

.l1x-airdrop-campaign .l1x-airdrop-content .what-a-opportunity .header-opportunity {
  color: #fff;
  margin: 0 auto 50px;
  max-width: 800px;
  text-align: center
}

.l1x-airdrop-campaign .l1x-airdrop-content .what-a-opportunity .header-opportunity h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px
}

.l1x-airdrop-campaign .l1x-airdrop-content .what-a-opportunity .header-opportunity p {
  font-size: 14px;
  line-height: 22px;
  margin: 0 auto;
  max-width: 670px
}

.l1x-airdrop-campaign .l1x-airdrop-content .layer-one-airdrop-dv {
  padding: 50px 0
}

.l1x-airdrop-campaign .l1x-airdrop-content .layer-one-airdrop-dv .airdrop-vertical {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.l1x-airdrop-campaign .l1x-airdrop-content .layer-one-airdrop-dv .airdrop-vertical h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 30px
}

.l1x-airdrop-campaign .l1x-airdrop-content .layer-one-airdrop-dv .airdrop-vertical ul li {
  margin-bottom: 30px
}

.l1x-airdrop-campaign .l1x-airdrop-content .layer-one-airdrop-dv .airdrop-vertical ul li p {
  align-items: center;
  display: flex;
  font-size: 14px;
  gap: 8px;
  margin-bottom: 5px
}

.l1x-airdrop-campaign .l1x-airdrop-content .layer-one-airdrop-dv .airdrop-vertical ul li p img {
  width: 15px
}

.l1x-airdrop-campaign .l1x-airdrop-content .layer-one-airdrop-dv .airdrop-vertical ul li h6 {
  font-size: 16px;
  font-weight: 600
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target {
  margin: -140px 0 0
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw {
  background: linear-gradient(0deg, #8e0d0d, #d11504);
  background: linear-gradient(356deg, #21bdb8 18%, #280684 91%);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
  position: relative
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw:before {
  background: #fff;
  border-radius: 16px;
  bottom: 2px;
  content: "";
  left: 2px;
  position: absolute;
  right: 2px;
  top: 2px
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw .doller-circle {
  align-items: center;
  background: #21bdb8;
  background: linear-gradient(356deg, #21bdb8 18%, #280684 91%);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 50px;
  justify-content: center;
  margin: -40px auto 0;
  position: relative;
  width: 50px
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 20px;
  position: relative;
  text-align: center
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw p {
  color: #3c4047;
  font-size: 12px;
  position: relative
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw p span {
  color: #000;
  font-weight: 600
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw ul {
  list-style-type: disc;
  margin-left: 15px;
  position: relative;
  text-align: left
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw ul li {
  color: #3c4047;
  font-size: 12px
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw ul li span {
  color: #000;
  font-weight: 600
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements {
  padding: 70px 0;
  position: relative
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements:after {
  background: #182469;
  background: linear-gradient(166deg, #182469 18%, #db48ad 91%);
  color: #fff;
  content: "";
  display: block;
  height: 400px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements .innter-reletive {
  position: relative;
  z-index: 1
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements .bg-border {
  text-align: center
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements .coin-allocation-flex {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 40px;
  max-width: 822px
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements .coin-allocation-flex .airdrop-level {
  position: relative;
  text-align: center
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements .coin-allocation-flex .airdrop-level h6 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements .coin-allocation-flex .airdrop-level p {
  color: #fff;
  font-size: 12px;
  margin-bottom: 0
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements .table-responsive {
  border: 1px solid #e1eaf6;
  border-radius: 16px;
  margin: 0 auto;
  max-width: 822px;
  width: 100%
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements table {
  background-color: #fff;
  border-radius: 16px;
  margin: 0 auto;
  max-width: 822px;
  overflow: hidden;
  width: 100%
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements table thead {
  background-color: #eff2f7
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements table thead tr th {
  border: 1px solid #e1eaf6;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements table tbody tr td {
  border: 1px solid #e1eaf6;
  font-size: 12px;
  font-weight: 400;
  padding: 10px 20px
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements table tbody tr td ul {
  list-style-type: disc;
  margin-left: 15px;
  margin-top: 6px
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements table tbody tr td ul li {
  margin-bottom: 10px
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements h2 {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 30px;
  font-weight: 600;
  gap: 10px;
  justify-content: center
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements h2 img {
  width: 30px
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements .coin-allocation {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 60px;
  text-align: center
}

.l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div {
  font-size: 12px;
  margin: 0 auto 70px;
  max-width: 900px
}

.l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 46px;
  margin: 0 auto 20px;
  max-width: 500px;
  text-align: center
}

.l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div p {
  margin: 0 auto 40px;
  max-width: 780px;
  text-align: center
}

.l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .how-get-started-main h3 {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  margin-bottom: 20px
}

.l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .how-get-started-main .how-get-started-box {
  border: 1px solid #e1eaf6;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px
}

.l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .how-get-started-main .how-get-started-box .step-tag {
  background-color: #eff2f7;
  border-radius: 30px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 16px;
  padding: 4px 12px
}

.l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .how-get-started-main .how-get-started-box h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 15px
}

.l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .how-get-started-main .how-get-started-box ul {
  list-style-type: disc;
  margin-left: 15px
}

.l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .how-get-started-main .how-get-started-box ul li {
  font-size: 12px
}

.l1x-airdrop-campaign .l1x-airdrop-content .taskprocessimg {
  margin: 70px 0;
  text-align: center
}

.l1x-airdrop-campaign .l1x-airdrop-content .tips-to-stay-ahead-div {
  background: #fceabc;
  background: linear-gradient(180deg, #fceabc, #fff 47%);
  margin: 0 auto;
  padding: 60px 0
}

.l1x-airdrop-campaign .l1x-airdrop-content .tips-to-stay-ahead-div h3 {
  align-items: center;
  display: flex;
  font-size: 30px;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: 30px
}

.l1x-airdrop-campaign .l1x-airdrop-content .tips-to-stay-ahead-div .stay-box-4 {
  margin-bottom: 20px;
  text-align: center
}

.l1x-airdrop-campaign .l1x-airdrop-content .tips-to-stay-ahead-div .stay-box-4 .icon-stay {
  margin-bottom: 10px
}

.l1x-airdrop-campaign .l1x-airdrop-content .tips-to-stay-ahead-div .stay-box-4 h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 6px
}

.l1x-airdrop-campaign .l1x-airdrop-content .tips-to-stay-ahead-div .stay-box-4 p {
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 0
}

.l1x-airdrop-campaign .why-use-taskon {
  background: #588cbd;
  background: linear-gradient(180deg, #588cbd, #051a2e);
  color: #fff;
  position: relative;
  text-align: center
}

.l1x-airdrop-campaign .why-use-taskon .taskon-inner {
  padding: 60px 0;
  position: relative;
  text-align: center;
  z-index: 1
}

.l1x-airdrop-campaign .why-use-taskon .taskon-inner h2 {
  font-size: 36px;
  font-weight: 700;
  margin-top: 20px
}

.l1x-airdrop-campaign .why-use-taskon .taskon-inner p {
  font-size: 14px;
  margin: 0 auto;
  max-width: 678px
}

.l1x-airdrop-campaign .why-use-taskon .taskon-inner .ul-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: 20px
}

.l1x-airdrop-campaign .why-use-taskon .taskon-inner .ul-main ul {
  list-style-type: disc;
  margin: 0 auto;
  text-align: left
}

.l1x-airdrop-campaign .why-use-taskon .taskon-inner .flex-button-section {
  align-items: start;
  display: flex;
  gap: 40px;
  justify-content: center;
  margin: 40px 0
}

.l1x-airdrop-campaign .why-use-taskon .taskon-inner .flex-button-section p {
  margin: 15px auto 0;
  max-width: 280px;
  text-align: center
}

.l1x-airdrop-campaign .btn-airdrop-now {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  box-shadow: 0 3px 9px #0000005c;
  color: #000;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
  padding: 10px 30px;
  position: relative
}

.l1x-airdrop-campaign .btn-airdrop-now.white-btn-airdrop {
  background: #fff;
  color: #f55f27
}

.l1x-airdrop-campaign .btn-airdrop-now.white-btn-airdrop:hover {
  background: #f55f27;
  color: #fff
}

.l1x-airdrop-campaign .btn-airdrop-now .left-object {
  position: absolute;
  right: -10px;
  top: -11px
}

.l1x-airdrop-campaign .btn-airdrop-now .right-object {
  bottom: -15px;
  left: -16px;
  position: absolute
}

.l1x-airdrop-campaign .btn-airdrop-now:hover {
  background: #f55f27;
  box-shadow: #f55f27;
  color: #fff
}

.l1x-airdrop-campaign .flex-button-section {
  align-items: start;
  display: flex;
  gap: 40px;
  justify-content: center;
  margin: 40px 0
}

.l1x-airdrop-campaign .flex-button-section p {
  margin: 15px auto 0;
  max-width: 280px;
  text-align: center
}

.overlay-bg-airdrop {
  background-color: #00000080;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999
}

.kadwa-regular {
  font-family: Kadwa, serif;
  font-style: normal;
  font-weight: 400
}

.closeAirdrop {
  align-items: center;
  background: #ffffff2b;
  border-radius: 30px;
  color: #fff;
  display: flex;
  gap: 8px;
  left: 0;
  padding: 6px 20px;
  position: absolute;
  top: -42px;
  z-index: 999999
}

.closeAirdrop:hover {
  background: #ffffff4d;
  color: #fff
}

.closeAirdrop p {
  font-size: 14px;
  margin-bottom: 0
}

.closeAirdrop span {
  background: red;
  border-radius: 10px;
  display: inline-block;
  height: 10px;
  width: 10px
}

.christmas-parent {
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 1024px;
  width: 100%
}

.campaignlink {
  align-items: center;
  border-bottom: 1px solid #2456f9;
  color: #2456f9;
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 5px
}

.campaignlink svg {
  width: 18px
}

.airdrop-link-a {
  margin-top: 30px
}

.l1x-airdrop-campaign .l1x-airdrop-content .airdrop-box h3 {
  font-size: 20px
}

.l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .coin-allocated-div {
  border: 1px solid #e1eaf6;
  border-radius: 16px;
  margin-top: 20px;
  padding: 30px 16px;
  text-align: center
}

.l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .coin-allocated-div h6 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px
}

.l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .coin-allocated-div p {
  font-size: 14px;
  margin-bottom: 0;
  text-align: center
}

.airdropcampaignnew {
  border-radius: 16px;
  color: #fff;
  font-size: 14px;
  margin: 20px;
  overflow: hidden
}

.airdropcampaignnew .l1x-airdrop-campaign-banner {
  background-image: none;
  background: #dd501c;
  background: linear-gradient(90deg, #dd501c, #e9563c 16%, #d84959 33%, #9d175c 50%, #87018b 73%, #54008f 92%);
  flex-direction: row;
  position: relative
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdropcamp-right-img {
  max-width: 570px
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .circlebgdrop {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 25%;
  top: 0;
  width: 300px
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x {
  margin-top: 0
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x h6 {
  background-color: #ffd000;
  border-radius: 30px;
  box-shadow: inset -4px 0 10px #00000030;
  color: #000;
  display: inline-block;
  font-weight: 500;
  padding: 4px 14px;
  text-transform: uppercase
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x h2 {
  font-size: 70px
}

@media(max-width:1650px) {
  .airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x h2 {
    font-size: 60px
  }
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x h2,
.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x h3 {
  text-shadow: none
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x .ongoing-p {
  align-items: center;
  display: flex;
  font-size: 16px;
  gap: 6px;
  margin-bottom: 0
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x .ongoing-p svg {
  color: #fff;
  width: 20px
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x .hr-line {
  border-bottom: 1px solid #fff;
  margin: 16px 0;
  width: 150px
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x .flex-participate-btn {
  align-items: center;
  display: flex;
  gap: 20px
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x .btn-airdrop-now {
  align-items: center;
  border: none;
  box-shadow: 0 0 0 4px #ffffff4d;
  display: inline-flex;
  gap: 10px
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x .btn-airdrop-now svg {
  width: 20px
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x .btn-airdrop-now:hover {
  background: #fff;
  box-shadow: 0 0 0 4px #82008c80;
  color: #000
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x .btn-airdrop-now.btn-link {
  background-color: #0000;
  border: 1px solid #fff;
  box-shadow: none;
  color: #fff;
  display: flex;
  font-weight: 400;
  text-decoration: none
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdrop-content-l1x .btn-airdrop-now.btn-link:hover {
  background-color: #fff;
  color: #000
}

.airdropcampaignnew .l1x-airdrop-campaign-banner .airdropcamp-right-img img {
  max-width: 100%
}

.airdropcampaignnew .l1x-airdrop-campaign {
  background-color: #121822;
  border-radius: 20px;
  max-height: 100%;
  max-width: 1180px;
  overflow: hidden;
  position: static;
  transform: none
}

.airdropcampaignnew .l1x-airdrop-campaign .btn-airdrop-now {
  font-size: 14px
}

.airdropcampaignnew .l1x-airdrop-campaign .innerAirdrop {
  max-height: 100%;
  overflow-x: visible;
  overflow-y: visible;
  width: 100%
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .max-width-800 {
  max-width: 1024px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .layer-one-airdrop-dv .airdrop-vertical ul li h6 {
  font-size: 18px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .layer-one-airdrop-dv .airdrop-vertical ul li p {
  color: #c8d3e4;
  font-size: 16px;
  font-weight: 300
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div {
  max-width: 1024px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div h2 {
  line-height: auto;
  max-width: 660px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div p {
  color: #c8d3e4;
  font-size: 14px;
  max-width: 810px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .how-get-started-main .how-get-started-box {
  border: 1px solid #202e41
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .how-get-started-main .how-get-started-box .step-tag {
  background-color: #27364b;
  color: #fff
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .how-get-started-main .how-get-started-box h6 {
  font-size: 14px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .how-get-started-main .how-get-started-box .campaignlink {
  border-bottom: 1px solid #fb641b;
  color: #fb641b
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .how-get-started-main .how-get-started-box .campaignlink:hover {
  border-bottom: 1px solid #fff;
  color: #fff
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .how-get-started-main .how-get-started-box ul li {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .coin-allocated-div {
  border: 1px solid #202e41
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .coin-allocated-div h6 {
  font-size: 22px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .participate-win-div .coin-allocated-div p {
  color: #c8d3e4;
  font-weight: 300
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .airdrop-box {
  background-color: #101825;
  border: 1px solid #202e41;
  height: 100%
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .airdrop-box p {
  color: #7a8697;
  font-size: 14px;
  font-weight: 300
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw:before {
  background: #101825
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw p {
  color: #7a8697;
  font-size: 14px;
  font-weight: 300
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw p span {
  color: #fff
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw {
  background: linear-gradient(356deg, #3c4653 18%, #280684 91%);
  padding: 30px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw ul li {
  color: #7a8697;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw ul li span {
  color: #fff
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw h5 {
  font-size: 24px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .airdrop-div-target .opportunity-box-nw .doller-circle {
  margin: -56px auto 0
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements .table-responsive {
  border: 1px solid #1c2738;
  max-width: 1024px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements .table-responsive table {
  background-color: #1c2738;
  max-width: 100%;
  width: 100%
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements .table-responsive table thead {
  background-color: #17202d
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements .table-responsive table thead tr th {
  border: 1px solid #29364a;
  font-size: 14px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .taskon-requirements .table-responsive table tbody tr td {
  border: 1px solid #29364a;
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 300
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .tips-to-stay-ahead-div {
  background: #212a3a;
  background: linear-gradient(180deg, #212a3a, #212a3a 47%)
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .tips-to-stay-ahead-div .stay-box-4 {
  border: 1px solid #414b5a;
  border-radius: 12px;
  height: 100%;
  padding: 30px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .tips-to-stay-ahead-div .stay-box-4 .icon-stay {
  margin-bottom: 16px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .tips-to-stay-ahead-div .stay-box-4 h4 {
  font-size: 20px
}

.airdropcampaignnew .l1x-airdrop-campaign .l1x-airdrop-content .tips-to-stay-ahead-div .stay-box-4 p {
  color: #c8d3e4;
  font-size: 14px;
  font-weight: 300
}

.swap-a-thon-master-class .AirdropChecker .header h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px
}

.swap-a-thon-master-class .AirdropChecker .header p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0
}

.swap-a-thon-master-class .AirdropChecker .pointsCard {
  background: #27364b;
  border-radius: 12px;
  overflow: hidden
}

.swap-a-thon-master-class .AirdropChecker .pointsCard .walletAddress {
  background: #1e2e44;
  border: none;
  margin-bottom: 0;
  padding: 16px
}

.swap-a-thon-master-class .AirdropChecker .pointsCard .walletAddress p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0
}

.swap-a-thon-master-class .AirdropChecker .pointsCard .walletAddress p span {
  background: #0000;
  color: #c8d3e4;
  display: inline-block;
  padding-left: 8px;
  width: auto
}

.swap-a-thon-master-class .AirdropChecker .pointsCard .pointsGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 16px 0
}

.swap-a-thon-master-class .AirdropChecker .pointsCard .pointsGrid .p-16 {
  border-right: 1px solid #4e627e;
  padding: 0 16px
}

.swap-a-thon-master-class .AirdropChecker .pointsCard .pointsGrid .p-16:last-child {
  border: none
}

.swap-a-thon-master-class .AirdropChecker .pointsCard .pointsGrid .p-16 p {
  color: #c8d3e4;
  font-size: 14px;
  margin-bottom: 4px
}

.swap-a-thon-master-class .AirdropChecker .pointsCard .pointsGrid .p-16 h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.swap-a-thon-master-class .AirdropChecker .verifiedContent img {
  margin-bottom: 16px;
  width: 150px
}

.swap-a-thon-master-class .AirdropChecker .verifiedContent h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px
}

.swap-a-thon-master-class .AirdropChecker .verifiedContent p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0
}

.swap-a-thon-master-class .AirdropChecker .btnOrange {
  background: #fd6519;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 30px
}

.swap-a-thon-master-class .AirdropChecker .btnLight {
  align-items: center;
  background: #fff;
  border: none;
  border-radius: 30px;
  color: #fd6519;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  gap: 10px;
  padding: 8px 20px
}

.swap-a-thon-master-class .AirdropChecker .btnLight svg {
  width: 24px
}

.swap-a-thon-master-class .AirdropChecker .note {
  color: #939eb0;
  font-size: 14px;
  margin-bottom: 0
}

.airdrop-campaign-checker-main {
  background: #dd501c;
  background: linear-gradient(90deg, #dd501c, #e9563c 16%, #d84959 33%, #9d175c 50%, #87018b 73%, #54008f 92%);
  border-radius: 12px;
  color: #fff;
  margin-top: 80px;
  padding: 12px 12px 12px 200px;
  position: relative
}

.airdrop-campaign-checker-main .airdrop-img-coin {
  bottom: 10px;
  left: 10px;
  position: absolute;
  width: 170px
}

.airdrop-campaign-checker-main .airdrop-content-banner-season {
  align-items: center;
  display: flex;
  gap: 16px
}

.airdrop-campaign-checker-main .airdrop-content-banner-season .airdrop-left-season {
  position: relative;
  width: 100%
}

.airdrop-campaign-checker-main .airdrop-content-banner-season .airdrop-left-season .pattern-img {
  position: absolute;
  right: 0;
  top: -6px
}

.airdrop-campaign-checker-main .airdrop-content-banner-season .airdrop-left-season p {
  background-color: #fff;
  border-radius: 30px;
  color: #000;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px;
  padding: 4px 18px;
  text-transform: uppercase
}

.airdrop-campaign-checker-main .airdrop-content-banner-season .airdrop-left-season h3 {
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 0
}

.airdrop-campaign-checker-main .airdrop-content-banner-season .airdrop-left-season h5 {
  font-family: Kadwa, serif;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0
}

.airdrop-campaign-checker-main .airdrop-content-banner-season .airdrop-right-season .btn {
  border-radius: 30px;
  font-size: 13px;
  font-weight: 500;
  min-width: 200px;
  padding: 8px 16px;
  text-align: center
}

.airdrop-campaign-checker-main .airdrop-content-banner-season .airdrop-right-season .btn.btn-airdrop-announcement {
  background-color: #0000;
  border: 1px solid #fff;
  color: #fff;
  margin-bottom: 10px
}

.airdrop-campaign-checker-main .airdrop-content-banner-season .airdrop-right-season .btn.btn-airdrop-announcement:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #000
}

.airdrop-campaign-checker-main .airdrop-content-banner-season .airdrop-right-season .btn.btn-season-live-now {
  align-items: center;
  background-color: #fff;
  border: 1px solid #fff;
  color: #000;
  display: flex;
  gap: 6px;
  justify-content: center
}

.airdrop-campaign-checker-main .airdrop-content-banner-season .airdrop-right-season .btn.btn-season-live-now svg {
  color: #000;
  width: 20px
}

.airdrop-campaign-checker-main .airdrop-content-banner-season .airdrop-right-season .btn.btn-season-live-now:hover {
  background-color: #0000;
  border: 1px solid #fff;
  color: #fff
}

.airdrop-campaign-checker-main .airdrop-content-banner-season .airdrop-right-season .btn.btn-season-live-now:hover svg {
  color: #fff;
  width: 20px
}

.liquidityloanprotocol-page {
  color: #fff;
  letter-spacing: .3px;
  padding: 30px
}

.liquidityloanprotocol-page .banner-section {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAItCAYAAADPKd1AAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABmiSURBVHgB7dzhbhzHlYbhapGSbEVaeb2+/ztcI7YVxw5FdqrMGYU2p05xBH4CRnkeoDP8F+Ogunj4klBrPLLv+1V/vm+cZD5rfT7v+vNN48nGmerPi8ZJ4zz1521jqs/nh8aUd6zWZ/NmPI2p8Y45QxzZB2vms2ZfPp/v5TX78pp9ueYdq9mX1+zLc4YCAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAxNbC9n1/3z+u2uUZcf6uMWM+ta19gffrKzPO1MfGzPE87Y0Z91LNfGru7TX39APbtv3Ynol9+atlPjX37vncwzX78pp7qWY+Nff2mnv6gYf78nXL+6VdnvEDwLv+/L1xivmsve3P7eHhacaZGveFmZ32uj8v+/OhMfN9cy9Vvmvescqbdr9Q3zRmnKEc+/LXx3zW7Mvnsy/X7Mtr9uWaXadmX15zhibiAbrX7ov77dG+73/8RucS/9u/BPNZ6zM6/tbdjM5z61yddjhTd+YzN0ZkPnOHa8k7NtHnM+bir17WnKEA+/LXx3zW7MufzT08YV9esy/X7Ms1+/KTOUMn+DegAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiBCgAQAAAACIEKABAAAAAIgQoAEAAAAAiLhuYfu+v2qXF7q38fT/9m8ap5jP2lW7P/db4xyv+7naG6e87M8L711p3Et/a8yMe8k7Njd2onFnv2rMjLPjDB1s2/Zbeyb25a+S+azZlz+Pe3jOvrxmX67Zl2v25TX78gMP9+V4gG6XeTCPPwB8iflcIvNZGzO6bZzjrt0vjXeNU8aZGguR9672ujEzzpB3bO7q8OnunhuzcYYy7MtfH/NZsy+fz75csy8/jX15zr5csy+v2Zcn4hdzr90f2oXpv6gYL9X7S/xv/xLMZ63P6F3/uHnOv4762h3++utDn5mL+oTDX3Jce+/m+oy+7R/mM/e+ecem+vl5Mz77fH5tnHS4h5yhAPvy18d81uzL57Mv1+zLa/blJftywb68Zl+e829AAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABAhQAMAAAAAECFAAwAAAAAQIUADAAAAABCxHb/Y9/2HxtGYy4jzt41TzGftqj93/dkbT3Xdn4+NmeMvDO8aMy+bM1QZ79hNY8Y7tnaJ9/Tdtm0/tmdiX/4T+2DNfNbsy+ezL9d8L1+zL9fsyzXv2Np//b48szX+pP9gMRah919i+Jeqz+jb8dln9M/GI4cz9F1/fm7M/E8/P//fOKmfobf946bP6PfGI4d37G2fz0+NJ+kze9U/XvWZfWic1Gf0vn/80mdkoT7BfHjIvrxmX67Zl5/EvlywL9fsy+ezL6/ZB2vmU7tunOKfJqn5xcXa+IZvTnNXjcrWnJ8VZ+g8vq+tOVM18+Gv3Cs138fX7Ms1927NvrzmDJ3H97U1Z6pmPgUvGAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEdfHL/Z9f9kYrsb/mEfJjGpXh0/zKTg/pXGG7sxoyh10vvH9/oWZlbb+XPcZ7Y1TLnY+27bdtGfiHfrEPbxmRjX78hM4PyX7cs0ddD778pp9uWZfLlw/+PpN42j8ZfjbxsyYz978BX1lzObbRsWdMzfOz+v25zuaPxuzcU8/3fbgYW7cSxbquUucz21/nnOh9r3rP+zLNfvymn15zZ0zZ19esy+fx778NPblmn154tNl3Wv3T43xG8Lxm8KxCP2jMfOqP3f9zPzaeORwhq76fH5snNRn9IM7Z67P513/uOkz+q3xyOEdGz9wuKefbvwlRz9S24fGSf1cfd8/fu4zums8Yj73fO+6Z19+Evtywb68Zl+u2Zdr9uXPYl9esA/WzKfmN/IAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAERsxy/2fX/fGEaUf9Wfj43K3p/bxikvDo8zNPeyPzeNmev+3B0eHhvv1zhD7qDzuLdr7qXapc5n37bt5/ZM7Muf2Jefxr07Z19e832pZl+u2Zc/j3u75l6q2ZcL1w++/rUxjCh/1Z/48C/YN4fP3xqnjDP0rnmnKuMHePOZ+7bdL9O/N045vmPu6acboWh8z/fezY0zNd45P3Scdqnz2dvz8g7dsy+v2Zdr9uU1+3LNvlyzL5/PvrxmX67ZlwufAnSv3X6L0f74y5axTJtHoc9o/FbHjCYOZ2g3n7k+I+en0Oczfmj9aEanecfOd5jZZmZz417q/tVn5C+pTjCfe96he/blNftyzffyNftyzb5c846dz768Zh+smU/NvwENAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAANAAAAAECEAA0AAAAAQIQADQAAAABAhAD92Naf143K1eHhtHGGXjYq3rHadXM/V7xj5xvnycxqYz7euznz4SH78pp9ueZ7+Zp3rGZfrnnHzmdfXrMP1syncN34q70/vzcqt43KOEM3jYp3rPaxP3eNGe/Y+cZ5MrPamI/3bs58eMi+vGZfrvlevuYdq9mXa96x89mX1+yDNfMpKPMAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQNAAAAACABAEaAAAAAIAIARoAAAAAgAgBGgAAAACACAEaAAAAAIAIARoAAAAAgAgBGgAAAACACAEaAAAAAIAIARoAAAAAgAgBGgAAAACACAEaAAAAAIAIARoAAAAAgAgBGgAAAACACAEaAAAAAIAIARoAAAAAgAgBGgAAAACACAEaAAAAAIAIARoAAAAAgAgBGgAAAACACAEaAAAAAIAIARoAAAAAgAgBGgAAAACACAEaAAAAAIAIARoAAAAAgAgBGgAAAACACAEaAAAAAIAIARoAAAAAgAgBGgAAAACACAEaAAAAAIAIARoAAAAAgAgBGgAAAACACAEaAAAAAIAIARoAAAAAgAgBGgAAAACACAEaAAAAAIAIARoAAAAAgAgBGgAAAACACAEaAAAAAICI7fjFvu/fN46u+3PXmNn/8slj45c7ztCc+dSOd7N3bM49fb69OVMV91LtUudzu23bT+2Z2Jf/xD1csy+vuXdr5lOzL6+5p89nX665l2r25cLDAO2voe9d9ef/+vP3xszLdn8p/9o4ZZyhd80Zqowf4H9szLztz01/fm+cMt6x/+3Pz42nGj+AjO/zHxoz3/Xnl/7cNk652Pn0hfrZfhCwL39iX16zL9fsy2v25Zp9uWZfPp99ec2+XLMvF66/5P/ZJeg/WByjvHnMjWX6zpk57XiGzGeuz8h8CvsYUP8wo9Pc05/Fvb1w/9r98dt/MzrBfO45H/fcw0/i3i3Yl9fsyzX7cs09/Vnc2wv2wZr51PwVBwAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABHXxy/2ff+mMWz92fvzqjFz1Z8XzszUOENXfT5/a8xszk9pvGPjXm6ctB0+3dNPdzxT3ru5ca5e7168mUudz75t2+/tmXiHPrEvr9mXa/blNftyzb5csy+fz768Zl+u2ZcL15Ov/5uNvwq/bVSOfznvzJz24vC8bsyMi9n5mRvnZ3zTMqPT3NOfZyzVzlTtZX/uGjOXOJ9xlz7nQu0duuceXrMv1+zLa/blmn255p7+PPblNftyzb488enF6rX7Q2P8tmtcOK/MY67P6M347DP6tfHI4QyN35o6Q3Pfecfm+hl61z9u+ox+azxyeMfeO0NPd/hLjmszm+szGn8h9KHPyEJ9gvnc8w7dsy+v2Zdr9uUnsS8X7Ms1+/L57Mtr9sGa+dT8G9AAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARAjQAAAAAABECNAAAAAAAEQI0AAAAAAARGzHL/Z9f9MYxkyu+3PTmLk6fN42TjmeIfOZG/P5V2NmzOfu8PDYeMfGPfSx8VTu7bWXzff+yqXOZ9+27Z/tmdiXP7Evr7l3a/blNftyzb5csy+fz729Zl+u2ZcLAjQAAF8rARoAAOa+SIAGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALsS/AWP9by2fuXzQAAAAAElFTkSuQmCC);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 30px 20px 100px;
  text-align: center
}

.liquidityloanprotocol-page .banner-section .august-loan-quota {
  border-radius: 12px;
  margin: 0 auto 30px;
  max-width: 350px;
  padding: 12px;
  position: relative;
  text-align: center
}

.liquidityloanprotocol-page .banner-section .august-loan-quota .infoicon {
  color: #465468;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px
}

.liquidityloanprotocol-page .banner-section .august-loan-quota p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px
}

.liquidityloanprotocol-page .banner-section .august-loan-quota .august-loan-quota-line {
  align-items: center;
  display: flex;
  gap: 10px
}

.liquidityloanprotocol-page .banner-section .august-loan-quota .august-loan-quota-line .line-quota {
  background-color: #384557;
  border-radius: 30px;
  height: 6px;
  position: relative;
  width: 100%
}

.liquidityloanprotocol-page .banner-section .august-loan-quota .august-loan-quota-line span {
  background-color: #ff6717;
  border-radius: 30px;
  height: 6px;
  left: 0;
  position: absolute;
  top: 0
}

.liquidityloanprotocol-page .banner-section .august-loan-quota .august-loan-quota-line p {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0
}

.liquidityloanprotocol-page .banner-section h2 {
  color: #c8d3e4;
  font-size: 36px;
  font-weight: 200;
  letter-spacing: 1px;
  line-height: 1.4;
  margin: 0 auto;
  max-width: 850px
}

.liquidityloanprotocol-page .banner-section h3 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: .5px;
  line-height: 42px;
  margin-bottom: 20px
}

.liquidityloanprotocol-page .banner-section h4 {
  font-size: 26px;
  font-weight: 500
}

.liquidityloanprotocol-page .banner-section hr {
  margin: 30px auto;
  opacity: .5;
  width: 350px
}

.liquidityloanprotocol-page .banner-section .go-live-minutes {
  grid-gap: 30px;
  border-radius: 12px;
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
  margin: 20px auto;
  max-width: 1120px
}

.liquidityloanprotocol-page .banner-section .go-live-minutes .card-golive {
  background-color: #1b222e;
  border: 1px solid #42495b;
  border-radius: 16px;
  padding: 20px;
  text-align: left
}

.liquidityloanprotocol-page .banner-section .go-live-minutes .card-golive h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: auto;
  margin-bottom: 5px
}

.liquidityloanprotocol-page .banner-section .go-live-minutes .card-golive p {
  color: #cdd5e1;
  line-height: 23px;
  margin-bottom: 0
}

.liquidityloanprotocol-page .banner-section .go-live-minutes .card-golive p span {
  color: #f8bc28;
  font-weight: 600
}

.liquidityloanprotocol-page .banner-section .go-live-minutes .col-live-minutes {
  border-right: 1px solid #364253;
  font-size: 15px;
  font-weight: 300;
  margin: 32px 0 32px 32px;
  padding-right: 30px;
  text-align: left
}

.liquidityloanprotocol-page .banner-section .go-live-minutes .col-live-minutes:last-child {
  border-right: none
}

.liquidityloanprotocol-page .banner-section .btn-start-building-now {
  background: linear-gradient(90deg, #7408c1 -1.34%, #ee5a0c 118.32%);
  border: 1.5px solid #fff;
  border-radius: 30px;
  box-shadow: 0 10px 20px #ff61104d;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  padding: 12px 40px;
  position: relative;
  text-decoration: none;
  transform: translateY(0);
  transition: all .3s ease
}

.liquidityloanprotocol-page .banner-section .btn-start-building-now:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1)
}

.liquidityloanprotocol-page .banner-section .btn-start-building-now:active {
  transform: translateY(-1px);
  transition: all .1s ease
}

.liquidityloanprotocol-page .card-container {
  grid-gap: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 0 100px
}

.liquidityloanprotocol-page .card-container .step-card {
  position: relative
}

.liquidityloanprotocol-page .card-container .step-card .step-card-sub {
  align-items: center;
  background: #1b222e;
  border: 1px solid #0000;
  border-radius: 12px;
  box-shadow: 0 4px 15px #0000001a;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 320px;
  overflow: hidden;
  padding: 30px;
  position: relative;
  text-align: center;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  z-index: 1
}

.liquidityloanprotocol-page .card-container .step-card .step-one {
  background-color: #283241;
  border-radius: 30px;
  font-size: 12px;
  left: 10px;
  padding: 8px 18px;
  position: absolute;
  top: 10px;
  transition: all .3s ease
}

.liquidityloanprotocol-page .card-container .step-card .details-text {
  color: #c8d3e4;
  line-height: 24px;
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(10px);
  transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.liquidityloanprotocol-page .card-container .step-card h3 {
  font-size: 24px;
  margin: 40px 0 30px;
  transition: all .3s ease
}

.liquidityloanprotocol-page .card-container .step-card .code-text {
  background-color: #0e131a;
  border-radius: 10px;
  color: #7a8391;
  margin-bottom: 20px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 20px;
  text-align: left;
  transform: translateY(15px);
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  width: 100%
}

.liquidityloanprotocol-page .card-container .step-card .btn-create-token {
  background: linear-gradient(90deg, #7408c1 -1.34%, #ee5a0c 118.32%);
  border: 1.5px solid #fff;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  opacity: 1;
  overflow: hidden;
  padding: 10px 20px;
  position: relative;
  text-decoration: none;
  transform: translateY(0) scale(1);
  transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.liquidityloanprotocol-page .card-container .step-card .up-k-amount-label {
  background-color: #283241;
  border-radius: 30px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 20px;
  padding: 10px 20px;
  transition: all .3s ease
}

.liquidityloanprotocol-page .card-container .step-card .repayment-label {
  background-color: #283241;
  border-radius: 30px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 20px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 10px 20px;
  transform: translateY(10px);
  transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.liquidityloanprotocol-page .card-container .step-card .card-details {
  opacity: 0;
  pointer-events: none;
  transition: all .3s ease
}

.liquidityloanprotocol-page .card-container .step-card .card-button {
  opacity: 1;
  transition: all .3s ease
}

.liquidityloanprotocol-page .card-container .step-card:hover {
  z-index: 10
}

.liquidityloanprotocol-page .card-container .step-card:hover .step-card-sub {
  background-color: #222b39;
  border: 1px solid #ffffff4d;
  box-shadow: 0 20px 60px #0006;
  height: auto;
  left: 0;
  min-height: 350px;
  position: absolute;
  top: 0;
  transform: translateY(-10px)
}

.liquidityloanprotocol-page .card-container .step-card:hover .card-details {
  opacity: 1;
  pointer-events: all
}

.liquidityloanprotocol-page .card-container .step-card:hover .card-button {
  opacity: 0;
  transform: translateY(10px)
}

.liquidityloanprotocol-page .card-container .step-card:hover .details-text {
  margin-top: 15px;
  max-height: 200px;
  opacity: 1;
  transform: translateY(0)
}

.liquidityloanprotocol-page .card-container .step-card:hover .code-text {
  max-height: 300px;
  opacity: 1;
  transform: translateY(0)
}

.liquidityloanprotocol-page .card-container .step-card:hover .btn-create-token {
  box-shadow: 0 5px 20px #7408c14d;
  transform: translateY(0) scale(1.05)
}

.liquidityloanprotocol-page .card-container .step-card:hover .repayment-label {
  max-height: 100px;
  opacity: 1;
  transform: translateY(0)
}

.liquidityloanprotocol-page .card-container .step-card:hover h3 {
  transform: translateY(-5px)
}

.liquidityloanprotocol-page .pre-approved-loan-listing {
  background-color: #19212c;
  border-radius: 12px;
  display: flex;
  margin: 40px auto 150px;
  max-width: 1200px;
  overflow: hidden
}

.liquidityloanprotocol-page .pre-approved-loan-listing .pre-approved-loan-listing-left {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  width: 100%
}

.liquidityloanprotocol-page .pre-approved-loan-listing .pre-approved-loan-listing-left p {
  font-size: 18px;
  margin-bottom: 10px
}

.liquidityloanprotocol-page .pre-approved-loan-listing .pre-approved-loan-listing-left h3 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 0
}

.liquidityloanprotocol-page .pre-approved-loan-listing .pre-approved-loan-listing-right {
  background: linear-gradient(90deg, #7408c1 -1.34%, #ee5a0c 118.32%);
  min-width: 400px;
  padding: 32px 40px;
  text-align: center
}

.liquidityloanprotocol-page .pre-approved-loan-listing .pre-approved-loan-listing-right p {
  font-size: 22px;
  margin-bottom: 25px
}

.liquidityloanprotocol-page .pre-approved-loan-listing .pre-approved-loan-listing-right .apply-for-a-loan-btn {
  background-color: #fff;
  border: none;
  border-radius: 30px;
  color: #000;
  font-size: 14px;
  padding: 10px 30px
}

.liquidityloanprotocol-page .pre-approved-loan-listing .pre-approved-loan-listing-right .apply-for-a-loan-btn:hover {
  background-color: #000;
  color: #fff
}

.btn-loanInformation {
  background: #0000;
  border: 1.5px solid #fff;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  padding: 10px 20px;
  position: relative;
  text-decoration: none;
  transform: translateY(0);
  transition: all .3s ease
}

.btn-loanInformation:hover {
  border: 1.5px solid #fff;
  transform: scale(1.1);
  -webkit-transform: scale(1.1)
}

.btn-loanInformation:active {
  border: 1.5px solid #fff;
  transform: translateY(-1px);
  transition: all .1s ease
}

.reader-menu {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 1000
}

.reader-menu button {
  padding: 0
}

.reader-menu button img {
  width: 30px
}

.reader-menu .dropdown-menu {
  background: #f8f8f8;
  border: none;
  border-radius: 6px;
  height: 70px;
  margin-top: -34px !important;
  min-width: 70px;
  padding: 0;
  width: 70px
}

.reader-menu .dropdown-menu.show {
  inset: 0 0 auto auto;
  margin: 0;
  transform: translate3d(0, 34px, 0)
}

.reader-menu .dropdown-menu .font-resize {
  align-items: center;
  border: 1px solid #000;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  display: flex;
  padding-bottom: 5px
}

.reader-menu .dropdown-menu .font-resize .btn {
  border: none;
  border-radius: 0;
  color: #000;
  height: 47px;
  padding: 0;
  width: 50%
}

.reader-menu .dropdown-menu .font-resize .btn:active {
  scale: .9
}

.reader-menu .dropdown-menu .font-resize .btn:disabled {
  color: gray;
  cursor: not-allowed
}

.reader-menu .dropdown-menu .font-resize .btn span {
  font-size: 1.428em;
  font-weight: 600
}

.reader-menu .dropdown-menu .font-resize .vertical-line {
  border-left: 1px solid #d3d3d3;
  height: 30px
}

.reader-menu .dropdown-menu .color-palette {
  align-items: center;
  background-color: #c4c4c4;
  border: 1px solid #000;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  padding: 5px 0;
  position: relative;
  top: -5px
}

.reader-menu .dropdown-menu .color-palette .circle {
  border: none;
  border-radius: 100px;
  height: 11px;
  margin: 0 3px;
  padding: 0;
  width: 11px
}

.reader-menu .dropdown-menu .color-palette .circle:active {
  scale: .9
}

.reader-menu .dropdown-menu .color-palette .circle:first-child {
  background-color: #fff
}

.reader-menu .dropdown-menu .color-palette .circle:nth-child(2) {
  background-color: #f8f1e3
}

.reader-menu .dropdown-menu .color-palette .circle:nth-child(3) {
  background-color: #4a4a4d
}

.reader-menu .dropdown-menu .color-palette .circle:nth-child(4) {
  background-color: #121212
}

.menuallmain .xPad-modal {
  min-height: 100vh;
  position: fixed;
  z-index: 1001
}

.menuallmain .xPad-modal-body-gridview .apps {
  grid-template-columns: repeat(6, 1fr)
}

.menuallmain .xPad-modal-body-gridview .apps-app img {
  height: 60px;
  width: 60px
}

.menuallmain .xPad-modal-body-listview-body .list-item img {
  height: 50px;
  width: 50px
}

.xPad-modal {
  align-items: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: calc(100vh - 120px);
  justify-content: center;
  left: 0;
  position: relative;
  top: 0;
  width: 100vw
}

@media screen and (max-width:1024px) {
  .xPad-modal {
    display: none
  }
}

.xPad-modal.open {
  animation: modalAnimation .3s ease-in-out
}

.xPad-modal-body {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 1090px
}

.xPad-modal-body-gridview-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  width: 922px
}

@media screen and (max-width:1400px) {
  .xPad-modal-body-gridview-header {
    margin-bottom: 20px;
    margin-top: 10px
  }
}

.xPad-modal-body-gridview-header .btn-discard {
  border-radius: 50px;
  color: #fff;
  font-size: 16px;
  padding: 10px 15px;
  position: relative
}

.xPad-modal-body-gridview-header .btn-discard:before {
  background-color: red;
  border-radius: 30px;
  content: "";
  display: inline-block;
  height: 12px;
  margin: 0 3px -1px 0;
  padding: 0;
  width: 12px
}

.xPad-modal-body-gridview-header .btn-discard:hover {
  background-color: #827bbd33
}

.xPad-modal-body-gridview-header-search {
  position: relative
}

.xPad-modal-body-gridview-header-search .form-control {
  background-color: #827bbd33;
  border: none;
  border-radius: 50px;
  color: hsla(0, 0%, 100%, .502);
  font-size: 20px;
  font-weight: 400;
  height: 48px;
  padding: 12px 40px;
  width: 460px
}

.xPad-modal-body-gridview-header-search .form-control::placeholder {
  color: #d0d5dd
}

.xPad-modal-body-gridview-header-search .form-control:focus {
  box-shadow: none;
  outline: none
}

.xPad-modal-body-gridview .apps {
  grid-gap: 30px 40px;
  display: grid;
  gap: 30px 40px;
  grid-template-columns: repeat(10, 1fr);
  min-height: 469px
}

@media screen and (max-width:1500px) {
  .xPad-modal-body-gridview .apps {
    height: 370px;
    min-height: 370px;
    overflow-y: auto
  }
}

@media screen and (min-height:900px) {
  .xPad-modal-body-gridview .apps {
    height: 570px;
    min-height: 570px
  }
}

.xPad-modal-body-gridview .apps-app {
  text-align: center
}

.xPad-modal-body-gridview .apps-app img {
  height: 50px;
  position: relative;
  top: 0;
  transition: all .2s ease-in-out;
  width: 50px
}

.xPad-modal-body-gridview .apps-app img:hover {
  border-radius: 25px;
  box-shadow: 0 12px 18px rgba(0, 0, 0, .188);
  position: relative;
  top: -3px;
  transition: all .2s ease-in-out
}

.xPad-modal-body-gridview .apps-app p {
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 0;
  margin-top: 15px;
  text-align: center
}

.xPad-modal-body-listview-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 922px
}

@media screen and (max-width:1400px) {
  .xPad-modal-body-listview-header {
    margin-bottom: 20px
  }
}

.xPad-modal-body-listview-header .btn-discard {
  border-radius: 50px;
  color: #fff;
  font-size: 16px;
  padding: 10px 15px;
  position: relative
}

.xPad-modal-body-listview-header .btn-discard:before {
  background-color: red;
  border-radius: 30px;
  content: "";
  display: inline-block;
  height: 12px;
  margin: 0 3px -1px 0;
  padding: 0;
  width: 12px
}

.xPad-modal-body-listview-header .btn-discard:hover {
  background-color: #827bbd33
}

.xPad-modal-body-listview-body {
  display: flex;
  padding: 35px 25px;
  width: 1090px
}

@media screen and (max-width:1200px) {
  .xPad-modal-body-listview-body {
    max-width: 975px
  }
}

.xPad-modal-body-listview-body {
  height: 551px
}

@media screen and (max-width:1440px) {
  .xPad-modal-body-listview-body {
    height: 470px
  }
}

.xPad-modal-body-listview-body {
  background-color: #0000004d;
  border-radius: 20px
}

.xPad-modal-body-listview-body .left {
  padding-right: 10px;
  width: 470px
}

@media screen and (max-width:1440px) {
  .xPad-modal-body-listview-body .left {
    overflow-y: auto
  }
}

.xPad-modal-body-listview-body .center {
  border-left: 1px solid #474da2;
  border-right: 1px solid #474da2;
  overflow-y: auto;
  padding: 0 10px;
  width: 420px
}

.xPad-modal-body-listview-body .right {
  overflow-y: auto;
  padding-left: 40px;
  width: calc(100% - 480px)
}

.xPad-modal-body-listview-body .right h1 {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 30px
}

@media screen and (max-width:1400px) {
  .xPad-modal-body-listview-body .right h1 {
    margin-bottom: 20px
  }
}

.xPad-modal-body-listview-body .right p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px
}

@media screen and (max-width:1400px) {
  .xPad-modal-body-listview-body .right p {
    line-height: 25px
  }
}

.xPad-modal-body-listview-body .right small {
  color: #98a2b3;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px
}

.xPad-modal-body-listview-body .right small a {
  color: #fff
}

.xPad-modal-body-listview-body .list {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.xPad-modal-body-listview-body .list-item {
  align-items: center;
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  padding: 6px 10px
}

.xPad-modal-body-listview-body .list-item.active,
.xPad-modal-body-listview-body .list-item:hover {
  background-color: #00000080
}

.xPad-modal-body-listview-body .list-item img {
  height: 40px;
  width: 40px
}

.xPad-modal-body-listview-body .list-item p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  margin-left: 25px
}

.xPad-modal-body-footer {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 20px
}

@media screen and (max-width:1400px) {
  .xPad-modal-body-footer {
    margin-top: 20px
  }
}

.xPad-modal-body-footer-nav .nav {
  background-color: #00000012;
  border: none;
  border-radius: 50px
}

.xPad-modal-body-footer-nav .nav.nav-tabs .nav-item .nav-link {
  align-items: center;
  border: none;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  height: 50px;
  line-height: 20px;
  width: 120px
}

.xPad-modal-body-footer-nav .nav.nav-tabs .nav-item .nav-link svg {
  margin: 0 10px 0 5px
}

.xPad-modal-body-footer-nav .nav.nav-tabs .nav-item .nav-link.active {
  background-color: #282942;
  color: #d0d5dd
}

.xPad-modal-body-footer-nav .nav.nav-tabs .nav-item .nav-link.active svg,
.xPad-modal-body-footer-nav .nav.nav-tabs .nav-item .nav-link.active svg path {
  fill: #282942
}

@keyframes modalAnimation {
  0% {
    opacity: 0;
    transform: scale(1.2)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

html {
  scroll-behavior: smooth
}

body {
  font-family: Inter, sans-serif;
  font-size: 14px
}

::-webkit-scrollbar {
  width: 2px
}

::-webkit-scrollbar-track {
  background: #f1f1f1
}

::-webkit-scrollbar-thumb {
  background: #a7a7a7
}

.modal-content {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background: #fff9
}

.opacity1 {
  opacity: 1
}

.cursor-pointer {
  cursor: pointer
}

.blur-bg {
  background-image: url(/static/media/light-bg.f260f67fab84cd740137.png);
  background-position: 50%;
  background-size: cover;
  height: 100%;
  left: 0;
  min-height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1
}

.dark-mode .blur-bg {
  background-image: url(/static/media/dark-bg.39db8356d11f3f10b350.png)
}

.btn-primary {
  background-color: #ff6717;
  border-color: #ff6717;
  border-radius: 25px
}

.btn-outline-primary {
  border-color: #ff6717;
  color: #ff6717
}

.btn-outline-primary:hover {
  background-color: #ff6717;
  border-color: #ff6717;
  color: #fff
}

a {
  text-decoration: none
}

ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.container {
  max-width: 1107px
}

.data-notFound {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}

.data-notFound h3 {
  color: #767676;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  text-align: center
}

.data-notFound h3>svg {
  fill: #767676;
  display: block;
  height: 30px;
  margin: 0 auto 10px;
  width: 31px
}

.data-notFound.white-bg {
  background-color: #fff
}

.main-container {
  background-position: 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 122px);
  position: relative;
  width: 100%
}

.body-container {
  align-items: center;
  display: flex;
  flex-grow: 1;
  padding: 40px 40px 15px;
  width: 100%
}

@media screen and (max-width:767px) {
  .body-container {
    padding: 25px 15px 15px
  }
}

@media screen and (max-width:1440px) {
  .body-container {
    padding: 25px 25px 15px
  }
}

.body-container.align-normal {
  align-items: normal;
  display: flex
}

@media screen and (max-height:700px) {
  .body-container.top-space-120 {
    margin-top: 100px
  }
}

.fullWidth {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important
}

.mt5 {
  margin-top: 5px !important
}

.Toastify__toast {
  border-radius: 15px;
  box-shadow: 0 0 10px #00000029;
  padding: 20px
}

.Toastify__toast-body {
  padding: 0
}

.Toastify__progress-bar {
  background: #7dcec2;
  border-radius: 2px;
  bottom: 12px;
  height: 2px;
  left: 20px;
  width: calc(100% - 40px)
}

.custom-toaster {
  width: 100%
}

.custom-toaster-content {
  align-items: flex-start;
  display: flex
}

.custom-toaster-content .icon-wrapper {
  margin-right: 15px;
  width: 28px
}

.custom-toaster-content .icon-wrapper>img {
  max-width: 100%
}

.custom-toaster-content .message h6 {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin: 0
}

.custom-toaster-content .message h6 .time {
  color: #7dcec2;
  display: inline-block;
  margin-left: 5px
}

.custom-toaster-content .message .view-transactions {
  align-items: center;
  color: #767676;
  display: flex;
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  transition: all .3s ease-in-out
}

.custom-toaster-content .message .view-transactions:hover {
  color: #7dcec2
}

.custom-toaster-content .message .view-transactions>svg {
  margin-left: 3px;
  width: 12px
}

.custom-toaster-content .message .view-transactions>svg>path {
  fill: #767676
}

.custom-toggle-switch {
  line-height: 0
}

.custom-toggle-switch input {
  display: block;
  height: 0;
  opacity: 0;
  width: 0
}

.custom-toggle-switch input:checked+label {
  background: #3fde0f
}

.custom-toggle-switch input:checked+label:after {
  left: auto;
  right: 2px
}

.custom-toggle-switch label {
  background: #666;
  border-radius: 30px;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  position: relative;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  width: 50px
}

.custom-toggle-switch label:after {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: 18px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 18px
}

.custom-switch {
  display: inline-block
}

.custom-switch input {
  display: none
}

.custom-switch input:checked+label {
  background-color: #00dd30;
  border-color: #00dd30
}

.custom-switch input:checked+label:after {
  background-color: #fff;
  border-color: #fff;
  left: 20px
}

.custom-switch label {
  background-color: red;
  border: 1px solid red;
  border-radius: 11px;
  cursor: pointer;
  display: block;
  height: 20px;
  position: relative;
  transition: all .2s;
  width: 40px
}

.custom-switch label:after {
  background-color: #fff;
  border: 1px solid red;
  border-radius: 10px;
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  transition: all .2s;
  width: 18px
}

.table-wrapper {
  background-color: #f1f2fa;
  height: calc(100% - 50px);
  overflow-y: auto;
  padding-bottom: 15px;
  width: 100%
}

.table-wrapper table tr td,
.table-wrapper table tr th {
  border-bottom: 1px solid #e8e8ed;
  color: #6c6c6c
}

.table-wrapper table tr td:first-child,
.table-wrapper table tr th:first-child {
  color: #0c111d;
  padding-left: 20px
}

.table-wrapper table tr td:last-child,
.table-wrapper table tr th:last-child {
  padding-right: 20px
}

.table-wrapper table tr td .icons,
.table-wrapper table tr th .icons {
  margin-right: 4px;
  vertical-align: middle;
  width: 15px
}

.table-wrapper table tr td .duration-td,
.table-wrapper table tr th .duration-td {
  color: #475467;
  font-size: 10px;
  padding: 5px 10px
}

.table-wrapper table tr th {
  color: #475467;
  font-size: 10px;
  font-weight: 400
}

.table-wrapper table tr th>b {
  color: #1d2939
}

.table-wrapper table tr th .date-filter {
  cursor: pointer;
  display: inline-block;
  float: right;
  margin-left: auto
}

.table-wrapper table tr th .date-filter.up {
  transform: rotate(180deg)
}

.table-wrapper table tr td {
  font-size: 12px
}

.table-wrapper table tr td .date-text {
  color: #98a2b3;
  font-size: 10px
}

.table-wrapper table tr td .date-text abbr {
  color: #344054;
  margin-right: 3px
}

.table-wrapper table tr td .tokan-text {
  color: #1d2939;
  font-size: 14px;
  font-weight: 500
}

.table-wrapper table tr td .value-text {
  color: #344054
}

.table-wrapper table tr.active td,
.table-wrapper table tr:hover td {
  background-color: #fff
}

.table-wrapper::-webkit-scrollbar {
  width: 2px
}

.table-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1
}

.table-wrapper::-webkit-scrollbar-thumb {
  background: #a7a7a7
}

.address-block {
  background-color: #f7f7f7;
  border: 1px solid #a7a7a7;
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
  padding: 6px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(64% - 28px)
}

.duration {
  color: #98a2b3;
  font-size: 10px
}

.navigation {
  padding: 10px 0;
  position: relative;
  text-align: center;
  width: 100%
}

.navigation nav {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  position: relative
}

.navigation nav ul {
  align-items: flex-end;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  background-color: #00000029;
  border-radius: 15px;
  display: flex;
  overflow: hidden;
  position: relative;
  z-index: 1000
}

.navigation nav ul li {
  position: relative
}

.navigation nav ul li.indicator:before {
  border-bottom: 6px solid hsla(0, 0%, 100%, .631);
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  content: "";
  height: 0;
  left: 34px;
  position: absolute;
  top: 8px;
  width: 0
}

.navigation nav ul li a {
  text-wrap: nowrap;
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 18px 5px 10px;
  white-space: nowrap;
  width: 76px
}

.navigation nav ul li a span {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 12px;
  margin-top: 8px;
  min-height: 20px
}

.navigation nav ul li a .icon-wrapper {
  align-items: center;
  display: flex;
  height: 42px;
  width: auto
}

.navigation nav ul li a .icon-wrapper img {
  width: 30px
}

.navigation nav ul li a .icon-wrapper svg {
  height: auto;
  max-width: 32px
}

.navigation nav ul li a .icon-wrapper.bitBigger svg {
  max-width: 34px;
  min-width: 34px
}

.navigation nav ul li a .icon-wrapper.n-wallet svg {
  filter: none
}

.navigation nav ul li a .img-wrapper {
  height: 42px;
  width: 42px
}

.navigation nav ul li a .img-wrapper>img {
  max-width: 100%
}

.navigation nav ul li a.active,
.navigation nav ul li a:hover {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background: #f2440f
}

.navigation nav ul li a.not-click-able {
  cursor: default
}

.navigation nav ul li.active.connected:after {
  background-color: #3fde0f;
  border-radius: 50%;
  bottom: auto;
  content: "";
  height: 8px;
  left: auto;
  position: absolute;
  right: 8px;
  top: 12px;
  transform: translateX(-50%);
  width: 8px
}

.navigation nav ul.top {
  border-radius: 12px 12px 0 0;
  left: 0;
  position: absolute;
  top: -80px;
  z-index: 100
}

.navigation nav ul.top li a {
  padding: 10px 5px;
  width: 90px
}

.navigation nav ul.top li a span {
  font-size: 11px
}

.navigation nav ul.top.Account {
  left: 152px
}

.navigation nav ul.top.Defi {
  left: 379px
}

.navigation nav ul.top.Core {
  left: 380px
}

.v-navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.v-navigation nav {
  background-color: #00000029;
  border-radius: 0 18px 18px 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, .161);
  padding: 15px 0 5px;
  transition: all .15s ease-in-out
}

.v-navigation nav ul {
  display: flex;
  flex-direction: column
}

.v-navigation nav ul,
.v-navigation nav ul li,
.v-navigation nav ul li a {
  transition: all .15s ease-in-out
}

.v-navigation nav ul li a {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3px 5px 0;
  width: 50px
}

.v-navigation nav ul li a span {
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  opacity: 0;
  transition: all .15s ease-in-out
}

.v-navigation nav ul li a .icon-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 5px;
  transition: all .15s ease-in-out;
  width: auto
}

.v-navigation nav ul li a .icon-wrapper svg {
  filter: brightness(0) invert(1);
  height: auto;
  max-width: 22px;
  transition: all .15s ease-in-out
}

.v-navigation nav ul li.active-link a .icon-wrapper svg,
.v-navigation nav ul li:hover a .icon-wrapper svg {
  filter: brightness(1) invert(0)
}

.v-navigation nav ul li.active-link a>span,
.v-navigation nav ul li:hover a>span {
  color: #ff6616
}

.v-navigation nav ul li.active-red .icon-wrapper svg {
  filter: brightness(1) invert(0) !important
}

.v-navigation nav ul li.active-red .icon-wrapper svg path {
  fill: red
}

.v-navigation nav ul li.active-green .icon-wrapper svg {
  filter: brightness(1) invert(0) !important
}

.v-navigation nav ul li.active-green .icon-wrapper svg path {
  fill: green
}

.v-navigation nav:hover {
  padding: 15px 0 10px
}

.v-navigation nav:hover ul li a {
  padding: 10px 5px;
  width: 75px
}

.v-navigation nav:hover ul li a>span {
  opacity: 1
}

.v-navigation .search-btn {
  align-items: center;
  background-color: #0000;
  border: 4px solid #ffffff4d;
  border-radius: 35px;
  bottom: -80px;
  box-shadow: none;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  left: 5px;
  padding: 8px;
  position: absolute;
  transition: all .5s ease-in-out;
  width: 40px
}

.arrow {
  border: solid #000;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px
}

.arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg)
}

.arrow.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg)
}

.arrow.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.swap-logo {
  margin: 0 auto;
  max-width: 126px;
  text-align: center
}

.swap-logo,
.swap-logo a {
  display: block
}

@media screen and (max-width:1440px) {
  .swap-logo {
    margin: 0 auto
  }
}

.swap-logo>img {
  max-width: 100%
}

.swap-settings {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 20px;
  top: 35px
}

.swap-settings>.btn {
  background-color: #000a29;
  border: none;
  border-radius: 100%;
  height: 33px;
  line-height: 0;
  padding: 0;
  width: 33px
}

.swap-settings>.btn>svg {
  height: 18px;
  width: 18px
}

.swap-settings>.dropdown-menu {
  background-color: #000a29;
  border-color: 1px solid #2d385c;
  border-radius: 19px;
  padding: 10px 0
}

.swap-settings>.dropdown-menu>ul {
  max-height: 200px;
  overflow-y: auto
}

.swap-settings>.dropdown-menu>ul>li a {
  color: #fff;
  font-size: 14px
}

.swap-settings>.dropdown-menu>ul>li a:focus,
.swap-settings>.dropdown-menu>ul>li a:hover {
  background-color: #0000
}

.swap-form .btn-primary {
  background-color: #ff6717;
  border-color: #ff6717;
  display: block;
  font-size: 16px;
  margin-top: 106px;
  padding: 11px 10px;
  width: 100%
}

@media screen and (max-height:850px) {
  .swap-form .btn-primary {
    margin-top: 25px
  }
}

.swap-form .note {
  color: #475467;
  font-size: 12px;
  margin: 10px 5px;
  text-align: left
}

.swap-item {
  background-color: #f6f3fd;
  border-radius: 12px;
  padding: 10px;
  width: 100%
}

.swap-item-block {
  display: flex;
  gap: 10px
}

.swap-item-block-select {
  max-width: 169px;
  width: 100%
}

.swap-item-block-select>button {
  align-items: center;
  background-color: #000a29;
  border: 1px solid #000a29;
  border-radius: 19px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 10px;
  text-align: left;
  width: 100%
}

.swap-item-block-select>button>.icon-wrapper {
  display: inline-block;
  height: 24px;
  line-height: 0;
  margin-right: 10px;
  min-height: 24px;
  vertical-align: text-bottom;
  width: 24px
}

.swap-item-block-select>button>.icon-wrapper img {
  max-width: 100%
}

.swap-item-block-select>button>abbr {
  font-size: 13px;
  max-width: 86px;
  overflow: hidden;
  white-space: nowrap
}

.swap-item-block-select .dropdown-toggle {
  position: relative
}

.swap-item-block-select .dropdown-toggle:after {
  display: none
}

.swap-item-block-select .dropdown-toggle:before {
  border: solid #8b93ac;
  border-width: 0 1px 1px 0;
  bottom: auto;
  content: "";
  display: inline-block;
  left: auto;
  padding: 4px;
  position: absolute;
  right: 15px;
  top: 12px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.swap-item-block-select>.dropdown-menu {
  background-color: #000a29;
  border-radius: 19px;
  box-shadow: 0 1px 0 #ffffff4d;
  min-width: 170px;
  padding: 10px 0
}

.swap-item-block-select>.dropdown-menu>ul {
  max-height: 200px;
  overflow-y: auto
}

.swap-item-block-select>.dropdown-menu>ul>li>.dropdown-item {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 10px
}

.swap-item-block-select>.dropdown-menu>ul>li>.dropdown-item:hover {
  background-color: #0000
}

.swap-item-block-select>.dropdown-menu>ul>li>.dropdown-item>.icon-wrapper {
  display: inline-block;
  height: 24px;
  line-height: 0;
  margin-right: 12px;
  position: relative;
  vertical-align: text-bottom;
  width: 24px
}

.swap-item-block-select>.dropdown-menu>ul>li>.dropdown-item>.icon-wrapper img {
  max-width: 100%
}

.swap-item-block-select>.dropdown-menu>ul>li>.dropdown-item>.icon-wrapper>.active {
  background-color: #00670f;
  border-radius: 100%;
  bottom: auto;
  height: 6px;
  left: auto;
  position: absolute;
  right: -4px;
  top: -4px;
  width: 6px
}

.swap-item-currency-price {
  align-items: center;
  display: flex;
  margin: 10px 0 5px;
  width: 100%
}

.swap-item-currency-price input {
  appearance: none;
  -webkit-appearance: none;
  background-color: #0000;
  border: none;
  color: #0c111d;
  font-size: 32px;
  font-weight: 400;
  line-height: 24px;
  padding: 0;
  width: 100%
}

.swap-item-currency-price input:focus,
.swap-item-currency-price input:focus-visible,
.swap-item-currency-price input:hover {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  outline: none
}

.swap-item-currency-price>img {
  cursor: pointer;
  margin-left: 10px;
  max-width: 18px
}

.swap-item-balance {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.swap-item-balance span {
  color: #0c111d;
  font-size: 12px
}

.swap-item-balance abbr {
  color: #0c111d;
  font-size: 13px
}

.swap-item-balance abbr>b {
  font-weight: 500
}

.credit-wrapper {
  margin-top: 25px;
  text-align: center
}

.credit-wrapper>ul {
  align-items: center;
  display: flex;
  justify-content: center
}

.credit-wrapper>ul li {
  line-height: 0;
  padding: 0 15px;
  position: relative
}

.credit-wrapper>ul li:first-child:after {
  background-color: #b4b8cd;
  bottom: auto;
  content: "";
  height: 100%;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px
}

.credit-wrapper>ul li>span {
  color: #475467;
  font-size: 10px;
  margin-right: 5px
}

.credit-wrapper>ul li>img {
  max-height: 14px
}

.swap-action {
  margin: 10px 0;
  text-align: center;
  width: 100%
}

.swap-action-arrow {
  align-items: center;
  background-color: #ff6717;
  border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  display: inline-flex;
  height: 29px;
  justify-content: center;
  transition: all .3s ease-in-out;
  width: 29px
}

.swap-action-arrow.rotateup {
  transform: rotate(180deg)
}

.swap-action-arrow.rotate {
  animation: spin-loading 1s linear infinite
}

.explorer {
  height: calc(100vh - 165px);
  margin: 0 auto;
  max-width: 1640px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .explorer {
    height: calc(100vh - 150px)
  }
}

.explorer {
  background-color: #fff3;
  border-radius: 15px;
  display: flex;
  max-height: 820px;
  overflow: hidden
}

.explorer-sidebar {
  flex: 0 0 221px;
  max-width: 221px;
  width: 100%
}

.explorer-sidebar-content {
  background-color: #ffffffb3;
  display: flex;
  flex-direction: column;
  height: calc(100% - 54px);
  overflow-y: auto;
  padding: 18px;
  width: 100%
}

.explorer-sidebar-content::-webkit-scrollbar {
  width: 2px
}

.explorer-sidebar-content::-webkit-scrollbar-track {
  background: #f1f1f1
}

.explorer-sidebar-content::-webkit-scrollbar-thumb {
  background: #a7a7a7
}

.explorer-content {
  flex-basis: calc(100% - 221px);
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: auto;
  max-width: calc(100% - 221px)
}

.explorer-dropwown {
  margin-bottom: 22px;
  position: relative;
  width: 100%
}

.explorer-dropwown-heading {
  align-items: center;
  cursor: pointer;
  display: flex;
  margin-bottom: 7px;
  transition: all .4s ease-in-out
}

.explorer-dropwown-heading>svg {
  margin-right: 10px
}

.explorer-dropwown-heading>span {
  color: #0c111d;
  font-size: 14px;
  font-weight: 600
}

.explorer-dropwown-heading.up-collapse>svg {
  transform: rotate(180deg)
}

.explorer-dropwown-content-options li {
  margin-bottom: 4
}

.explorer-dropwown-content-options li>a {
  align-items: center;
  border-radius: 4px;
  color: #000;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 6px 15px 6px 18px
}

.explorer-dropwown-content-options li>a>span {
  align-items: center;
  display: inline-flex;
  margin-right: 8px;
  min-width: 16px
}

.explorer-dropwown-content-options li>a>span>svg {
  line-height: 0;
  max-height: 20px;
  max-width: 14px
}

.explorer-dropwown-content-options li>a>abbr {
  margin-top: 2px
}

.explorer-dropwown-content-options li>a.active,
.explorer-dropwown-content-options li>a:hover {
  background-color: #fff9
}

.explorer-dropwown-content-options li:nth-child(2)>a .swapped-icon.dark {
  filter: grayscale(1)
}

.follow-wallet {
  height: 54px
}

.follow-wallet .btn-wallet {
  background-color: #113990;
  border-radius: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  height: 54px;
  text-align: left;
  width: 100%
}

.follow-wallet .btn-wallet>svg {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle
}

.follow-wallet .btn-past-address {
  background-color: #4b70c1;
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  height: 54px;
  padding: 13px 18px;
  text-align: left;
  width: 100%
}

.follow-wallet-address {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 54px;
  justify-content: space-between;
  padding: 15px;
  width: 100%
}

.follow-wallet-address>input {
  border: none;
  border-radius: 0;
  color: #000;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  margin-right: 15px;
  padding: 0;
  width: 100%
}

.follow-wallet-address>input::placeholder {
  color: #000;
  font-weight: 400
}

.follow-wallet-address>input:focus {
  box-shadow: none;
  outline: none
}

.follow-wallet-address>.btn {
  background-color: #1d1377;
  border-radius: 5px;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  padding: 4px 7.5px
}

.search-header {
  background-color: #2d54aa;
  width: 100%;
  z-index: 1
}

.search-header,
.search-header>.sync-wrapper {
  align-items: center;
  display: flex;
  height: 54px;
  position: relative
}

.search-header>.sync-wrapper {
  cursor: pointer;
  justify-content: center;
  margin-left: auto;
  transition: all .3s ease-in-out
}

.search-header>.sync-wrapper .overlay-label {
  align-items: center;
  bottom: auto;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 300;
  height: 54px;
  left: -43px;
  margin: 0;
  opacity: 0;
  padding: 0 0 0 20px;
  position: absolute;
  right: auto;
  top: 0;
  transition: opacity .6s, visibility .6s;
  visibility: hidden
}

.search-header>.sync-wrapper:hover .overlay-label {
  opacity: 1;
  visibility: visible
}

.search-header>.sync-wrapper img {
  min-width: 54px;
  transition: all .3s ease-in-out
}

.search-header>.sync-wrapper.rotate img {
  animation: rotate 1.5s linear infinite
}

.search-header .searchbar {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 54px;
  position: relative;
  width: 100%
}

.search-header .searchbar.boxShadow:after {
  bottom: 0;
  box-shadow: 0 0 8px #0000004a;
  content: "";
  height: 54px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 0
}

.search-header .searchbar-btn {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 15px 20px;
  width: 100%
}

.search-header .searchbar-btn>svg {
  height: auto;
  margin-right: 15px;
  opacity: .8;
  width: 16px
}

.search-header .searchbar-btn>span {
  color: #fffc;
  font-size: 16px;
  font-weight: 500
}

.search-header .searchbar-btn>span>abbr {
  font-weight: 300
}

.search-header .searchbar>.form-control {
  background-color: #0000;
  border: none;
  color: #000;
  font-size: 16px;
  height: 54px;
  padding-left: 5px;
  position: relative;
  z-index: 2
}

.search-header .searchbar>.form-control::placeholder {
  color: #000;
  font-weight: 500
}

.search-header .searchbar>.form-control:focus {
  box-shadow: none;
  outline: none
}

.search-header .searchbar>.form-label {
  align-items: center;
  display: flex;
  margin: 0;
  padding-left: 15px
}

.search-header .searchbar>.form-label>svg {
  height: auto;
  margin-right: 15px;
  width: 16px
}

.search-header .searchbar>.form-label>svg line {
  stroke: #000
}

.search-header-inner {
  height: 100%;
  width: 100%
}

.explorer-transaction {
  display: flex;
  height: calc(100% - 54px);
  width: 100%
}

.explorer-transaction-list {
  flex: 0 0 38.02%;
  max-width: 38.02%;
  width: 100%
}

.explorer-transaction-list .token-block {
  align-items: center;
  display: flex
}

.explorer-transaction-list .token-block .icon-wrapper {
  line-height: 0;
  margin-right: 5px;
  width: 18px
}

.explorer-transaction-list .token-block .icon-wrapper>img {
  width: 100%
}

.explorer-transaction-list .table-wrapper {
  overflow-y: visible;
  overflow-y: initial;
  padding-bottom: 0
}

.explorer-transaction-list .table-wrapper::-webkit-scrollbar {
  height: 5px
}

.explorer-transaction-list .table-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1
}

.explorer-transaction-list .table-wrapper::-webkit-scrollbar-thumb {
  background: #a7a7a7
}

.explorer-transaction-list .infinite-scroll-component__outerdiv {
  height: 100%
}

.explorer-transaction-list .infinite-scroll-component::-webkit-scrollbar {
  height: 5px
}

.explorer-transaction-list .infinite-scroll-component::-webkit-scrollbar-track {
  background: #f1f1f1
}

.explorer-transaction-list .infinite-scroll-component::-webkit-scrollbar-thumb {
  background: #a7a7a7
}

.explorer-transaction-details {
  background-color: #fff;
  flex: 0 0 61.98%;
  height: 100%;
  max-width: 61.98%;
  overflow-y: auto;
  padding: 16px;
  width: 100%
}

.explorer-transaction-details::-webkit-scrollbar {
  width: 2px
}

.explorer-transaction-details::-webkit-scrollbar-track {
  background: #f1f1f1
}

.explorer-transaction-details::-webkit-scrollbar-thumb {
  background: #a7a7a7
}

.explorer-transaction-details-list {
  width: 100%
}

.explorer-transaction-details-list.v2Scroller {
  height: calc(100% - 170px);
  overflow-y: auto
}

.explorer-transaction-details-list li {
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
  color: #344054;
  display: flex;
  font-size: 12px;
  padding: 11px 0
}

.explorer-transaction-details-list li>span {
  color: #0c111d;
  flex: 0 0 32.53%;
  font-weight: 600;
  margin-right: 20px;
  max-width: 32.53%;
  min-width: 143px;
  width: 270px
}

@media screen and (max-width:1280px) {
  .explorer-transaction-details-list li>abbr {
    word-break: break-all
  }
}

.explorer-transaction-details-list li b {
  font-weight: 600
}

.explorer-transaction-details-list li .info-icon {
  vertical-align: bottom
}

.explorer-transaction-details-list li .info-icon>i[data-tooltip]:after {
  left: 0;
  right: auto;
  transform-origin: bottom left
}

.explorer-transaction-details .transaction-bg {
  background-color: #f9fafb
}

.border-b-0 {
  border-bottom: none !important
}

.follow-btn {
  align-items: center;
  background-color: #effff1;
  border: 1px solid #9ddea7;
  border-radius: 10px !important;
  color: #00670f;
  cursor: pointer;
  display: flex;
  font-size: 10px;
  height: 20px;
  line-height: 0;
  margin-left: 12px;
  padding: 5px 10px 5px 5px
}

.follow-btn>svg {
  height: 8px;
  margin-right: 5px;
  width: 8px
}

.follow-btn>svg path {
  stroke: #00a01c !important
}

.tagSuccess {
  align-items: center;
  background-color: #d8f7dc;
  border: .5px solid #0dcb2a;
  border-radius: 3px;
  color: #00a018;
  display: flex;
  font-size: 9px;
  height: 20px;
  padding: 2px 5px
}

.tagSuccess>svg {
  fill: #00a018;
  height: 10px;
  margin-right: 2px;
  width: 10px
}

.tagdefault {
  align-items: center;
  background-color: #f4f4f4;
  border-radius: 13px;
  color: #a7a7a7;
  display: inline-flex;
  font-size: 8px;
  height: 20px;
  justify-content: center;
  padding: 5px 7px;
  white-space: nowrap
}

.tagdefault>svg {
  cursor: pointer;
  margin-left: 5px
}

.tagdanger {
  align-items: center;
  background-color: #ffe5e5;
  border: .5px solid #ff9595;
  border-radius: 13px;
  color: #bf0000;
  cursor: pointer;
  display: inline-flex;
  font-size: 9px;
  height: 20px;
  justify-content: center;
  padding: 5px 6px;
  white-space: nowrap
}

.tagdanger>svg {
  cursor: pointer;
  margin-right: 3px
}

.tagdanger>svg path {
  stroke: red
}

.tagFailed {
  align-items: center;
  background-color: #ffe5e5;
  border: .5px solid #ff9595;
  border-radius: 3px;
  color: #bf0000;
  cursor: pointer;
  display: inline-flex;
  font-size: 9px;
  height: 20px;
  justify-content: center;
  padding: 5px 6px;
  white-space: nowrap
}

.tagFailed>svg {
  cursor: pointer;
  margin-right: 3px
}

.tagFailed>svg path {
  stroke: red
}

.tagDropped {
  align-items: center;
  background-color: #ffe5e5;
  border: .5px solid #ff9595;
  border-radius: 3px;
  color: #bf0000;
  cursor: pointer;
  display: inline-flex;
  font-size: 9px;
  height: 20px;
  justify-content: center;
  padding: 5px 6px;
  white-space: nowrap
}

.tagDropped>svg {
  cursor: pointer;
  height: 12px;
  margin-right: 3px;
  width: 12px
}

.tagDropped>svg path {
  fill: #bf0000
}

.tagPending {
  align-items: center;
  background-color: #fff2ea;
  border: .5px solid #ff6717;
  border-radius: 3px;
  color: #ff6717;
  display: flex;
  font-size: 9px;
  height: 20px;
  padding: 2px 5px
}

.tagPending>svg {
  height: 10px;
  margin-right: 2px;
  width: 10px
}

.tagPending>svg path {
  fill: #ff6717
}

.explorer-transaction-filter-wrapper {
  background-color: #fff;
  border-right: 2px solid #f1f2fa;
  height: 50px;
  padding: 15px 15px 15px 20px;
  position: relative
}

.explorer-transaction-filter-wrapper.boxShadow:after {
  bottom: 0;
  box-shadow: 0 0 8px #0000004a;
  content: "";
  height: 50px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 0
}

.explorer-transaction-filter-key {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.explorer-transaction-filter-key>abbr {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.explorer-transaction-filter-key .edit-key {
  color: #98a2b3;
  cursor: pointer;
  font-size: 10px;
  font-weight: 400;
  margin-left: 10px;
  min-width: 85px;
  text-align: right;
  text-decoration: underline;
  text-transform: capitalize
}

.explorer-transaction-filter-key .edit-key>svg {
  fill: #6c6c6c;
  width: 15px
}

.explorer-transaction-filter-input {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1
}

.explorer-transaction-filter-input>.form-control {
  border: none;
  border-radius: 0;
  color: #000;
  font-size: 12px;
  margin-right: 15px;
  min-height: auto;
  padding: 0
}

.explorer-transaction-filter-input>.form-control:focus {
  box-shadow: none;
  outline: none
}

.explorer-transaction-filter-input>.btn {
  background-color: #1d1377;
  border-radius: 5px;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  margin-right: 16px;
  padding: 4px 7.5px
}

.swapped-icon.dark {
  filter: brightness(0) invert(0)
}

.status {
  position: relative
}

.status:before {
  border-radius: 100%;
  bottom: auto;
  content: "";
  display: inline-block;
  height: 5px;
  left: -9px;
  margin-right: 5px;
  position: absolute;
  right: auto;
  top: 5px;
  width: 5px
}

.status.positive:before {
  background-color: #3fde10
}

.status.negative:before {
  background-color: red
}

.wallet {
  background-color: #2f258d3b;
  border-radius: 59px;
  box-shadow: 0 0 4px #00000029;
  margin: auto;
  max-width: 404px;
  min-height: 421px;
  padding: 58px 18px 40px;
  text-align: center
}

.wallet .logo-wrapper {
  height: 45px;
  margin: 0 auto 58px;
  max-width: 205px
}

.wallet .form-wrapper {
  margin-bottom: 45px;
  width: 100%
}

.wallet .form-wrapper .btn-secondary {
  background-color: #1d1377;
  border-color: #1d1377;
  border-radius: 20px;
  display: block;
  margin-bottom: 16px;
  width: 100%
}

.wallet .form-wrapper .btn-forgot-password {
  background-color: #0000;
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  margin: 0;
  padding: 0;
  text-decoration: none
}

.wallet .form-wrapper .btn-forgot-password:active {
  border: none;
  outline: none
}

.wallet .form-group {
  margin-bottom: 20px
}

.wallet .form-control {
  background-color: #ffffff14;
  border: none;
  border-radius: 6px;
  color: #ffffffb3;
  font-size: 15px;
  height: 52px;
  padding: 5px 17px;
  width: 100%
}

.wallet .form-control::placeholder {
  color: #ffffffb3
}

.wallet .form-control:focus {
  box-shadow: none;
  outline: none
}

.wallet-footer .btn-link {
  background-color: #0000;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  padding: 0
}

.search_wrapper {
  position: relative;
  width: 100%
}

@media screen and (max-width:1440px) {
  .search_wrapper {
    margin: 0 auto;
    max-width: 90%
  }
}

.search_wrapper .form-control {
  background-color: #e5e9fd36;
  border: none;
  border-radius: 59px;
  box-shadow: 0 0 4px #00000029;
  color: #fff;
  font-size: 32px;
  height: 117px;
  padding: 20px 40px 20px 123px
}

@media screen and (max-width:1440px) {
  .search_wrapper .form-control {
    font-size: 28px;
    height: 90px;
    padding: 20px 40px 20px 100px
  }
}

@media screen and (max-width:1280px) {
  .search_wrapper .form-control {
    font-size: 22px;
    height: 80px;
    padding: 20px 40px 20px 85px
  }
}

.search_wrapper .form-control::placeholder {
  color: #fff
}

.search_wrapper .form-control:focus {
  box-shadow: none;
  outline: none
}

.search_wrapper>svg {
  bottom: auto;
  left: 34px;
  max-width: 47px;
  position: absolute;
  right: auto;
  top: 32px
}

@media screen and (max-width:1440px) {
  .search_wrapper>svg {
    max-width: 35px;
    top: 15px
  }
}

@media screen and (max-width:1280px) {
  .search_wrapper>svg {
    max-width: 28px;
    top: 15px
  }
}

.search_wrapper.search-sm {
  display: inline-block;
  max-width: 536px
}

.search_wrapper.search-sm .form-control {
  font-size: 14px;
  font-weight: 300;
  height: 48px;
  padding: 12px 40px 12px 46px
}

@media screen and (max-width:1280px) {
  .search_wrapper.search-sm .form-control {
    height: 40px
  }
}

.search_wrapper.search-sm .form-control {
  -webkit-backdrop-filter: blur(33px);
  backdrop-filter: blur(33px);
  background-color: #827bbd33
}

.search_wrapper.search-sm .form-control::placeholder {
  color: #d0d5dd
}

@media screen and (max-width:1280px) {
  .search_wrapper.search-sm>svg {
    top: 12px
  }
}

.search_wrapper.search-sm>svg {
  height: auto;
  left: 15px;
  max-width: 18px;
  top: 15px;
  z-index: 1
}

.search_wrapper.search-sm>svg path {
  stroke: #d0d5dd;
  stroke-width: 6px
}

.connect {
  background-color: #2f258d57;
  border-radius: 59px;
  height: 470px;
  margin: 0 auto;
  overflow: hidden;
  width: 420px
}

@media screen and (max-width:1440px) {
  .connect {
    height: 430px
  }
}

@media screen and (max-width:1280px) {
  .connect {
    height: 400px;
    width: 360px
  }
}

.connect-title {
  align-items: center;
  border-bottom: 1px solid #334bd3;
  display: flex;
  flex-direction: column;
  height: 150px;
  justify-content: center;
  padding: 15px 10px
}

@media screen and (max-width:1440px) {
  .connect-title {
    height: 120px
  }
}

@media screen and (max-width:1280px) {
  .connect-title {
    height: 100px
  }
}

.connect-title h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 300;
  margin: 0
}

@media screen and (max-width:1440px) {
  .connect-title h2 {
    font-size: 28px
  }
}

.connect-title h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 300
}

@media screen and (max-width:1280px) {
  .connect-title h3 {
    font-size: 20px
  }
}

.connect-title h5 {
  color: #fff;
  font-size: 12px;
  font-weight: 300
}

@media screen and (max-width:1280px) {
  .connect-title h5 {
    font-size: 10px
  }
}

.connect-title .network-wrapper {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 300
}

@media screen and (max-width:1280px) {
  .connect-title .network-wrapper {
    font-size: 10px
  }
}

.connect-title .network-wrapper>.icon-wrapper {
  height: 18px;
  line-height: 0;
  margin-right: 8px;
  text-align: center;
  width: 18px
}

.connect-title .network-wrapper>.icon-wrapper>img {
  max-width: 100%
}

.connect-body {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  max-height: 320px;
  width: 100%
}

.connect ul.connect-wallets {
  display: flex;
  height: 100%;
  text-align: center;
  width: 100%
}

.connect ul.connect-wallets li {
  display: inline-block;
  width: 100%
}

.connect ul.connect-wallets li a {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0 20px
}

.connect ul.connect-wallets li a:first-child {
  padding-left: 45px
}

.connect ul.connect-wallets li a:last-child {
  padding-right: 45px
}

.connect ul.connect-wallets li a img {
  margin-bottom: 45px
}

@media screen and (max-width:1280px) {
  .connect ul.connect-wallets li a img {
    margin-bottom: 35px;
    max-width: 50px
  }
}

.connect ul.connect-wallets li a .connect-wallet-content {
  position: relative
}

.connect ul.connect-wallets li a .connect-wallet-content.active:after {
  background-color: #3fde0f;
  border-radius: 50%;
  bottom: auto;
  content: "";
  height: 8px;
  left: auto;
  position: absolute;
  right: -10px;
  top: -15px;
  width: 8px
}

.connect ul.connect-wallets li a .connect-wallet-content.active>span>abbr {
  border-bottom: 1px solid #fff
}

.connect ul.connect-wallets li a span {
  align-items: center;
  display: inline-flex;
  min-height: 54px
}

.connect ul.connect-wallets li a span>abbr {
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 300
}

.connect ul.connect-wallets li a:hover {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #2f258d99
}

.logout-wallet {
  align-items: center;
  background-color: #00000029;
  border-radius: 50%;
  bottom: 130px;
  display: inline-flex;
  height: 65px;
  justify-content: center;
  left: auto;
  position: fixed;
  right: 50px;
  top: auto;
  width: 65px
}

.logout-wallet>svg {
  fill: #fff
}

.connect-wallet-modal {
  align-items: center;
  background-color: #000000b3;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999
}

.connect-wallet-modal .btn-close {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 10px;
  top: 10px
}

.connect-wallet-modal .modal-body {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #fffc;
  border-radius: 10px;
  max-width: 340px;
  padding: 40px 20px
}

.connect-wallet-modal .modal-body.terms-conditons {
  background-color: #fff;
  max-height: calc(100vh - 40px);
  max-width: 768px;
  width: 100%
}

.connect-wallet-modal .modal-body.terms-conditons .head-content h2 {
  font-size: 24px;
  font-weight: 600
}

.connect-wallet-modal .modal-body.terms-conditons .head-content .close-button {
  background-color: hsla(0, 0%, 95%, .498);
  border: none;
  border-radius: 100%;
  height: 44px;
  outline: none;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 44px
}

.connect-wallet-modal .modal-body.terms-conditons .head-content .close-button svg {
  width: 20px
}

.connect-wallet-modal .modal-body.terms-conditons .head-content .terms-logo {
  margin-bottom: 16px;
  width: 150px
}

.connect-wallet-modal .modal-body.terms-conditons .body-content {
  height: calc(100vh - 141px);
  margin-bottom: 16px;
  overflow-y: auto
}

.connect-wallet-modal .modal-body.terms-conditons .body-content p {
  line-height: 160%
}

.connect-wallet-modal .modal-body.terms-conditons .body-content h4 {
  font-size: 20px;
  margin-bottom: 16px
}

.connect-wallet-modal .modal-body.terms-conditons .body-content h6 {
  font-size: 16px;
  margin-bottom: 12px
}

.connect-wallet-modal .wallet-list li {
  margin-bottom: 10px
}

.connect-wallet-modal .wallet-list li:last-child {
  margin-bottom: 0
}

.connect-wallet-modal .wallet-list li a {
  background-color: #fff6;
  border-radius: 10px;
  color: #000;
  display: block;
  font-size: 14px;
  padding: 10px 15px;
  text-align: center
}

.connect-wallet-modal .wallet-list li a .img-wrap {
  margin-right: 10px
}

.connect-wallet-modal .wallet-list li a .img-wrap img {
  max-height: 20px;
  max-width: 20px
}

.connect-wallet-modal.terms-conditons-modal {
  align-items: flex-start;
  padding-top: 20px
}

.staking {
  border-radius: 15px;
  display: flex;
  height: calc(100vh - 165px);
  margin: 0 auto;
  max-height: 820px;
  max-width: 1280px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .staking {
    height: calc(100vh - 150px)
  }
}

.staking-left {
  background-color: #fff;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  max-width: 62%;
  width: 100%
}

.staking-left .title {
  align-items: center;
  background-color: #1e1379;
  border: 3px solid #0000;
  border-top-left-radius: 13px;
  display: flex;
  height: 70px;
  justify-content: space-between;
  padding: 10px 15px;
  transition: all .3s ease-in-out
}

.staking-left .title .btn-filter {
  align-items: center;
  border: 2px solid #0000;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  height: 52px;
  justify-content: center;
  min-width: 162px;
  padding: 10px
}

.staking-left .title .btn-filter:hover {
  border-color: #2c54aa
}

.staking-left .title .btn-filter>svg {
  margin-right: 15px
}

.staking-left .title .btn-filter>span {
  color: #fff;
  font-size: 14px;
  line-height: 16px
}

.staking-left .title .btn-filter>span>b {
  display: block
}

.staking-left .table-wrapper {
  background-color: #fff;
  border-bottom-left-radius: 15px;
  height: calc(100% - 70px)
}

.staking-left .table-wrapper thead tr th {
  color: #475467;
  font-size: 10px;
  line-height: 10px;
  padding: 13px 10px;
  vertical-align: middle
}

.staking-left .table-wrapper thead tr th:first-child {
  padding-left: 20px
}

.staking-left .table-wrapper thead tr th:last-child {
  padding-right: 20px
}

.staking-left .table-wrapper thead tr th .filter-az {
  cursor: pointer;
  margin-left: 7px
}

.staking-left .table-wrapper thead tr th .filter-az.rotate>svg {
  transform: rotate(180deg)
}

.staking-left .table-wrapper thead tr th .filter-az>svg path {
  fill: #475467
}

.staking-left .table-wrapper tbody tr td {
  border-bottom: .5px solid #eaecf0;
  padding: 13px 10px;
  transition: all .3s ease-in-out;
  vertical-align: middle
}

.staking-left .table-wrapper tbody tr td:first-child {
  padding-left: 20px
}

.staking-left .table-wrapper tbody tr td:last-child {
  padding-right: 20px
}

.staking-left .table-wrapper tbody tr td .apr-text {
  color: #000;
  font-size: 12px
}

.staking-left .table-wrapper tbody tr td .amount {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap
}

.staking-left .table-wrapper tbody tr.active td,
.staking-left .table-wrapper tbody tr:hover td {
  background-color: #f4f5ff
}

.staking-left .sync-wrapper {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 54px;
  justify-content: center;
  margin-left: auto;
  position: relative;
  transition: all .3s ease-in-out
}

.staking-left .sync-wrapper .overlay-label {
  align-items: center;
  bottom: auto;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 300;
  height: 54px;
  left: -145px;
  margin: 0;
  opacity: 0;
  opacity: 1;
  padding: 0 0 0 20px;
  position: absolute;
  right: auto;
  top: 0;
  transition: opacity .6s, visibility .6s;
  visibility: hidden;
  visibility: visible
}

.staking-left .sync-wrapper img {
  min-width: 54px;
  transition: all .3s ease-in-out
}

.staking-left .sync-wrapper.rotate img {
  animation: rotate 1.5s linear infinite
}

.staking-right {
  background-color: #fffc;
  border-radius: 0 15px 15px 0;
  max-width: 38%;
  min-width: 480px;
  overflow: hidden;
  width: 100%
}

.staking-right .title {
  align-items: center;
  background-color: #2d54aa;
  display: flex;
  height: 70px;
  justify-content: center;
  padding: 10px
}

.staking-right .title h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.staking-wrapper {
  height: calc(100% - 70px);
  overflow-y: auto;
  padding: 30px
}

.staking-wrapper::-webkit-scrollbar {
  width: 2px
}

.staking-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1
}

.staking-wrapper::-webkit-scrollbar-thumb {
  background: #a7a7a7
}

.staking-options {
  background-color: #f9fafbe6;
  border-radius: 15px;
  margin-bottom: 15px;
  padding: 15px 15px 10px
}

.staking-options-value {
  display: block;
  padding: 15px 0 12px
}

.staking-options-value>input {
  background-color: #0000;
  border: none;
  color: #0c111d;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 0;
  width: 100%
}

.staking-options-value>input::placeholder {
  color: #0c111d
}

.staking-options-value>input:focus,
.staking-options-value>input:focus-visible {
  outline: none
}

.staking-options-balance {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.staking-options-balance span {
  color: #667085;
  font-size: 12px
}

.staking-options-balance span>small {
  font-size: 8px
}

.staking-options-balance abbr {
  color: #667085;
  font-size: 12px
}

.staking-options-balance abbr>small {
  font-size: 8px
}

.staking-options .swap-item-block-select {
  max-width: 100%
}

.staking-options .swap-item-block-select>button>abbr {
  max-width: 90px
}

.staking-actions {
  text-align: center;
  width: 100%
}

.staking-actions .btn {
  background-color: #ff6717;
  border: none;
  border-radius: 20px;
  color: #fff;
  font-size: 18px;
  width: 100%
}

.staking-actions .btn:hover {
  background-color: #1d1377;
  color: #fff
}

.assets-block {
  align-items: center;
  display: flex
}

.assets-block_icon {
  height: 19px;
  margin-right: 8px;
  width: 19px
}

.assets-block_icon img {
  height: 19px;
  max-width: 100%;
  width: 19px
}

.assets-block_content span {
  color: #0c111d;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px
}

.assets-block_content abbr {
  color: #98a2b3;
  display: block;
  font-size: 8px
}

.network {
  align-items: center;
  border-radius: 5px;
  display: inline-flex;
  font-size: 12px;
  height: 28px;
  min-width: 120px;
  padding: 5px 8px
}

.network>img {
  display: inline-block;
  height: 12px;
  margin-right: 10px;
  width: 12px
}

.network.layerone-x {
  background-color: #eedbfa;
  color: #8d0fdd
}

.network.ethereum {
  background-color: #eaeefc;
  color: #5773e7
}

.network.optimism {
  background-color: #ffccd2;
  color: #ff0420
}

.network.bnb {
  background-color: #fff7dd;
  color: #f0b90b
}

.network.fantom {
  background-color: #d0f1fc;
  color: #14b5ec
}

.network.avalanche {
  background-color: #fce1e1;
  color: #e5393a
}

.network.arbitrum {
  background-color: #e7e7ea;
  color: #283042
}

.network.polygon {
  background-color: #f0eafc;
  color: #773fe1
}

.network.solana {
  background-color: #d1fced;
  color: #94f
}

.staking-period_select {
  background-color: #fff;
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 10px 15px;
  position: relative;
  width: 100%
}

.staking-period_select_title {
  margin-bottom: 10px;
  text-align: center
}

.staking-period_select_title h5 {
  color: #0c111d;
  font-size: 10px;
  font-weight: 500
}

.staking-period_graph {
  position: relative
}

.staking-period_tabs {
  align-items: center;
  background-color: #f9fafb;
  border: .5px solid #eaecf0;
  border-radius: 14px;
  display: flex;
  margin-bottom: 6px
}

.staking-period_tabs li {
  width: 100%
}

.staking-period_tabs li .btn {
  border: none;
  border-radius: 14px;
  color: #000;
  display: block;
  font-size: 10px;
  height: 28px;
  width: 100%
}

.staking-period_tabs li .btn.active {
  background-color: #1d1377;
  border: #dcdcdc;
  box-shadow: 0 0 6px rgba(29, 19, 119, .302);
  color: #fff
}

.staking-period_tabs li .btn:focus {
  outline: none
}

.staking-period_tabs-content,
.staking-period_tabs-content>img {
  width: 100%
}

.swap-item-block-select.white>button {
  background-color: #fff;
  border: .5px solid #eaecf0;
  color: #0c111d;
  font-size: 14px;
  font-weight: 500;
  height: 37px
}

.swap-item-block-select.white>button:before {
  border-color: #383838;
  padding: 3px
}

.swap-item-block-select.white>.dropdown-menu {
  background-color: #fff;
  border: .5px solid #eaeaea
}

.swap-item-block-select.white>.dropdown-menu>ul {
  max-height: 200px;
  overflow-y: auto
}

.swap-item-block-select.white>.dropdown-menu>ul li a {
  color: #383838;
  font-size: 16px
}

.swap-item-block-select.white>.dropdown-menu>ul li a .icon-wrapper {
  text-align: center
}

.small-select {
  display: inline-block;
  margin-left: 4px
}

.small-select>.btn {
  background-color: #eaecf0;
  border: none;
  color: #475467;
  font-size: 10px;
  min-width: 38px;
  padding: 2px 12px 2px 5px
}

.small-select>.btn.dropdown-toggle {
  position: relative
}

.small-select>.btn.dropdown-toggle:before {
  border-bottom: .3em solid #98a2b3;
  border-left: .3em solid #0000;
  border-right: .3em solid #0000;
  border-top: 0;
  bottom: auto;
  content: "";
  display: inline-block;
  left: auto;
  margin-left: .255em;
  position: absolute;
  right: 3px;
  top: 4px;
  vertical-align: .255em
}

.small-select>.btn.dropdown-toggle:after {
  border-top-color: #98a2b3;
  bottom: auto;
  left: auto;
  position: absolute;
  right: 3px;
  top: 11px
}

.small-select>.dropdown-menu {
  border: none;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, .161);
  min-width: auto !important;
  top: -68px !important;
  width: 44px
}

.small-select>.dropdown-menu>ul {
  max-height: 200px;
  overflow-y: auto
}

.small-select>.dropdown-menu>ul li a {
  color: #98a2b3;
  font-size: 12px;
  line-height: 10px;
  padding: 7px;
  text-align: center
}

.small-select>.dropdown-menu>ul li a:focus,
.small-select>.dropdown-menu>ul li a:hover {
  background-color: #0000;
  color: #98a2b3
}

.edit-rewards {
  display: block;
  margin-bottom: 15px;
  width: 100%
}

.edit-rewards-link {
  border-bottom: 1px solid #000;
  color: #000;
  display: inline-block;
  font-size: 12px;
  line-height: 12px
}

.edit-rewards-block {
  align-items: center;
  background-color: #fff;
  border-radius: 15px;
  display: flex;
  height: 48px;
  margin-top: 10px;
  padding: 10px 20px;
  position: relative;
  transition: all .3s ease-in-out
}

.edit-rewards-block>.form-control {
  border: none;
  border-radius: 0;
  color: #000;
  font-size: 12px;
  padding: 0
}

.edit-rewards-block>.form-control:focus {
  box-shadow: none;
  outline: none
}

.edit-rewards-block>.form-control:disabled {
  background-color: #0000
}

.edit-rewards-block>.edit-btn {
  background-color: #0000;
  border: none;
  color: #667085;
  font-size: 10px;
  margin-left: 20px;
  text-decoration: underline
}

.edit-rewards-block-actions {
  align-items: center;
  bottom: auto;
  display: flex;
  left: 3px;
  position: absolute;
  right: auto;
  top: 3px
}

.edit-rewards-block-actions>a {
  display: inline-block;
  line-height: 0;
  margin: 2px
}

.edit-rewards-block-actions>a.check-icon svg,
.edit-rewards-block-actions>a>svg {
  max-height: 12px;
  max-width: 12px
}

.edit-rewards-block-actions>a.check-icon svg>path {
  fill: #3fde0f
}

.filter-widget {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #12183699;
  border-radius: 40px;
  bottom: 44px;
  height: 410px;
  left: 40;
  padding: 30px 22px;
  position: fixed;
  right: auto;
  top: auto;
  transform-origin: bottom left;
  width: 460px;
  z-index: 9999
}

.filter-widget-slider-one .slider-next,
.filter-widget-slider-one .slider-prev {
  left: 4px
}

.filter-widget-slider-two .slider-next,
.filter-widget-slider-two .slider-prev {
  left: auto !important;
  right: 4px
}

.filter-widget-title {
  margin-bottom: 35px;
  position: relative;
  text-align: center
}

.filter-widget-title h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  padding: 0 30px
}

.filter-widget-title .info-icon {
  bottom: auto;
  cursor: pointer;
  display: inline-block;
  left: auto;
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 0
}

.filter-widget-title .info-icon>svg {
  height: 20px;
  width: 20px
}

.filter-widget-title .info-icon>svg path {
  fill: #fff
}

.filter-widget-section {
  align-items: center;
  display: flex;
  min-height: 220px;
  position: relative
}

.filter-widget-section:after,
.filter-widget-section:before {
  background-color: #fff9;
  bottom: auto;
  content: "";
  height: 1px;
  left: auto;
  position: absolute;
  right: auto;
  top: 50%;
  width: 100%
}

.filter-widget-section:before {
  transform: translateY(calc(-50% - 27px))
}

.filter-widget-section:after {
  transform: translateY(calc(-50% + 27px))
}

.filter-widget-section-slider .slick-slide {
  height: 45px;
  opacity: .6;
  padding: 7px 27px
}

.filter-widget-section-slider .slick-active+div,
.filter-widget-section-slider .slick-current+div {
  height: 45px;
  opacity: 1
}

.filter-widget-section-slider .slick-list {
  height: 135px !important
}

.filter-widget-section-slider .slider-next,
.filter-widget-section-slider .slider-prev {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  width: 20px;
  z-index: 1
}

.filter-widget-section-slider .slider-next:before,
.filter-widget-section-slider .slider-prev:before {
  display: none !important
}

.filter-widget-section-slider .slider-next:after,
.filter-widget-section-slider .slider-prev:after {
  border: solid #fff9;
  border-width: 0 1px 1px 0;
  content: "";
  display: inline-block;
  padding: 3px
}

.filter-widget-section-slider .slider-next:hover:after,
.filter-widget-section-slider .slider-prev:hover:after {
  border-bottom: solid #fff;
  border-right: solid #fff
}

.filter-widget-section-slider .slider-next {
  left: 0;
  top: 50%
}

.filter-widget-section-slider .slider-next:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.filter-widget-section-slider .slider-prev {
  left: 0;
  top: calc(50% - 20px)
}

.filter-widget-section-slider .slider-prev:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg)
}

.filter-widget-section-item {
  align-items: center;
  display: flex
}

.filter-widget-section-item .icon-wrapper {
  height: 24px;
  margin-right: 10px;
  width: 24px
}

.filter-widget-section-item .icon-wrapper>img {
  height: 24px;
  width: 24px
}

.filter-widget-section-item .icon-wrapper.all-network>svg {
  height: 28px;
  margin: -3px;
  width: 28px
}

.filter-widget-section-item .icon-wrapper.all-network>svg path {
  fill: #fff
}

.filter-widget-section-item h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 0
}

.filter-widget-section .filter-active-right-border {
  position: relative
}

.filter-widget-section .filter-active-right-border:after {
  background-color: #9594a3;
  bottom: auto;
  content: "";
  height: 53px;
  left: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px
}

.filter-widget-section-block {
  flex: 0 0 180px;
  max-width: 180px
}

.filter-widget .back-arrow {
  bottom: 40px;
  cursor: pointer;
  display: inline-block;
  left: 40px;
  position: absolute;
  right: auto;
  top: auto
}

.filter-widget .back-arrow>svg {
  max-height: 18px;
  max-width: 24px
}

.filter-widget-section-content {
  position: relative;
  width: 100%
}

.filter-widget-section-content>ul {
  height: 240px;
  overflow-y: auto;
  padding-right: 5px
}

.filter-widget-section-content>ul li {
  background-color: #ffffff17;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 1px;
  padding: 15px
}

.filter-widget-section-content>ul li a {
  color: #fff
}

.filter-widget-section-content>ul li a:hover {
  opacity: .7
}

.filter-widget-section-content>ul li:first-child {
  border-radius: 4px 4px 0 0
}

.filter-widget-section-content>ul li:last-child {
  border-radius: 0 0 4px 4px
}

.filter-widget-toggler {
  align-items: center;
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  background-color: #00000029;
  border: 3px solid #0d0d630d;
  border-radius: 7px;
  bottom: 44px;
  box-shadow: 0 0 0 2px #ffffff1a;
  cursor: pointer;
  display: inline-flex;
  height: 57px;
  justify-content: center;
  left: 44px;
  position: fixed;
  right: auto;
  top: auto;
  width: 57px;
  z-index: 999
}

.filter-widget-toggler>svg {
  height: 30px;
  width: 30px
}

.profile {
  height: 680px;
  margin: 0 auto;
  max-height: 680px;
  max-width: 1190px;
  width: 100%;
  width: 1190px
}

@media screen and (max-width:1440px) {
  .profile {
    height: 618px;
    max-height: 618px;
    max-width: 975px;
    width: 975px
  }
}

.profile-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px
}

.profile-header-search-wrapper {
  position: relative
}

.profile-header-search-wrapper svg {
  height: 18px;
  left: 15px;
  position: absolute;
  top: 10px;
  width: 18px;
  z-index: 100
}

.profile-header-search-wrapper .form-control {
  background: #ffffff1a;
  border: none;
  border-radius: 26px;
  color: #d0d5dd;
  font-size: 13px;
  height: 38px;
  padding-left: 50px;
  width: 450px
}

.profile-header-search-wrapper .form-control::placeholder {
  color: #d0d5dd
}

.profile-stats {
  align-items: center;
  display: flex
}

.profile-stats-item {
  border-right: 1px solid #000;
  display: flex;
  justify-content: space-between;
  padding: 7px 10px 8px 20px;
  position: relative;
  width: 100%
}

.profile-stats-item:last-child {
  border-right: none
}

.profile-stats-item-graph {
  bottom: 0;
  position: absolute;
  right: 5px;
  width: 130px
}

@media screen and (max-width:1366px) {
  .profile-stats-item-graph {
    width: 100px
  }
}

.profile-stats-item h6 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin: 0
}

.profile-stats-item small {
  color: #7a7a7a;
  font-size: 10px;
  font-weight: 400
}

.profile-stats-item h1 {
  color: #000;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -.78px;
  line-height: normal
}

.profile-body {
  height: calc(100% - 77px);
  width: 100%
}

.profile-body-flex {
  display: flex;
  gap: 16px;
  height: 100%
}

.profile-body-flex-left {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.profile-body-flex-left-item {
  background-color: #dee3fe;
  border-radius: 20px 20px 0 0;
  border-radius: 16px;
  min-width: 280px;
  padding-bottom: 10px;
  width: 280px
}

@media screen and (max-width:1440px) {
  .profile-body-flex-left-item {
    min-width: 230px;
    width: 230px
  }
}

.profile-body-flex-left-item:first-child {
  -ms-overflow-style: none;
  height: calc(100% - 238px);
  overflow-y: auto;
  scrollbar-width: none
}

@media screen and (max-width:1440px) {
  .profile-body-flex-left-item:first-child {
    height: calc(100% - 220px)
  }
}

.profile-body-flex-left-item:first-child::-webkit-scrollbar {
  display: none
}

.profile-body-flex-left .l1x-right-issue {
  background-image: url(/static/media/bg-l1x-right-issues.08e6dfd4c2d36c6db0f2.svg);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  color: #fff;
  height: 246px;
  padding: 14px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .profile-body-flex-left .l1x-right-issue {
    height: 229px
  }
}

.profile-body-flex-left .l1x-right-issue .unlock-ownership {
  font-size: 15px;
  margin-bottom: 8px;
  max-width: 200px
}

@media screen and (max-width:1440px) {
  .profile-body-flex-left .l1x-right-issue .unlock-ownership {
    font-size: 14px
  }
}

.profile-body-flex-left .l1x-right-issue h4 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 10px;
  max-width: 200px
}

@media screen and (max-width:1440px) {
  .profile-body-flex-left .l1x-right-issue h4 {
    font-size: 28px;
    line-height: 28px
  }
}

.profile-body-flex-left .l1x-right-issue .btn {
  font-size: 12px;
  padding: 6px 12px;
  width: 150px
}

@media screen and (max-width:1440px) {
  .profile-body-flex-left .l1x-right-issue .btn {
    font-size: 11px;
    padding: 5px;
    width: 120px
  }
}

.profile-body-flex-left .l1x-right-issue .btn.btn-outline-primary {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  display: flex;
  gap: 5px;
  justify-content: center;
  margin-top: 10px
}

.profile-body-flex-left .l1x-right-issue .btn.btn-outline-primary:hover {
  background: #fff;
  border: 1px solid #fff;
  color: #000
}

.profile-body-flex-left .l1x-right-issue .btn.btn-outline-primary:hover img {
  filter: invert(1)
}

.profile-body-flex-left .l1x-right-issue .btn.btn-outline-primary img {
  width: 14px
}

.profile-body-flex-right {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%
}

.profile-body-flex-right-stat {
  background: #fff;
  border-radius: 12px;
  height: 108px;
  width: 100%
}

.profile-body-flex-right-bottom {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  height: calc(100% - 123px)
}

.profile-body-flex-right-bottom-center .nft-animated-widget {
  background: #d9d9d9;
  background-image: url(/static/media/bg-nft.3189cc720f0871de9c06.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  color: #000;
  display: flex;
  height: 245px;
  justify-content: space-between;
  min-height: 245px;
  width: 598px
}

@media screen and (max-width:1440px) {
  .profile-body-flex-right-bottom-center .nft-animated-widget {
    background-image: url(/static/media/bg-nft-sm.9ac17a1dc6a0fa471eef.jpg);
    height: 200px;
    min-height: 200px;
    width: 481.63px
  }
}

.profile-body-flex-right-bottom-center .nft-animated-widget a.over-link {
  color: #000;
  flex: auto;
  padding: 25px
}

.profile-body-flex-right-bottom-center .nft-animated-widget a.over-link small {
  font-size: 11px;
  line-height: 11px
}

.profile-body-flex-right-bottom-center .nft-animated-widget a.over-link h1 {
  font-size: 55px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 55px;
  margin-bottom: 0
}

.profile-body-flex-right-bottom-center .nft-animated-widget a.over-link h1 span {
  font-size: 24px;
  font-weight: 400
}

.profile-body-flex-right-bottom-center .nft-animated-widget a.over-link ul li {
  align-items: center;
  display: flex;
  font-size: 13px;
  margin-bottom: 0
}

.profile-body-flex-right-bottom-center .nft-animated-widget a.over-link ul li svg {
  margin-right: 4px
}

.profile-body-flex-right-bottom-center .nft-animated-widget .nfts {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 245px;
  margin-right: 25px;
  overflow: hidden;
  position: relative
}

@media screen and (max-width:1440px) {
  .profile-body-flex-right-bottom-center .nft-animated-widget .nfts {
    height: 200px
  }
}

.profile-body-flex-right-bottom-center .nft-animated-widget .nfts .nft-wrapper {
  animation: slideUp 50s linear infinite
}

.profile-body-flex-right-bottom-center .nft-animated-widget .nfts .nft-wrapper:hover {
  animation-play-state: paused
}

.profile-body-flex-right-bottom-center .nft-animated-widget .nfts .box {
  background: #fff;
  border-radius: 10px;
  display: block;
  flex-shrink: 0;
  margin-bottom: 15px;
  width: 100px
}

.profile-body-flex-right-bottom-center .nft-animated-widget .nfts .nft-img-wrapper {
  background-color: #d3d3d3;
  border-bottom: .5px solid #eee;
  border-radius: 10px 10px 0 0
}

.profile-body-flex-right-bottom-center .nft-animated-widget .nfts img {
  border-radius: 10px 10px 0 0;
  flex-shrink: 0;
  height: 100px;
  min-height: 100px;
  min-width: 100px;
  width: 100px
}

.profile-body-flex-right-bottom-center .nft-animated-widget .nfts h3 {
  text-wrap: nowrap;
  color: #000;
  font-size: 10px;
  font-weight: 600;
  margin: 0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis
}

.profile-body-flex-right-bottom-center .nft-animated-widget .nfts .nft-tag {
  background: #f4f5ff;
  border-radius: 1px;
  color: #000;
  font-size: 8px;
  font-weight: 500;
  height: 12px;
  line-height: normal;
  padding: 1px 3px;
  width: -webkit-max-content;
  width: max-content
}

.profile-body-flex-right-bottom-center .nft-animated-widget .nfts small {
  color: #000;
  font-size: 8px;
  font-weight: 400
}

@keyframes slideUp {
  0% {
    transform: translateY(15%)
  }

  to {
    transform: translateY(-100%)
  }
}

.profile-body-flex-right-bottom-center .nft-animated-widget.l1xScan {
  background-image: url(/static/media/l1xScanBg.1353b43b31cc51f04a4f.png)
}

.profile-body-flex-right-bottom-center .nft-animated-widget.l1xScan h3 {
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 0
}

@media screen and (max-width:1440px) {
  .profile-body-flex-right-bottom-center .nft-animated-widget.l1xScan h3 {
    font-size: 24px
  }
}

.profile-body-flex-right-bottom-center .nft-animated-widget.l1xScan h2 {
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 16px
}

@media screen and (max-width:1440px) {
  .profile-body-flex-right-bottom-center .nft-animated-widget.l1xScan h2 {
    font-size: 30px
  }
}

.profile-body-flex-right-bottom-center .nft-animated-widget.l1xScan .btn-l1xscan {
  border: 1px solid #ff6717;
  border-radius: 30px;
  color: #ff6717;
  font-size: 14px;
  padding: 6px 20px;
  transition: all .3 ease
}

.profile-body-flex-right-bottom-center .nft-animated-widget.l1xScan .btn-l1xscan svg {
  margin-left: 8px;
  width: 20px
}

.profile-body-flex-right-bottom-center .nft-animated-widget.l1xScan .btn-l1xscan:hover {
  background: #ff6717;
  color: #fff;
  transition: all .3 ease
}

.profile-body-flex-right-bottom-center .nft-animated-widget.l1xScan .im-scale {
  animation: scaleUp 2s infinite
}

@keyframes scaleUp {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.1)
  }

  to {
    transform: scale(1)
  }
}

.profile-body-flex-right-bottom-node {
  background-color: #232076;
  border-radius: 20px;
  height: 100%;
  min-width: 280px;
  width: 280px
}

.profile-body-flex-right-bottom-node img {
  border-radius: 20px
}

@media screen and (max-width:1440px) {
  .profile-body-flex-right-bottom-node {
    min-width: 230px;
    width: 230px
  }
}

.profile-body-flex-right-bottom-node .node-widget {
  height: 100%;
  width: 100%
}

.widget-connect-wallet {
  border-radius: 21px;
  cursor: pointer;
  height: 100%;
  overflow: hidden
}

.widget-connect-wallet ul.connect-wallets {
  border-bottom: .5px solid #2c54aa;
  display: flex;
  height: calc(100% - 50px);
  text-align: center;
  width: 100%
}

.widget-connect-wallet ul.connect-wallets li {
  display: inline-block;
  width: 100%
}

.widget-connect-wallet ul.connect-wallets li:first-child {
  border-right: .5px solid #2c54aa
}

.widget-connect-wallet ul.connect-wallets li a {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 20px 20px 10px
}

.widget-connect-wallet ul.connect-wallets li a img {
  display: block;
  margin: 0 auto 15px;
  max-height: 38px
}

@media screen and (max-width:1280px) {
  .widget-connect-wallet ul.connect-wallets li a img {
    max-width: 50px
  }
}

.widget-connect-wallet ul.connect-wallets li a .connect-wallet-content {
  position: relative
}

.widget-connect-wallet ul.connect-wallets li a .connect-wallet-content.active:after {
  background-color: #3fde0f;
  border-radius: 50%;
  bottom: auto;
  content: "";
  height: 8px;
  left: auto;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 8px
}

.widget-connect-wallet ul.connect-wallets li a .connect-wallet-content.active>span {
  align-items: center;
  display: inline-flex;
  min-height: 33px
}

.widget-connect-wallet ul.connect-wallets li a .connect-wallet-content.active>span>abbr {
  border-bottom: 1px solid #fff
}

.widget-connect-wallet ul.connect-wallets li a span>abbr {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 300
}

.widget-connect-wallet .connect-wallet-trigger {
  align-items: center;
  display: flex;
  height: 50px;
  justify-content: center
}

.widget-connect-wallet .connect-wallet-trigger h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  margin: 0
}

.widget-connect-wallet .connect-wallet-trigger-content h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin: 0
}

.widget-connect-wallet .connect-wallet-trigger-content h6 {
  color: #d0d5dd;
  font-size: 10px;
  margin: 0
}

.widget-connect-wallet .connect-wallet-trigger .wallet-conected {
  position: relative
}

.widget-connect-wallet .connect-wallet-trigger .wallet-conected:after {
  background-color: #fff;
  border-radius: 50%;
  bottom: auto;
  content: "";
  display: inline-block;
  height: 20px;
  left: 5px;
  position: absolute;
  right: auto;
  top: 5px;
  width: 20px;
  z-index: 0
}

.widget-connect-wallet .connect-wallet-trigger .wallet-conected svg {
  height: 30px;
  position: relative;
  width: 30px;
  z-index: 1
}

.widget-connect-wallet .connect-wallet-trigger .wallet-conected svg path {
  fill: #3fde0f
}

.widget-connect-wallet .connect-wallet-trigger.connected {
  justify-content: space-between;
  padding: 15px 23px
}

.widget-quick-links {
  background-color: #dee3fe;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow-y: auto;
  padding: 25px 10px 20px
}

.widget-quick-links h5 {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 15px;
  text-align: center
}

.widget-quick-links .item {
  align-items: center;
  border-radius: 15px;
  display: flex;
  padding: 8px 10px
}

.widget-quick-links .item:hover {
  background-color: #fff
}

.widget-quick-links .item img {
  height: 40px;
  width: 40px
}

@media screen and (max-width:1440px) {
  .widget-quick-links .item img {
    height: 36px;
    width: 36px
  }
}

.widget-quick-links .item p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  margin-left: 10px
}

@media screen and (max-width:1440px) {
  .widget-quick-links .item p {
    font-size: 13px
  }
}

.widget-roadmap {
  height: 100%;
  width: 100%
}

.widget-roadmap,
.widget-roadmap-nav {
  position: relative
}

.widget-roadmap-nav .nav {
  background: #322e90cc;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  height: 38px;
  width: 100%
}

.widget-roadmap-nav .nav .nav-link {
  border: none;
  border-radius: 10px 10px 0 0;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  height: 38px;
  line-height: 30px;
  padding: 4px 0;
  text-align: center;
  white-space: nowrap
}

@media screen and (max-width:1440px) {
  .widget-roadmap-nav .nav .nav-link {
    font-size: 11px;
    padding: 3px 7px
  }
}

.widget-roadmap-nav .nav .nav-link.active {
  background: #232076
}

.widget-roadmap-body {
  align-items: center;
  background: #232076;
  border-radius: 0 20px 20px 20px;
  display: flex;
  height: 210px;
  padding: 15px 40px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .widget-roadmap-body {
    height: 191px;
    padding: 15px 20px
  }
}

.widget-roadmap .roadmap-block {
  align-items: center;
  display: flex
}

.widget-roadmap .roadmap-block .content-wrap {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px
}

.widget-roadmap .roadmap-block .content-wrap h6 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px
}

.widget-roadmap .roadmap-block .content-wrap.launch img {
  width: 145px
}

@media screen and (max-width:1440px) {
  .widget-roadmap .roadmap-block .content-wrap.launch img {
    width: 135px
  }
}

.widget-roadmap .roadmap-block .content-wrap p.dim {
  color: #a8aad5;
  color: var(--Blue-3, #a8aad5);
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 25px;
  text-align: center
}

.widget-roadmap .roadmap-block .content-wrap p.dim b {
  font-weight: 700
}

.widget-roadmap .roadmap-block .content-wrap a {
  color: #ff6717
}

.widget-roadmap .roadmap-block .content-wrap .btn {
  background-color: #ff6717;
  border: 1px solid #ff6717;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 20px
}

.widget-roadmap .roadmap-block .content-wrap .btn:active,
.widget-roadmap .roadmap-block .content-wrap .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ff6717
}

.widget-roadmap .roadmap-block .content-wrap ul {
  margin-left: 15px;
  margin-top: 10px
}

.widget-roadmap .roadmap-block .content-wrap ul li {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  list-style: disc;
  margin-left: 10px
}

.widget-roadmap .roadmap-block .content-wrap .chain-icons img {
  height: 22px;
  width: 22px
}

.widget-interfaces {
  height: 210px;
  padding: 20px 40px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .widget-interfaces {
    height: 191px;
    padding: 20px
  }
}

.widget-interfaces {
  align-items: center;
  background: #232076;
  border-radius: 0 0 16px 16px;
  display: flex
}

.widget-interfaces .dev-link {
  height: 100%;
  width: 100%
}

.widget-interfaces .dev-link>img {
  width: 100%
}

.widget-interfaces-dev h1 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px
}

@media screen and (max-width:1440px) {
  .widget-interfaces-dev h1 {
    font-size: 18px
  }
}

.widget-interfaces-dev .dev-link {
  align-items: center;
  background: #fff;
  border-radius: 13px;
  display: flex;
  flex-shrink: 0;
  gap: 10px;
  height: 70px;
  justify-content: space-between;
  padding: 10px 15px
}

.widget-interfaces-dev .dev-link p {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  margin: 0 20px 0 0
}

.widget-interfaces-dev .dev-link p b {
  color: #000;
  font-size: 18px;
  font-weight: 600
}

@media screen and (max-width:1440px) {

  .widget-interfaces-dev .dev-link p,
  .widget-interfaces-dev .dev-link p b {
    font-size: 14px
  }
}

.widget-interfaces-node {
  flex: auto
}

.widget-interfaces-node h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin: 0
}

.widget-interfaces-node h3 {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 30px
}

@media screen and (max-width:1440px) {
  .widget-interfaces-node h3 {
    margin-bottom: 20px
  }
}

.widget-interfaces-node h1 {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 5px
}

@media screen and (max-width:1440px) {
  .widget-interfaces-node h1 {
    font-size: 40px
  }
}

.widget-interfaces-node p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin: 15px 0 0
}

.widget-interfaces-node .mtn {
  margin-top: -30px
}

.widget-interfaces-node a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.widget-interfaces-eco h1 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 25px
}

@media screen and (max-width:1440px) {
  .widget-interfaces-eco h1 {
    font-size: 18px
  }
}

.widget-interfaces-eco .box {
  align-items: center;
  border: .25px solid #fff;
  border-radius: 14px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 15px
}

.widget-interfaces-eco .box h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 700;
  line-height: 30px;
  margin: 0
}

@media screen and (max-width:1440px) {
  .widget-interfaces-eco .box h1 {
    font-size: 70px
  }
}

.widget-interfaces-eco .box h2 {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  line-height: 22px;
  text-transform: uppercase
}

.widget-interfaces-eco .box p {
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  margin: 0
}

.widget-interfaces-eco .box {
  margin: 0
}

.widget-interfaces-eco a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.roadmap-slider {
  max-width: 500px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .roadmap-slider {
    max-width: 419px
  }
}

.roadmap-slider {
  margin-top: -30px
}

.roadmap-slider .slick-track {
  align-items: center;
  display: flex;
  justify-content: center
}

.roadmap-slider .slick-dots {
  bottom: -30px;
  position: absolute
}

.roadmap-slider .slick-dots li {
  height: auto;
  margin: 0 5px;
  width: auto
}

.roadmap-slider .slick-dots li button {
  background-color: #98a2b3;
  border-radius: 50%;
  font-size: 0;
  height: 10px;
  padding: 0;
  width: 10px
}

.roadmap-slider .slick-dots li button:before {
  display: none
}

.roadmap-slider .slick-dots li.slick-active button {
  background-color: #fff
}

.roadmap-slider-arrows {
  position: absolute;
  right: 10px;
  top: 55%
}

.roadmap-slider-arrows>span {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  margin: 0 25px
}

.roadmap-slider-arrows .arrows {
  background-color: #0000;
  border: none
}

.roadmap-slider-arrows .arrows:hover svg path {
  opacity: .8
}

.roadmap-slider-arrows .arrows:before {
  display: none
}

.staking-graph {
  min-height: 114px;
  position: relative;
  width: 100%
}

.staking-graph-values {
  display: inline-block;
  margin: 10px 0 18px
}

.staking-graph-values h3 {
  color: #0c111d;
  font-size: 21px;
  margin: 0 0 2px
}

.staking-graph-values h3>span {
  color: #667085;
  font-size: 7px;
  font-weight: 400
}

.staking-graph img {
  max-width: 100%
}

.staking-graph-status {
  color: #344054;
  font-size: 12px;
  font-weight: 600
}

.staking-graph-status.positive {
  position: relative
}

.staking-graph-status.positive:before {
  border-bottom: 10px solid #0dcb2a;
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  content: "";
  display: inline-block;
  height: 0;
  line-height: 0;
  margin-right: 2px;
  width: 0
}

.staking-graph-status.negative {
  position: relative
}

.staking-graph-status.negative:before {
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  border-top: 10px solid #ff0420;
  content: "";
  display: inline-block;
  height: 0;
  line-height: 0;
  margin-right: 2px;
  width: 0
}

.wizard-btn {
  align-items: center;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  background-color: #00000029;
  border-radius: 10px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 90px;
  justify-content: center;
  left: 20px;
  padding: 18px 0 10px;
  position: absolute;
  width: 76px
}

.wizard-btn svg {
  height: 40px
}

.wizard-btn span {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  margin-top: 8px
}

.wizard-btn:hover {
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  background: #1009527d
}

.search-btn {
  align-items: center;
  background-color: #0000;
  border: 4px solid #ffffff4d;
  border-radius: 35px;
  bottom: 40px;
  box-shadow: none;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  padding: 7px;
  position: absolute;
  right: 30px;
  transition: all .5s ease-in-out;
  width: 40px
}

.search-btn svg {
  height: 20px;
  width: 20px
}

.search-btn:after {
  background-color: #ffffff80;
  border-radius: 10px;
  bottom: -1px;
  content: "";
  height: 4px;
  position: absolute;
  right: -8px;
  transform: rotate(45deg);
  width: 15px
}

.search-btn>span {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  left: 20px;
  margin-right: 10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transform-origin: left;
  transition: all .3s ease-in-out;
  visibility: hidden
}

.search-btn:hover {
  border-color: #fff;
  justify-content: flex-end;
  width: 137px
}

.search-btn:hover:after {
  background-color: #fff
}

.search-btn:hover>span {
  opacity: 1;
  transform: translateY(-50%) scale(1);
  visibility: visible
}

.skeleton-loader {
  animation: skeleton-loading 2s ease-in-out infinite;
  background: linear-gradient(90deg, #ccc 25%, #ccc 50%, #f7f7f7 75%);
  background-size: 200% 100%;
  border-radius: px;
  display: block;
  height: 6px;
  min-width: 60px
}

.staking-percent {
  align-items: center;
  display: flex;
  gap: 7px;
  margin-left: 15px
}

.staking-percent-btn {
  border: 1px solid #2d54aa;
  border-radius: 4px;
  color: #2d54aa;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 7px 12px
}

.staking-percent-btn.active,
.staking-percent-btn:hover {
  background-color: #2d54aa;
  border: 1px solid #2d54aa
}

.staking-percent-btn.active {
  color: #fff
}

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0
  }

  to {
    background-position: -200% 0
  }
}

@keyframes spin-loading {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.account {
  height: calc(100vh - 165px);
  margin: 0 auto;
  max-height: 1000px;
  max-width: 1600px;
  position: relative;
  width: 100%
}

@media screen and (max-width:1440px) {
  .account {
    height: calc(100vh - 150px)
  }
}

.account {
  border-radius: 15px;
  display: flex
}

.account .nft-tier {
  max-height: 100%
}

.account-sidebar {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #fffc;
  border-radius: 15px 0 0 15px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 20px 12px 18px;
  width: 224px
}

.account-sidebar-top .logo-wrapper {
  margin-bottom: 20px;
  max-width: 32px
}

.account-sidebar-top .logo-wrapper img {
  max-width: 100%
}

.account-sidebar-profile {
  align-items: center;
  display: flex;
  margin-bottom: 18px
}

.account-sidebar-profile-icon {
  line-height: 0;
  margin-right: 10px
}

.account-sidebar-profile-icon .img-wrapper {
  background-color: #eaecf0;
  border-radius: 50%;
  display: inline-block;
  height: 42px;
  min-width: 42px;
  overflow: hidden;
  width: 42px
}

.account-sidebar-profile-icon .img-wrapper img {
  height: 42px;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  width: 100%
}

.account-sidebar-profile-info h4 {
  color: #000;
  font-size: 10px;
  font-weight: 600;
  margin: 0
}

.account-sidebar-profile-info h6 {
  color: #475467;
  font-size: 10px;
  font-weight: 400;
  margin: 0
}

.account-sidebar-bottom {
  margin-top: auto
}

.account-sidebar-bottom .quick-actions {
  align-items: center;
  border-radius: 0 0 15px 15px;
  display: flex;
  width: 100%
}

.account-sidebar-bottom .quick-actions-link li {
  line-height: 10px;
  margin-bottom: 7px
}

.account-sidebar-bottom .quick-actions-link li:last-child {
  margin-bottom: 0
}

.account-sidebar-bottom .quick-actions-link li a {
  color: #000;
  font-size: 10px
}

.account-sidebar-bottom .quick-actions .logo-wrapper {
  height: 28px;
  margin-right: 10px;
  width: 28px
}

.account-sidebar-bottom .quick-actions .logo-wrapper a {
  display: block
}

.account-sidebar-bottom .quick-actions .logo-wrapper a>img {
  max-width: 100%
}

.account-sidebar-bottom ul.menu {
  margin-bottom: 47px
}

.account-sidebar ul.menu {
  width: 100%
}

.account-sidebar ul.menu li {
  margin-bottom: 3px
}

.account-sidebar ul.menu li a {
  align-items: center;
  border-radius: 5px;
  color: #000;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  padding: 5px
}

.account-sidebar ul.menu li a>span {
  margin-right: 10px
}

.account-sidebar ul.menu li a>span>svg {
  max-width: 16px
}

.account-sidebar ul.menu li.active a {
  background-color: #f2f4f7
}

.account-main {
  width: 100%
}

.account-main.menuOpen {
  margin-left: 64px
}

.account-main,
.account-main-inner {
  border-radius: 0 15px 15px 0
}

.account-main-inner {
  align-items: flex-start;
  background-color: #fff;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow-y: auto
}

@media(max-height:700px) {
  .account-main-inner {
    align-items: flex-start;
    display: flex
  }
}

.account-main .l1x-nft-tier-main.nft-buy .nft-tier-body {
  height: calc(100% - 72px)
}

.account-form {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 18px #00000014;
  height: auto;
  margin: 25px 0;
  position: relative;
  width: 300px
}

.account-form-header {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
  padding: 23px 23px 0
}

.account-form-header .profile-icon {
  line-height: 0;
  margin-right: 10px
}

.account-form-header .profile-icon .img-wrapper {
  background-color: #eaecf0;
  border-radius: 50%;
  display: inline-block;
  height: 52px;
  overflow: hidden;
  width: 52px
}

.account-form-header .profile-icon .img-wrapper>img {
  height: 52px;
  max-width: 100%;
  object-fit: cover;
  width: 100%
}

.account-form-header .profile-info h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.account-form-header .profile-info h6 {
  color: #475467;
  font-size: 10px;
  font-weight: 400;
  margin: 0
}

.account-form-body {
  max-height: 340px;
  overflow-y: auto;
  padding: 0 23px 23px
}

.account-form .form-group {
  margin-bottom: 7px
}

.account-form .form-control {
  border: 1px solid #d0d5dd;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  padding: 8px 12px
}

.account-form .form-control:focus {
  box-shadow: none;
  outline: none
}

.account-form .form-control::placeholder {
  color: #d0d5dd !important
}

.account-form .form-alert {
  border-radius: 4px;
  bottom: auto;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  left: auto;
  padding: 3px 5px;
  position: absolute;
  right: 7px;
  top: 7px
}

.account-form .form-alert>svg {
  fill: #fff;
  height: 12px;
  margin-right: 3px;
  width: 12px
}

.account .graph-wrpper {
  background-color: #fff;
  border: 1px solid #ffa601;
  border-radius: 15px;
  overflow: hidden;
  padding: 10px 10px 5px 5px;
  width: 100%
}

.account .graph-wrpper>img {
  max-width: 100%
}

.account .account-rounded {
  border-radius: 0 15px 15px 0
}

.custom-browse-btn {
  align-items: center;
  background-color: #fff;
  border-radius: 100%;
  bottom: 0;
  box-shadow: 0 0 6px #00000029;
  cursor: pointer;
  display: flex;
  height: 16px;
  justify-content: center;
  left: auto;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: auto;
  width: 16px
}

.custom-browse-btn>.form-control {
  bottom: auto;
  left: auto;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden
}

.custom-browse-btn>svg {
  height: 10px;
  width: 10px
}

.getStarted-btn {
  font-size: 16px;
  max-width: 382px;
  width: 100%
}

.getStarted-btn:active,
.getStarted-btn:focus,
.getStarted-btn:focus-visible,
.getStarted-btn:hover {
  background-color: #0000 !important;
  border-color: #ff6717 !important;
  box-shadow: none;
  color: #ff6717 !important
}

.custom-wallet {
  background-color: #f9fafb;
  border: .5px solid #d0d5dd;
  border-radius: 6px;
  margin-bottom: 7px;
  overflow: hidden;
  position: relative
}

.custom-wallet-default {
  align-items: center;
  display: flex
}

.custom-wallet-default>abbr {
  border-right: .5px solid #d0d5dd;
  color: #000;
  flex-basis: calc(100% - 90px);
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 12px;
  max-width: calc(100% - 90px);
  padding: 8px 12px
}

.custom-wallet-default>input {
  background-color: #0000;
  border: none !important;
  border-radius: 0;
  color: #000;
  color: #d0d5dd !important;
  flex: 0 0 90px;
  font-size: 12px;
  max-width: 90px;
  padding: 8px 22px 8px 10px !important
}

.custom-wallet-default>input:focus {
  outline: none
}

.custom-wallet-default>input.wallet-name {
  border-right: .5px solid #d0d5dd !important;
  color: #000 !important;
  flex-basis: calc(100% - 90px);
  flex-grow: 0;
  flex-shrink: 0;
  max-width: calc(100% - 90px)
}

.custom-wallet-default>input:disabled {
  background-color: #0000
}

.custom-wallet-default.edit {
  flex-direction: column
}

.custom-wallet-default.edit abbr {
  border-right: 0;
  flex: 0 0 auto;
  max-width: 100%;
  text-align: left;
  width: 100%
}

.custom-wallet-default.edit .form-control {
  border-top: .5px solid #d0d5dd !important;
  flex: 0 0 auto;
  max-width: 100%;
  width: 100%
}

.custom-wallet-default.input-fullwidth>.form-control {
  flex: 0 0 100%;
  max-width: 100%
}

.custom-wallet-default>.validation-icon {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 5px;
  top: 5px
}

.custom-wallet-default>.validation-icon.check-icon>svg {
  max-height: 13px;
  max-width: 13px
}

.custom-wallet-default>.validation-icon.check-icon>svg path {
  fill: #3fde0f
}

.custom-wallet-hover {
  align-items: center;
  background-color: #f9fafb;
  border-radius: .375rem;
  bottom: auto;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 9px 12px;
  position: absolute;
  right: auto;
  top: 0;
  width: 100%
}

.custom-wallet-hover>abbr {
  color: #000;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  text-decoration: underline
}

.custom-wallet-hover>a {
  line-height: 0
}

.custom-wallet-hover>a svg {
  cursor: pointer;
  height: 16px;
  width: 16px
}

.custom-wallet-default-new>input {
  color: #000 !important;
  flex: 0 0 110px;
  max-width: 110px
}

.custom-wallet-default-new>input.wallet-name {
  flex-basis: calc(100% - 110px);
  flex-grow: 0;
  flex-shrink: 0;
  max-width: calc(100% - 110px)
}

.btn-add-wallet {
  align-items: center;
  background-color: #f9fafb;
  border-radius: 5px;
  display: flex;
  padding: 9px 12px;
  text-align: left;
  width: 100%
}

.btn-add-wallet>svg {
  height: 16px;
  margin-right: 7px;
  min-width: 16px;
  vertical-align: sub;
  width: 16px
}

.btn-add-wallet>abbr {
  color: #000;
  font-size: 12px;
  line-height: 16px
}

.btn-add-wallet:active,
.btn-add-wallet:focus,
.btn-add-wallet:focus-visible,
.btn-add-wallet:hover {
  background-color: #f9fafb;
  outline: none
}

.portfolio {
  border-radius: 12px;
  overflow: hidden;
  width: 100%
}

.portfolio-header {
  align-items: flex-start;
  background-color: #f9fafb;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow: hidden;
  padding: 25px 20px
}

.portfolio-header-left,
.portfolio-header-right {
  display: inline-block
}

.portfolio-header-right .btn-filter {
  align-items: center;
  background-color: #1e1379;
  border: 2px solid #0000;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  height: 52px;
  justify-content: center;
  min-width: 162px;
  padding: 10px
}

.portfolio-header-right .btn-filter:hover {
  border-color: #1e1379
}

.portfolio-header-right .btn-filter>svg {
  margin-right: 15px
}

.portfolio-header-right .btn-filter>span {
  color: #fff;
  font-size: 14px;
  line-height: 16px
}

.portfolio-header-right .btn-filter>span>b {
  display: block
}

.portfolio-header .rewards {
  line-height: 0
}

.portfolio-header .rewards h6 {
  color: #98a2b3;
  font-size: 11px;
  font-weight: 400;
  margin: 0 0 5px
}

.portfolio-header .rewards h3 {
  color: #000;
  font-size: 32px;
  line-height: 32px;
  margin: 0 0 5px
}

.portfolio-header .rewards h3>span {
  color: #667085;
  font-size: 12px
}

.portfolio-header .rewards-status {
  background-color: #d6ffdb;
  border-radius: 12px;
  color: #00670f;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 9px;
  position: relative
}

.portfolio-header .rewards-status.positive:before {
  border-bottom: 10px solid #0dcb2a;
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  content: "";
  display: inline-block;
  height: 0;
  line-height: 0;
  margin-right: 2px;
  width: 0
}

.portfolio-body {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  overflow: hidden
}

.portfolio-body .table-wrapper {
  padding: 0
}

.portfolio-body .table-wrapper thead tr th {
  color: #667085;
  vertical-align: top
}

.portfolio-body .table-wrapper tbody tr td {
  color: #344054
}

.portfolio-body .table-wrapper tbody tr td .transaction-id {
  color: #0c111d
}

.portfolio-body .table-wrapper tbody tr td .assets-block_content {
  color: #1d2939;
  font-size: 14px;
  font-weight: 500
}

.portfolio-grid {
  display: flex;
  margin-bottom: 12px
}

.portfolio-grid-item {
  width: 100%
}

.portfolio-grid-item:first-child {
  flex-basis: calc(40.3% - 24px);
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 12px;
  max-width: calc(40.3% - 24px)
}

.portfolio-grid-item:nth-child(2) {
  flex: 0 0 60.71%;
  max-width: 60.71%
}

.country-selector-feild {
  align-items: center;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  display: flex;
  position: relative;
  z-index: 4
}

.country-selector-feild>.btn {
  align-items: center;
  border-radius: 0;
  border-right: 1px solid #d0d5dd;
  display: inline-flex;
  justify-content: center;
  min-width: 36px;
  padding: 5px;
  width: 36px
}

.country-selector-feild>.btn:active,
.country-selector-feild>.btn:focus,
.country-selector-feild>.btn:focus-visible {
  outline: none
}

.country-selector-feild>.btn .img-wrap {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 20px
}

.country-selector-feild>.btn .img-wrap>svg {
  bottom: auto;
  height: 100%;
  left: 50%;
  max-height: 30px;
  position: absolute;
  right: auto;
  top: 0;
  transform: translateX(-50%)
}

.country-selector-feild>.input-feild {
  align-items: center;
  display: flex;
  width: 100%
}

.country-selector-feild>.input-feild>.countrycode {
  color: #000;
  display: inline-block;
  font-size: 12px;
  margin-left: 8px
}

.country-selector-feild>.input-feild>.form-control {
  border: none;
  padding-left: 5px
}

.country-selector-feild-dropdown {
  bottom: auto;
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
  width: 100%;
  z-index: 99
}

.country-selector-feild-dropdown .select__control {
  border: none;
  border-radius: 5px;
  min-height: 35px;
  padding: 0
}

.country-selector-feild-dropdown .select__indicator {
  display: none
}

.country-selector-feild-dropdown .select__option>svg {
  border-radius: 50%;
  height: 20px;
  margin-right: 5px;
  min-height: 20px;
  min-width: 20px;
  overflow: hidden;
  width: 20px
}

.country-selector-feild-dropdown .select__option>span {
  color: #000;
  font-size: 12px
}

.size-20 {
  width: 20px
}

i[data-tooltip]:after {
  background-color: #000c;
  border-radius: 4px;
  bottom: 0;
  color: #fff;
  content: attr(data-tooltip);
  left: 0;
  max-width: 200px;
  padding: 4px 8px;
  position: absolute;
  transform: scale(0);
  transition: .2s ease-in-out;
  width: -webkit-max-content;
  width: max-content
}

i[data-tooltip]:hover:after {
  bottom: 22px;
  transform: scale(1)
}

i.left-align:after {
  left: auto;
  right: 0;
  transform-origin: bottom right
}

i {
  color: #444;
  cursor: pointer
}

.relative {
  display: inline-block;
  position: relative
}

.flexContet {
  align-items: center;
  display: flex
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
(min-resolution:2dppx),
only screen and (-webkit-min-device-pixel-ratio:2) {
  .navigation {
    max-width: 100%;
    width: 100%
  }

  .filter-widget,
  .filter-widget-toggler {
    bottom: 30px;
    transform: scale(.8);
    z-index: 2
  }

  .logout-wallet-wrapper {
    max-width: 100%;
    transform: scale(.8);
    width: 100%
  }

  .logout-wallet-wrapper .logout-wallet {
    bottom: 0
  }
}

@keyframes rotate {
  to {
    transform: rotate(1turn)
  }
}

.responsive-message {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  width: 100%
}

.responsive-message-inner {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 16px 30px #0000004d;
  max-width: 400px;
  overflow: hidden;
  padding: 40px 30px;
  position: relative;
  width: 100%
}

.responsive-message-inner h4 {
  color: #767676;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 16px;
  text-align: center
}

.responsive-message-inner h4 .icon-wrapper {
  display: block;
  margin: 0 0 20px
}

.responsive-message-inner h4 .icon-wrapper svg {
  height: 50px;
  width: 50px
}

.responsive-message-inner .l1x-title {
  align-items: center;
  color: #02012b;
  display: flex;
  font-size: 44px;
  font-weight: 700;
  justify-content: center;
  margin-bottom: 16px
}

.responsive-message-inner .l1x-title .app-badge {
  border: 1px solid #02012b;
  border-radius: 30px;
  font-size: 26px;
  line-height: 1;
  margin: 0 8px;
  padding: 3px 12px 6px
}

.responsive-message-inner .input-wrapper {
  text-align: center
}

.responsive-message-inner .input-wrapper .form-control {
  border: 1px solid #0000002b;
  border-radius: 6px;
  font-size: 14px;
  margin-bottom: 14px;
  padding: 8px 14px;
  text-align: left
}

.responsive-message-inner .input-wrapper .form-control:active,
.responsive-message-inner .input-wrapper .form-control:focus,
.responsive-message-inner .input-wrapper .form-control:hover {
  border-color: #00a018;
  box-shadow: 0 0 0 .25rem #1ed70059
}

.responsive-message-inner .input-wrapper .btn-register {
  border: 1px solid #ff6619;
  border-radius: 30px;
  color: #02012b;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 16px
}

.responsive-message-inner .input-wrapper .btn-register:hover {
  background: #ff6619;
  color: #fff
}

.responsive-message-inner .email-send-patch {
  background: #4dca3257;
  color: #02012b;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 12px;
  position: absolute;
  right: 0;
  top: 0
}

.processing-i-btn>i[data-tooltip]:hover:after {
  bottom: 19px;
  font-size: 10px;
  left: 1px
}

.assistance {
  background-color: #fff;
  border-radius: 0 16px 16px 0;
  height: 100%;
  overflow-y: auto;
  width: 100%
}

.assistance-header {
  padding: 30px 24px 10px
}

.assistance-body {
  height: calc(100% - 90px);
  padding: 20px 24px 24px
}

.assistance-body-stake {
  border: .5px solid #d0d5dd;
  border-radius: 8px;
  display: flex;
  height: 100%;
  overflow: hidden
}

.assistance-body-stake-table {
  background-color: #fcfcfd;
  border-right: .5px solid #d0d5dd;
  flex: 0 0 37.72%;
  max-width: 0 0 37.72%;
  width: 100%
}

.assistance-body-stake-table .table-wrapper {
  height: 100%;
  padding: 0
}

.assistance-body-stake-table .table-wrapper::-webkit-scrollbar {
  width: 0
}

.assistance-body-stake-table .table-wrapper .table {
  border-bottom: .5px solid #d0d5dd;
  margin: 0
}

.assistance-body-stake-table .table-wrapper .table tr th {
  color: #667085;
  vertical-align: top
}

.assistance-body-stake-table .table-wrapper .table tr th:last-child {
  text-align: center
}

.assistance-body-stake-table .table-wrapper .table tr td {
  color: #344054
}

.assistance-body-stake-table .table-wrapper .table tr td:last-child {
  text-align: center
}

.assistance-body-stake-table .table-wrapper .table tr td .type-text {
  align-items: center;
  display: flex
}

.assistance-body-stake-table .table-wrapper .table tr.active td,
.assistance-body-stake-table .table-wrapper .table tr:hover td {
  background-color: #f4f5ff
}

.assistance-body-stake-table .table-wrapper .table .icon {
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 8px;
  height: 12px;
  line-height: 12px;
  margin-right: 4px;
  text-align: center;
  width: 12px
}

.assistance-body-stake-table .table-wrapper .table .icon.stakeicon {
  background-color: #c34400;
  color: #fff
}

.assistance-body-stake-table .table-wrapper .table .icon.swapicon {
  background-color: #5300af;
  color: #fff
}

.assistance-body-stake-table .table-wrapper .table .icon.claimicon {
  background-color: #00930b;
  color: #fff
}

.assistance-body-stake-table .table-wrapper .table .draft-status {
  background-color: #eaecf0;
  border-radius: 11px;
  color: #0c111d;
  display: inline-block;
  font-size: 10px;
  padding: 3px 10px
}

.assistance-body-stake-table .table-wrapper .table .active-status {
  background-color: #3fde0f;
  border-radius: 50%;
  display: inset-block;
  height: 9px;
  margin: 0 auto;
  width: 9px
}

.assistance-body-stake-table .table-wrapper .table .completed-status {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  display: inline-block;
  height: 7px;
  transform: rotate(45deg);
  width: 4px
}

.assistance-body-stake-details {
  flex: 0 0 62.27%;
  height: 100%;
  max-width: 0 0 62.27%;
  overflow-y: auto;
  width: 100%
}

.assistance-body-stake-details .user-message {
  word-break: break-all
}

.assistance-dropdown {
  display: inline-block;
  position: relative
}

.assistance-dropdown>.btn {
  align-items: center;
  background-color: #fff2d9;
  border: 2px solid #0000;
  border-radius: 23px;
  display: flex;
  justify-content: flex-start;
  margin: 0 !important;
  padding: 9px 18px 9px 9px
}

.assistance-dropdown>.btn:active {
  background-color: #fff2d9
}

.assistance-dropdown>.btn:hover {
  border-color: rgba(255, 166, 1, .302)
}

.assistance-dropdown>.btn.show {
  background-color: #fff;
  border-color: #0000;
  border-radius: 23px 23px 0 0;
  box-shadow: 0 3px 12px #0000001a
}

.assistance-dropdown>.btn .icon {
  background-color: #ffa601;
  border-radius: 50%;
  display: inline-block;
  height: 28px;
  margin-right: 10px;
  width: 28px
}

.assistance-dropdown>.btn .icon>svg {
  height: 14px;
  width: 14px
}

.assistance-dropdown>.btn>abbr {
  color: #e08400;
  font-size: 14px;
  line-height: 14px;
  margin-right: 24px
}

.assistance-dropdown>.btn>.arrow.down {
  border: solid #e08400;
  border-width: 0 2px 2px 0;
  height: 0;
  line-height: 0;
  margin: -7px 0 0;
  padding: 5px;
  width: 0
}

.assistance-dropdown>.dropdown-menu {
  border: none;
  padding: 12px 22px 22px;
  top: -5px !important;
  width: 100%
}

.assistance-dropdown>.dropdown-menu>li {
  padding: 6px 0
}

.assistance-dropdown>.dropdown-menu .grey-btn {
  align-items: center;
  background-color: #eaecf0;
  border-radius: 14px;
  color: #667085;
  display: inline-flex;
  font-size: 12px;
  line-height: 16px;
  min-width: 137px;
  padding: 5px
}

.assistance-dropdown>.dropdown-menu .grey-btn .icon {
  background-color: #98a2b3;
  border-radius: 50%;
  display: inline-block;
  height: 18px;
  margin-right: 8px;
  text-align: center;
  width: 18px
}

.assistance-dropdown>.dropdown-menu .grey-btn .icon>svg {
  height: 9px;
  width: 9px
}

.assistance-dropdown>.dropdown-menu.show {
  background-color: #fff;
  border-color: #0000;
  border-radius: 0 0 23px 23px;
  box-shadow: 0 8px 12px #0000001a
}

.assistance-queries h4 {
  color: #0c111d;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  text-align: left
}

.assistance-queries-input {
  max-width: 290px;
  position: relative;
  width: 100%
}

.assistance-queries-input.connected .form-control {
  padding-right: 80px
}

.assistance-queries-input .form-control {
  border: .5px solid #d0d5dd;
  border-radius: 19px;
  color: #667085;
  font-size: 8px;
  padding: 6px 10px
}

.assistance-queries-input .form-control:focus {
  box-shadow: none
}

.assistance-queries-input .connected-wallet {
  align-items: center;
  background-color: #344054;
  border-radius: 10px;
  bottom: auto;
  color: #fff;
  display: flex;
  font-size: 8px;
  height: 20px;
  justify-content: space-between;
  left: auto;
  padding: 5px 5px 5px 7px;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 72px
}

.assistance-queries-input .connected-wallet>svg {
  border-radius: 100%;
  height: 16px;
  margin-right: -3px;
  width: 16px
}

.assistance-queries-input .connected-wallet>svg path {
  fill: #3fde0f
}

.claim-section {
  background-color: #f4f5ff;
  border-radius: 0 15px 15px 0;
  height: 100%;
  padding: 24px;
  width: 100%
}

.claim-section .title {
  margin-bottom: 20px;
  width: 100%
}

.claim-section .title h6 {
  color: #000;
  font-weight: 600;
  margin-bottom: 0
}

.claim-section-block {
  background-color: #229100;
  border-radius: 20px;
  cursor: pointer;
  height: 170px;
  max-width: 230px;
  min-height: 170px;
  padding: 17px 25px 30px;
  position: relative;
  text-align: center;
  width: 100%
}

.claim-section-block .icon-wrapper {
  margin-bottom: 20px;
  margin-top: 10px;
  width: 100%
}

.claim-section-block .icon-wrapper>svg {
  height: 59px;
  width: 59px
}

.claim-section-block .claim-btn {
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 300
}

.claim-section-block .claim-btn:active,
.claim-section-block .claim-btn:focus {
  border-color: #fff;
  color: #fff
}

.claim-section-block .claim-btn>span {
  display: inline-block;
  vertical-align: bottom
}

.claim-section-block .claim-btn>span svg {
  height: 18px;
  width: 18px
}

.claim-section-block .claim-btn>span svg path {
  fill: #fff
}

.claim-section-block.blue-bg {
  background-color: #123990
}

.claim-section-block.yellow-bg {
  background-color: #ffa601
}

.claim-section-block .wallet-address {
  bottom: auto;
  color: #fff;
  font-size: 10px;
  left: 50%;
  max-width: 90%;
  position: absolute;
  right: auto;
  top: 10px;
  transform: translateX(-50%)
}

.claim-section-block small.note {
  color: #fff;
  display: block;
  font-size: 10px;
  margin: 8px 0 0
}

.claim-section-modal {
  background-color: #f2f4f7;
  border-radius: 15px 20px 20px 15px;
  height: 500px
}

.claim-section-modal .modal-body {
  padding: 35px 20px
}

.claim-section-modal-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: calc(100% - 67px);
  justify-content: space-between;
  min-height: 360px
}

.claim-section-modal-content .title h4 {
  color: #0c111d;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 22px
}

.claim-section-modal-content .title p {
  color: #000;
  font-size: 12px
}

.claim-section-modal-content .stepper-button {
  margin-bottom: 40px
}

.claim-section-modal-content .wallet-address-block {
  text-align: center;
  width: 100%
}

.claim-section-modal-content .wallet-address-block .form-group {
  margin: 0 auto 15px;
  max-width: 400px
}

.claim-section-modal-content .wallet-address-block .form-group .connected .form-control {
  padding: 10px 135px 10px 15px
}

.claim-section-modal-content .wallet-address-block .form-control {
  border: .5px solid #d0d5dd;
  color: #000;
  font-size: 10px;
  height: 37px;
  padding: 10px 15px
}

.claim-section-modal-content .wallet-address-block .form-control:focus-visible,
.claim-section-modal-content .wallet-address-block .form-control:hover {
  box-shadow: none;
  outline: none
}

.claim-section-modal-content .wallet-address-block .connected-status {
  align-items: center;
  background-color: #344054;
  border-radius: 0 19px 19px 0;
  bottom: auto;
  color: #fff;
  display: flex;
  font-size: 12px;
  height: 37px;
  left: auto;
  padding: 3px 2px 3px 12px;
  position: absolute;
  right: 0;
  top: 0
}

.claim-section-modal-content .wallet-address-block .connected-status>svg {
  height: 30px;
  margin-left: 10px;
  width: 30px
}

.claim-section-modal-content .wallet-address-block .connected-status>svg path {
  fill: #3fde0f
}

.claim-section-modal-content .wallet-address-block .connected-status .btn-link {
  border-bottom: .5px solid #667085;
  color: #667085;
  font-size: 10px;
  font-weight: 300;
  margin-top: 15px;
  text-decoration: none
}

.claim-section-modal-content .wallet-address-block .connected-status.not>svg {
  transform: rotate(45deg)
}

.claim-section-modal-content .wallet-address-block .connected-status.not>svg path {
  fill: red
}

.claim-section-modal-content .wallet-address-block .text-link-grey {
  color: #667085
}

.claim-section-modal-content .coin-allocation-block {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 35px;
  padding: 7.5px 0;
  width: calc(100% - 80px)
}

.claim-section-modal-content .coin-allocation-block-inner {
  border-bottom: 1px solid #f8f9fb;
  padding: 7.5px 15px
}

.claim-section-modal-content .coin-allocation-block-inner>ul {
  width: 100%
}

.claim-section-modal-content .coin-allocation-block-inner>ul li {
  align-items: flex-start;
  display: flex
}

.claim-section-modal-content .coin-allocation-block-inner>ul li span {
  color: #0c111d;
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  padding: 5px 7.5px;
  width: 50%;
  word-break: break-all
}

.claim-section-modal-content .coin-allocation-block-inner>ul li span:first-child {
  text-align: right
}

.claim-section-modal-content .coin-allocation-block-inner>ul li span:last-child {
  padding-right: 0;
  text-align: left
}

.claim-section-modal-content .coin-allocation-block-inner>ul li span>b {
  font-weight: 600
}

.claim-section-modal-content .btn-group li {
  margin: 0 10px
}

.claim-section-modal-content .btn-group li>button {
  margin: 0 0 7px;
  min-width: 180px
}

.claim-section-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 30px
}

.launchpad {
  background-color: #fff;
  border-radius: 0 15px 15px 0;
  height: 100%;
  overflow-y: auto;
  position: relative
}

.launchpad hr {
  border-top: 1px solid #eaecf0;
  opacity: 1
}

.launchpad-section {
  background-color: #fff;
  border-radius: 0 15px 15px 0;
  padding: 24px;
  width: 100%
}

.launchpad-section .title {
  margin-bottom: 20px;
  width: 100%
}

.launchpad-section .title h6 {
  color: #000;
  font-weight: 600;
  margin-bottom: 0
}

.launchpad-section .title h6 small {
  font-weight: 400
}

.launchpad-section-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 30px
}

.launchpad-section-block {
  background-position: 0;
  background-size: cover;
  border-radius: 20px;
  color: #fff;
  height: 185px;
  max-width: 310px;
  padding: 24px;
  width: 100%
}

.launchpad-section-block.app {
  background-image: url(/static/media/launchpad-nft.6887f949b613fa8fe26f.png)
}

.launchpad-section-block.health {
  background-image: url(/static/media/launchpad-health.cc5eca5593338fe6540e.png)
}

.launchpad-section-block.dex {
  background-image: url(/static/media/launchpad-dex.f8292cbb4017fa7577f5.png)
}

.launchpad-section-block.omni {
  background-image: url(/static/media/launchpad-omni.12ead2bba3819e59824b.png)
}

.launchpad-section-block.swap-link {
  background-image: url(/static/media/launchpad-swap.7d6d096c689ebd8c7fac.png)
}

.launchpad-section-block h3 {
  align-items: center;
  font-size: 22px;
  font-weight: 600
}

.launchpad-section-block h3 img {
  height: 22px;
  margin-right: 10px;
  width: 22px
}

.launchpad-section-block p {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 30px
}

.launchpad-section-block img.icon {
  width: 100px
}

.launchpad-section-block .btn {
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 12px
}

.launchpad-section-block .btn a {
  color: #fff
}

.launchpad-section-block .btn:active,
.launchpad-section-block .btn:focus {
  border-color: #fff;
  color: #fff
}

.launchpad-section-block .btn>span {
  display: inline-block;
  vertical-align: bottom
}

.launchpad-section-block .btn>span svg {
  height: 18px;
  width: 18px
}

.launchpad-section-block .btn>span svg path {
  fill: #fff
}

.stepper-form {
  height: 100%;
  min-height: 430px;
  width: 100%
}

.stepper-form-links {
  margin-bottom: 25px;
  width: 100%
}

.stepper-form-links>ul {
  align-items: center;
  display: flex;
  justify-content: center
}

.stepper-form-links>ul li {
  margin: 0 6px
}

.stepper-form-links>ul li .btn-link {
  background-color: #eaecf0;
  border: .5px solid #98a2b3;
  border-radius: 24px;
  color: #667085;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  min-width: 127px;
  padding: 13px 27px;
  position: relative;
  text-align: center;
  text-decoration: none
}

.stepper-form-links>ul li .btn-link.active,
.stepper-form-links>ul li .btn-link:hover {
  background-color: #fff;
  border-color: #0000;
  box-shadow: 0 0 8px #0000001a;
  color: #000
}

.stepper-form-links>ul li .btn-link:active,
.stepper-form-links>ul li .btn-link:focus-visible {
  box-shadow: none
}

.stepper-form-links>ul li .btn-link .step-completed {
  bottom: auto;
  display: inline-block;
  left: auto;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%)
}

.stepper-form-links>ul li .btn-link .step-completed>svg {
  height: 20px;
  width: 20px
}

.stepper-form-links>ul li .btn-link .step-completed>svg path {
  fill: #3fde0f
}

.stepper-form .stepper-button {
  background-color: #1e1379;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  height: 40px;
  max-width: 260px;
  padding: 6px 15px;
  width: 100%
}

.stepper-form .stepper-button:hover {
  background-color: #ff6717;
  color: #000
}

.stepper-form .stepper-button-outline {
  background-color: #0000;
  border: 1px solid #000;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  max-width: 260px;
  padding: 10px 15px;
  width: 100%
}

.stepper-form .stepper-button-outline:hover {
  background-color: #ff6717;
  border-color: #ff6717;
  color: #000
}

.stepper-form.themetwo .stepper-form-links>ul {
  background-color: #eaecf0;
  border-radius: 24px;
  margin: 0 auto;
  max-width: -webkit-max-content;
  max-width: max-content
}

.stepper-form.themetwo .stepper-form-links>ul li {
  margin: 0
}

.stepper-form.themetwo .stepper-form-links>ul li .btn-link {
  border: none
}

.stepper-form.themetwo .stepper-form-links>ul li .btn-link:hover {
  background-color: inherit;
  box-shadow: none
}

.stepper-form.Stapper-AddOns .stepper-form-links {
  margin-bottom: 30px
}

.stepper-form.Stapper-AddOns .claim-section-modal-content .title h4 {
  margin-bottom: 16px
}

.stepper-form.Stapper-AddOns .claim-section-modal-content .wallet-address-block .form-control {
  background-color: #fff;
  border: none;
  font-size: 12px;
  height: auto;
  padding: 12px 15px
}

.stepper-form.Stapper-AddOns .claim-section-modal-content .wallet-address-block .form-control.HasValue {
  background-color: #eaecf0;
  padding-right: 128px;
  text-overflow: ellipsis
}

.stepper-form.Stapper-AddOns .claim-section-modal-content .wallet-address-block .form-control.HasValue:focus {
  background-color: #fff
}

.stepper-form.Stapper-AddOns .claim-section-modal-content .wallet-address-block .form-control:focus {
  background-color: #fff;
  box-shadow: 0 0 0 2px #0d6efd80
}

.stepper-form.Stapper-AddOns .claim-section-modal-content .connected-status {
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  color: #344054;
  height: 100%
}

.stepper-form.Stapper-AddOns .claim-section-modal-content .coin-allocation-block {
  margin: 0 auto;
  padding: 0
}

.stepper-form.Stapper-AddOns .claim-section-modal-content .coin-allocation-block-inner {
  border: none;
  padding: 16px 12px
}

.stepper-form.Stapper-AddOns .claim-section-modal-content .coin-allocation-block-inner.nextDrop {
  border-top: 1px solid #f2f4f7
}

.filter-widget-screens,
.w-full {
  width: 100%
}

.filter-widget-screens-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
  padding: 0 28px;
  width: 100%
}

.filter-widget-screens-list li {
  margin-bottom: 20px;
  width: 50%
}

.filter-widget-screens-list li:first-child a {
  text-align: left
}

.filter-widget-screens-list li:nth-child(2) a {
  text-align: right
}

.filter-widget-screens-list li:nth-child(3) {
  margin-bottom: 0;
  text-align: center;
  width: 100%
}

.filter-widget-screens-list li a {
  display: block;
  text-align: center;
  transition: all .3s ease-in-out
}

.filter-widget-screens-list li a span {
  color: #667085;
  display: block;
  font-size: 22px;
  font-weight: 300;
  margin-top: 10px
}

.filter-widget-screens-list li a.active span,
.filter-widget-screens-list li a:hover span {
  color: #fff
}

.filter-widget-screens-list li a.active>svg,
.filter-widget-screens-list li a:hover>svg {
  filter: brightness(0) invert(1)
}

.claim-assist-modal .modal-content {
  background-color: #f9fafb;
  border: none;
  border-radius: 20px
}

.claim-assist-modal-inner,
.claim-assist-modal-inner-form {
  align-items: center;
  display: flex
}

.claim-assist-modal-inner-form {
  flex: 0 0 45%;
  height: 100%;
  max-width: 45%;
  min-height: 500px;
  position: relative;
  width: 100%
}

.claim-assist-modal-inner-form .claim-assist-tabs {
  margin: 0 auto;
  max-width: 298px;
  width: 100%
}

.claim-assist-modal-inner-form .form-alert {
  border-radius: 4px;
  bottom: auto;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  left: auto;
  padding: 3px 5px;
  position: absolute;
  right: 15px;
  top: 15px
}

.claim-assist-modal-inner-form .form-alert>svg {
  fill: #fff;
  height: 12px;
  margin-right: 3px;
  width: 12px
}

.claim-assist-modal-inner-form .hash_input-feild input {
  padding-right: 30px
}

.claim-assist-modal-inner-form-block {
  max-height: 450px;
  overflow-y: auto;
  width: 100%
}

.claim-assist-modal-inner-form .box {
  border: 2px dashed #d0d5dd;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  margin-bottom: 12px;
  padding: 3px 10px;
  width: 100%
}

.claim-assist-modal-inner-form .box svg {
  color: #667085;
  cursor: pointer;
  margin-right: 10px;
  width: 30px
}

.claim-assist-modal-inner-form .box small {
  color: #667085;
  cursor: pointer
}

.claim-assist-modal-inner-banner {
  flex: 0 0 55%;
  line-height: 0;
  max-width: 55%;
  position: relative;
  width: 100%
}

.claim-assist-modal-inner-banner>img {
  border-radius: 0 20px 20px 0;
  max-height: 600px;
  max-width: 100%;
  min-height: 500px;
  object-fit: cover;
  width: 100%
}

.claim-assist-modal-inner-banner h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  left: 37px;
  line-height: 22px;
  line-height: 30px;
  position: absolute;
  top: 37px
}

.claim-assist-modal-inner-banner.text-only {
  background-color: #03012a;
  border-radius: 0 20px 20px 0;
  color: #f1f2fa;
  height: 100%;
  line-height: inherit;
  min-height: 500px;
  padding: 20px
}

.claim-assist-modal-inner-banner.text-only h4 {
  color: #f1f2fa;
  left: 0;
  position: relative;
  top: 0
}

.claim-assist-modal-inner-banner.text-only p {
  font-size: 14px
}

.claim-assist-modal-inner-banner.text-only a {
  color: #ff6717
}

.claim-assist-modal-inner-banner.text-only ul {
  margin-bottom: 20px;
  margin-left: 30px
}

.claim-assist-modal-inner-banner.text-only ul li {
  list-style: disc
}

.claim-assist-modal-inner-banner.text-only ul li b {
  color: #ff6717
}

.claim-assist-modal-inner.get-assistance-content .input-wrapper {
  margin-bottom: 10px
}

.claim-assist-modal-inner.get-assistance-content .input-wrapper .form-control {
  font-size: 13px;
  padding: 8px 14px
}

.claim-assist-modal-inner.get-assistance-content .form-title {
  font-family: 16px;
  font-weight: 600;
  margin-bottom: 16px
}

.claim-assist-modal-options {
  bottom: auto;
  left: 15px;
  position: absolute;
  right: auto;
  top: 15px;
  z-index: 2
}

.claim-assist-modal-options .btn {
  background-color: #f5f5f5;
  height: 12px;
  margin: 0 5px;
  padding: 0;
  width: 12px
}

.claim-assist-modal-options .btn-discard {
  background-color: red
}

.claim-assist-modal-options .btn-discard:focus {
  background-color: red;
  outline: none
}

.claim-assist-modal-options .btn-draft {
  background-color: #ffa601
}

.claim-assist-modal-options .btn-draft:focus {
  background-color: #ffa601;
  outline: none
}

.claim-assist-tabs-links {
  background-color: #fff;
  border-radius: 15px;
  height: 30px;
  margin-bottom: 10px;
  width: 100%
}

.claim-assist-tabs-links>ul {
  align-items: center;
  display: flex;
  height: 100%
}

.claim-assist-tabs-links>ul li {
  height: 100%;
  width: 100%
}

.claim-assist-tabs-links>ul li a {
  align-items: center;
  color: #667085;
  display: flex;
  font-size: 12px;
  height: 100%;
  justify-content: center;
  text-align: center
}

.claim-assist-tabs-links>ul li a.active {
  background-color: #edffe8;
  border: 2px solid #3fde0f;
  border-radius: 15px;
  color: #229100
}

.claim-assist-tabs-content .btn-link {
  color: #98a2b3;
  font-size: 10px;
  font-weight: 400;
  padding: 0
}

.claim-assist-tabs-content .btn-success {
  align-items: center;
  background-color: #d6ffdb;
  border: none;
  border-radius: 12px;
  color: #00670f;
  display: flex;
  font-size: 10px;
  font-weight: 400;
  padding: 4px 8px 4px 4px
}

.claim-assist-tabs-content .btn-success>svg {
  height: 16px;
  margin-right: 5px;
  width: 16px
}

.claim-assist-tabs-content .btn-success>svg path {
  fill: #00670f
}

.claim-assist-tabs-content .btn-default {
  align-items: center;
  background-color: #eaecf0;
  border: none;
  border-radius: 18px;
  color: #475467;
  display: flex;
  font-size: 12px;
  justify-content: center;
  line-height: 12px;
  padding: 5px 10px
}

.claim-assist-tabs-content .btn-default:focus {
  background-color: #eaecf0;
  color: #475467
}

.claim-assist-tabs-content .btn-default>svg {
  height: auto;
  margin-left: 5px;
  width: 16px
}

.claim-assist-tabs-content .btn-default>svg path {
  fill: #667085
}

.claim-assist-tabs-content .btn-submit {
  background-color: #1e1379;
  border-color: #1e1379;
  border-radius: 20px;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-top: 15px;
  width: 100%
}

.claim-assist-tabs-content .btn-submit:hover {
  background-color: #ff6717;
  border-color: #ff6717;
  color: #000
}

.claim-assist-tabs-content .mb-12 {
  margin-bottom: 12px
}

.claim-assist-tabs-content>.form-wrapper {
  margin-top: 20px
}

.claim-assist-tabs-content>.form-wrapper .input-wrapper {
  margin-bottom: 12px
}

.claim-assist-tabs-content>.form-wrapper .input-wrapper .status {
  font-size: 12px;
  margin-left: 12px
}

.claim-assist-tabs-content>.form-wrapper .input-wrapper .status:before {
  height: 7px;
  left: -10px;
  top: 4px;
  width: 7px
}

.claim-assist-tabs-content>.form-wrapper .input-wrapper .form-control.isUsernameVerified {
  border-color: #3fde10
}

.claim-assist-tabs-content>.form-wrapper .input-wrapper .form-control.isUsernameNotVerified {
  border-color: red
}

.claim-assist-tabs-content>.form-wrapper .form-control {
  border: .5px solid #d0d5dd;
  border-radius: 4px;
  color: #667085;
  font-size: 12px
}

.claim-assist-tabs-content>.form-wrapper .form-control:focus {
  box-shadow: none;
  outline: none
}

.claim-assist-tabs-content>.form-wrapper textarea {
  resize: none
}

.claim-assist-tabs-content .close-btn {
  background-color: #0000;
  border: none;
  line-height: 0;
  padding: 0;
  position: absolute;
  right: 7px;
  top: 6px;
  z-index: 1
}

.claim-assist-tabs-content .close-btn span.rotate45 {
  display: inline-block;
  line-height: 0
}

.claim-assist-tabs-content .close-btn span.rotate45 svg {
  height: 18px;
  transform: rotate(45deg);
  width: 18px
}

.claim-assist-tabs-content .close-btn span.rotate45 svg path {
  fill: #ff0420
}

.claim-assist-tabs-content .input-wrapper,
.custom-tooltip {
  position: relative
}

.custom-tooltip-text {
  background-color: #101828;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .161);
  color: #fff;
  display: none;
  font-size: 12px;
  left: 50%;
  padding: 8px;
  position: absolute;
  top: -40px;
  transform: translateX(-50%);
  white-space: nowrap
}

.custom-tooltip-text-md {
  max-width: 150px;
  white-space: pre-wrap
}

.custom-tooltip-text-right {
  left: -8px;
  right: 0;
  text-align: left;
  top: -70px;
  width: 150px;
  z-index: 9
}

.custom-tooltip:hover .custom-tooltip-text {
  display: inline-block
}

.profile-grid {
  height: 100%;
  padding: 20px;
  width: 100%
}

.profile-grid .profile-card {
  align-items: center;
  background-color: #123990;
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  height: 193px;
  justify-content: center;
  margin: 12px 2px 0 22px;
  max-width: 304px;
  padding: 15px;
  position: relative;
  width: 100%;
  z-index: 1
}

.profile-grid .profile-card:before {
  background-color: #123990a6;
  border-radius: 20px;
  bottom: auto;
  content: "";
  height: 193px;
  left: -7px;
  padding: 15px;
  position: absolute;
  right: auto;
  top: -15px;
  transform: rotate(-5deg);
  transform-origin: bottom right;
  transition: all .3s ease-in-out;
  width: 304px;
  z-index: -1
}

.profile-grid .profile-card:hover:before {
  left: 0;
  top: 0;
  transform: rotate(0)
}

.profile-grid .profile-card-inner .icon-wrapper {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 60px;
  justify-content: center;
  margin: 0 auto 30px;
  width: 60px
}

.profile-grid .profile-card-inner .icon-wrapper>img {
  max-width: 100%
}

.profile-grid .profile-card-inner .profile-btn {
  align-items: center;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  font-size: 12px;
  padding: 6px 10px 6px 6px
}

.profile-grid .profile-card-inner .profile-btn>svg {
  height: 18px;
  margin-right: 5px;
  width: 18px
}

.profile-grid .profile-card-inner .profile-btn>svg path {
  fill: #fff
}

.profile-modal {
  background-color: #fff;
  border: none;
  border-radius: 20px;
  overflow: hidden
}

.profile-modal .account-form {
  box-shadow: none;
  display: flex;
  margin: 0;
  min-height: 500px;
  width: 100%
}

.profile-modal .account-form-body {
  align-items: center;
  display: flex;
  flex: 0 0 61.25%;
  height: 100%;
  max-width: 61.25%;
  min-height: 500px;
  padding: 0;
  width: 100%
}

.profile-modal .account-form-body>form {
  margin: 0 auto;
  max-width: 300px;
  width: 100%
}

.profile-modal .account-form-header {
  background-color: #123990;
  border-radius: 20px;
  flex: 0 0 38.75%;
  flex-direction: column;
  margin: 0;
  max-width: 38.75%;
  padding-top: 50px;
  width: 100%
}

.profile-modal .account-form-header .profile-icon .img-wrapper {
  background-color: #0000;
  height: 117px;
  width: 117px
}

.profile-modal .account-form-header .profile-icon .img-wrapper>img {
  height: 100%
}

.profile-modal .account-form-header .profile-icon .custom-browse-btn {
  height: 30px;
  width: 30px
}

.profile-modal .account-form-header .profile-icon .custom-browse-btn svg {
  height: 18px;
  width: 18px
}

.profile-modal .account-form-header .profile-info {
  margin-top: 20px;
  text-align: center
}

.profile-modal .account-form-header .profile-info h4 {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 10px
}

.profile-modal .account-form-header .profile-info h6 {
  color: #fff;
  font-size: 14px
}

.profile-modal .account-form-body {
  position: relative
}

.verify-wallet-block {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 10px auto 30px
}

.verify-wallet-block-text {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  margin: 0 15px
}

.verify-wallet-block-content .email-block {
  align-items: center;
  display: flex
}

.verify-wallet-block-content .email-block .form-control {
  border: .5px solid #d0d5dd;
  color: #667085;
  font-size: 12px
}

.verify-wallet-block-content .email-block .form-control:focus,
.verify-wallet-block-content .email-block .form-control:focus-visible {
  box-shadow: none;
  outline: none
}

.verify-wallet-block-content .email-block .btn-primary {
  background-color: #1e1379;
  border-color: #1e1379;
  border-radius: 6px;
  font-size: 12px;
  margin-left: 10px;
  white-space: nowrap
}

.verify-wallet-block-content .email-block.otp-block .form-control {
  max-width: calc(100% - 90px)
}

.verify-wallet-block-content .connect-wallets {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%
}

.verify-wallet-block-content .connect-wallets li {
  width: 100%
}

.verify-wallet-block-content .connect-wallets li a {
  display: block;
  padding: 40px 25px
}

.verify-wallet-block-content .connect-wallets li a:hover {
  background-color: #fff
}

.verify-wallet-block-content .connect-wallets li a .connect-wallet-content {
  display: inline-block;
  position: relative
}

.verify-wallet-block-content .connect-wallets li a .connect-wallet-content>img {
  margin-bottom: 20px;
  max-height: 50px
}

.verify-wallet-block-content .connect-wallets li a .connect-wallet-content span {
  display: block;
  line-height: 12px;
  min-height: 32px;
  text-align: center
}

.verify-wallet-block-content .connect-wallets li a .connect-wallet-content span>abbr {
  color: #000a29;
  font-size: 14px;
  line-height: 14px;
  padding: 0 0 4px
}

.verify-wallet-block-content .connect-wallets li a .connect-wallet-content.active:after {
  background-color: #3fde0f;
  border-radius: 50%;
  bottom: auto;
  content: "";
  height: 8px;
  left: auto;
  position: absolute;
  right: -12px;
  top: -10px;
  width: 8px
}

.verify-wallet-block-content .connect-wallets li a .connect-wallet-content.active>span {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 33px
}

.verify-wallet-block-content .connect-wallets li a .connect-wallet-content.active>span>abbr {
  border-bottom: 1px solid #000a29
}

.verify-wallet-block-wrap {
  margin: 10px auto auto;
  max-width: 60%;
  width: 100%
}

.verify-wallet-block-connect {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #0000000d;
  border-radius: 10px;
  margin: 25px auto;
  max-width: 320px;
  overflow: hidden;
  text-align: center;
  width: 100%
}

.verify-wallet-block-connect .connect-wallet-trigger {
  align-items: center;
  border-top: 1px solid #d3d3d3;
  display: block;
  display: flex;
  justify-content: space-between;
  padding: 15px
}

.verify-wallet-block-connect .connect-wallet-trigger h4 {
  background-color: #1e1379;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  margin: 0 auto;
  padding: 10px 15px
}

.verify-wallet-block-connect .connect-wallet-trigger h5 {
  color: #000;
  font-size: 14px;
  margin: 0 0 5px;
  text-align: left
}

.verify-wallet-block-connect .connect-wallet-trigger h6 {
  color: #98a2b3;
  font-size: 12px;
  margin: 0;
  text-align: left
}

.verify-wallet-block-connect .connect-wallet-trigger .wallet-conected svg path {
  fill: #3fde0f
}

.custom-modal {
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #0003;
  display: flex;
  left: 0;
  min-height: 100%;
  overflow-y: auto;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999
}

.custom-modal-popup {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 8px 24px #959da533;
  display: block;
  margin: 0 auto;
  max-width: 800px;
  position: relative;
  width: 100%;
  z-index: 2
}

.custom-modal-popup-close {
  position: absolute;
  right: 10px;
  top: 10px;
  transform: rotate(45deg);
  transition: all .3s ease-in-out;
  z-index: 2
}

.custom-modal-popup-close>svg path {
  fill: #8c8c8c
}

.custom-modal-popup-close:hover>svg path {
  fill: #ff0420
}

.custom-modal-popup .claim-section-modal {
  height: auto
}

.custom-modal-popup .claim-section-modal-content {
  min-height: 460px
}

.custom-modal-overlay {
  position: fixed;
  z-index: 1
}

.custom-modal-overlay,
.innerModal {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%
}

.innerModal {
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #00000012;
  border-radius: 15px 20px 20px 15px;
  bottom: auto;
  display: flex;
  justify-content: center;
  position: absolute;
  right: auto;
  z-index: 9999
}

.innerModal-content {
  background-color: #fff;
  border-radius: 4px;
  max-width: 520px;
  position: relative;
  width: 100%;
  z-index: 2
}

.innerModal-content-header {
  border-bottom: 1px solid #d0d5dd;
  min-height: 40px;
  padding: 10px 15px
}

.innerModal-content-body {
  padding: 10px 15px
}

.innerModal-backdrop {
  border-radius: 15px 20px 20px 15px;
  bottom: auto;
  height: 100%;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

.innerModal .custom-modal-popup-close svg>path {
  fill: #333
}

.innerModal .custom-modal-popup-close:hover svg>path {
  fill: #ff0420
}

.connect-wallet-horizontal {
  background-color: #eaecf0;
  border-radius: 16px;
  max-width: 260px;
  width: 100%
}

.connect-wallet-horizontal>ul.connect-wallet li {
  border-bottom: 1px solid #fff
}

.connect-wallet-horizontal>ul.connect-wallet li:last-child {
  border-bottom: none
}

.connect-wallet-horizontal>ul.connect-wallet li a {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 15px 25px 15px 30px
}

.connect-wallet-horizontal>ul.connect-wallet li a>.connect-wallet-img {
  height: 24px;
  position: relative;
  width: 24px
}

.connect-wallet-horizontal>ul.connect-wallet li a>.connect-wallet-img.active:after {
  background-color: #3fde0f;
  border-radius: 50%;
  bottom: auto;
  content: "";
  height: 5px;
  left: auto;
  position: absolute;
  right: -8px;
  top: -8px;
  width: 5px
}

.connect-wallet-horizontal>ul.connect-wallet li a>.connect-wallet-img img {
  max-width: 100%
}

.connect-wallet-horizontal>ul.connect-wallet li a>span {
  color: #101828;
  font-size: 12px
}

.connect-wallet-horizontal>ul.connect-wallet li .connected-block {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 15px 25px 15px 30px
}

.connect-wallet-horizontal>ul.connect-wallet li .connected-block-icon {
  line-height: 0
}

.connect-wallet-horizontal>ul.connect-wallet li .connected-block-icon>svg {
  height: 21px;
  width: 21px
}

.connect-wallet-horizontal>ul.connect-wallet li .connected-block-icon>svg path {
  fill: #3fde0f
}

.connect-wallet-horizontal>ul.connect-wallet li .connected-block-content h4 {
  color: #0f1828;
  font-size: 12px;
  font-weight: 500;
  margin: 0
}

.connect-wallet-horizontal>ul.connect-wallet li .connected-block-content h6 {
  color: #667085;
  font-size: 8px;
  font-weight: 500;
  margin: 0
}

.confirm-refral-block {
  margin-bottom: 22px;
  max-height: 340px;
  max-width: 500px;
  overflow-y: auto;
  padding-right: 15px;
  width: 100%
}

.confirm-refral-block>ul {
  width: 100%
}

.confirm-refral-block>ul li {
  align-items: center;
  border-bottom: 1px solid #e4e8ec;
  display: flex;
  justify-content: space-between;
  padding: 7px 0
}

.confirm-refral-block>ul li:first-child {
  border-top: 1px solid #e4e8ec
}

.confirm-refral-block>ul li>.amount,
.confirm-refral-block>ul li>.ref {
  color: #1d2939;
  font-size: 10px;
  padding-right: 10px
}

.confirm-refral-block>ul li>.ref {
  flex: 0 0 170px;
  max-width: 170px
}

.confirm-refral-block>ul li>.amount {
  flex: 0 0 100px;
  max-width: 100px
}

.confirm-refral-block>ul li>.action {
  flex: 0 0 110px;
  max-width: 110px;
  padding-left: 10px
}

.confirm-refral-block>ul li>.action .btn {
  border-radius: 6px;
  font-size: 10px;
  min-width: 100px;
  padding: 3.5px 10px
}

.confirm-refral-block>ul li>.action .btn-assistance {
  background-color: #0000;
  border-color: #1e1379;
  color: #0c111d
}

.confirm-refral-block>ul li>.action .btn-assistance.active,
.confirm-refral-block>ul li>.action .btn-assistance:hover {
  border-color: #ffa601
}

.confirm-refral-block>ul li>.action .btn-claim {
  background-color: #1e1379;
  border-color: #1e1379;
  color: #fff
}

.confirm-refral-block>ul li>.action .has-hover:hover {
  background-color: #ff6717;
  border-color: #ff6717
}

.confirm-refral-block>ul li>span .claimed {
  color: #0c111d;
  display: block;
  font-size: 10px;
  text-align: right
}

.confirm-refral-block>ul li>span .claimed svg {
  height: 12px;
  width: 12px
}

.confirm-refral-block>ul li>span .claimed svg path {
  fill: #3fde0f
}

.confirm-refral-block>ul li>.input-field {
  flex: 0 0 110px;
  max-width: 110px;
  padding-left: 10px
}

.confirm-refral-block>ul li>.input-field .form-control {
  font-size: 10px;
  line-height: 10px;
  padding: 5px 10px
}

.confirm-refral-block>ul li>.input-field .form-control:focus {
  border-color: initial;
  box-shadow: none;
  outline: none
}

.email-refral-block {
  margin: 0 auto auto;
  max-width: 325px;
  width: 100%
}

.email-refral-block .otp-section {
  margin-bottom: 25px
}

.email-refral-block .otp-section h4 {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px
}

.email-refral-block .otp-section-field {
  align-items: center;
  display: flex;
  justify-content: center
}

.email-refral-block .otp-section-field>.form-control {
  border: 1px solid #fff;
  color: #0c111d;
  font-size: 18px;
  font-weight: 600;
  margin: 0 2px;
  padding: 5px;
  text-align: center;
  width: 37px
}

.email-refral-block .otp-section-field>.form-control:focus {
  border-color: #1e1379;
  box-shadow: none;
  outline: none
}

.email-refral-block .otp-section-field>.form-control.active {
  border-color: #1e1379
}

.email-refral-block .input-field {
  margin-bottom: 12px
}

.email-refral-block .input-field input {
  border: 1px solid #eaecf0;
  border-radius: 3px;
  color: #667085;
  font-size: 12px;
  height: 38px
}

.email-refral-block .input-field input:focus {
  box-shadow: none
}

.email-refral-block .email-referal-code-dropdown {
  padding-bottom: 12px
}

.email-refral-block .email-referal-code-dropdown>.btn {
  align-items: center;
  background-color: #f2f4f7;
  border: .5px solid #d0d5dd;
  border-radius: 3px;
  color: #1d2939;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  height: 36px;
  justify-content: space-between;
  margin: 0;
  text-align: left
}

.email-refral-block .email-referal-code-dropdown>.btn .arrow {
  border: solid #000;
  border-width: 0 1px 1px 0;
  display: inline-block;
  margin-top: -3px;
  padding: 3px
}

.email-refral-block .email-referal-code-dropdown>.btn:after {
  display: none
}

.email-refral-block .email-referal-code-dropdown>.btn.active .icon-wrapper {
  display: inline-block;
  margin: 0 10px 0 auto
}

.email-refral-block .email-referal-code-dropdown>.btn.active .icon-wrapper svg {
  height: 12px;
  width: 12px
}

.email-refral-block .email-referal-code-dropdown>.btn.active .icon-wrapper svg path {
  fill: #3fde0f
}

.email-refral-block .email-referal-code-dropdown .dropdown-menu {
  background-color: #f2f4f7;
  border: .5px solid #d0d5dd;
  border-radius: 3px;
  border-top: none;
  top: -7px !important;
  width: 100%
}

.email-refral-block .email-referal-code-dropdown .dropdown-menu li {
  color: #1d2939;
  cursor: pointer;
  font-size: 10px;
  padding: 2px 13px
}

.email-refral-block .email-referal-code-dropdown .dropdown-menu li.active .icon-wrapper {
  display: inline-block;
  margin-left: auto
}

.email-refral-block .email-referal-code-dropdown .dropdown-menu li.active .icon-wrapper svg {
  height: 12px;
  width: 12px
}

.email-refral-block .email-referal-code-dropdown .dropdown-menu li.active .icon-wrapper svg path {
  fill: #3fde0f
}

.email-refral-block .email-referal-code-dropdown .icon-wrapper {
  display: inline-block
}

.email-refral-block .email-referal-code-dropdown .icon-wrapper svg {
  height: 12px;
  width: 12px
}

.email-refral-block .email-referal-code-dropdown .icon-wrapper svg path {
  fill: #d0d5dd
}

.email-refral-block .add-emailbtn-wrapper {
  margin-bottom: 12px
}

.email-refral-block .add-emailbtn-wrapper .btn {
  background-color: #fff;
  border: .5px solid #d0d5dd;
  border-radius: 3px;
  color: #667085;
  display: block;
  font-size: 12px;
  height: 38px;
  text-align: left;
  width: 100%
}

.email-refral-block .add-emailbtn-wrapper .btn>svg {
  height: 18px;
  margin-right: 10px;
  vertical-align: bottom;
  width: 18px
}

.email-refral-block .add-emailbtn-wrapper .btn>svg path {
  fill: #3fde0f
}

.email-refral-block-btns {
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px
}

.email-refral-block-btns>li {
  text-align: center;
  width: 100%
}

.email-refral-block-btns>li .btn {
  width: 180px
}

.claim-storage {
  background-color: #f4f5ff;
  border-radius: 0 15px 15px 0;
  height: 100%;
  overflow-y: auto;
  position: relative
}

.claim-storage .session-storage {
  border-top: 1px solid #eaecf0;
  padding: 24px
}

.claim-storage .session-storage .title {
  margin-bottom: 20px
}

.claim-storage .session-storage .title h6 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

.claim-storage .session-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 26px
}

.claim-storage .session-card {
  max-width: 250px;
  width: 100%
}

.claim-storage .session-card .colored {
  background: #ffa601;
  border-radius: 20px 20px 0 0;
  color: #fff;
  padding: 20px
}

.claim-storage .session-card .colored.green {
  background: #229100
}

.claim-storage .session-card svg {
  height: 32px;
  margin-top: 12px;
  width: 32px
}

.claim-storage .session-card .navigational {
  background: #f2f4f7;
  border-radius: 0 0 12px 12px;
  padding: 8px 16px
}

.claim-storage .session-card .navigational ul {
  display: flex;
  justify-content: flex-end
}

.claim-storage .session-card .navigational ul li {
  padding: 0 6px
}

.claim-storage .session-card .navigational ul li a {
  color: #000;
  font-size: 10px;
  font-weight: 600
}

.claim-storage .session-card .navigational ul li a.completed {
  color: #98a2b3;
  font-weight: 400
}

.claim-storage .session-content p {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase
}

.claim-storage .session-content p span {
  font-size: 12px;
  font-weight: 300;
  padding-left: 8px;
  text-transform: capitalize
}

.claim-storage .session-content span {
  font-size: 10px;
  font-weight: 600
}

.claim-storage .session-content span span {
  font-weight: 400
}

.claim-storage .custom-modal {
  z-index: 99 !important
}

.claim-section {
  height: auto
}

.bottom40Spacer {
  margin-bottom: 20px;
  margin-top: 20px
}

.bottom40Spacer .stepper-button-outline {
  height: 40px
}

.claim-section-referal-modal {
  min-height: 387px !important
}

.claim-confirmation-modal .title {
  color: #1d2939;
  font-size: 12px;
  margin: 0
}

.claim-confirmation-modal .title>span {
  display: inline-block;
  margin-left: 20px
}

.claim-confirmation-modal .btn-primary {
  border-radius: 6px;
  font-size: 10px;
  line-height: 10px;
  min-width: 98px;
  padding: 7px 15px
}

.claim-confirmation-modal .btn-primary:disabled,
.claim-confirmation-modal .btn-primary:focus,
.claim-confirmation-modal .btn-primary:hover {
  background-color: #ff6717;
  border-color: #ff6717
}

.claim-confirmation-modal .btn-primary:disabled {
  opacity: .7
}

.claim-confirmation-modal .input-group {
  margin-bottom: 15px;
  max-width: 380px
}

.claim-confirmation-modal .input-group input {
  background-color: #f9fafb;
  border: .5px solid #d0d5dd;
  border-radius: 3px;
  color: #98a2b3;
  font-size: 12px;
  min-height: 38px
}

.claim-confirmation-modal .input-group input:focus {
  box-shadow: none;
  outline: none
}

.portfolioNew {
  background-color: #f4f5ff;
  border-radius: 0 16px 16px 0;
  color: #1e1479;
  height: 100%;
  overflow: hidden;
  width: 100%
}

.portfolioNew-header {
  background-color: #fff;
  padding: 12px 10px 0 25px
}

.portfolioNew-header+div>div>div {
  overflow: hidden !important
}

.portfolioNew-header-nav .nav {
  border: none
}

.portfolioNew-header-nav .nav.nav-tabs .nav-item .nav-link {
  border: none;
  border-bottom: 3px solid #0000;
  color: #667085;
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  margin-right: 10px;
  padding: 5px 5px 10px
}

.portfolioNew-header-nav .nav.nav-tabs .nav-item .nav-link.active {
  background-color: #0000;
  border-bottom: 3px solid #ff6616;
  color: #000;
  font-weight: 500
}

.portfolioNew-header .btn-x-connect {
  background-color: #efefef;
  border-radius: 25px;
  color: #101828;
  font-size: 12px;
  font-weight: 700;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 4px;
  padding: 4px 15px
}

.portfolioNew-header .btn-x-connect img {
  margin-right: 4px;
  width: 14px
}

.portfolioNew-stats {
  align-items: start;
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 25px 30px
}

.portfolioNew-stats .left {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.portfolioNew-stats .left .icon-wrapper {
  align-items: center;
  background-color: #f2f4f7;
  border-radius: 12px;
  display: flex;
  height: 58px;
  justify-content: center;
  margin-right: 10px;
  padding: 10px;
  width: 58px
}

.portfolioNew-stats .left .icon-wrapper.stake {
  background-color: #fff
}

.portfolioNew-stats .left .icon-wrapper.referal-rewards {
  background-color: #ffa601
}

.portfolioNew-stats .left .icon-wrapper.claim {
  background-color: #7f56d9
}

.portfolioNew-stats .left .icon-wrapper.nft {
  background-color: #3b7144
}

.portfolioNew-stats .left .icon-wrapper.launchpad {
  background-color: #eabe2e
}

.portfolioNew-stats .left .icon-wrapper>img {
  width: 100%
}

.portfolioNew-stats .left .icon-wrapper>svg {
  height: 15px;
  width: 15px
}

.portfolioNew-stats .left .icon-wrapper>svg path {
  fill: #000
}

.portfolioNew-stats .left p {
  color: #1d2939;
  font-size: 14px;
  line-height: 24px;
  margin: 0
}

.portfolioNew-stats .left a {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin-left: 10px;
  text-decoration: underline
}

.portfolioNew-stats .left a:hover {
  color: #ff6717
}

.portfolioNew-stats .left h3 {
  color: #000;
  font-size: 28px;
  line-height: 34px;
  margin: 0
}

.portfolioNew-stats .left h3>span {
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px
}

.portfolioNew-stats .left .rewards-status {
  background-color: #d6ffdb;
  border-radius: 12px;
  color: #00670f;
  display: inline-block;
  font-size: 10px;
  margin-left: 10px;
  padding: 4px 12px;
  position: relative
}

.portfolioNew-stats .left .rewards-status:before {
  border-bottom: 8px solid #00670f;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  content: "";
  display: inline-block;
  height: 0;
  line-height: 0;
  margin-right: 3px;
  width: 0
}

.portfolioNew-stats .right {
  align-items: end;
  display: flex;
  flex-direction: column
}

.portfolioNew-stats .right .btn-filter {
  align-items: center;
  background-color: #1e1379;
  border: 2px solid #0000;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  justify-content: flex-start;
  min-width: 100px;
  padding: 8px;
  width: auto
}

.portfolioNew-stats .right .btn-filter span {
  font-size: 16px
}

.portfolioNew-stats .right .btn-filter:hover {
  border-color: #1e1379
}

.portfolioNew-stats .right .btn-filter>svg {
  margin-right: 15px
}

.portfolioNew-stats .right .btn-filter>span {
  color: #fff;
  font-size: 14px;
  line-height: 16px
}

.portfolioNew-stats .right .btn-filter>span>b {
  display: block
}

.portfolioNew-stats .right-subTabs {
  background-color: #e4e5f7;
  border: 2px solid #e4e5f7;
  border-radius: 18px;
  display: inline-flex;
  justify-content: center;
  margin: 15px 0 0
}

.portfolioNew-stats .right-subTabs li {
  display: inline-block
}

.portfolioNew-stats .right-subTabs li .btn {
  text-wrap: nowrap;
  border: none;
  border-radius: 34px;
  color: #000;
  font-size: 12px;
  height: 30px;
  padding: 4px 15px;
  text-align: center
}

.portfolioNew-stats .right-subTabs li .btn.active {
  background-color: #fff;
  border: #dcdcdc
}

.portfolioNew-stats .right-subTabs li .btn.active .icon-space {
  display: inline-block
}

.portfolioNew-stats .right-subTabs li .btn.active .icon-space.dark {
  display: none
}

.portfolioNew-stats .right-subTabs li .btn:focus {
  outline: none
}

.portfolioNew-body {
  height: 100%
}

.portfolioNew-body-subTabs {
  background-color: #f9fafb;
  border: 1px solid #ff6616;
  border-radius: 34px;
  display: inline-flex;
  justify-content: center;
  margin: 30px 30px 15px
}

.portfolioNew-body-subTabs li {
  display: inline-block
}

.portfolioNew-body-subTabs li .btn {
  text-wrap: nowrap;
  border: none;
  border-radius: 34px;
  color: #000;
  font-size: 12px;
  height: 28px;
  padding: 5px 20px;
  text-align: center
}

.portfolioNew-body-subTabs li .btn.active {
  background-color: #ff6616;
  border: #dcdcdc;
  color: #fff
}

.portfolioNew-body-subTabs li .btn.active .icon-space {
  display: inline-block
}

.portfolioNew-body-subTabs li .btn.active .icon-space.dark {
  display: none
}

.portfolioNew-body-subTabs li .btn:focus {
  outline: none
}

.portfolioNew-body-centered {
  border-radius: 24px 24px 16px 0;
  margin: auto;
  max-width: 1090px;
  padding: 30px 30px 0;
  width: 100%
}

.portfolioNew-body-centered .net-worth {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px
}

.portfolioNew-body-centered .net-worth h6 {
  color: #000;
  font-size: 11px;
  font-weight: 400;
  margin: 0 0 15px
}

.portfolioNew-body-centered .net-worth h3 {
  color: #000;
  font-size: 35px;
  line-height: 35px;
  margin: 15px 0 0
}

.portfolioNew-body-centered .net-worth h3>span {
  font-size: 14px
}

.portfolioNew-body-centered .net-worth-list {
  grid-gap: 12px;
  display: grid;
  grid-template-columns: repeat(3, 1fr)
}

.portfolioNew-body-centered .net-worth-list .item {
  background-color: #e4e5f7;
  border-radius: 6px;
  height: 84px;
  min-width: 200px;
  padding: 15px 23px
}

.portfolioNew-body-centered .net-worth-list .item label {
  font-size: 12px;
  line-height: 12px
}

.portfolioNew-body-centered .net-worth-list .item h5 {
  font-size: 22px;
  line-height: 30px
}

.portfolioNew-body-centered .flex-fill {
  flex: 50% 1 !important
}

.portfolioNew-body-centered-card {
  background-color: #fff;
  border-radius: 12px;
  color: #1d2939;
  font-size: 12px;
  height: calc(100% - 15px);
  margin-bottom: 15px;
  min-height: 200px;
  padding: 18px
}

.portfolioNew-body-centered-card h6 {
  color: #1e1479;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0
}

.portfolioNew-body-centered-card .donut-chart {
  align-items: center;
  background-color: #0000;
  background-image: conic-gradient(#436bed 0 20%, #9f43ed 20% 30%, #43bfed 30% 42%, #ff6616 42% 100%);
  border-radius: 50%;
  display: flex;
  height: 173px;
  justify-content: center;
  margin: 30px 0;
  position: relative;
  width: 173px
}

.portfolioNew-body-centered-card .donut-chart:before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 125px;
  position: absolute;
  width: 125px
}

.portfolioNew-body-centered-card .allocation {
  display: flex;
  flex-direction: column;
  margin: 30px 0 0
}

.portfolioNew-body-centered-card .allocation .entry {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px
}

.portfolioNew-body-centered-card .allocation .entry .left {
  min-width: 120px
}

.portfolioNew-body-centered-card .allocation .entry img {
  margin-right: 10px;
  width: 24px
}

.portfolioNew-body .table-wrapper {
  background-color: #fff;
  border: none;
  height: 100%;
  margin-bottom: 30px;
  padding-bottom: 0
}

.portfolioNew-body .table-wrapper.rounded {
  border-radius: 15px
}

.portfolioNew-body .table-wrapper thead tr th {
  word-wrap: break-word;
  background-color: #e4e5f7;
  border-bottom: 1px solid #d0d5dd;
  color: #000;
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  padding: 14px 10px;
  vertical-align: middle;
  white-space: nowrap
}

.portfolioNew-body .table-wrapper thead tr th:first-child {
  padding-left: 24px;
  text-align: start
}

.portfolioNew-body .table-wrapper thead tr th:last-child {
  padding-right: 24px
}

.portfolioNew-body .table-wrapper thead tr th span {
  position: relative
}

.portfolioNew-body .table-wrapper thead tr th span .info-icon {
  cursor: pointer;
  display: inline;
  margin-left: auto;
  position: absolute;
  right: -15px;
  top: -4px
}

.portfolioNew-body .table-wrapper thead tr th span .info-icon>svg {
  height: 12px;
  width: 12px
}

.portfolioNew-body .table-wrapper tbody tr td {
  border-bottom: .5px solid #d0d5dd;
  color: #344054;
  font-size: 14px;
  font-weight: 400;
  padding: 13px 10px;
  vertical-align: middle;
  white-space: nowrap
}

.portfolioNew-body .table-wrapper tbody tr td span img {
  height: 20px;
  margin-right: 10px;
  width: 20px
}

.portfolioNew-body .table-wrapper tbody tr td .img-linl-info {
  margin-left: 10px;
  position: relative
}

.portfolioNew-body .table-wrapper tbody tr td .img-linl-info a {
  color: #98a2b3;
  font-size: 10px;
  text-decoration: underline
}

.portfolioNew-body .table-wrapper tbody tr td .img-linl-info a.td-link {
  color: #344054;
  font-size: 12px
}

.portfolioNew-body .table-wrapper tbody tr td .img-linl-info svg {
  height: 10px;
  position: absolute;
  right: -13px;
  top: -4px;
  width: 10px
}

.portfolioNew-body .table-wrapper tbody tr td:first-child {
  padding-left: 20px;
  text-align: start
}

.portfolioNew-body .table-wrapper tbody tr td:last-child {
  padding-right: 20px
}

.portfolioNew-body .table-wrapper tbody tr.active td,
.portfolioNew-body .table-wrapper tbody tr:hover td {
  background-color: #f4f5ff
}

.portfolioNew-body .table-wrapper.tb-tran thead tr th {
  text-align: start
}

.portfolioNew-body .table-wrapper.tb-tran tbody tr td {
  font-size: 12px;
  font-weight: 400;
  text-align: start
}

.portfolioNew-body .table-wrapper.tb-tran tbody tr td.text-muted {
  color: #667085
}

.portfolioNew-body .table-wrapper.tb-tran tbody tr td.text-green {
  color: #229100;
  font-weight: 500
}

.portfolioNew-body .table-wrapper .btn-custom-border {
  border: 1px solid #ff6616;
  border-radius: 30px;
  font-size: 12px;
  margin-left: 15px;
  padding: 2px 15px
}

.portfolioNew-body .table-wrapper .btn-custom-border:focus,
.portfolioNew-body .table-wrapper .btn-custom-border:hover {
  background-color: #ff6616;
  color: #fff
}

.portfolioNew-body .table-wrapper .btn-custom-border:disabled {
  border: none;
  color: #98a2b3;
  cursor: not-allowed
}

.portfolioNew-body .project-name {
  align-items: center;
  border-radius: 5px;
  color: #0c111d;
  display: inline-flex;
  font-size: 12px;
  height: 28px;
  justify-content: center;
  min-width: 64px;
  padding: 2px 10px
}

.portfolioNew-body .project-name.username {
  background-color: #ffccd2
}

.portfolioNew-body .project-name.provotar {
  background-color: #eaeefc
}

.portfolioNew-body .project-name.governance {
  background-color: #eedbfa
}

.portfolioNew-body .project-name-wrapper {
  border-radius: 5px;
  height: 28px;
  padding: 5px 6px;
  width: 28px
}

.portfolioNew-body .project-name-wrapper span img {
  height: 16px !important;
  width: 16px !important
}

.portfolioNew-body .project-name-wrapper.username {
  background-color: #ffccd2
}

.portfolioNew-body .project-name-wrapper.provotar {
  background-color: #eaeefc
}

.portfolioNew-body .project-name-wrapper.governance {
  background-color: #eedbfa
}

.portfolioNew-body .transfer-link {
  color: #98a2b3;
  font-size: 10px;
  text-decoration: underline
}

.portfolioNew-body .transfer-link.not {
  color: red
}

.portfolioNew-body .airdrop-status {
  border-radius: 30px;
  color: #fff;
  font-size: 10px;
  margin: 0 10px;
  padding: 5px;
  text-align: center
}

.portfolioNew-body .airdrop-status.closed {
  background-color: #eaecf0;
  color: #344054
}

.portfolioNew-body .airdrop-status.active {
  background-color: #229100
}

.portfolioNew-body .airdrop-status.upcoming {
  background-color: #ff6616
}

.portfolioNew-body .tier {
  align-items: center;
  border-radius: 5px;
  color: #000;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  height: 28px;
  justify-content: center;
  min-width: 64px;
  padding: 0 10px
}

.portfolioNew-body .tier.gold {
  background-color: #eabe2e
}

.portfolioNew-body .tier.platinum {
  background-color: #e5e4e2
}

.portfolioNew-body .tier.silver {
  background-color: silver
}

.portfolioNew-body .tier.bronze {
  background-color: #cd7f32
}

.portfolioNew .balance-meter {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 81px;
  width: 210px
}

.portfolioNew .balance-meter .left {
  align-items: start;
  background-color: #fff;
  border-radius: 8px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 20px;
  width: 55%
}

.portfolioNew .balance-meter .left h1 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin: 0
}

.portfolioNew .balance-meter .left h1 img {
  margin-left: 5px;
  width: 20px
}

.portfolioNew .balance-meter .right {
  align-items: center;
  background-color: #48ac0a;
  border-radius: 0 8px 0 0;
  color: #bfff98;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 45%
}

.portfolioNew .balance-meter .right h1 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  margin: 0
}

.portfolioNew .balance-meter .right h2 {
  display: none;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  margin: 0
}

.portfolioNew .balance-meter .right small {
  font-size: 10px
}

.portfolioNew .balance-meter .right:hover h1 {
  display: none
}

.portfolioNew .balance-meter .right:hover h2 {
  display: block
}

.portfolioNew .balance-meter .right:hover small {
  display: none
}

.portfolioNew .balance-meter .right:hover {
  background-color: #ff6616;
  color: #fff
}

.portfolioNew .balance-meter .bottom {
  background-color: #1e1379;
  border-radius: 0 0 8px 8px;
  color: #fff;
  font-size: 14px;
  height: 36px;
  line-height: 26px;
  text-align: center
}

.portfolioNew .rewards-card {
  align-items: start;
  background: url(/static/media/card-gradient.3be37a48e22a513d6b90.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  color: #fff;
  display: flex;
  gap: 10px;
  padding: 10px;
  width: 160px
}

.portfolioNew .rewards-card .icon-re-wrapper {
  background-color: #fff;
  border-radius: 20px;
  padding: 3px 4px
}

.portfolioNew .rewards-card p {
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  margin: 0
}

.portfolioNew .rewards-card h1 {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 39px;
  margin: 0
}

.portfolioNew .gaming-card {
  align-items: start;
  background: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid #d6b1ff;
  border-radius: 12px;
  color: #881dff;
  display: flex;
  gap: 10px;
  padding: 15px 10px;
  width: 160px
}

.portfolioNew .gaming-card .icon-wrapper {
  background-color: #fff;
  border-radius: 20px;
  padding: 3px 4px
}

.portfolioNew .gaming-card p {
  font-size: 12px;
  line-height: 22px;
  margin: 0
}

.portfolioNew .gaming-card span {
  background-color: #f2f2f2;
  border-radius: 5px;
  display: block;
  font-size: 10px;
  margin-top: 5px;
  padding: 1px 10px 1px 5px
}

.portfolioNew .balancer-pool-cards {
  display: flex;
  margin-bottom: 30px
}

.portfolioNew .balancer-pool-cards li {
  margin-right: 15px;
  width: 250px
}

.portfolioNew .balancer-pool-cards .balancer-pool-card {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .078);
  padding: 20px 25px;
  position: relative;
  word-break: break-word;
  z-index: 9
}

.portfolioNew .balancer-pool-cards .balancer-pool-card h4 {
  font-size: 14px
}

.portfolioNew .balancer-pool-cards .balancer-pool-card h4>img,
.portfolioNew .balancer-pool-cards .balancer-pool-card h4>svg {
  margin-right: 6px;
  max-width: 20px
}

.portfolioNew .balancer-pool-cards .balancer-pool-card h5 {
  font-size: 24px;
  font-weight: 700
}

.portfolioNew .balancer-pool-cards .balancer-pool-card h6 {
  color: #a3a3a3;
  font-size: 14px;
  margin: 0
}

.portfolioNew .balancer-pool-cards .you-will-receive {
  align-items: center;
  background: #fbfbcf;
  border: 1px solid #f5f531;
  border-radius: 10px;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -13px;
  padding: 16px 8px 4px;
  position: absolute;
  width: 100%
}

.portfolioNew .scrollThumbVertical {
  height: auto !important
}

.portfolio-pill {
  align-items: center;
  border-radius: 5px;
  display: inline-flex;
  font-size: 12px;
  height: 26px;
  min-width: 120px;
  padding: 5px 8px
}

.portfolio-pill.foundation {
  background-color: #eaeefc;
  color: #5773e7
}

.portfolio-pill.partner {
  background-color: #ffe6c9;
  color: #ff6616
}

.portfolio-pill.app {
  background-color: #eedbfa;
  color: #8d0fdd
}

.core-steps {
  align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: start;
  margin: 30px 30px 15px
}

.core-steps b {
  font-size: 14px;
  font-weight: 600
}

.core-steps b a {
  color: #ff6616;
  font-size: 12px;
  font-weight: 400;
  margin-left: 5px;
  text-decoration: underline
}

.core-steps-subTabs {
  background-color: #e4e5f7;
  border: 2px solid #e4e5f7;
  border-radius: 18px;
  justify-content: center;
  margin: 10px 0 0 !important
}

.core-steps-subTabs li {
  display: inline-block;
  margin-bottom: 0 !important
}

.core-steps-subTabs li .btn {
  font-size: 12px !important;
  font-weight: 600;
  line-height: 23px
}

.core-steps-subTabs li .btn span {
  font-weight: 400
}

.core-steps-subTabs li .btn {
  text-wrap: nowrap;
  background-color: #e4e5f7 !important;
  border: none;
  border-radius: 34px;
  color: #000 !important;
  height: 32px;
  margin-bottom: 0 !important;
  padding: 5px 15px;
  text-align: center
}

.core-steps-subTabs li .btn.line-through {
  text-decoration: line-through
}

.core-steps-subTabs li .btn svg {
  height: 15px;
  margin-right: 5px;
  width: 15px
}

.core-steps-subTabs li .btn svg path {
  stroke: #000
}

.core-steps-subTabs li .btn.disabled {
  cursor: not-allowed
}

.core-steps-subTabs li .btn.active {
  background-color: #fff !important;
  color: #000;
  font-weight: 600
}

.core-steps-subTabs li .btn:focus {
  outline: none
}

.core-steps .step-tooltip-target {
  margin-left: 10px;
  position: relative;
  top: -1px
}

.core-steps .step-tooltip-target svg {
  height: 13px !important;
  width: 13px !important
}

.core-steps.flexContentBetween {
  align-items: center;
  flex-direction: row;
  justify-content: space-between
}

.connectText {
  color: #f44336;
  font-size: 18px;
  font-weight: 700
}

.step-tooltip-content .react-tooltip-lite {
  background-color: #000;
  border-radius: 5px;
  padding: 16px 20px !important
}

.step-tooltip-content.step-1 .react-tooltip-lite {
  width: 380px !important
}

.step-tooltip-content.step-2 .react-tooltip-lite {
  width: 330px !important
}

.step-tooltip-content.step-3 .react-tooltip-lite {
  width: 600px !important
}

.step-tooltip-content h6 {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0
}

.step-tooltip-content ul {
  margin-top: 15px
}

.step-tooltip-content ul li {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 8px
}

.step-tooltip-content ul li b {
  font-weight: 600
}

.step-tooltip-content ul li b,
.step-tooltip-content ul small {
  color: #fff;
  font-size: 12px;
  line-height: 18px
}

.step-tooltip-content ul :last-child {
  margin-bottom: 0
}

.gardientWhite_bg {
  -webkit-backdrop-filter: blur(33px);
  backdrop-filter: blur(33px);
  background-color: #ffffffb3
}

.xperkStaking {
  border-radius: 20px;
  margin: 0 auto;
  max-width: 1110px;
  padding: 15px 45px;
  width: 100%
}

.xperkStaking_title {
  color: #707070;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  margin: 0 0 30px;
  text-align: center
}

.xperkStaking_body {
  column-gap: 30px;
  display: flex
}

.xperkStaking_body-left {
  flex: 0 0 39.37%;
  max-width: 39.37%;
  width: 100%
}

.xperkStaking_body-left .balance_block {
  background-color: #fff3;
  border-radius: 25px 25px 15px 15px;
  margin-bottom: 10px;
  padding: 15px
}

.xperkStaking_body-left .balance_block-top {
  align-items: center;
  background-color: #fff;
  border-radius: 25px;
  color: #383838;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  margin-bottom: 5px;
  padding: 10px 15px
}

.xperkStaking_body-left .balance_block-top>span {
  align-items: center;
  display: flex
}

.xperkStaking_body-left .balance_block-top>span img {
  display: inline-block;
  margin-right: 5px;
  max-height: 20px;
  max-width: 20px;
  vertical-align: middle
}

.xperkStaking_body-left .balance_block-bottom .form-control {
  background-color: #0000;
  border: none;
  color: #383838;
  font-size: 32px;
  line-height: 32px;
  padding: 0
}

.xperkStaking_body-left .balance_block-bottom .form-control::placeholder {
  color: #383838
}

.xperkStaking_body-left .balance_block-bottom .form-control:focus {
  box-shadow: none;
  outline: none
}

.xperkStaking_body-left .balance_block-bottom>span {
  color: #383838;
  font-size: 10px;
  font-weight: 500
}

.xperkStaking_body-left .congrats-section {
  background-color: #fff3;
  border-radius: 15px;
  max-width: 154px;
  padding: 15px 10px;
  width: 100%
}

.xperkStaking_body-left .congrats-section h6 {
  color: #383838;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 18px
}

.xperkStaking_body-left .congrats-section .qty-dropdown-wrapper {
  margin-bottom: 10px;
  width: 100%
}

.xperkStaking_body-left .congrats-section .qty-dropdown-wrapper abbr {
  color: #383838;
  display: block;
  font-size: 10px;
  margin-bottom: 12px;
  width: 100%
}

.xperkStaking_body-left .congrats-section .qty-dropdown-wrapper .qty-dropdown {
  display: inline-block;
  position: relative
}

.xperkStaking_body-left .congrats-section .qty-dropdown-wrapper .qty-dropdown .btn {
  font-size: 8px;
  min-height: 27px
}

.xperkStaking_body-left .congrats-section .qty-dropdown-wrapper .qty-dropdown .btn>.arrow {
  border-width: 0 1px 1px 0;
  margin: 0 0 0 4px;
  padding: 2.5px
}

.xperkStaking_body-left .congrats-section .qty-dropdown-wrapper .qty-dropdown ul.dropdown-menu {
  min-width: auto;
  padding: 0;
  width: 88px
}

.xperkStaking_body-left .congrats-section .qty-dropdown-wrapper .qty-dropdown ul.dropdown-menu li a {
  font-size: 10px;
  line-height: 10px;
  padding: 5px
}

.xperkStaking_body-left .xperkStaking-details {
  background-color: #fff3;
  border-radius: 15px 15px 25px 25px;
  max-width: 57.75%;
  padding: 22px 15px;
  width: 100%
}

.xperkStaking_body-left .xperkStaking-details>ul li {
  line-height: 14px;
  margin-bottom: 10px
}

.xperkStaking_body-left .xperkStaking-details>ul li:first-child,
.xperkStaking_body-left .xperkStaking-details>ul li:nth-child(2) {
  display: inline-block;
  width: auto
}

.xperkStaking_body-left .xperkStaking-details>ul li span {
  color: #383838;
  font-size: 10px
}

.xperkStaking_body-left .xperkStaking-details>ul li abbr {
  color: #a8a6a6;
  display: block;
  font-size: 10px
}

.xperkStaking_body-left .xperkStaking-details-top {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.xperkStaking_body-left .xperkStaking-details-top li:first-child {
  padding-right: 10px
}

.xperkStaking_body-left .xperkStaking-details .add-stake-btn {
  box-shadow: 0 0 6px rgba(29, 19, 119, .302);
  color: #fff;
  font-size: 10px;
  margin-top: 25px
}

.xperkStaking_body-left .xperkStaking-details .add-stake-btn:focus,
.xperkStaking_body-left .xperkStaking-details .add-stake-btn:hover {
  background-color: #ff6717;
  border-color: #ff6717
}

.xperkStaking_body-right {
  flex: 0 0 57.82%;
  max-width: 57.82%;
  width: 100%
}

.xperkStaking_footer {
  color: #707070;
  font-size: 10px;
  line-height: 12px;
  padding: 30px 20px
}

.xperkStaking_table .table-wrapper {
  background-color: #fff;
  border-radius: 15px;
  padding-top: 10px
}

.xperkStaking_table .table-wrapper tr>td,
.xperkStaking_table .table-wrapper tr>th {
  border: none;
  text-align: center
}

.xperkStaking_table .table-wrapper tr>td:first-child,
.xperkStaking_table .table-wrapper tr>th:first-child {
  text-align: left
}

.xperkStaking_table .table-wrapper thead tr>th {
  color: #000;
  font-size: 10px;
  font-weight: 500;
  vertical-align: top
}

.xperkStaking_table .table-wrapper tbody tr>th {
  font-size: 12px
}

.xperkStaking_table .table-wrapper tr>td {
  color: #6c6c6c;
  font-size: 12px;
  padding-bottom: 18px;
  padding-top: 18px
}

.xperkStaking_tabs {
  background-color: #fff3;
  border-radius: 15px;
  margin-bottom: 10px;
  width: 100%
}

.xperkStaking_tabs>ul {
  align-items: center;
  display: flex;
  width: 100%
}

.xperkStaking_tabs>ul li {
  width: 25%
}

.xperkStaking_tabs>ul li a {
  border-radius: 25px;
  color: #070606;
  display: block;
  font-size: 10px;
  padding: 6px 15px;
  text-align: center
}

.xperkStaking_tabs>ul li a.active {
  background-color: #1d1377;
  color: #fff
}

.xperkStaking_tabs-title {
  color: #383838;
  font-size: 10px
}

.xperkStaking .investment-dropdown>.btn {
  align-items: center;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  padding: 4px 15px
}

.xperkStaking .investment-dropdown>.btn>.arrow {
  border-width: 0 1px 1px 0;
  padding: 2.5px
}

.xperkStaking .investment-dropdown>.btn:focus {
  border: 1px solid #0000;
  outline: none
}

.xperkStaking .investment-dropdown>.dropdown-menu li button {
  font-size: 12px;
  line-height: 12px
}

.xperkStaking .btnxperks-close {
  background-color: #fff;
  border: 1px solid #707070;
  border-radius: 25px;
  color: #707070;
  font-size: 18px;
  max-width: 300px;
  width: 100%
}

.xperkStaking .addapp-btn {
  color: #363636;
  font-size: 20px;
  padding: 0
}

.xperkStaking .addapp-btn:focus {
  border: none;
  outline: none
}

.xperkStaking .addapp-btn>svg {
  margin-right: 5px
}

.xperkStaking .addapp-btn>svg path {
  stroke: #363636
}

.xperkStaking_page-footer {
  padding: 50px 0 40px;
  position: relative;
  width: 100%
}

.xperkStaking_page-footer .note {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  justify-content: center;
  margin-bottom: 0;
  text-align: center
}

.xperkStaking_page-footer .note>svg {
  margin: 0 5px
}

.xperkStaking_page-footer .note>svg path {
  fill: #fff
}

.xperkStaking_page-footer .note-modal {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.xperkStaking_page-footer .note-modal .note-trigger>svg path {
  fill: #fff
}

.stake-card {
  height: calc(100% - 165px);
  margin: 0 auto;
  max-width: 1600px;
  width: 100%
}

@media screen and (max-width:1920px) {
  .stake-card {
    margin: 40px auto 0
  }
}

.stake-card-body {
  width: 100%
}

.stake-card-body-grid {
  display: flex
}

.stake-card-body-grid-item {
  border-radius: 21px
}

.stake-card-body-grid-item:first-child {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  background-color: #1e137966;
  flex: 1 1;
  margin-right: 50px;
  min-width: 380px
}

.stake-card-body-grid-item:nth-child(2) {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  background-color: #f4f4f4a6;
  margin: 0 0 12px;
  width: 380px
}

.stake-card-body-top-nav-hover {
  align-items: flex-end;
  bottom: auto;
  cursor: pointer;
  display: flex;
  height: 32px;
  left: 0;
  position: absolute;
  right: auto;
  top: -16px;
  width: 100%;
  z-index: 9
}

.stake-card-body-top-nav-hover .innerContent {
  background-color: #fda501;
  border-radius: 16px 16px 0 0;
  color: #fff;
  height: 32px;
  margin: 0 auto;
  padding: 12px 16px 16px;
  transition: height .3s ease;
  width: 90%
}

.stake-card-body-top-nav-hover .innerContent .content-opac {
  opacity: 0
}

.stake-card-body-top-nav-hover .innerContent .content-opac .icon-size {
  width: 20px
}

.stake-card-body-top-nav-hover .innerContent .content-opac p {
  font-size: 14px;
  font-weight: 600
}

.stake-card-body-top-nav-hover .innerContent:hover {
  height: 60px;
  transform-origin: top;
  transition: height .3s ease
}

.stake-card-body-top-nav-hover .innerContent:hover .content-opac {
  opacity: 1
}

.stake-card-body-top-nav-hover.green {
  height: 40px;
  top: -20px;
  z-index: 8
}

.stake-card-body-top-nav-hover.green .innerContent {
  background-color: #229100;
  height: 52px;
  margin: 0 auto;
  width: 80%
}

.stake-card-body-top-nav-hover.green .innerContent:hover {
  height: 76px
}

.stake-card-body-top-nav-hover.purple {
  height: 60px;
  top: -45px;
  z-index: 7
}

.stake-card-body-top-nav-hover.purple .innerContent {
  background-color: #643c90;
  height: 62px;
  margin: 0 auto;
  width: 70%
}

.stake-card-body-top-nav-hover.purple .innerContent:hover {
  height: 86px
}

.stake-card-body-top-nav-hover.its-blue .innerContent {
  background-color: #2c54aa;
  border-color: #2c54aa
}

.stake-card .guide-slider-wrapper {
  height: 100%;
  position: relative;
  z-index: 10
}

.stake-card .guide {
  border-radius: 21px;
  height: 100%;
  overflow: hidden;
  width: 100%;
  z-index: 10
}

.stake-card .guide_header {
  align-items: center;
  display: flex;
  height: 50px;
  padding: 15px
}

.stake-card .guide_header p {
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  margin: 0
}

.stake-card .guide_header p>svg {
  height: 18px;
  margin-right: 8px;
  width: 18px
}

.stake-card .guide_header .icon-wrapper {
  margin-right: 10px
}

.stake-card .guide_inner {
  background-color: #fff;
  height: calc(100% - 37px);
  overflow: hidden;
  width: 100%
}

.stake-card .guide_inner-top {
  background-color: #f2f4f7;
  border-bottom: 1px solid #e8e8ed;
  display: flex
}

.stake-card .guide_inner-top_left {
  margin-right: 50px;
  padding: 27px;
  width: -webkit-fill-available
}

.stake-card .guide_inner-top_left .title {
  margin-bottom: 20px
}

.stake-card .guide_inner-top_left .title>abbr {
  color: #000;
  font-size: 14px;
  font-weight: 500
}

.stake-card .guide_inner-top_left .btn {
  background-color: #fff;
  border-radius: 12px;
  color: #0c111d;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-right: 9px;
  min-height: 71px;
  min-width: 110px;
  padding: 20px 12px
}

@media screen and (max-width:1440px) {
  .stake-card .guide_inner-top_left .btn {
    font-size: 11px;
    min-height: 60px;
    min-width: auto;
    padding: 0 12px
  }
}

.stake-card .guide_inner-top_left .btn.active {
  border: 3px solid #bccaff !important
}

.stake-card .guide_inner-top_left .btn.backButton {
  align-items: center;
  background: #f2f4f7;
  border-radius: 50px;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: auto auto auto 10px;
  min-height: 40px;
  min-width: 40px;
  padding: 10px;
  width: 40px
}

.stake-card .guide_inner-top_right {
  border-left: 3px solid #fff;
  display: inline-block;
  padding: 20px;
  position: relative
}

.stake-card .guide_inner-top_right .title {
  position: relative;
  z-index: 1
}

.stake-card .guide_inner-top_right .title>abbr {
  color: #000;
  font-size: 14px;
  font-weight: 500
}

.stake-card .guide_inner-top_right .rewards-img-wrapper {
  bottom: 0;
  left: 12px;
  position: absolute;
  right: 25px;
  z-index: 0
}

.stake-card .guide_inner-top_right .rewards-img {
  height: auto;
  max-width: 100%
}

@media screen and (max-width:1440px) {
  .stake-card .guide_inner-top_right .rewards-img {
    height: auto;
    max-width: 100%
  }
}

@media screen and (max-width:1280px) {
  .stake-card .guide_inner-top_right .rewards-img {
    height: auto;
    max-width: 100%
  }
}

.stake-card .guide_inner-top_right .rewards-status-wrapper {
  font-size: 12px
}

.stake-card .guide_inner-top_right .rewards-status {
  background-color: #d6ffdb;
  border-radius: 12px;
  color: #00670f;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  margin-left: 8px;
  padding: 2px 7px;
  position: relative
}

.stake-card .guide_inner-top_right .rewards-status.positive:before {
  border-bottom: 8px solid #00670f;
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  content: "";
  display: inline-block;
  height: 0;
  line-height: 0;
  margin-right: 3px;
  width: 0
}

.stake-card .guide_inner-bottom {
  padding: 50px 45px 20px
}

@media screen and (max-width:1440px) {
  .stake-card .guide_inner-bottom {
    padding: 20px
  }
}

.stake-card .guide_inner-bottom .card-content-table h3 {
  align-items: center;
  display: flex;
  font-size: 26px !important;
  margin: 0;
  padding: 30px 24px
}

.stake-card .guide_inner-bottom .card-content-table h3>svg {
  margin-right: 15px;
  max-height: 26px;
  max-width: 20px
}

.stake-card .guide_inner-bottom .card-content-table {
  padding: 0;
  position: relative;
  z-index: 99
}

.stake-card .guide_inner-bottom .card-content-table .table-wrapper {
  background-color: #fff;
  border: none;
  border-bottom-left-radius: 15px;
  height: 100%
}

.stake-card .guide_inner-bottom .card-content-table .table-wrapper thead {
  background-color: #e8edf1;
  border-bottom: .5px solid #d0d5dd;
  border-top: .5px solid #d0d5dd;
  position: -webkit-sticky;
  position: sticky;
  top: -1px
}

.stake-card .guide_inner-bottom .card-content-table .table-wrapper thead tr th {
  color: #000;
  font-weight: 600;
  line-height: 10px;
  padding: 15px 10px;
  vertical-align: middle;
  white-space: nowrap
}

.stake-card .guide_inner-bottom .card-content-table .table-wrapper thead tr th:first-child {
  padding-left: 24px
}

.stake-card .guide_inner-bottom .card-content-table .table-wrapper thead tr th:last-child {
  padding-right: 24px
}

.stake-card .guide_inner-bottom .card-content-table .table-wrapper tbody tr td {
  border-bottom: .5px solid #d0d5dd;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 13px 10px;
  transition: all .3s ease-in-out;
  vertical-align: middle;
  white-space: nowrap
}

.stake-card .guide_inner-bottom .card-content-table .table-wrapper tbody tr td:first-child {
  padding-left: 20px
}

.stake-card .guide_inner-bottom .card-content-table .table-wrapper tbody tr td:last-child {
  padding-right: 20px
}

.stake-card .guide_inner-bottom .card-content-table .table-wrapper tbody tr td .apr-text {
  color: #000;
  font-size: 12px
}

.stake-card .guide_inner-bottom .card-content-table .table-wrapper tbody tr td .text-muted {
  font-size: 12px;
  font-weight: 400
}

.stake-card .guide_inner-bottom .card-content-table .table-wrapper tbody tr.active td,
.stake-card .guide_inner-bottom .card-content-table .table-wrapper tbody tr:hover td {
  background-color: #f4f5ff
}

.stake-card .guide_inner-bottom .tier {
  align-items: center;
  border: 1px solid #dfdddd;
  border-radius: 5px;
  color: #000;
  display: inline-flex;
  font-size: 12px;
  height: 28px;
  justify-content: center;
  min-width: 64px
}

.stake-card .guide_inner-bottom .tier.gold {
  background-color: #eabe2e
}

.stake-card .guide_inner-bottom .tier.platinum {
  background-color: #e5e4e2
}

.stake-card .guide_inner-bottom .tier.silver {
  background-color: silver
}

.stake-card .guide_inner-bottom .tier.bronze {
  background-color: #cd7f32
}

.stake-card .guide-slider {
  height: 100%;
  position: relative;
  z-index: 10
}

.stake-card .guide-slider .slick-list,
.stake-card .guide-slider .slick-slide,
.stake-card .guide-slider .slick-slide>div,
.stake-card .guide-slider .slick-track {
  height: 100%
}

.stake-card .guide-slider .slick-arrow {
  background: #fff;
  height: calc(100% - 60px);
  height: calc(100% - 70px);
  opacity: .4;
  top: 50px;
  transform: translateY(0);
  transition: all .3s ease-in-out;
  width: 16px
}

.stake-card .guide-slider .slick-arrow.slick-next {
  border-radius: 0 16px 16px 0;
  right: -16px
}

.stake-card .guide-slider .slick-arrow.slick-next:before {
  display: none
}

.stake-card .guide-slider .slick-arrow.slick-next:hover {
  right: -30px;
  width: 30px
}

.stake-card .guide-slider .slick-arrow.slick-prev {
  border-radius: 16px 0 0 16px;
  left: -16px
}

.stake-card .guide-slider .slick-arrow.slick-prev:before {
  display: none
}

.stake-card .guide-slider .slick-arrow.slick-prev:hover {
  left: -30px;
  width: 30px
}

.stake-card .guide.nft {
  background-color: #2c54aa
}

.stake-card .guide.stake,
.stake-card .guide.stake .title .icon-wrapper {
  background-color: #7f56d9
}

.stake-card .guide.coin-claim,
.stake-card .guide.coin-claim .title .icon-wrapper {
  background-color: #ffa601
}

.stake-card-widget {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  height: 100%;
  opacity: 1;
  position: relative;
  width: 100%
}

.stake-card-widget label {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
  position: relative
}

.stake-card-widget-header {
  background-color: #7f56d9;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 17.5px 30px
}

.stake-card-widget-header h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 15px;
  margin: 0;
  text-align: center
}

.stake-card-widget-form {
  height: 100%;
  padding: 26px
}

.stake-card-widget-form-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between
}

.stake-card-widget-tabs {
  align-items: center;
  background-color: #f9fafb;
  border: .5px solid #eaecf0;
  border-radius: 34px;
  display: flex;
  margin-bottom: 10px
}

.stake-card-widget-tabs li {
  width: 100%
}

.stake-card-widget-tabs li .btn {
  text-wrap: nowrap;
  border: none;
  border-radius: 34px;
  color: #000;
  display: block;
  font-size: 10px;
  text-align: center;
  width: 100%
}

.stake-card-widget-tabs li .btn.large {
  font-size: 14px;
  height: 45px;
  padding: 10px 20px
}

.stake-card-widget-tabs li .btn.active {
  background-color: #1d1377;
  border: #dcdcdc;
  color: #fff
}

.stake-card-widget-tabs li .btn.active .icon-space {
  display: inline-block
}

.stake-card-widget-tabs li .btn.active .icon-space.dark {
  display: none
}

.stake-card-widget-tabs li .btn:focus {
  outline: none
}

.stake-card-widget-tabs li .btn .icon-space {
  display: none;
  margin-right: 12px
}

.stake-card-widget-tabs li .btn .icon-space.dark {
  display: inline-block
}

.stake-card-widget-tabs-content,
.stake-card-widget-tabs-content>img {
  width: 100%
}

.stake-card-widget-balance {
  align-items: center;
  display: flex;
  font-size: 16px;
  margin-bottom: 25px
}

.stake-card-widget-balance .icon-space {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle
}

.stake-card-widget-balance .icon-space img {
  height: 24px;
  width: 24px
}

.stake-card-widget-balance b {
  font-weight: 600
}

.stake-card-widget .term-sheet {
  color: #707885;
  display: block;
  font-size: 10px;
  margin: 10px 0 20px
}

.stake-card-widget .term-sheet b {
  color: #000;
  font-weight: 600
}

.stake-card-widget .term-options {
  background-color: #fff;
  border: .5px solid #d0d5dd;
  border-radius: 15px;
  margin-bottom: 20px;
  opacity: 1;
  padding: 10px 15px
}

.stake-card-widget .term-options .symbol {
  bottom: auto;
  font-size: 28px;
  left: 7px;
  line-height: 28px;
  position: absolute;
  right: auto;
  top: 7px
}

.stake-card-widget .term-options .term-amount {
  background-color: #fff;
  color: #0c111d;
  font-size: 28px;
  font-weight: 400;
  line-height: 28px;
  padding: 3px 10px
}

.stake-card-widget .term-options .term-amount:focus {
  border-color: #d0d5dd;
  box-shadow: none
}

.stake-card-widget .term-options small {
  font-size: 9px;
  font-weight: 400
}

.stake-card-widget .staking-period {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  background-color: #ffffffa6;
  border-radius: 15px;
  margin-bottom: 20px
}

.stake-card-widget .staking-period-body {
  max-height: 231px;
  padding: 15px 15px 10px
}

.stake-card-widget .staking-period .staking-period-tabs {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  display: flex
}

.stake-card-widget .staking-period .staking-period-tabs li {
  width: 100%
}

.stake-card-widget .staking-period .staking-period-tabs li .btn {
  text-wrap: nowrap;
  border: none;
  border-radius: 6px;
  color: #000;
  display: inline-block;
  font-size: 10px;
  min-height: 46px;
  padding: 0 10px;
  width: 20%
}

.stake-card-widget .staking-period .staking-period-tabs li .btn span {
  color: #98a2b3;
  font-size: 12px;
  font-weight: 400
}

.stake-card-widget .staking-period .staking-period-tabs li .btn p {
  color: #000;
  font-size: 10px;
  margin: 0
}

.stake-card-widget .staking-period .staking-period-tabs li .btn.active {
  box-shadow: 0 0 8px #0003
}

.stake-card-widget .staking-period .staking-period-tabs li .btn.active span {
  color: #000;
  font-weight: 700
}

.stake-card-widget .staking-period .staking-period-tabs li .btn.active p {
  color: #000
}

.stake-card-widget .staking-period .staking-period-tabs li .btn.active.Gold {
  background-color: #eabe2e
}

.stake-card-widget .staking-period .staking-period-tabs li .btn.active.Platinum {
  background-color: #e5e4e2
}

.stake-card-widget .staking-period .staking-period-tabs li .btn.active.Silver {
  background-color: silver
}

.stake-card-widget .staking-period .staking-period-tabs li .btn.active.Bronze {
  background-color: #cd7f32
}

.stake-card-widget .staking-period .staking-period-tabs li .btn:focus {
  outline: none
}

.stake-card-widget .staking-period .staking-period-tabs-content,
.stake-card-widget .staking-period .staking-period-tabs-content>img {
  width: 100%
}

.stake-card-widget .staking-period-values {
  display: inline-block;
  margin: 0;
  overflow: hidden;
  width: 100%
}

.stake-card-widget .staking-period-values h3 {
  color: #0c111d;
  font-size: 32px;
  font-weight: 400;
  margin: 0 0 2px
}

.stake-card-widget .staking-period-values h3>span {
  color: #475467;
  font-size: 12px;
  font-weight: 400
}

.stake-card-widget .staking-period img {
  bottom: 0;
  max-width: 100%;
  position: absolute;
  right: 0;
  width: 100%
}

.stake-card-widget .staking-period-status {
  color: #344054;
  font-size: 12px;
  font-weight: 600
}

.stake-card-widget .staking-period-status.positive {
  position: relative
}

.stake-card-widget .staking-period-status.positive:before {
  border-bottom: 10px solid #0dcb2a;
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  content: "";
  display: inline-block;
  height: 0;
  line-height: 0;
  margin-right: 2px;
  width: 0
}

.stake-card-widget .staking-period-status.negative {
  position: relative
}

.stake-card-widget .staking-period-status.negative:before {
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  border-top: 10px solid #ff0420;
  content: "";
  display: inline-block;
  height: 0;
  line-height: 0;
  margin-right: 2px;
  width: 0
}

.stake-card-widget .node-nft {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  background-color: #ffffffa6;
  border-radius: 15px;
  margin-bottom: 16px;
  padding: 22px
}

.stake-card-widget .node-nft h2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 20px
}

.stake-card-widget .node-nft p {
  font-size: 12px;
  font-size: 400;
  margin-bottom: 10px
}

.stake-card-widget .node-nft-counter {
  margin-right: 20px
}

.stake-card-widget .node-nft-counter .btn {
  background-color: #fff;
  border: none;
  border-radius: 0;
  border-right: 1px solid #d0d5dd;
  font-size: 20px;
  height: 42px;
  min-height: 42px;
  padding: 0 10px;
  width: 42px
}

.stake-card-widget .node-nft-counter .btn:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px
}

.stake-card-widget .node-nft-counter .form-control {
  background-color: #ffffffa6;
  border: none;
  border-radius: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  color: #000;
  cursor: default;
  font-size: 15px;
  font-weight: 400;
  height: 42px;
  text-align: center;
  width: 42px
}

.swapsource-popup {
  background-color: #fff;
  border-radius: 16px 0 0 16px;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}

.swapsource-popup .first-header {
  background: #e9ecf7;
  border-bottom: 1px solid #3e506d;
  border-radius: 16px 16px 0 0;
  padding: 17px 12px
}

.swapsource-popup .first-header button {
  background: #44536b;
  border-radius: 30px;
  color: #fff;
  height: 30px;
  transition: .5s ease-in-out;
  width: 30px
}

.swapsource-popup .first-header button:hover {
  background: #ff6616;
  color: #fff
}

.swapsource-popup .first-header h3 {
  font-size: 20px;
  margin: 0
}

.swapsource-popup .first-header .has-search {
  margin-top: 13px;
  position: relative
}

.swapsource-popup .first-header .has-search input {
  background-color: #121822;
  border: 1px solid #0000;
  border-radius: 8px;
  box-shadow: none;
  color: #fff;
  font-size: 14px;
  height: 38px;
  outline: none;
  padding-right: 50px
}

.swapsource-popup .first-header .has-search input::placeholder {
  color: #667085
}

.swapsource-popup .first-header .has-search input:active,
.swapsource-popup .first-header .has-search input:focus,
.swapsource-popup .first-header .has-search input:focus-within,
.swapsource-popup .first-header .has-search input:hover {
  background: #121822 !important;
  border: 1px solid #ff6616
}

.swapsource-popup .first-header .has-search button {
  background: #0000;
  position: absolute;
  right: 12px;
  top: 4px
}

.swapsource-popup .choose-network {
  height: calc(100% - 116px)
}

.swapsource-popup .choose-network .networks-wrap {
  background: #e9ecf7;
  border-bottom-left-radius: 16px;
  min-width: 180px;
  padding: 10px 12px;
  width: 180px
}

.swapsource-popup .choose-network .networks-wrap h5 {
  color: #ff6717;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px
}

.swapsource-popup .choose-network .networks-wrap .netwrok-space {
  align-items: center;
  background: #fff;
  border: 1px solid #0000;
  border-radius: 6px;
  display: flex;
  padding: 6px
}

.swapsource-popup .choose-network .networks-wrap .netwrok-space.active {
  background: #3e506d;
  border: 1px solid #3e506d;
  color: #fff
}

.swapsource-popup .choose-network .networks-wrap .netwrok-space span {
  align-items: center;
  background: #fff;
  border-radius: 20px;
  color: #1a38ae;
  display: flex;
  height: 20px;
  justify-content: center;
  opacity: 0;
  padding-top: 2px;
  position: absolute;
  right: 8px;
  top: 8px;
  visibility: hidden;
  width: 20px
}

.swapsource-popup .choose-network .networks-wrap .netwrok-space.active span {
  opacity: 1;
  visibility: visible
}

.swapsource-popup .choose-network .networks-wrap .netwrok-space .network-logo {
  height: 24px;
  width: 24px
}

.swapsource-popup .choose-network .networks-wrap .netwrok-space .disabled-icon {
  filter: grayscale(80%) brightness(.8);
  opacity: .6
}

.swapsource-popup .choose-network .second-header-wrap {
  height: 570px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 12px;
  width: calc(100% - 170px)
}

.swapsource-popup .choose-network .second-header-wrap .second-header h4 {
  color: #ff6717;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0
}

.swapsource-popup .choose-network .second-header-wrap .second-header p {
  color: #000;
  font-size: 14px;
  font-weight: 500
}

.swapsource-popup .choose-network .second-header-wrap .second-header.forQuantumOnly {
  border-top: 1px solid #384960;
  padding-top: 10px
}

.swapsource-popup .choose-network .second-header-wrap .second-header.forQuantumOnly h4 {
  color: #c8d3e4;
  font-weight: 400
}

.swapsource-popup .choose-network .second-header-wrap .choose-token .netwrok-space {
  cursor: pointer;
  padding: 4px 8px 4px 4px
}

.swapsource-popup .choose-network .second-header-wrap .choose-token .netwrok-space.active {
  background: #e9ecf7;
  border-radius: 6px
}

.swapsource-popup .choose-network .second-header-wrap .choose-token .secondheader-content {
  width: calc(100% - 36px)
}

.swapsource-popup .choose-network .network-section {
  background: #e9ecf7;
  border-radius: 0 0 0 10px;
  max-width: 180px;
  overflow: hidden;
  padding: 10px 12px
}

.swapsource-popup .choose-network .network-section h5 {
  color: #ff6717;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 12px
}

.swapsource-popup .choose-network .network-section ul {
  border-radius: 0 0 10px 10px;
  height: 521px;
  overflow-y: auto;
  padding-right: 1px
}

.swapsource-popup .choose-network .network-section ul::-webkit-scrollbar {
  width: 1px
}

.swapsource-popup .choose-network .network-section ul::-webkit-scrollbar-thumb,
.swapsource-popup .choose-network .network-section ul::-webkit-scrollbar-track {
  background: #0000
}

.swapsource-popup .choose-network .network-section ul::-webkit-scrollbar-thumb:hover {
  background: #0000
}

.swapsource-popup .choose-network .network-section ul li {
  align-items: center;
  background: #fff;
  border: 1px solid #0000;
  border-radius: 8px;
  color: #000;
  display: flex;
  gap: 8px;
  padding: 6px;
  transition: .3s ease-in-out
}

.swapsource-popup .choose-network .network-section ul li p {
  font-size: 14px;
  font-weight: 500;
  width: calc(100% - 60px)
}

.swapsource-popup .choose-network .network-section ul li span {
  align-items: center;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  height: 20px;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  width: 20px
}

.swapsource-popup .choose-network .network-section ul li.active {
  background: #1a38ae;
  border: 1px solid #fff;
  color: #fff
}

.swapsource-popup .choose-network .network-section ul li.active span {
  color: #1a38ae;
  opacity: 1;
  visibility: visible
}

.swapsource-popup .choose-network .yourtoken-section {
  height: 568px;
  overflow-y: scroll;
  padding: 10px 12px;
  width: calc(100% - 180px)
}

.swapsource-popup .choose-network .yourtoken-section h5 {
  color: #ff6717;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 12px
}

.swapsource-popup .choose-network .yourtoken-section ul {
  gap: 8px
}

.swapsource-popup .choose-network .yourtoken-section ul li {
  align-items: center;
  color: #9ca7be;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  padding: 6px 8px 6px 6px;
  transition: .3s ease-in-out
}

.swapsource-popup .choose-network .yourtoken-section ul li:hover {
  background: #e9ecf7;
  border-radius: 6px;
  color: #000
}

.swapsource-popup .choose-network .yourtoken-section ul li p {
  color: #000;
  font-size: 14px;
  font-weight: 500
}

.swapsource-popup .choose-network .yourtoken-section ul li.active {
  background: #e9ecf7;
  border-radius: 6px;
  color: #000
}

.swapsource-popup .choose-token,
.swapsource-popup .networks-list-scroll {
  -ms-overflow-style: none;
  max-height: 520px;
  overflow-y: scroll;
  scrollbar-width: none
}

.swapsource-popup .choose-token::-webkit-scrollbar,
.swapsource-popup .networks-list-scroll::-webkit-scrollbar {
  display: none
}

.guide_inner-top_left {
  flex: 0 0 70%;
  margin: 0 !important;
  max-width: 70%;
  width: 100%
}

.guide_inner-top_right {
  flex: 0 0 30%;
  max-width: 30%;
  width: 100%
}

.guide_inner-bottom {
  padding: 0 !important
}

.nft-thumnail-slider {
  position: relative
}

.nft-thumnail-slider .slick-slide {
  padding: 0 6px
}

.nft-thumnail-slider .slick-slide .card {
  align-items: center;
  border: 3px solid #0000;
  border-radius: 12px;
  cursor: pointer;
  display: flex !important;
  justify-content: center;
  min-height: 70px;
  padding: 10px
}

.nft-thumnail-slider .slick-slide .card h3 {
  color: #0c111d;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin: 0;
  text-align: center
}

.nft-thumnail-slider .slick-slide.slick-current .card {
  border: 3px solid #bccaff;
  box-shadow: 0 0 9px #00000029
}

.nft-thumnail-slider .slick-slide.slick-current .card h3 {
  font-weight: 700
}

.nft-thumnail-slider .slick-arrow {
  background-color: #0000 !important;
  height: 0 !important;
  opacity: 1 !important;
  position: relative;
  top: 27px !important;
  width: 0 !important
}

.nft-thumnail-slider .slick-arrow:after {
  border: solid #000;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  height: 0;
  padding: 5px;
  width: 0
}

.nft-thumnail-slider .slick-arrow.slick-prev {
  left: -15px !important;
  position: absolute
}

.nft-thumnail-slider .slick-arrow.slick-prev:hover {
  left: -15px !important
}

.nft-thumnail-slider .slick-arrow.slick-prev:after {
  transform: rotate(135deg)
}

.nft-thumnail-slider .slick-arrow.slick-next {
  position: absolute;
  right: -5px !important
}

.nft-thumnail-slider .slick-arrow.slick-next:hover {
  right: -5px !important
}

.nft-thumnail-slider .slick-arrow.slick-next:after {
  transform: rotate(-45deg)
}

.nft-content-slider {
  height: 100%
}

.nft-content-slider .slick-current {
  z-index: 999
}

.nft-content-slider .card-content {
  max-height: 650px;
  min-height: 617px;
  overflow-y: auto;
  padding: 50px 45px 20px;
  position: relative;
  width: calc(100% + 2px) !important
}

.nft-content-slider .card-content h3 {
  font-size: 20px !important;
  margin-bottom: 30px
}

.nft-content-slider .card-content p {
  font-size: 14px !important;
  line-height: 24px !important
}

.nft-content-slider .card-content .table-wrapper {
  background-color: #fff;
  border: 1px solid #e8e8ed;
  margin-bottom: 20px;
  padding: 0
}

.nft-content-slider .card-content .table-wrapper thead tr th {
  background-color: #f5f5f5
}

.nft-content-slider .card-content .img-wrapper {
  margin-bottom: 30px;
  width: 100%
}

.nft-content-slider .card-content .img-wrapper img {
  max-width: 100%
}

.nft-content-slider .card-content ul {
  list-style: disc
}

.nft-content-slider .card-content ul li {
  margin-bottom: 10px
}

.copy {
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  position: relative
}

.copy>svg {
  width: 18px
}

.copy>svg path {
  fill: #767676
}

.copy-notification {
  background-color: #000;
  border-radius: 4px;
  bottom: auto;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  left: -10px;
  line-height: 10px;
  padding: 4px;
  position: absolute;
  right: auto;
  top: -20px;
  z-index: 99
}

.copy-notification:after {
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  border-top: 5px solid #000;
  bottom: -4px;
  content: "";
  font-size: 0;
  height: 0;
  left: 15px;
  line-height: 0;
  position: absolute;
  right: auto;
  top: auto;
  width: 0
}

.message-details-list {
  position: relative;
  width: 100%
}

.message-details-list li {
  display: flex;
  padding: 5px 0
}

.message-details-list li>span {
  flex: 0 0 120px;
  max-width: 120px
}

.message-details-list li .email-text {
  align-items: center;
  display: flex
}

.message-details-list li .copy {
  margin-left: 2px
}

.bounce-arrow {
  bottom: 15px;
  left: 50%;
  margin-left: -11px;
  position: absolute
}

.bounce {
  animation: bounce 3s infinite
}

.file-name p {
  font-size: 12px
}

.file-name .btn-text {
  color: red;
  font-size: 12px;
  padding: 0
}

.badge-orange {
  background: #ff661624;
  padding: 6px 12px
}

.badge-orange p {
  color: #ff6616
}

.page-not-found {
  align-items: center;
  border-radius: 10px;
  bottom: auto;
  box-shadow: 0 0 10px #0000000d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  margin: 0 auto;
  max-width: 600px;
  min-height: 350px;
  padding: 20px;
  position: absolute;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1
}

.page-not-found h2 {
  font-size: 62px;
  font-weight: 700
}

.page-not-found h4 {
  font-size: 22px;
  font-weight: 300
}

.page-not-found .btn-primary {
  margin-top: 40px;
  min-width: 200px
}

.fullpage-loader {
  align-items: center;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff40;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.main-container {
  overflow-x: hidden
}

.has-dropdown {
  position: relative
}

.has-dropdown svg {
  color: #fff;
  width: 16px
}

.has-dropdown .dropdown-content {
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  position: absolute;
  width: 100%;
  z-index: 9
}

.has-dropdown .dropdown-content ul li {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  padding: 6px
}

.has-dropdown .dropdown-content ul li:hover {
  background: #efefef
}

.winner-input input {
  border-radius: 6px;
  font-size: 14px;
  padding: 8px 16px
}

.winner-input input:focus {
  border: 1px solid #ff6717;
  box-shadow: none !important
}

.winner-input button {
  background: #ff6717;
  border-bottom-right-radius: 6px !important;
  border-top-right-radius: 6px !important;
  font-size: 14px;
  margin: 0 !important;
  padding: 8px 16px
}

.winner-input button:hover {
  background: #ff6717 !important;
  color: #fff !important
}

.xperk_balance {
  background: #fff;
  border-radius: 1rem;
  padding-bottom: .1rem;
  padding-top: .1rem
}

.xperk_balance .XPerks-widget-balance {
  margin-bottom: 0 !important
}

.xperk-balance-wrapper .balance-value {
  margin-bottom: 4px;
  padding-bottom: 6px;
  text-align: center
}

.xperk-balance-wrapper .balance-value .balance-title {
  display: inline-block;
  font-size: 12px;
  margin-bottom: 4px
}

.xperk-balance-wrapper .balance-value .icon-space {
  height: 20px;
  margin-right: 10px;
  width: 20px
}

.xperk-balance-wrapper .balance-value .icon-space img {
  width: 20px
}

.xperk-balance-wrapper .balance-value h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0
}

.xperk-balance-wrapper .balance-value.no-border {
  border: 0;
  margin-bottom: 0;
  padding: 0
}

.xperk-balance-wrapper .sub-balance .balance-value {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0
}

.xperk-balance-wrapper .sub-balance .balance-value h4 {
  font-size: 16px
}

.xperk-balance-wrapper .sub-balance .balance-value .icon-space {
  height: 20px;
  margin-right: 10px;
  width: 20px
}

.xperk-balance-wrapper .sub-balance .balance-value .icon-space img {
  width: 20px
}

.xperk-balance-wrapper .sub-balance .border-r {
  border-right: 1px solid #cbcfd5
}

.source-selector label {
  font-size: 12px
}

.source-selector .investment-source .btn-source {
  background: #fff;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  padding: 10px 16px;
  text-align: left;
  width: 100%
}

.source-selector .investment-source .btn-source .down-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px
}

.source-selector .investment-source .btn-source:after {
  display: none
}

.source-selector .dropdown-menu {
  border: none;
  box-shadow: 0 10px 20px #0000001a;
  width: 100%
}

.source-selector .dropdown-menu li {
  font-size: 14px
}

.source-selector .dropdown-menu li a {
  padding: 8px 16px
}

.btn-calculate {
  background: #1d1377 !important;
  border-radius: 30px;
  color: #fff !important;
  font-size: 13px;
  padding: 4px 16px
}

.rc-tooltip-inner {
  background-color: #fff !important;
  color: #000 !important;
  opacity: 1;
  z-index: 99
}

.rc-tooltip-arrow {
  border-top-color: #fff !important
}

.rc-tooltip-placement-top {
  padding: 5px 0 !important
}

.unstake-modal .balance_wrapper {
  border: 1px solid #d7ddeb;
  border-radius: 12px;
  margin-bottom: 12px;
  padding: 10px;
  width: 100%
}

.unstake-modal .balance_wrapper span {
  display: inline-block;
  font-size: 12px;
  margin-bottom: 6px
}

.unstake-modal .balance_wrapper h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0
}

.unstake-modal .balance_wrapper.widraw {
  background: #d3d8f5
}

.unstake-modal .form-control {
  font-size: 14px;
  margin-bottom: 16px;
  padding: 12px 16px
}

.unstake-modal .btn-widraw {
  background: #ff4500;
  border-radius: 30px;
  color: #fff;
  min-width: 120px;
  padding: 8px 16px
}

.unstake-modal .unstake-modal-header {
  padding: 16px 16px 0
}

.unstake-modal .request-title,
.unstake-modal .unstake-modal-header h4 {
  font-size: 20px;
  font-weight: 600
}

.unstake-modal .request-title {
  margin-bottom: 12px;
  text-align: center
}

.unstake-modal .small-dash {
  background: #cfcfcf;
  border-radius: 2px;
  display: inline-block;
  height: 1px;
  margin: 16px 0;
  width: 100px
}

.unstake-modal .amount-container img {
  margin-right: 10px;
  width: 24px
}

.unstake-modal .amount-container .currency-icon {
  position: relative
}

.unstake-modal .amount-container .currency-icon span {
  align-items: center;
  background: #fff;
  border-radius: 30px;
  bottom: -10px;
  display: inline-flex;
  height: 14px;
  justify-content: center;
  position: absolute;
  right: 6px;
  width: 14px
}

.unstake-modal .amount-container .currency-icon span img {
  margin-right: 0;
  width: 12px
}

.btn-copy-to {
  align-items: center;
  border: 1px solid #ccc;
  display: flex;
  height: 32px;
  justify-content: center;
  margin-left: 10px;
  min-width: 32px;
  padding: 6px;
  width: 32px
}

.btn-copy-to svg {
  width: 24px
}

.btn-copy-to:hover {
  background: #1987541a;
  border: 1px solid #1987544d
}

.nft-confirm-block {
  max-width: 100%;
  width: 450px
}

.nft-confirm-block .nft-usernames {
  height: 350px;
  list-style: decimal;
  list-style-position: inside;
  max-height: 350px;
  overflow-y: auto
}

.nft-confirm-block .nft-usernames li {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #ffffffc2;
  border: none !important;
  border-radius: 30px;
  color: #000;
  font-weight: 400;
  margin-bottom: 10px;
  padding: 8px 16px !important
}

.nft-confirm-block .action {
  display: block;
  text-align: center;
  width: 100%
}

.nft-confirm-block .action .btn-claim {
  background: #ff6616;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  min-width: 120px;
  padding: 6px 12px
}

.password-visiblity {
  align-items: center;
  background: #0000000f;
  border-radius: 36px;
  display: flex;
  height: 36px;
  justify-content: center;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px
}

.password-visiblity svg {
  color: #fff;
  width: 20px
}

.has-icon-hover:hover input {
  background: #fff;
  color: #000 !important
}

.has-icon-hover:hover svg {
  color: #000a29
}

.no-records {
  background: #fff;
  border-radius: 30px
}

.no-records img {
  margin-bottom: 16px;
  width: 150px
}

.no-records .no-record-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 12px
}

.no-records .no-record-discription {
  font-size: 14px;
  font-weight: 400
}

.custom-building-cards>div {
  margin-right: 0 !important
}

.cursor-unset {
  cursor: default !important
}

.v2-stat {
  background: #e4e8f0;
  display: flex;
  gap: 16px;
  padding: 16px
}

.v2-stat .v2-box {
  background: #fff;
  border-radius: 12px;
  display: flex;
  padding: 16px 20px;
  width: 33.33%
}

.v2-stat .v2-box p {
  color: #344054;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 8px
}

.v2-stat .v2-box h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.v2-stat .v2-box svg {
  fill: none;
  stroke: #ff5722;
  stroke-width: 1.2;
  margin-right: 12px
}

.v2-stat .v2-box.transactions svg {
  stroke: #1530c5
}

.v2-stat .v2-box.accounts svg {
  stroke: #e91e63
}

.v2-stat .v2-box.wallet-add svg {
  stroke-width: .4px;
  height: 23px;
  width: 23px
}

.btn-arrow-page {
  align-items: center;
  background: #0000;
  border: none;
  border-radius: 30px;
  display: flex;
  height: 32px;
  justify-content: center;
  outline: none;
  padding: 0;
  width: 32px
}

.btn-arrow-page svg {
  width: 18px
}

.btn-arrow-page:hover {
  background: #e9ecf8
}

.has-right-border {
  border-right: 2px solid #f1f2fa
}

.has-right-border .explorer-transaction-filter-wrapper {
  border: 0
}

.has-right-border .page-number-count {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 0
}

.has-right-border.table-fixes .table-wrapper {
  background: #fff;
  height: calc(100% - 214px);
  overflow: auto
}

.has-right-border.table-fixes .table-wrapper table tr.active td,
.has-right-border.table-fixes .table-wrapper table tr.active td:hover {
  background: #f0f1f2 !important
}

.marquee-content {
  background: #12337a;
  padding: 10px
}

.marquee-content marquee {
  color: #fff;
  font-size: 16px;
  font-weight: 400
}

.details-wrapper,
.status-parent-wrapper {
  border-radius: 8px;
  box-shadow: 0 6px 30px rgba(0, 0, 0, .071)
}

.details-wrapper {
  flex-direction: column;
  margin-top: 12px;
  padding: 10px 14px !important
}

.details-wrapper .tx-title {
  border-bottom: 1px solid #e2e5ea;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 4px;
  padding-bottom: 8px;
  text-align: left;
  width: 100%
}

.status-wrapper {
  position: relative
}

.status-wrapper .status-step {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 50px;
  position: relative;
  width: 25%
}

@media screen and (max-width:1340px) {
  .status-wrapper .status-step {
    height: 64px
  }
}

.status-wrapper .status-step-count {
  align-items: center;
  background: #d9d9d9;
  border-radius: 24px;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  height: 24px;
  justify-content: center;
  margin-bottom: 10px;
  position: relative;
  width: 24px
}

.status-wrapper .status-step-label {
  font-size: 10px;
  margin-bottom: 0;
  text-align: center
}

@media screen and (max-width:1150px) {
  .status-wrapper .status-step-label {
    font-size: 10px
  }
}

.status-wrapper .status-step .btn-refresh {
  background: #fff;
  border-color: #ff6616;
  border-radius: 6px;
  color: #ff6616;
  font-size: 12px;
  padding: 2px 10px
}

.status-wrapper .status-step .btn-refresh:hover {
  background: #ff6616;
  color: #fff
}

.status-wrapper .completed .status-step-count {
  background: #00a018;
  color: #fff
}

.status-wrapper .completed .status-step-label {
  color: #00a018
}

.status-wrapper .error .status-step-count {
  background: red;
  color: #fff
}

.status-wrapper .error .status-step-label {
  color: red
}

.status-wrapper .processing .status-step-count {
  background: #ffa700;
  color: #fff
}

.status-wrapper .processing .status-step-label {
  color: #ffa700
}

.status-wrapper:before {
  border-bottom: 1px dashed #d3d3d3;
  content: "";
  height: 1px;
  left: 12.5%;
  position: absolute;
  top: 14px;
  transform: translateY(-50%);
  width: 75%
}

@media screen and (max-width:1440px) {
  .status-wrapper:before {
    top: 25%
  }
}

.btn-refresh {
  background: #fff;
  border-color: #ff6616;
  border-radius: 6px;
  color: #ff6616;
  font-size: 12px;
  padding: 2px 10px
}

.btn-refresh:hover {
  background: #ff6616;
  color: #fff
}

.no-border {
  border: none !important
}

.status-parent-wrapper {
  border-radius: 8px;
  box-shadow: 0 6px 30px #00000012;
  padding: 10px;
  padding: 14px 0 !important
}

.unstake-actions {
  align-items: center;
  display: flex
}

.unstake-actions .btn {
  font-size: 12px;
  margin: 0 5px;
  min-width: 90px;
  padding: 4px 10px
}

.unstake-actions .btn.btn-unstake {
  background: #fff;
  border: 1px solid #9ba0a3;
  border-radius: 30px;
  color: #313030
}

.unstake-actions .btn.btn-stake {
  background-color: #1e1379;
  border: 1px solid #1e1379;
  border-radius: 15px;
  color: #fff
}

.unstake-actions .btn.btn-withdrawn {
  background-color: #4caf50;
  border: 1px solid #8bc34a;
  border-radius: 15px;
  color: #fff
}

.unstake-modal {
  align-items: center;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #00000080;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99999
}

.unstake-modal-inner {
  background-color: #fff;
  border-radius: 12px;
  min-height: 150px;
  position: relative;
  width: 480px
}

.unstake-modal-inner .close-icon {
  position: absolute;
  right: 16px;
  top: 12px
}

.unstake-modal-inner .close-icon>svg {
  cursor: pointer;
  height: 16px;
  width: 16px
}

.unstake-modal-body {
  height: 100%;
  min-height: 180px;
  padding: 25px;
  text-align: center;
  width: 100%
}

.unstake-modal-body .note-text {
  font-size: 15px;
  font-weight: 500;
  margin: 16px 0 10px
}

.unstake-modal-body .date-text {
  color: #98a2b3
}

.unstake-modal-body p {
  margin-bottom: 0
}

.unstake-modal-body .listing-wrapper {
  position: relative;
  width: 100%
}

.unstake-modal-body .listing-wrapper li {
  margin: 0 0 5px;
  text-align: left
}

.unstake-modal.withdrawn-details .unstake-modal-inner {
  width: 560px
}

.unstake-modal.withdrawn-details .unstake-modal-inner .unstake-modal-body .request-title {
  text-align: left
}

.unstake-modal.withdrawn-details .unstake-modal-inner .unstake-modal-body ul li {
  border-bottom: 1px solid #e4e5ed;
  display: flex;
  padding: 12px 0
}

.unstake-modal.withdrawn-details .unstake-modal-inner .unstake-modal-body ul li .value-container {
  font-size: 13px;
  text-align: left;
  width: calc(100% - 150px)
}

.unstake-modal.withdrawn-details .unstake-modal-inner .unstake-modal-body ul li .value-container .amount-withdraw {
  align-items: center;
  background: #ebecf7;
  border-radius: 30px;
  display: flex;
  margin-right: 8px;
  padding: 2px 10px 2px 2px
}

.unstake-modal.withdrawn-details .unstake-modal-inner .unstake-modal-body ul li .value-container .amount-withdraw .icon-wrapper {
  height: 20px;
  margin-right: 10px;
  width: 20px
}

.unstake-modal.withdrawn-details .unstake-modal-inner .unstake-modal-body ul li .value-container .amount-withdraw .icon-wrapper img {
  width: 20px
}

.unstake-modal.withdrawn-details .unstake-modal-inner .unstake-modal-body ul li .value-label {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  width: 150px
}

.helpdesk-chat {
  background: #fff;
  border: .5px solid #d0d5dd;
  border-radius: 16px;
  height: 100%;
  margin-top: 30px;
  overflow-y: auto;
  padding: 15px
}

.helpdesk-chat>ul {
  width: 100%
}

.helpdesk-chat>ul li {
  background-color: #fff;
  border-radius: 8px;
  border-style: solid;
  border-width: 2px;
  box-shadow: 0 0 5px #0000000d;
  margin-bottom: 10px;
  position: relative
}

.helpdesk-chat>ul li .title {
  align-items: center;
  border-bottom: .5px solid #e4e5f7;
  color: #000;
  display: flex;
  font-size: 10px;
  font-weight: 400;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 10px 10px 10px 35px;
  position: relative;
  width: 100%
}

.helpdesk-chat>ul li .title>.icon {
  height: 15px;
  left: 10px;
  position: absolute;
  top: 13px;
  width: 15px
}

.helpdesk-chat>ul li .title>.icon img {
  max-width: 100%
}

.helpdesk-chat>ul li .title .status {
  padding: 0 20px;
  position: relative
}

.helpdesk-chat>ul li p {
  font-size: 10px
}

.helpdesk-chat>ul li p:last-child {
  margin-bottom: 0
}

.helpdesk-chat>ul li .content-wrapper {
  background-color: #fff;
  border-radius: 8px;
  padding: 5px 10px 10px
}

.helpdesk-chat>ul li .content-wrapper h6 {
  font-size: 14px;
  margin: 12px 0 4px
}

.helpdesk-chat>ul li .content-wrapper p {
  font-size: 13px;
  margin-bottom: 10px
}

.helpdesk-chat>ul li:nth-child(odd) {
  border-color: #ffa601
}

.helpdesk-chat>ul li:nth-child(2n) {
  border-color: #e4e5f7;
  border-width: 1px
}

.helpdesk-chat>ul li:last-child {
  margin-bottom: 0
}

.xperk-tab-switcher .xPerk-switcher {
  background: #fff;
  border-radius: 30px;
  padding: 4px;
  width: 100%
}

.xperk-tab-switcher .xPerk-switcher .btn {
  border: 0;
  border-radius: 30px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 12px;
  text-align: center;
  width: 50%
}

.xperk-tab-switcher .xPerk-switcher .btn.active {
  background: #1d1377;
  color: #fff
}

.xperk-tab-switcher .XPerks-widget {
  background: #e7e3f3;
  height: 760px;
  margin-top: 16px !important
}

.data-sanitization .data-card {
  background: #fff;
  border-radius: 12px;
  padding: 12px 16px
}

.data-sanitization .data-card .icon-size-20 {
  width: 20px
}

.data-sanitization .data-card .table-wrapper table tr td {
  border: 1px solid #e3e7ef !important;
  padding: 9px 12px
}

.data-sanitization .data-card .balance-note {
  color: #4a4b4c;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400 !important
}

.data-sanitization .data-card .balance-note b {
  color: #000;
  font-weight: 700 !important
}

.data-sanitization .data-card .top-head p {
  font-weight: 600
}

.data-sanitization .center-content {
  text-align: center
}

.data-sanitization .center-content img {
  margin: 0 auto 20px
}

.data-sanitization .center-content h5 {
  font-size: 20px;
  font-weight: 700
}

.data-sanitization .center-content p {
  font-size: 15px
}

.font-600 {
  font-weight: 600
}

.btn-widget-cta {
  background-color: #ff6717;
  border-color: #ff6717;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  padding: 11px 10px;
  width: 100%
}

.btn-widget-cta:hover {
  background-color: #1d1377;
  border-color: #1d1377;
  color: #fff
}

.top.coreOnly {
  top: -80px !important
}

.top.coreOnly.Core.coreMenu li a {
  height: 80px;
  justify-content: start
}

.sanitise-success-content h3 {
  font-size: 24px;
  font-weight: 600
}

.sanitise-success-content .center-dash {
  background: #afb0b0;
  border-radius: 5px;
  display: inline-block;
  height: 2px;
  margin: 10px 0;
  opacity: .5;
  width: 80px
}

.has-modal {
  overflow: hidden
}

.has-modal .sanitization-modal {
  align-items: center;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: #00000080;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 24px 16px;
  position: absolute;
  top: 0;
  width: 100%
}

.has-modal .sanitization-modal-content {
  background: #fff;
  border-radius: 16px;
  padding: 50px 16px 16px 20px;
  position: relative;
  text-align: center;
  width: 100%
}

.has-modal .sanitization-modal-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px
}

.has-modal .sanitization-modal-content p {
  font-size: 14px
}

.has-modal .sanitization-modal-content .btn-sanitise {
  background: #ff6717;
  color: #fff
}

.has-modal .sanitization-modal-content .btn-clean,
.has-modal .sanitization-modal-content .btn-sanitise {
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 16px;
  width: 100%
}

.has-modal .sanitization-modal-content .close-modal {
  border: none;
  border-radius: 40px;
  height: 40px;
  opacity: .5;
  padding: 0;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 40px
}

.blue-text {
  background: #1d1377;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  padding: 4px 10px
}

.btn-help {
  bottom: 38px;
  margin-bottom: 15px;
  padding: 0;
  right: 20px
}

.condition-text .font-normal {
  font-size: 13px !important;
  font-weight: 400 !important;
  text-align: left
}

.condition-text .form-group input {
  cursor: pointer;
  display: none;
  height: auto;
  margin-bottom: 0;
  padding: 0;
  width: auto
}

.condition-text .form-group label {
  cursor: pointer;
  position: relative
}

.condition-text .form-group label:before {
  -webkit-appearance: none;
  background-color: #0000;
  border: 2px solid #0079bf;
  box-shadow: 0 1px 2px #0000000d, inset 0 -15px 10px -12px #0000000d;
  content: "";
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  padding: 10px;
  position: relative;
  vertical-align: middle
}

.condition-text .form-group input:checked+label:after {
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 14px;
  left: 9px;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  width: 6px
}

.version-cta {
  background: #dce2e4;
  border-radius: 30px
}

.version-cta .btn {
  border: none;
  border-radius: 30px;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  min-width: 60px;
  padding: 6px 16px
}

.version-cta .btn.active {
  background: #ff4500;
  color: #fff;
  font-weight: 600
}

.version-cta .form-control {
  font-size: 14px;
  padding: 4px 20px 4px 12px
}

.version-cta .form-control.hasDownArrow {
  background-image: url(/static/media/downArrow.251f6f1ec3ef8fbfcdbf.svg);
  background-position: 90% 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  position: relative
}

.node-sale {
  position: relative
}

.node-sale .available-count {
  background: linear-gradient(45deg, #d521ae, #bd2f2f);
  border-radius: 16px;
  color: #fff;
  padding: 6px 12px 40px;
  position: absolute;
  top: -55px;
  width: 100%
}

.node-sale .available-count p {
  font-size: 14px;
  font-weight: 400
}

.node-sale .available-count img {
  width: 34px
}

.connect-modal {
  align-items: flex-end;
  background: #0000004d;
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.connect-modal-content {
  background: #fff;
  border-radius: 16px;
  padding: 16px;
  width: 100%
}

.connect-modal-content h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center
}

.connect-modal-content .connect-cta {
  background: #ececec;
  border-radius: 12px;
  overflow: hidden;
  width: 100%
}

.connect-modal-content .connect-cta .cta-space {
  cursor: pointer;
  padding: 16px;
  text-align: center
}

.connect-modal-content .connect-cta .cta-space img {
  margin-bottom: 10px;
  width: 30px
}

.connect-modal-content .connect-cta .cta-space p {
  font-size: 16px;
  font-weight: 600
}

.connect-modal-content .connect-cta .cta-space:hover {
  background: #ced6dc
}

.connect-modal-content .connect-cta .cta-space:first-child {
  border-right: 1px solid #ced6dc
}

.connect-modal-content .cta-content {
  margin-top: 16px
}

.connect-modal-content .cta-content p {
  font-size: 12px;
  margin-bottom: 0;
  text-align: center
}

.connect-modal-content .center-dash {
  background: #ced6dc;
  border-radius: 2px;
  display: inline-block;
  height: 1px;
  opacity: .8;
  width: 60px
}

.connect-modal-content .get-wallet-text a {
  margin-left: 4px;
  text-decoration: underline
}

.home-widget-2 .top-sec {
  min-height: 58px
}

.home-widget-2 .top-sec .icon-block {
  border-radius: 12px;
  height: 56px;
  margin-right: 16px;
  width: 56px
}

.home-widget-2 .top-sec h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 29.05px;
  margin-bottom: 0
}

.home-widget-2 .bottom-sec {
  min-height: 48px
}

.home-widget-2 .bottom-sec p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0
}

.home-widget-2 .bottom-sec .btn {
  font-size: 14px;
  line-height: 16px;
  margin-left: 50px;
  min-width: 150px;
  padding: 8px 16px;
  white-space: nowrap
}

.home-widget-2 .bottom-sec .completed-status {
  font-weight: 600;
  margin-left: 50px
}

.home-widget-2 .bg-pink {
  background-color: #de22d0
}

.home-widget-2 .bg-blue {
  background-color: #810cc6
}

.home-widget-2 .bg-yellow {
  background-color: #ff9e0f
}

.home-widget-2 .get-rewards-block {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .149);
  display: inline-block;
  margin-left: auto;
  margin-right: 15px;
  padding: 10px
}

.home-widget-2 .get-rewards-block-wrapper {
  background-image: url(/static/media/graphline.dae66069772e4d960857.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  display: flex;
  justify-content: flex-end;
  margin-bottom: -34px;
  padding-bottom: 30px
}

.home-widget-2 .get-rewards-block h6 {
  color: #000;
  font-size: 10px;
  font-weight: 400;
  line-height: 12.1px
}

.home-widget-2 .get-rewards-block h3 {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 0
}

.home-widget-2 .get-rewards-block h3 span {
  font-size: 10px;
  font-weight: 400
}

.HostingNodeP p {
  font-size: 14px !important
}

.noteforUser {
  background: #261993;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  left: 0;
  margin-bottom: 0;
  padding: 4px 16px;
  position: absolute;
  width: 100%
}

.onlyNode {
  margin-bottom: 18px
}

.has-image-widget .swap-widget.single {
  border-radius: 30px !important;
  overflow: hidden
}

.info-icon {
  align-items: center;
  display: inline-flex;
  height: 18px;
  width: 16px
}

.info-icon svg {
  width: 16px
}

.react-tooltip-lite {
  max-width: 300px !important;
  width: 250px
}

.active-wallet-display {
  align-items: center;
  background: #ffffff4d;
  border: 1px solid #c0bacf78;
  border-radius: 6px;
  display: flex;
  height: 28px;
  padding: 3px 6px
}

.active-wallet-display p {
  font-size: 12px;
  margin-bottom: 0
}

.active-wallet-display p.font-600 {
  font-weight: 500
}

.active-wallet-display .info-icon {
  height: 26px
}

.active-wallet-display .active-green {
  background: #4caf50;
  border-radius: 10px;
  display: inline-block;
  height: 10px;
  margin-right: 6px;
  width: 10px
}

.color-blue {
  color: #2196f3
}

.howToBuy {
  padding: 20px
}

.howToBuy .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px
}

.howToBuy .userSwitcher {
  background: #eae8ed;
  border-radius: 30px;
  display: inline-block
}

.howToBuy .userSwitcher .btn {
  background: #0000;
  border: none;
  border-radius: 30px;
  color: #000;
  font-size: 14px;
  padding: 6px 16px
}

.howToBuy .userSwitcher .btn.active {
  background: #ff6616;
  color: #fff;
  font-weight: 500
}

.howToBuy .step-guide-wrapper {
  background: #f4f5ff;
  border-radius: 16px;
  margin-top: 20px;
  padding: 16px
}

.howToBuy .step-guide-wrapper .guide-note {
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0 16px
}

.howToBuy .step-guide-wrapper .card {
  border: 0;
  border-radius: 16px;
  height: 100%;
  padding: 16px
}

.howToBuy .step-guide-wrapper .card h6 {
  font-size: 16px;
  font-weight: 600
}

.howToBuy .step-guide-wrapper .card h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 14px
}

.howToBuy .step-guide-wrapper .card img {
  border: 1px solid #e5e9ee;
  border-radius: 16px;
  margin-bottom: 16px
}

.howToBuy .step-guide-wrapper .card p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0
}

.howToBuy .step-guide-wrapper .card.l1xStep h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0
}

.howToBuy .step-guide-wrapper p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0
}

.howToBuy .step-guide-wrapper .has-disc li {
  line-height: 1.5;
  list-style: disc;
  list-style-position: inside
}

.btn-how-to-buy {
  background: #ff6616;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 16px
}

.btn-how-to-buy:hover {
  background: #1d1377;
  color: #fff
}

.widget-node-nft {
  width: 100%
}

.widget-node-nft-wrapper {
  height: 231px;
  max-width: 538px;
  width: 100%
}

.widget-node-nft-wrapper .slick-slider .slick-arrow:before {
  display: none
}

.widget-node-nft-wrapper .slick-slider .slick-arrow:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  padding: 5px
}

.widget-node-nft-wrapper .slick-slider .slick-prev {
  left: 10px;
  z-index: 1
}

.widget-node-nft-wrapper .slick-slider .slick-prev:after {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg)
}

.widget-node-nft-wrapper .slick-slider .slick-next {
  right: 10px;
  z-index: 1
}

.widget-node-nft-wrapper .slick-slider .slick-next:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.widget-node-nft-slide {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  height: 231px;
  padding: 30px 20px;
  width: 100%
}

.widget-node-nft-slide .content-left {
  flex: 0 0 50%;
  width: 50%
}

.widget-node-nft-slide .content-left h5 {
  color: #fff;
  font-size: 14px;
  font-weight: 400
}

@media screen and (max-width:1280px) {
  .widget-node-nft-slide .content-left h5 {
    font-size: 13px
  }
}

.widget-node-nft-slide .content-left h2 {
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 0
}

@media screen and (max-width:1280px) {
  .widget-node-nft-slide .content-left h2 {
    font-size: 36px;
    line-height: 36px
  }
}

.widget-node-nft-slide .content-left h6 {
  color: #fff;
  font-size: 13px;
  font-weight: 400
}

@media screen and (max-width:1280px) {
  .widget-node-nft-slide .content-left h6 {
    font-size: 12px
  }
}

.widget-node-nft-slide .content-left h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600
}

@media screen and (max-width:1280px) {
  .widget-node-nft-slide .content-left h3 {
    font-size: 16px
  }
}

.widget-node-nft-slide .content-left .heading-text {
  margin-bottom: 20px;
  text-align: right
}

.widget-node-nft-slide .content-left .heading-text .img-wrapper {
  display: inline-block;
  height: 36px;
  margin-right: 8px;
  width: 36px
}

.widget-node-nft-slide .content-left .heading-text .img-wrapper img {
  max-width: 100%
}

.widget-node-nft-slide .content-right {
  flex: 0 0 50%;
  padding-left: 25px;
  text-align: right;
  width: 50%
}

.widget-node-nft-slide .content-right .btn {
  font-size: 14px;
  margin-top: -8px;
  min-width: 150px;
  position: relative;
  z-index: 2
}

.widget-node-nft-slide .content-right .img-wrapper {
  display: inline-block;
  margin-left: auto;
  margin-right: -17px;
  margin-top: -85px;
  position: relative;
  right: 0;
  z-index: 1
}

.widget-node-nft-slide .content-right .img-wrapper img {
  animation: bounce 2s infinite
}

.widget-node-nft-slide-three {
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  height: 231px;
  justify-content: space-between;
  padding: 30px 20px
}

.widget-node-nft-slide-three .content-left h5 {
  color: #000;
  font-size: 14px;
  font-weight: 400
}

@media screen and (max-width:1280px) {
  .widget-node-nft-slide-three .content-left h5 {
    font-size: 13px
  }
}

.widget-node-nft-slide-three .content-left h2 {
  color: #000;
  font-size: 50px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 6px
}

@media screen and (max-width:1280px) {
  .widget-node-nft-slide-three .content-left h2 {
    font-size: 36px;
    line-height: 36px
  }
}

.widget-node-nft-slide-three .content-left h6 {
  color: #000;
  font-size: 13px;
  font-weight: 500
}

@media screen and (max-width:1280px) {
  .widget-node-nft-slide-three .content-left h6 {
    font-size: 12px
  }
}

.widget-node-nft-slide-three .content-left h3 {
  color: #000;
  font-size: 20px;
  font-weight: 700
}

@media screen and (max-width:1280px) {
  .widget-node-nft-slide-three .content-left h3 {
    font-size: 16px
  }
}

.widget-node-nft-slide-three .content-left .heading-text {
  margin-bottom: 20px;
  text-align: right
}

.widget-node-nft-slide-three .content-left .heading-text .img-wrapper {
  display: inline-block;
  height: 36px;
  margin-right: 8px;
  width: 36px
}

@media screen and (max-width:1280px) {
  .widget-node-nft-slide-three .content-left .heading-text .img-wrapper {
    height: 32px;
    width: 32px
  }
}

.widget-node-nft-slide-three .content-left .heading-text .img-wrapper img {
  max-width: 100%
}

.widget-node-nft-slide-three .content-right {
  margin-top: -65px;
  position: relative
}

.widget-node-nft-slide-three .content-right .img-wrapper img {
  animation: bounce 2s infinite
}

.widget-node-nft-slide-three .content-bottom {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.widget-node-nft-slide-three h5 {
  color: #000;
  font-size: 14px;
  font-weight: 400
}

.widget-node-nft-slide-three .btn {
  font-size: 14px;
  margin-top: -8px;
  min-width: 150px;
  position: relative;
  z-index: 2
}

.widget-node-nft-slide.dark-text .content-left h2,
.widget-node-nft-slide.dark-text .content-left h3,
.widget-node-nft-slide.dark-text .content-left h5,
.widget-node-nft-slide.dark-text .content-left h6 {
  color: #000
}

.new-node-widget .slick-list {
  overflow: visible;
  overflow: initial;
  overflow-x: clip
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  to {
    transform: translateY(0)
  }

  40% {
    transform: translateY(-20px)
  }

  60% {
    transform: translateY(-10px)
  }
}

.kol-reward .card-content {
  background: #fff;
  border-radius: 12px;
  padding: 16px
}

.kol-reward .card-content img {
  border-radius: 10px;
  margin-right: 12px;
  width: 50px
}

.kol-reward .card-content p {
  color: #000;
  font-size: 14px;
  margin-bottom: 4px
}

.kol-reward .card-content h3 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.node-hosting-wizard p {
  font-size: 14px
}

.node-hosting-wizard ul {
  list-style: disc;
  margin-left: 0;
  padding-left: 16px
}

.node-hosting-wizard ul li {
  font-size: 14px
}

.node-hosting-wizard .code-space-area {
  background: #e8ebef;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 16px;
  padding: 16px 40px 16px 16px;
  width: 50%
}

.rounderRight {
  border-bottom-right-radius: 12px !important
}

.explorerTxLoader {
  align-items: center;
  display: flex;
  height: calc(100% - 160px);
  justify-content: center
}

.download-card {
  border: 1px solid #c8c9dd;
  border-radius: 12px;
  padding: 10px;
  width: 100%
}

.download-card .image-space {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.download-card .image-space img {
  height: 100%;
  margin-bottom: 0;
  object-fit: cover;
  width: 100%
}

.download-card .image-space span {
  align-items: center;
  background: #fff;
  border-radius: 30px;
  bottom: 4px;
  box-shadow: 0 0 10px #ccc;
  display: flex;
  height: 40px;
  justify-content: center;
  position: absolute;
  right: 10px;
  width: 40px
}

.download-card .image-space span svg {
  color: #220561;
  width: 24px
}

.download-card p {
  font-size: 12px;
  margin-bottom: 0 !important
}

.stake--rewards-table {
  height: calc(100% - 203px) !important;
  overflow-y: auto
}

.bgvideo {
  position: relative
}

.bgvideo video {
  height: 100% !important;
  object-fit: cover;
  width: 100% !important
}

.bgvideo video,
.bgvideo:after {
  border-radius: 20px;
  left: 0;
  position: absolute;
  top: 0
}

.bgvideo:after {
  background-color: #00000080;
  content: "";
  display: block;
  height: 100%;
  width: 100%
}

.main-section-left img,
.profile-body-flex-right-bottom-node img {
  position: relative;
  z-index: 2
}

.main-section-left img {
  min-height: 570px
}

.main-section-left.flex-none {
  display: block !important
}

.main-section-left.flex-none .main-section-left-card {
  height: 100%;
  min-height: 570px
}

.rounded-24 {
  border-radius: 24px
}

.categoryName {
  align-items: center;
  background: #e3e4ec;
  border: 1px solid #ccc;
  border-radius: 30px;
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  margin-right: 8px;
  padding: 6px 10px
}

.categoryName svg {
  cursor: pointer;
  margin-left: 6px;
  width: 16px
}

.abs-marq {
  bottom: 8px;
  color: #fff;
  left: 16px;
  position: absolute;
  width: calc(100% - 32px)
}

.l1xScan-header {
  margin-bottom: -12px;
  max-width: 894px;
  padding: 0 24px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .l1xScan-header {
    max-width: 729px
  }

  .l1xScan-header .logo-wrap {
    max-width: 120px
  }
}

.l1xScan-header-inner {
  background-color: #ffffff1f;
  border-radius: 26px 26px 0 0;
  padding: 12px 20px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .l1xScan-header-inner {
    padding: 12px 16px
  }
}

.l1xScan-header-inner .btn-white {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 25px;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  padding: 7px 20px
}

@media screen and (max-width:1440px) {
  .l1xScan-header-inner .btn-white {
    font-size: 12px;
    line-height: 12px;
    min-width: 90px
  }
}

.l1xScan-header-inner .btn-white:hover {
  background-color: #ff6717;
  color: #fff
}

.swap-stake-promotion {
  border: 1px solid #405f97;
  border-radius: 16px;
  height: 245px;
  min-height: 245px;
  overflow: hidden;
  padding: 16px 16px 0;
  position: relative;
  width: 598px
}

@media screen and (max-width:1440px) {
  .swap-stake-promotion {
    height: 203px;
    min-height: 203px;
    width: 483px
  }
}

.swap-stake-promotion .bg-video {
  height: 100%;
  left: 0;
  position: absolute;
  top: -50px;
  width: 100%
}

.swap-stake-promotion-content {
  position: relative;
  z-index: 1
}

.swap-stake-promotion-content .top-content {
  padding-right: 20px
}

.swap-stake-promotion-content .top-content h5 {
  color: #fff;
  font-size: 24px;
  font-weight: 600
}

@media screen and (max-width:1440px) {
  .swap-stake-promotion-content .top-content h5 {
    font-size: 16px
  }
}

.swap-stake-promotion-content .top-content .gif-wrapper {
  margin: 0 auto 16px;
  max-height: 66px;
  max-width: 173px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .swap-stake-promotion-content .top-content .gif-wrapper {
    margin: 0 auto 5px;
    max-height: 48px;
    max-width: 120px
  }
}

.swap-stake-promotion-content .top-content .gif-wrapper>img {
  max-width: 100%
}

.swap-stake-promotion-content .top-content h6 {
  color: #fff;
  font-size: 18px;
  font-weight: 600
}

@media screen and (max-width:1440px) {
  .swap-stake-promotion-content .top-content h6 {
    font-size: 14px
  }
}

.swap-stake-promotion-content .top-content h6>span {
  font-size: 14px;
  font-weight: 400
}

@media screen and (max-width:1440px) {
  .swap-stake-promotion-content .top-content h6>span {
    font-size: 12px
  }
}

.swap-stake-promotion-content .top-content .btn-primary {
  border-color: #ff6717;
  font-size: 14px;
  line-height: 16px;
  min-width: 120px;
  padding: 7.5px 15px
}

@media screen and (max-width:1440px) {
  .swap-stake-promotion-content .top-content .btn-primary {
    font-size: 12px;
    line-height: 12px;
    min-width: 90px
  }
}

.swap-stake-promotion-content .top-content .btn-primary:hover {
  background-color: #fff;
  color: #ff6717
}

.swap-stake-promotion-content .bottom-content {
  background-color: #fff4a3;
  border-radius: 16px 16px 0 0;
  font-size: 15px;
  font-weight: 500;
  margin-top: 13px;
  padding: 7.5px;
  text-align: center
}

@media screen and (max-width:1440px) {
  .swap-stake-promotion-content .bottom-content {
    font-size: 12px;
    margin-top: 30px;
    padding: 4px 7.5px
  }
}

.swap-stake-promotion-content .bottom-content>img {
  vertical-align: middle
}

.mb-100 {
  margin-bottom: 100px
}

@media screen and (max-width:1440px) {
  .mb-100 {
    margin-bottom: 70px
  }
}

.claim-coin-ticket img {
  width: 100px
}

.claim-coin-ticket h5 {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
  max-width: 500px;
  text-align: center
}

.l1x-tier-nft {
  background-color: #fff;
  background-image: url(/static/media/l1x-nft-tier-bg.358a309e82117fb4047d.png);
  background-position: top;
  background-repeat: no-repeat;
  border-radius: 16px;
  height: 100%;
  padding: 16px;
  width: 100%
}

.l1x-tier-nft-main {
  border-radius: 20px;
  height: 100%;
  min-width: 280px;
  width: 280px
}

@media screen and (max-width:1440px) {
  .l1x-tier-nft-main {
    min-width: auto;
    width: 230px
  }
}

.l1x-tier-nft-main .profile-body-flex-left-item {
  margin-bottom: 15px
}

.l1x-tier-nft-main .taskon-right-home {
  background-image: url(/static/media/taskon-bg.45524778390d8a533413.svg);
  background-position: top;
  background-repeat: no-repeat;
  border-radius: 16px;
  color: #fff;
  margin-bottom: 20px;
  padding: 20px
}

.l1x-tier-nft-main .taskon-right-home .taskon-right-inner img {
  margin-bottom: 20px
}

.l1x-tier-nft-main .taskon-right-home .taskon-right-inner .tag-giveway-div {
  border: 1px solid #01ffa3;
  border-radius: 5px;
  display: inline-block;
  font-size: 10px;
  margin-bottom: 20px;
  padding: 5px 20px
}

.l1x-tier-nft-main .taskon-right-home .taskon-right-inner h6 {
  font-size: 12px;
  margin-bottom: 4px
}

.l1x-tier-nft-main .taskon-right-home .taskon-right-inner h3 {
  font-size: 28px;
  font-weight: 700
}

.l1x-tier-nft-main .taskon-right-home .taskon-right-inner p {
  font-size: 12px
}

.l1x-tier-nft-img {
  text-align: center;
  width: 100%
}

.l1x-tier-nft-content h2 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase
}

.l1x-tier-nft-content h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  text-align: center
}

@media screen and (max-width:1440px) {
  .l1x-tier-nft-content h4 {
    font-size: 12px;
    line-height: 16px
  }
}

.l1x-tier-nft-content h4>b {
  font-weight: 600
}

.l1x-tier-nft-content>ul.list {
  list-style: disc;
  padding-left: 16px
}

.l1x-tier-nft-content>ul.list li {
  color: #344054;
  font-size: 12px;
  margin-bottom: 7px
}

@media screen and (max-width:1440px) {
  .l1x-tier-nft-content>ul.list li {
    font-size: 11px
  }
}

.l1x-tier-nft .full-height {
  height: calc(100% - 50px);
  width: 100%
}

.l1x-tier-nft .btn-connect-wallet {
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border: none;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  padding: 10px 16px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .l1x-tier-nft .btn-connect-wallet {
    padding: 8px 16px
  }
}

.l1x-tier-nft-connected {
  border-radius: 20px;
  height: 100%;
  min-width: 280px;
  width: 280px
}

@media screen and (max-width:1440px) {
  .l1x-tier-nft-connected {
    min-width: auto;
    width: 230px
  }
}

.l1x-tier-nft-connected .connected-inner {
  background-color: #fff;
  background-image: url(/static/media/l1x-nft-tier-bg.358a309e82117fb4047d.png);
  background-position: top;
  background-repeat: no-repeat;
  border-radius: 16px;
  height: calc(100% - 60px);
  margin-top: 60px;
  padding: 90px 16px 16px;
  position: relative;
  width: 100%
}

@media screen and (max-width:1440px) {
  .l1x-tier-nft-connected .connected-inner {
    padding: 70px 8px 16px
  }
}

.l1x-tier-nft-connected .connected-inner .profile-wrap {
  background-color: #fff;
  border: 6px solid #fff;
  border-radius: 16px;
  height: 138px;
  left: 50%;
  position: absolute;
  top: -60px;
  transform: translateX(-50%);
  width: 138px
}

@media screen and (max-width:1440px) {
  .l1x-tier-nft-connected .connected-inner .profile-wrap {
    height: 120px;
    width: 120px
  }
}

.l1x-tier-nft-connected .connected-inner .profile-wrap>img {
  border-radius: 12px
}

.l1x-tier-nft-connected .connected-inner .profile-wrap.locked>img {
  opacity: .5
}

.l1x-tier-nft-connected .connected-inner .profile-wrap .lock-icon {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .251);
  display: flex;
  height: 40px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px
}

.l1x-tier-nft-connected .connected-inner h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center
}

.l1x-tier-nft-connected .connected-inner h4>b {
  font-weight: 600
}

.l1x-tier-nft-connected .connected-inner ul.list {
  list-style: disc;
  margin-bottom: 16px;
  padding-left: 8px
}

.l1x-tier-nft-connected .connected-inner ul.list li {
  color: #fff;
  font-size: 12px;
  margin-bottom: 7px
}

.l1x-tier-nft-connected .connected-inner .note-block {
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 10px
}

.l1x-tier-nft-connected .connected-inner .note-block h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 4px
}

.l1x-tier-nft-connected .connected-inner .note-block h5>img {
  max-height: 14px
}

.l1x-tier-nft-connected .connected-inner .note-block h5>small {
  font-size: 10px
}

.l1x-tier-nft-connected .connected-inner .note-block p {
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  margin-bottom: 0
}

.l1x-tier-nft-connected .connected-inner ul.connected-details {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 10px
}

.l1x-tier-nft-connected .connected-inner ul.connected-details li h6 {
  color: #6a6d7b;
  font-size: 10px;
  margin-bottom: 5px;
  text-align: center
}

.l1x-tier-nft-connected .connected-inner ul.connected-details li h5 {
  color: #000;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 0;
  text-align: center
}

.l1x-tier-nft-connected .connected-inner ul.connected-details li .nft-tag {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 25px;
  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .149);
  font-size: 14px;
  font-weight: 700;
  padding: 5px 14px;
  text-transform: uppercase
}

.l1x-tier-nft-connected .btn-connect-wallet {
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border: none;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  padding: 10px 16px;
  width: 100%
}

@media screen and (max-width:1440px) {
  .l1x-tier-nft-connected .btn-connect-wallet {
    padding: 7px 16px
  }
}

.l1x-tier-nft-connected .welcome-section {
  border-bottom: 1px solid #0000001a;
  color: #fff;
  margin-bottom: 10px;
  text-align: center;
  width: 100%
}

.l1x-tier-nft-connected .welcome-section h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px
}

.l1x-tier-nft-connected .welcome-section h3 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px
}

.l1x-tier-nft-connected .welcome-section h4 {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px
}

.l1x-tier-nft-connected .welcome-section h6 {
  font-size: 10px;
  margin-bottom: 16px
}

.l1x-tier-nft-connected .welcome-section+ul.list {
  margin-bottom: 50px
}

@media screen and (max-width:1440px) {
  .l1x-tier-nft-connected .welcome-section+ul.list {
    margin-bottom: 0;
    padding-bottom: 0 !important
  }
}

.NoContent {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 30px;
  text-align: center;
  width: 100%
}

.NoContent h4 {
  color: #000;
  font-size: 14px;
  margin: 16px 0 7px
}

.NoContent h6 {
  color: #6a6d7b;
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 16px
}

.NoContent .btn {
  font-size: 12px;
  padding: 7px 22px
}

.RookPromotion {
  align-items: start;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border-radius: 16px;
  color: #fff;
  display: flex;
  gap: 16px;
  max-width: 450px;
  padding: 12px
}

.RookPromotion img {
  border-radius: 12px;
  height: auto;
  max-width: 70px;
  width: 100%
}

.RookPromotion h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0
}

.RookPromotion p {
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 0
}

.RookPromotion .btn-get-rook {
  background: #fff;
  border-radius: 30px;
  color: #ff4500;
  font-size: 13px;
  padding: 2px 16px
}

.zeus-promo {
  background: url(/static/media/zeus-bg.f07fbd33c9cd8fc18946.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 0 16px 16px;
  height: 210px;
  overflow: hidden;
  width: 100%
}

.zeus-promo .zeus-character {
  margin-left: -20px;
  width: 210px
}

.zeus-promo .zeus-content {
  color: #fff;
  padding: 10px 10px 10px 20px;
  width: 100%
}

.zeus-promo .zeus-content h2 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 0
}

.zeus-promo .zeus-content h2 span {
  font-weight: 300
}

.zeus-promo .zeus-content .benefits-anchor {
  border-bottom: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px
}

.zeus-promo .zeus-content ul li p {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0
}

.zeus-promo .zeus-content ul li img {
  margin-right: 10px
}

.zeus-promo .zeus-content .btn-yellow {
  background: #fafe23;
  border-radius: 30px;
  color: #000;
  font-size: 14px;
  padding: 6px 22px
}

@media screen and (max-width:1440px) {
  .zeus-promo {
    height: 191px
  }

  .zeus-promo .zeus-character {
    margin-left: -20px;
    width: 190px
  }

  .zeus-promo .zeus-content h2 {
    font-size: 26px
  }

  .zeus-promo .zeus-content ul li {
    margin-bottom: 4px
  }

  .zeus-promo .zeus-content ul li p {
    font-size: 12px
  }

  .zeus-promo .zeus-content .btn-yellow {
    font-size: 13px;
    padding: 6px 12px
  }
}

.promo-content .roadmap-slider {
  height: 210px;
  margin-top: 0;
  max-width: 598px;
  width: 598px
}

@media screen and (max-width:1440px) {
  .promo-content .roadmap-slider {
    height: 191px;
    max-width: 483px;
    width: 483px
  }
}

.promo-content .roadmap-slider .slick-slide {
  margin-top: -7px;
  width: 598px !important
}

@media screen and (max-width:1440px) {
  .promo-content .roadmap-slider .slick-slide {
    margin-top: -5px
  }
}

.promo-content .roadmap-slider .slick-slide .shuflAppImg {
  margin-top: 7px
}

@media screen and (max-width:1440px) {
  .promo-content .roadmap-slider .slick-slide .shuflAppImg {
    height: 191px !important;
    margin-top: 5px
  }
}

.roadmap-slider-arrows {
  z-index: 9
}

@media screen and (max-width:1440px) {
  .hide-after-1440 {
    display: none
  }
}

.icon-size-20 {
  width: 20px
}

.username-NFTID {
  display: block;
  font-size: 13px;
  margin: 4px 0 0;
  text-align: center;
  width: 100%
}

.has-swap-bg {
  background-image: url(/static/media/airdrop-h-bg.415b6faaa086cf2489ae.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 13px;
  position: relative
}

.has-swap-bg .button-swapwithout {
  margin-top: 10px
}

.has-swap-bg h6 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 12px
}

.has-swap-bg h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 12px
}

@media screen and (max-width:1440px) {
  .has-swap-bg h2 {
    font-size: 18px;
    margin-bottom: 10px
  }
}

.has-swap-bg p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 12px
}

.has-swap-bg h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px
}

.has-swap-bg .btn {
  padding: 5px 16px
}

.has-swap-bg .btn.--outline {
  background: #0000;
  border: 1px solid #ff6717;
  color: #ff6717
}

.has-swap-bg .btn.--outline:hover {
  background: #ff6717;
  color: #fff
}

@media screen and (max-width:1440px) {
  .has-swap-bg .btn {
    font-size: 10px;
    padding: 5px 16px
  }
}

.has-swap-bg .btn-swap-wlt {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #ff6717;
  font-size: 15px !important;
  font-weight: 500
}

.has-swap-bg .btn-swap-wlt:hover {
  box-shadow: 0 5px 15px #00000029
}

.has-swap-bg .btn-swap-wlt:active {
  background: #fff;
  color: #ff6717
}

.has-swap-bg .ul-main-dv-tran {
  position: relative
}

.has-swap-bg .ul-main-dv-tran .special-points li {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  gap: 10px;
  margin-bottom: 5px
}

.has-swap-bg .ul-main-dv-tran .special-points li span {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  display: flex;
  height: 14px;
  justify-content: center;
  min-width: 14px;
  width: 14px
}

.has-swap-bg .ul-main-dv-tran .special-points li span svg {
  color: #000;
  width: 12px
}

@media screen and (max-width:1440px) {
  .has-swap-bg .ul-main-dv-tran .special-points li span svg {
    width: 12px
  }

  .has-swap-bg .ul-main-dv-tran .special-points li {
    font-size: 11px
  }

  .has-swap-bg .ul-main-dv-tran .special-points {
    margin-bottom: 5px !important
  }
}

.has-swap-bg.airdrop-bg {
  border: none;
  color: #fff;
  text-align: center
}

.has-swap-bg.airdrop-bg .crosschain {
  font-size: 21px
}

@media screen and (max-width:1440px) {
  .has-swap-bg.airdrop-bg .crosschain {
    font-size: 16px
  }
}

.has-swap-bg.airdrop-bg h2 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase
}

@media screen and (max-width:1440px) {
  .has-swap-bg.airdrop-bg h2 {
    font-size: 32px
  }
}

.has-swap-bg.airdrop-bg .draw-comp {
  background: linear-gradient(90deg, #8217a6, #ff6717);
  border-radius: 4px;
  margin: 7px auto;
  padding: 5px 8px;
  text-align: center
}

@media screen and (max-width:1440px) {
  .has-swap-bg.airdrop-bg .draw-comp {
    margin: 7px auto
  }
}

.has-swap-bg.airdrop-bg .draw-comp h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0;
  text-transform: uppercase
}

@media screen and (max-width:1440px) {
  .has-swap-bg.airdrop-bg .draw-comp h3 {
    font-size: 19px
  }
}

.has-swap-bg.airdrop-bg h5 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center
}

@media screen and (max-width:1440px) {
  .has-swap-bg.airdrop-bg h5 {
    font-size: 14px;
    margin-bottom: 15px
  }
}

.has-swap-bg.airdrop-bg h6 {
  font-size: 10px;
  font-weight: 400;
  margin-bottom: 6px;
  margin-top: -12px
}

@media screen and (max-width:1440px) {
  .has-swap-bg.airdrop-bg h6 {
    margin-top: -6px
  }
}

.has-swap-bg.airdrop-bg h4 {
  font-size: 18px;
  text-transform: uppercase
}

@media screen and (max-width:1440px) {
  .has-swap-bg.airdrop-bg h4 {
    font-size: 15px
  }
}

.has-swap-bg.airdrop-bg .btn {
  background: #fff;
  border-color: #fff;
  border-radius: 30px;
  color: #000a29;
  font-size: 14px;
  min-width: 138px;
  padding: 6px 18px;
  transition: all .3s ease
}

.has-swap-bg.airdrop-bg .btn.orange {
  background: #f55f27;
  border-color: #f55f27;
  color: #fff
}

@media screen and (max-width:1440px) {
  .has-swap-bg.airdrop-bg .btn {
    font-size: 13px;
    min-width: 118px;
    padding: 4px 10px
  }
}

.has-swap-bg.airdrop-bg .btn:hover {
  background: #ff6718;
  border-color: #ff6718;
  color: #fff;
  transition: all .3s ease
}

.has-swap-bg.airdrop-bg .btn.btn-outline-primary {
  background: #0000;
  color: #fff;
  transition: all .3s ease
}

.has-swap-bg.airdrop-bg .btn.btn-outline-primary:hover {
  background: #ff6718;
  border-color: #ff6718;
  color: #fff;
  transition: all .3s ease
}

.has-swap-bg.airdrop-bg p {
  font-size: 11px;
  font-weight: 400;
  margin-top: 8px
}

@media screen and (max-width:1440px) {
  .has-swap-bg.airdrop-bg p {
    font-size: 9px
  }
}

.has-swap-bg.airdrop-bg .liveContent {
  align-items: start;
  animation: pulse-animation 2s infinite;
  background: #fff;
  border-radius: 8px;
  display: inline-flex;
  padding: 6px 10px;
  position: absolute;
  right: 8px;
  top: 8px
}

.has-swap-bg.airdrop-bg .liveContent p {
  color: red;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.has-swap-bg.airdrop-bg .liveContent span {
  background: red;
  border-radius: 10px;
  display: inline-block;
  height: 10px;
  margin-left: 4px;
  width: 10px
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0 #ffffff80
  }

  to {
    box-shadow: 0 0 0 10px #fff0
  }
}

@keyframes Lightning {
  0% {
    right: 100%
  }

  to {
    right: 0
  }
}

.whitebg-home {
  align-items: center;
  background-image: url(/static/media/bg-expl-img.3fcc1f51592ae2a4551e.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: 100% 100%;
  border-radius: 16px;
  display: flex;
  height: 80px;
  justify-content: space-between;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 20px 16px
}

.whitebg-home .scan-lonex {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 20px
}

.whitebg-home .scan-lonex h5 {
  font-size: 20px !important;
  font-weight: 600;
  margin-bottom: 2px
}

.whitebg-home .scan-lonex p {
  font-size: 12px !important;
  margin-bottom: 0
}

.whitebg-home .scan-lonex .relative {
  left: -40px
}

.whitebg-home img {
  max-width: 100%
}

.whitebg-home .threed-logo {
  height: 40px
}

.whitebg-home .btn-org {
  background-color: #ff6717;
  border: none;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  padding: 5px 15px;
  transition: .3s;
  white-space: nowrap
}

.whitebg-home .btn-org:hover {
  background-color: #c84c0b
}

.img-align-v {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  vertical-align: middle
}

.mainstep-process {
  margin: 0 20px 30px
}

.mainstep-process .step-container {
  align-items: center;
  display: flex
}

.mainstep-process .step {
  position: relative;
  text-align: center
}

.mainstep-process .circle-active {
  align-items: center;
  background-color: #4caf50;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 18px;
  height: 16px;
  justify-content: center;
  margin: 0 10px;
  padding: 2px;
  width: 16px
}

.mainstep-process .circle-active.ping-active {
  position: relative
}

.mainstep-process .circle-active.ping-active:before {
  animation: ping 1.3s infinite;
  background-color: #4caf5099;
  border-radius: 50%;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%
}

@keyframes ping {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  75% {
    opacity: 0;
    transform: scale(2)
  }

  to {
    opacity: 0
  }
}

.mainstep-process .circle {
  align-items: center;
  background-color: #dadfe8;
  border-radius: 50%;
  color: #dadfe8;
  display: flex;
  font-size: 18px;
  height: 16px;
  justify-content: center;
  margin: 0 10px;
  width: 16px
}

.mainstep-process p {
  color: #667085;
  font-size: 10px;
  left: -30px;
  margin-top: 8px;
  opacity: 1;
  position: absolute;
  text-align: center;
  width: 100px
}

.mainstep-process .line {
  height: 4px;
  width: 100px
}

.mainstep-process .line.line-solid-green {
  background-color: #4caf50
}

.mainstep-process .line {
  background-color: #dadfe8
}

.mainstep-process .line.progress-line {
  position: relative
}

.mainstep-process .line.progress-line:before {
  animation: progress 1s linear infinite;
  background-color: #4caf50;
  content: "";
  display: block;
  height: 4px;
  width: 0
}

@keyframes progress {
  0% {
    width: 0
  }

  to {
    width: 100%
  }
}

@media screen and (max-width:1024px) {
  .navigation {
    display: none !important
  }
}

@media screen and (max-width:1200px) {

  .l1x-scan .full-screen.block-container .scrollable-content,
  .l1x-scan .scan-transaction .transaction-card .address-transactions {
    height: auto
  }

  .navigation .btn-l1xguide {
    left: 10px;
    right: auto
  }

  table tbody tr td {
    white-space: nowrap
  }

  .l1x-rate.flexdv-overview {
    display: block
  }

  .token-holders-dropdown-trigger {
    gap: 10px
  }

  .token-holders-dropdown-trigger svg {
    min-width: 14px
  }

  .l1x-scan .scan-container {
    height: calc(100vh - 40px)
  }

  .l1x-scan {
    padding: 0
  }

  .l1x-scan .scan-transaction .transaction-card-table .table thead tr th {
    font-size: 12px;
    padding-bottom: 8px;
    padding-top: 8px;
    white-space: nowrap
  }

  .l1x-scan .scan-transaction .transaction-card-table .table thead tr th .methodDrop button,
  .l1x-scan .scan-transaction .transaction-card-table .table thead tr th .methodDrop ul li {
    font-size: 12px
  }

  .l1x-scan .scan-transaction .transaction-card-table .table tbody tr td {
    font-size: 12px;
    padding-bottom: 8px;
    padding-top: 8px;
    vertical-align: middle
  }

  .l1x-scan .scan-transaction .transaction-card-table .table tbody tr td .has-copy-content a {
    font-size: 12px
  }

  .l1x-scan .scan-transaction .transaction-card .dashboard-table,
  .l1x-scan .scan-transaction .transaction-card .transaction-table {
    height: 100%
  }

  .l1x-scan .scan-head {
    border-radius: 0
  }

  .l1x-scan .scan-head .actions {
    display: none
  }

  .l1x-scan .scan-container {
    border-radius: 0;
    height: auto
  }

  .l1x-scan .scan-top .upper-bg-content .search-area {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between
  }

  .l1x-scan .scan-top .upper-bg-content .search-area .transactionBack {
    height: 30px;
    margin-right: 0;
    min-width: 30px;
    width: 30px
  }

  .l1x-scan .scan-top .upper-bg-content .stats-card.none-m {
    margin-top: 0
  }

  .l1x-scan .scan-top .upper-bg-content .stats-card {
    height: auto;
    margin-top: 14px
  }

  .l1x-scan .scan-top .upper-bg-content .stats-card .value-contain .value span {
    display: inline-block
  }

  .l1x-scan .scan-top .upper-bg-content .stats-card .value-contain .value-text {
    width: auto
  }

  .l1x-scan .scan-top .upper-bg-content .search-area .search-bar {
    max-width: 100%
  }

  .l1x-scan .scan-top .upper-bg-content .search-area .emty-div {
    display: none
  }

  .main-container {
    min-height: 100%
  }
}

@media screen and (max-width:1024px) {
  ._hj-widget-container ._hj-n5JRY__styles__openStateButtonToggle {
    display: none !important
  }
}

@media screen and (max-width:991px) {
  .l1x-scan .scan-transaction .transaction-card-head .transaction-type-selector .btn {
    font-size: 12px;
    white-space: nowrap;
    width: 50%
  }

  .transactionBack {
    position: static
  }

  .l1x-scan .scan-transaction .transaction-card-head {
    display: flex;
    gap: 5px
  }

  .l1x-scan .scan-transaction .transaction-card-head .right-content .dropdown ul li a {
    font-size: 12px
  }

  .l1x-scan .scan-transaction .transaction-card-head .right-content .dropdown .btn-filter {
    font-size: 11px;
    padding: 3px 6px
  }

  .l1x-scan .scan-transaction .transaction-card-head .right-content .trans-pagination ul li {
    font-size: 10px
  }

  .l1x-scan .scan-transaction .transaction-card-head .right-content .trans-pagination ul li.btn {
    height: 28px;
    min-width: 28px
  }

  .l1x-scan .scan-transaction .transaction-card-head .transaction-type-selector {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    max-width: 300px;
    width: 100%
  }

  .responsive-flex {
    border-right: none;
    display: flex;
    justify-content: space-between
  }

  .stats-card .pb-4 {
    padding-bottom: .5rem !important
  }

  .testnet-toggle {
    margin-right: 10px
  }

  .testnet-toggle .btn {
    font-size: 12px;
    padding: 7px 10px
  }
}

@media screen and (max-width:767px) {
  .noneborder-resposive {
    border: none
  }
}

@media screen and (min-width:651px) {
  .tbl-footer-pagination {
    display: none
  }
}

@media screen and (max-width:650px) {
  .tbl-footer-pagination {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
    width: 100%
  }
}

@media screen and (max-width:680px) {
  .l1x-scan .scan-transaction .transaction-card-head .right-content {
    justify-content: center
  }

  .wallet-address-space .copy {
    align-items: center;
    background-color: #00000069;
    border-radius: 50px;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-left: 0;
    min-width: 40px;
    width: 40px
  }

  .wallet-address-space .copy svg path {
    fill: #fff0f0
  }

  .l1x-scan .scan-transaction .transaction-card-head .transaction-type-selector .btn {
    font-size: 12px;
    width: 50%
  }

  .l1x-scan .scan-top .upper-bg-content .search-area .search-bar input {
    font-size: 12px;
    padding: 5px 33px 5px 13px
  }

  .l1x-scan .scan-top .upper-bg-content .search-area .search-bar .btnSearch {
    height: 30px;
    right: 0;
    width: 30px
  }

  .l1x-scan .scan-top .upper-bg-content .search-area .search-bar .btnSearch svg {
    height: 14px;
    width: 14px
  }
}

.referral-rewards-right {
  color: #000
}

.referral-rewards-right .referral-code-cls {
  align-items: center;
  background-color: #f4f5ff;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 8px 12px;
  position: relative
}

.referral-rewards-right .referral-code-cls .copy-btnicon {
  background-color: #0000;
  border: none;
  width: 30px
}

.referral-rewards-right .referral-code-cls .copy-btnicon svg {
  fill: #667085
}

.referral-rewards-right .wlt-referred-font {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px
}

.referral-rewards-right .refer-username-txt {
  color: #8d97a1;
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px
}

.referral-rewards-right .percentange-process {
  align-items: center;
  display: flex;
  gap: 10px
}

.referral-rewards-right .act-wlt-referred-div {
  background-color: #eee;
  border-radius: 10px;
  height: 4px;
  position: relative;
  width: 100%
}

.referral-rewards-right .act-wlt-referred-div .processinner {
  background-color: #ff6d14;
  border-radius: 10px;
  height: 4px;
  position: relative
}

.referral-rewards-right .act-wlt-referred-div .processinner:after {
  background-color: #fff;
  border: 4px solid #ff6d14;
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 0;
  top: -8px;
  width: 20px
}

.referral-rewards-right .number-process {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  min-width: 50px
}

.referral-rewards-right .number-process span {
  color: #8d97a1;
  display: inline-block;
  font-weight: 400
}

.modalof-referral .modalof-referral-body .wallet-address-input {
  margin-bottom: 25px
}

.widget-interfaces .bg-white {
  background-color: #fff
}

.manage-my-width {
  width: 60%
}

.swapapi-div {
  background-color: #fff;
  border-radius: 0 0 16px 16px;
  height: 210px;
  overflow: hidden
}

@media screen and (max-width:1440px) {
  .swapapi-div {
    height: 191px;
    padding: 0
  }
}

.swapapi-div img {
  width: 100%
}

@media screen and (max-width:1440px) {
  .manage-my-width {
    width: 66%
  }

  .manage-my-width h6 {
    font-size: 14px;
    margin-bottom: 8px
  }

  .manage-my-width .btn-swap-wlt {
    font-size: 12px !important
  }

  .newSwap-bg {
    padding: 12px !important
  }
}

.referral-rewards-div {
  align-items: center;
  display: flex;
  gap: 20px;
  padding: 20px 30px
}

.referral-rewards-div .referral-rewards-main {
  align-items: center;
  display: flex;
  gap: 20px;
  min-width: 350px
}

.referral-rewards-div .referral-rewards-main .reward-right-img p {
  color: #000;
  font-size: 12px;
  margin: 0 0 6px
}

.referral-rewards-div .referral-rewards-main .reward-right-img .total-rewards {
  align-items: end;
  display: flex;
  gap: 10px
}

.referral-rewards-div .referral-rewards-main .reward-right-img .total-rewards h3 {
  align-items: end;
  color: #000;
  display: flex;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0
}

.referral-rewards-div .referral-rewards-main .reward-right-img .total-rewards h3 span {
  display: inline-block;
  font-size: 13px;
  line-height: normal;
  margin-left: 4px
}

.referral-rewards-div .referral-rewards-main .reward-right-img .total-rewards h5 {
  color: #8d97a1;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0
}

.referral-rewards-div .referral-rewards-right {
  color: #000
}

.referral-rewards-div .referral-rewards-right .referral-code-cls {
  align-items: center;
  background-color: #f4f5ff;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 8px 12px
}

.referral-rewards-div .referral-rewards-right .referral-code-cls .copy-btnicon {
  background-color: #0000;
  border: none;
  width: 30px
}

.referral-rewards-div .referral-rewards-right .referral-code-cls .copy-btnicon svg {
  fill: #667085
}

.referral-rewards-div .referral-rewards-right .wlt-referred-font {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px
}

.referral-rewards-div .referral-rewards-right .refer-username-txt {
  color: #8d97a1;
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px
}

.referral-rewards-div .referral-rewards-right .percentange-process {
  align-items: center;
  display: flex;
  gap: 10px
}

.referral-rewards-div .referral-rewards-right .act-wlt-referred-div {
  background-color: #eee;
  border-radius: 10px;
  height: 4px;
  position: relative;
  width: 100%
}

.referral-rewards-div .referral-rewards-right .act-wlt-referred-div .processinner {
  background-color: #ff6d14;
  border-radius: 10px;
  height: 4px;
  position: relative
}

.referral-rewards-div .referral-rewards-right .act-wlt-referred-div .processinner:after {
  background-color: #fff;
  border: 4px solid #ff6d14;
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: -20px;
  top: -8px;
  width: 20px
}

.referral-rewards-div .referral-rewards-right .number-process {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  min-width: 50px
}

.referral-rewards-div .referral-rewards-right .number-process span {
  color: #8d97a1;
  display: inline-block;
  font-weight: 400
}

.referral-rewards-div .referral-reward-flex {
  grid-gap: 14px;
  background-color: #fff;
  border-radius: 16px;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, 1fr);
  padding: 16px;
  width: 100%
}

.claim-table-td .btn-claim {
  background-color: #fff;
  border: 1px solid #ff6d14;
  border-radius: 4px;
  color: #ff6d14;
  font-size: 12px;
  margin-left: 5px;
  padding: 2px 10px;
  transition: .3s
}

.claim-table-td .btn-claim,
.claim-table-td .btn-claim:hover {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s
}

.claim-table-td .btn-claim:hover {
  background-color: #ff6d14;
  color: #fff
}

.claim-table-td .btn-claim.newclaim-btn {
  align-items: center;
  display: flex;
  gap: 5px
}

.claim-table-td .btn-claim.newclaim-btn svg {
  width: 18px
}

.claim-table-td .btn-claim.disabled {
  background-color: #e4e5f7;
  border: 1px solid #e4e5f7;
  color: #545567;
  pointer-events: none
}

.claim-table-td {
  align-items: center;
  display: flex;
  gap: 10px
}

.overlay-referral {
  background: #000000c9;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9
}

.modalof-referral {
  background-color: #fff;
  border-radius: 20px;
  color: #000;
  left: 0;
  margin: 0 auto;
  padding: 20px;
  position: absolute;
  right: 0;
  width: 520px;
  z-index: 99
}

.modalof-referral .modalof-referral-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px
}

.modalof-referral .modalof-referral-head h3 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.modalof-referral .modalof-referral-head .closebuttons {
  align-items: center;
  background-color: #f0f1f4;
  border: none;
  border-radius: 50%;
  display: flex;
  height: 34px;
  justify-content: center;
  padding: 0;
  width: 34px
}

.modalof-referral .modalof-referral-head .closebuttons svg {
  height: 16px;
  width: 16px
}

.modalof-referral .modalof-referral-head .closebuttons svg path {
  stroke: #2d246882
}

.modalof-referral .modalof-referral-body .wallet-address-input {
  margin-bottom: 30px;
  margin-top: 20px
}

.modalof-referral .modalof-referral-body .wallet-address-input.claimdetails {
  position: relative
}

.modalof-referral .modalof-referral-body .wallet-address-input.claimdetails .claim-details-flex {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px
}

.modalof-referral .modalof-referral-body .wallet-address-input.claimdetails .claim-details-flex label {
  color: #2d2468
}

.modalof-referral .modalof-referral-body .wallet-address-input.claimdetails .claim-details-flex .available-claim-text {
  color: #2d2468;
  font-weight: 300
}

.modalof-referral .modalof-referral-body .wallet-address-input.claimdetails .claim-details-flex .available-claim-text span {
  font-weight: 600
}

.modalof-referral .modalof-referral-body .wallet-address-input.claimdetails input {
  padding: 12px 85px 12px 15px
}

.modalof-referral .modalof-referral-body .wallet-address-input.claimdetails input::placeholder {
  color: #8f99ac
}

.modalof-referral .modalof-referral-body .wallet-address-input.claimdetails .maxbutton {
  background-color: #fff;
  border: 1px solid #ff6d14;
  border-radius: 6px;
  color: #ff6d14;
  display: block;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 16px;
  position: absolute;
  right: 8px;
  top: 37px
}

.modalof-referral .modalof-referral-body .wallet-address-input.claimdetails .maxbutton:hover {
  background-color: #ff6d14;
  color: #fff
}

.modalof-referral .modalof-referral-body .wallet-address-input input {
  background-color: #fff;
  border: 1px solid #d1d4e1;
  border-radius: 8px;
  display: block;
  padding: 12px 15px;
  width: 100%
}

.modalof-referral .modalof-referral-body .wallet-address-input input::placeholder {
  color: #8f99ac;
  font-weight: 300
}

.modalof-referral .modalof-referral-body .wallet-address-input p {
  color: #8f99ac;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0
}

.modalof-referral .modalof-referral-body .claim-currency-select {
  margin-bottom: 30px
}

.modalof-referral .modalof-referral-body .claim-currency-select label {
  color: #2d2468;
  display: block;
  margin-bottom: 8px
}

.modalof-referral .modalof-referral-body .claim-currency-select .flex-tkn-crn {
  align-items: center;
  display: flex;
  gap: 15px
}

.modalof-referral .modalof-referral-body .claim-currency-select .flex-tkn-crn .icon-btn-currency img {
  width: 20px
}

.modalof-referral .modalof-referral-body .claim-currency-select .flex-tkn-crn .icon-btn-currency {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d1d4e1;
  border-radius: 6px;
  display: flex;
  gap: 6px;
  padding: 10px 30px
}

.modalof-referral .modalof-referral-body .claim-currency-select .flex-tkn-crn .icon-btn-currency:hover {
  border: 1px solid #ff6d14;
  box-shadow: 1px 8px 13px #ff6d1440
}

.modalof-referral .modalof-referral-body .claim-currency-select .flex-tkn-crn .icon-btn-currency p {
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 0
}

.modalof-referral .modalof-referral-body .footerbutton-claimdetails {
  display: flex;
  justify-content: center
}

.modalof-referral .modalof-referral-body .footerbutton-claimdetails .btn.btn-claim-footer {
  background-color: #ff6d14;
  border: 1px solid #ff6d14;
  border-radius: 30px;
  color: #fff;
  cursor: pointer !important;
  font-size: 14px;
  padding: 9px 60px
}

.modalof-referral .modalof-referral-body .footerbutton-claimdetails .btn.btn-claim-footer.outline {
  background: #0000;
  border-color: #e7eff3;
  color: #061029
}

.modalof-referral .modalof-referral-body .footerbutton-claimdetails .btn.btn-claim-footer.outline:hover {
  background: #fff;
  box-shadow: 0 4px 10px #00000021
}

.modalof-referral .modalof-referral-body .smaller-text {
  color: #607d8b;
  font-size: 12px;
  margin-bottom: 8px
}

.modalof-referral .modalof-referral-body .transaction-hash-space {
  align-items: center;
  background: #eff3f4;
  border-radius: 30px;
  display: inline-flex;
  justify-content: space-between;
  padding: 6px
}

.modalof-referral .modalof-referral-body .transaction-hash-space p {
  font-size: 14px;
  margin: 0 12px
}

.modalof-referral .modalof-referral-body .transaction-hash-space .btn-copy {
  align-items: center;
  background: #0000;
  border-radius: 30px;
  color: #000a29;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0;
  width: 30px
}

.modalof-referral .modalof-referral-body .transaction-hash-space .btn-copy:hover {
  background: #0000001a
}

.modalof-referral .modalof-referral-body .transaction-hash-space .btn-copy svg {
  width: 20px
}

.modalof-referral .modalof-referral-body .transaction-hash-space .btn-copy.link {
  color: #0079bf
}

.rights-issue-main-div .rights-issue-head-div {
  background: #cc6243;
  background: linear-gradient(90deg, #cc6243, #ae2255 35%, #1e144b);
  padding: 20px
}

.rights-issue-main-div .rights-issue-head-div .rights-issue-flex {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 12px
}

.rights-issue-main-div .rights-issue-head-div .rights-issue-flex .rights-issue-flex-left {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  height: 70px;
  justify-content: center;
  min-width: 70px;
  padding: 8px
}

.rights-issue-main-div .rights-issue-head-div .rights-issue-flex .rights-issue-flex-left img {
  width: 40px
}

.rights-issue-main-div .rights-issue-head-div .rights-issue-flex .rights-issue-flex-right p {
  font-size: 12px;
  margin-bottom: 10px
}

.rights-issue-main-div .rights-issue-head-div .rights-issue-flex .rights-issue-flex-right h3 {
  align-items: end;
  display: flex;
  font-size: 22px;
  font-weight: 600;
  gap: 4px;
  line-height: 22px;
  margin-bottom: 0
}

.rights-issue-main-div .rights-issue-head-div .rights-issue-flex .rights-issue-flex-right h3 span {
  font-size: 13px;
  font-weight: 400;
  line-height: 13px
}

.rights-issue-main-div .rights-issue-head-div .rights-issue-flex .rights-issue-flex-right .smalltext {
  font-size: 13px;
  line-height: 13px
}

.rights-issue-main-div .rights-issue-head-div .rights-issue-flex .rights-issue-flex-right .totalcoins-text {
  align-items: end;
  display: flex;
  gap: 10px
}

.rights-issue-main-div .semibold-600 {
  font-weight: 600
}

.referral-amount-space img {
  margin-bottom: 16px;
  width: 80px
}

.referral-amount-space p {
  font-size: 16px;
  margin-bottom: 8px
}

.referral-amount-space .claim-amount-space {
  border-radius: 30px;
  display: inline-block;
  padding: 4px 16px
}

.referral-amount-space .claim-amount-space h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 0
}

.successSpace .referral-amount-space img {
  width: 120px
}

.rightIssues {
  background-image: url(/static/media/rightIssue.3399569de339bf45cd6b.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 10px 16px;
  width: 100%
}

.rightIssues h6 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0
}

@media screen and (max-width:1440px) {
  .rightIssues h6 {
    font-size: 14px
  }
}

.rightIssues h2 {
  font-size: 36px;
  font-weight: 600
}

@media screen and (max-width:1440px) {
  .rightIssues h2 {
    font-size: 30px
  }
}

.rightIssues svg {
  margin-right: 8px;
  width: 16px
}

.rightIssues p {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0
}

@media screen and (max-width:1440px) {
  .rightIssues p {
    font-size: 10px
  }
}

.rightIssues p span {
  font-weight: 600
}

.rightIssues .btn {
  border-radius: 30px;
  font-size: 14px;
  padding: 6px 15px
}

@media screen and (max-width:1440px) {
  .rightIssues .btn {
    font-size: 12px;
    padding: 4px 12px
  }
}

.rightIssues .btn.btn-outline-primary {
  border-color: #fff;
  color: #fff;
  margin-left: 10px
}

.rightIssues .btn.btn-outline-primary:hover {
  background: #fff;
  color: #000a29
}

.copiedSpaceGreen {
  align-items: center;
  background: #afe8b1;
  color: #4caf50;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translateX(-100%);
  transition: transform .4s ease;
  width: 100%
}

.copiedSpaceGreen.open {
  transform: translateX(0)
}

.btn-l1xguide {
  animation: shadowPulse 1.5s infinite;
  border-radius: 30px;
  bottom: 40px;
  font-size: 14px;
  padding: 8px 16px;
  position: absolute;
  right: 100px
}

.btn-l1xguide,
.btn-l1xguide:hover {
  background: #fff
}

.btn-l1xguide:active {
  background: #fff !important
}

.btn-l1xguide.competition {
  align-items: center;
  background: #f55f27;
  color: #fff;
  display: flex;
  font-weight: 500;
  height: 44px;
  left: 20px;
  letter-spacing: .3px;
  right: auto;
  top: 20px;
  transition: all .3s ease;
  width: 44px
}

.btn-l1xguide.competition span {
  margin-left: 8px;
  opacity: 0;
  width: 0
}

.btn-l1xguide.competition:hover {
  transition: all .3s ease;
  width: auto
}

.btn-l1xguide.competition:hover span {
  opacity: 1;
  transition: all .3s ease;
  width: auto
}

@keyframes shadowPulse {
  0% {
    box-shadow: 0 0 0 0 #fff6
  }

  to {
    box-shadow: 0 0 0 15px #fff0
  }
}

.guide-modal {
  height: 100%;
  left: 0;
  overflow-y: auto;
  padding: 16px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1002
}

@media screen and (max-height:640px) {
  .guide-modal {
    align-items: start !important
  }
}

.guide-modal .guide-video-space {
  animation: scaleIn .3s ease-in-out forwards;
  background: #fff;
  border-radius: 16px;
  max-width: 900px;
  padding: 16px;
  position: relative;
  transform: scale(0);
  width: 100%;
  z-index: 1003
}

.guide-modal .guide-video-space h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0
}

.guide-modal .guide-video-space .video-space iframe {
  border-radius: 12px;
  max-width: 100%;
  width: 100%
}

.guide-modal .guide-modal-overlay {
  background: #000000b3;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1002
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(0)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

.communitySpace {
  display: block;
  margin-bottom: 15px;
  position: relative;
  right: 0;
  top: 0
}

.communitySpace button {
  align-items: center;
  border-radius: 40px;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  padding: 0;
  width: 44px
}

.communitySpace button img {
  width: 44px
}

.communitySpace .socialIcons {
  border-radius: 8px;
  bottom: 40px;
  display: none;
  left: -6px;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px);
  transition: opacity .3s ease, transform .3s ease;
  z-index: 9
}

.communitySpace .socialIcons a {
  display: block;
  margin-bottom: 10px
}

.communitySpace .socialIcons a img {
  width: 36px
}

.communitySpace:hover .socialIcons {
  display: block;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0)
}

.centerTab {
  align-items: center;
  display: inline-flex;
  margin-top: 10px;
  padding: 4px
}

.centerTab,
.centerTab .btn {
  background: #e3e6ee;
  border-radius: 30px
}

.centerTab .btn {
  font-size: 14px;
  padding: 6px 20px;
  width: 190px
}

.centerTab .btn.active {
  background: #ff4500;
  color: #fff
}

.referal-alert-modal {
  align-items: center;
  color: #000;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1005
}

.referal-alert-modal .referal-alert {
  background: #fff;
  border-radius: 24px;
  max-width: 500px;
  padding: 20px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1006
}

.referal-alert-modal .referal-alert img {
  width: 120px
}

.referal-alert-modal .referal-alert h2 {
  color: #000;
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 20px !important;
  margin: 0 auto;
  max-width: 400px;
  position: relative
}

.referal-alert-modal .referal-alert p {
  font-size: 14px
}

.referal-alert-modal .referal-alert .btn-switch {
  background: #f55f27;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  margin: 10px auto;
  padding: 8px 20px
}

.referal-alert-modal .referal-alert .btn-close {
  position: absolute;
  right: 16px;
  top: 16px
}

.referal-alert-modal .referal-overlay {
  background: #00000091;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%
}

.nft-tier-card-home-main {
  background: #f6f3fd url(/static/media/nft-tir-bg-home.5ca80546d069826b6149.png) no-repeat 100% top;
  border-radius: 20px;
  height: 246px;
  padding: 14px;
  width: 100%
}

.nft-tier-card-home-main .nft-tier-flex-point {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 20px
}

.nft-tier-card-home-main .nft-tier-flex-point .nft-tier-flex-cards {
  text-align: center
}

.nft-tier-card-home-main .nft-tier-flex-point .nft-tier-flex-cards p {
  color: #6a6d7b;
  font-size: 10px;
  margin-bottom: 0;
  text-align: left
}

.nft-tier-card-home-main .nft-tier-flex-point .nft-tier-flex-cards h4 {
  color: #04173a;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px
}

.nft-tier-card-home-main .nft-tier-flex-point .nft-label-dv h4 {
  background-color: #fff;
  border-radius: 30px;
  border-radius: 25px;
  bottom: -10px;
  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .149);
  left: 0;
  line-height: 14px;
  margin: 0 auto;
  padding: 2px 14px 4px;
  right: 0;
  text-align: center;
  width: 74px
}

.nft-tier-card-home-main .nft-tier-flex-point .nft-label-dv h4 span {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(90deg, #7900ff, #890ce2, #a824ac, #c2387f, #d84959, #e9563c, #f55f27, #fc651b, #ff6717);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase
}

.nft-tier-card-home-main .btn-primary {
  background: #ff6717;
  background: linear-gradient(90deg, #ff6717, #8217a6);
  border: none;
  font-size: 12px;
  margin-top: 20px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  width: 100%
}

.nft-tier-card-home-main .btn-primary:focus,
.nft-tier-card-home-main .btn-primary:hover {
  background: #ff6717;
  background: linear-gradient(90deg, #ff6717, #ff6717);
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s
}

.nft-tier-card-home-main .nft-tier-img-widget {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 10px 0 13px #00000030;
  height: 100px;
  margin: 0 auto;
  max-width: 100px;
  padding: 4px;
  position: relative
}

.nft-tier-card-home-main .nft-tier-img-widget img {
  border-radius: 8px;
  max-width: 100%
}

.l1x-right-issues-widget {
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 280px;
  overflow: hidden;
  padding-bottom: 15px;
  text-align: center;
  width: 280px
}

.l1x-right-issues-widget .img-1lx {
  background-image: url(/static/media/l1x-rights-issue-img-bg.66845c05a0410567a687.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 12px;
  text-align: center
}

.l1x-right-issues-widget .img-1lx img {
  max-width: 60px
}

.l1x-right-issues-widget .content-rights-issue {
  padding: 10px 15px 0
}

.l1x-right-issues-widget .content-rights-issue .platform-icon {
  margin-bottom: 16px;
  text-align: center
}

.l1x-right-issues-widget .content-rights-issue .platform-icon img {
  max-width: 106px
}

.l1x-right-issues-widget .content-rights-issue h2 {
  color: #1c2161;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 4px
}

.l1x-right-issues-widget .content-rights-issue h3 {
  color: #1c2161;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px !important;
  margin-bottom: 0
}

.l1x-right-issues-widget .content-rights-issue p {
  color: #1c2161;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 16px
}

.l1x-right-issues-widget .content-rights-issue p span {
  font-weight: 700
}

.l1x-right-issues-widget .content-rights-issue .btn-primary {
  font-size: 12px;
  width: 100%
}

.l1x-right-issues-widget .content-rights-issue .flex-btn-rights {
  margin-top: 15px
}

.l1x-right-issues-widget .content-rights-issue .flex-btn-rights .btn-secondary {
  align-items: center;
  background-color: #0000;
  border: none;
  border-bottom: 1px solid #2456f9;
  border-radius: 0;
  color: #2456f9;
  display: inline-flex;
  font-size: 12px;
  gap: 6px;
  margin-bottom: 10px;
  padding: 0;
  width: auto
}

.l1x-right-issues-widget .content-rights-issue .flex-btn-rights .btn-secondary svg {
  width: 16px
}

.l1x-tier-nft-img .l1x-max-width {
  max-width: 130px
}

@media screen and (max-width:1440px) {
  .img-1lx {
    background-image: url(/static/media/l1x-rights-issue-img-bg.66845c05a0410567a687.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 12px;
    text-align: center
  }

  .img-1lx img {
    max-width: 60px !important
  }

  .l1x-right-issues-widget {
    min-width: auto;
    width: 230px
  }

  .l1x-right-issues-widget .content-rights-issue h2 {
    font-size: 22px
  }

  .l1x-right-issues-widget .content-rights-issue h3 {
    font-size: 12px
  }

  .l1x-right-issues-widget .content-rights-issue p {
    font-size: 12px;
    margin-bottom: 10px
  }

  .l1x-right-issues-widget .content-rights-issue .platform-icon {
    margin-bottom: 10px
  }

  .l1x-right-issues-widget .content-rights-issue .platform-icon img {
    max-width: 80px
  }

  .nft-tier-card-home-main {
    height: 229px
  }

  .nft-tier-card-home-main .btn-primary {
    margin-top: 10px
  }
}

.hackthon-banners {
  border-radius: 16px;
  height: 222px;
  overflow: hidden
}

.hackthon-banners img {
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  width: 100%
}

@media screen and (min-width:1441px) {
  .hackthon-banners {
    height: 244px
  }
}

.christmas-airdrop {
  background: linear-gradient(180deg, #254de3, #0495c5);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  color: #fff;
  height: 100%;
  min-width: 280px;
  overflow: hidden;
  position: relative;
  width: 280px
}

.christmas-airdrop.airdrop-updates {
  text-align: center
}

.christmas-airdrop.airdrop-updates img {
  margin: 0 auto;
  max-width: 270px
}

@media screen and (min-width:1441px) {
  .christmas-airdrop.airdrop-updates img {
    margin-left: -34px;
    max-width: 380px
  }
}

.christmas-airdrop .top-head {
  padding-bottom: 15px;
  padding-top: 100px;
  text-align: center;
  width: 100%
}

.christmas-airdrop h2 {
  font-size: 26px;
  font-weight: 800 !important
}

.christmas-airdrop h3 {
  font-family: kadwa;
  font-size: 16px;
  margin-bottom: 3px !important
}

.christmas-airdrop .centerText p {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 8px
}

.christmas-airdrop .centerText h4 {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 0
}

.christmas-airdrop .divider-half {
  background: #fff;
  border-radius: 2px;
  height: 1px;
  margin: 20px auto;
  width: 60%
}

@media screen and (max-width:1440px) {
  .christmas-airdrop .divider-half {
    margin: 8px auto
  }
}

@media screen and (min-width:1440px) {
  .christmas-airdrop .divider-half {
    margin: 8px auto
  }
}

.christmas-airdrop .chirstmasFooter {
  bottom: 0;
  left: 0;
  position: absolute
}

.christmas-airdrop .btn-airdrop-now {
  background: #be1e2d;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  margin-top: 20px;
  padding: 6px 30px;
  position: relative;
  z-index: 1
}

@media screen and (max-width:1440px) {
  .christmas-airdrop .btn-airdrop-now {
    margin-top: 10px
  }
}

@media screen and (min-width:1440px) {
  .christmas-airdrop .btn-airdrop-now {
    margin-top: 8px
  }
}

.christmas-airdrop .btn-airdrop-now .left-object {
  position: absolute;
  right: -10px;
  top: -11px
}

.christmas-airdrop .btn-airdrop-now .right-object {
  bottom: -15px;
  left: -16px;
  position: absolute
}

.christmas-airdrop .btn-airdrop-now:hover {
  background: #ff4500;
  color: #fff
}

.christmas-airdrop .btn-airdrop-now.knowMore {
  background: #0000;
  color: #fff
}

.christmas-airdrop .btn-airdrop-now.knowMore:hover {
  background: #fff;
  color: #000
}

.fullscreens-swap {
  align-items: center;
  background-color: #fff;
  background-image: url(/static/media/bg-lg-splash.6a2e4593d7cffd915d69.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: space-between;
  padding: 40px 20px
}

.fullscreens-swap .l1xon-logo {
  max-width: 100px
}

.fullscreens-swap img {
  max-width: 100%
}

.fullscreens-swap .content-splashcreen {
  max-width: 250px;
  text-align: center
}

.fullscreens-swap .content-splashcreen img {
  max-width: 180px
}

.fullscreens-swap .content-splashcreen h3 {
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 20px;
  text-align: center
}

.fullscreens-swap .content-splashcreen h3 span {
  font-size: 24px !important;
  font-weight: 600 !important
}

.fullscreens-swap .content-splashcreen p {
  color: #717a89;
  font-size: 14px
}

.fullscreens-swap .content-powered p {
  color: #717a89;
  font-size: 14px;
  text-align: center
}

.fullscreens-swap .content-powered img {
  max-width: 100px
}

.fullscreens-swap .index-module_type__E-SaG:after {
  display: none
}

.form-group-l1x {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  margin-top: 20px
}

.form-group-l1x input {
  cursor: pointer;
  display: none;
  height: auto;
  margin-bottom: 0;
  padding: 0;
  width: auto
}

.form-group-l1x input:checked+label:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 9px;
  left: 7px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 5px
}

.form-group-l1x input:checked+label:before {
  background: #4caf50;
  border-color: #4caf50
}

.form-group-l1x label {
  cursor: pointer;
  font-size: 12px;
  position: relative
}

.form-group-l1x label:before {
  -webkit-appearance: none;
  background-color: #0000;
  border: 2px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 2px #0000000d, inset 0 -15px 10px -12px #0000000d;
  content: "";
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  padding: 8px;
  position: relative;
  vertical-align: middle
}

.form-group-l1x label a {
  color: #2b55e8;
  display: inline-block;
  font-size: 12px;
  text-decoration: underline
}

.preSale {
  align-items: flex-end;
  background: url(/static/media/preSale.121f5426c2da891836b2.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex
}

.preSale .cta-space {
  align-items: center;
  display: flex;
  gap: 14px;
  padding-bottom: 10px;
  padding-left: 240px;
  padding-right: 50px
}

@media screen and (max-width:1440px) {
  .preSale .cta-space {
    padding-bottom: 7px;
    padding-left: 190px;
    padding-right: 10px
  }
}

.preSale .cta-space .btn {
  border-radius: 30px;
  font-size: 15px;
  font-weight: 600;
  padding: 6px 20px
}

@media screen and (max-width:1440px) {
  .preSale .cta-space .btn {
    font-size: 13px;
    font-weight: 500;
    padding: 4px 20px
  }
}

.preSale .cta-space .btn.learn-more {
  background: #0000;
  border: 1px solid #fff;
  color: #fff
}

.preSale .cta-space .btn.learn-more:hover {
  background: #fff;
  color: #000
}

.preSale .cta-space .btn.buy-l1x {
  background: #fff;
  border: 1px solid #fff;
  color: #ff6717
}

.preSale .cta-space .btn.buy-l1x:hover {
  background: #ff6717;
  color: #fff
}

.swapAThon {
  background: url(/static/media/swapAThon.8448751c9349915afeae.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  max-height: 348px;
  padding: 0
}

@media screen and (max-width:1440px) {
  .swapAThon {
    border-radius: 12px;
    max-height: 289px
  }

  .discoverHeight {
    height: calc(100% - 176px) !important
  }
}

.presaleLinkSpace {
  padding: 14px
}

.presaleLinkSpace .learnPresale {
  border-bottom: 1px solid #fd5312;
  color: #fd5312;
  display: inline-block;
  padding-bottom: 2px
}

.presaleLinkSpace .learnPresale svg {
  stroke-width: 2px;
  margin-left: 6px;
  width: 16px
}

@media screen and (max-width:600px) {
  .blur-bg {
    display: none
  }
}

.listed-now-coins-home {
  background: url(/static/media/listed-bg-home.6d02c2eaaee94c80e107.png);
  background-color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  color: #fff;
  position: relative
}

.listed-now-coins-home .price-of-l1x {
  align-items: center;
  background: linear-gradient(270deg, #7900ff .5%, #890ce2 9.12%, #a824ac 25.13%, #c2387f 42.37%, #d84959 58.38%, #e9563c 75.61%, #f55f27 91.62%, #fc651b 107.63%, #ff6717 123.64%);
  border-radius: 8px;
  color: #fff;
  display: flex;
  gap: 10px;
  padding: 4px 10px;
  position: absolute;
  right: 10px;
  top: 10px
}

.listed-now-coins-home .price-of-l1x label {
  font-size: 12px
}

.listed-now-coins-home .price-of-l1x h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0
}

.listed-now-coins-home .listing-bg-flex-home {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 100%
}

.listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-left {
  min-width: 160px
}

.listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-left img {
  max-width: 100%
}

@media screen and (min-width:1500px) {
  .listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-left {
    margin-top: 15px
  }
}

.listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right h5 {
  font-size: 14px;
  font-weight: 300
}

@media screen and (min-width:1500px) {
  .listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right h5 {
    font-size: 18px
  }
}

.listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right h2 {
  font-size: 20px;
  font-weight: 700
}

@media screen and (min-width:1500px) {
  .listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right h2 {
    font-size: 26px
  }
}

.listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right .barn-liks {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 0;
  margin-top: 16px
}

@media screen and (max-width:1400px) {
  .listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right .barn-liks {
    margin-top: 12px
  }
}

.listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right .barn-liks .flex-btns {
  align-items: center;
  border-radius: 30px;
  color: #2d2468;
  display: flex;
  font-size: 10px;
  gap: 4px;
  padding: 0 4px 0 0 !important
}

@media screen and (min-width:1500px) {
  .listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right .barn-liks .flex-btns {
    font-size: 14px;
    padding: 5px 12px 5px 5px
  }
}

.listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right .barn-liks .flex-btns img {
  width: 64px
}

@media screen and (min-width:1500px) {
  .listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right .barn-liks .flex-btns img {
    width: 80px
  }
}

.listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right .upcoming-listing-on {
  align-items: center;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  bottom: 0;
  color: #000;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 10px;
  position: absolute
}

@media screen and (max-width:1400px) {
  .listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right .upcoming-listing-on {
    padding: 6px 10px
  }
}

.listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right .upcoming-listing-on p {
  font-size: 12px;
  margin-bottom: 0
}

@media screen and (max-width:1400px) {
  .listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right .upcoming-listing-on p {
    font-size: 10px
  }
}

.listed-now-coins-home .listing-bg-flex-home .listing-bg-flex-home-right .upcoming-listing-on img {
  max-width: 90px
}

.above1440 {
  display: block
}

@media screen and (max-width:1440px) {
  .above1440 {
    display: none !important
  }
}

.below1440 {
  display: none
}

@media screen and (max-width:1440px) {
  .below1440 {
    display: block
  }
}

.btnAboutLayerOneX {
  background: #ff6717;
  border-radius: 30px;
  bottom: 40px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  left: 20px;
  padding: 8px 14px;
  position: absolute
}

.btnAboutLayerOneX:hover {
  background: #e95609;
  color: #fff
}

.spinning-way {
  bottom: 30px;
  left: 30px;
  position: absolute
}

.spinning-way,
.spinning-way .circle {
  align-items: center;
  display: flex;
  justify-content: center
}

.spinning-way .circle {
  --width: 100px;
  --height: 100px;
  border-radius: 100%;
  height: 200px;
  height: var(--height, 200px);
  position: relative;
  width: 200px;
  width: var(--width, 200px)
}

.spinning-way .circle .logo {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACZRSURBVHgB7Z0JnBxVncd/ryaThCQTgqviAUsjZ0A0QUQFhOCuLq4LgqC7KyyEQxFEAQlRiUgit+gKq6uCSsJ6cQoBwxE/woTLGyK3AtJIyEUIk2sySWa69v1fvbO6ZzJHVXVV9ft+Uqnu6pqu11XvV//rVRXg8Xg8Ho/H4/F4PB6Px+PxeDwej8fj8Xg8Ho/H4/F4PB6Px+PxeDwej8fj8Xg8Ho/H4/G0NAye1AjDcBKfVfg0hU/0eic5r8j5JLlqpZ+v6GowVfn0opyLiTHWBU8qeIEkBBdDBZEQDoERRQXZsBiReBbJ14u5aKrwjBgvkGEiBTENkSBoXkG+qPKpE5FoOr1ghocXyBDgopjGZx/l05HInyC2BlmWTj7N52LphGdQeIFsBUsU02FihqJTRSSW67xYBsYLpAEyuD4TkaWYgnJT5dMceDesIV4gFtJakDBoXhZrMRTmwVsVBy8QaGFcgEgYHuN+zUOL09IC8cLYKlU+zWllobSkQLwwhkwVLSqUlhIIFwYF3N+CF8ZwuY1PZ7dSMB+gBaCsFJ9IGI/Ci2MkUFbvBdqXslBaekpvQfiBpIM6F62ZlUqTKlrA7SqtQOQZjoQxDZ40mYdIKFWUkFIKxFuNzKmipNakVDGIFWvcCi+OLKnwaa6MTUq130tjQaRLdR+KN4iwbFT5dGhZXK5SWBAujhMQZagq8DSbCp8e5cdkOkpA4QXCDwQV/ObBu1R5go7FXHlsCk1hXSzp61K8MR0Fo6cLWHB2CLH71REI+XtGb0LxT7wO5Wf85ZveGeLAMwt5uOYhKi4W8rLgQu5xGW9QIF7IoehdVeCbu/RGb4QQpFig5oCjDv6vcjBw8r1tKCh0sdZRRYxLRqFglCMYDxEEfebtIE5TgbAuhRUIncju48eucMF7oWKQ0mSqeF8ngTgT6zVz8VrOWfQ5YzUUnAoikVRQIAojkHKlcUPe4XuNGCxxMC0YJR6+DFtci1NcKiiYSArhYpWtxiGcpaB3q+uFMgwJAgpVSlOyqqBA7lbuLUg5C4ChcZ/knOn3fXp5G7cabYFaXngXy6aCgliSXFuQ0lbHZQxi3jIumdBdwXlPQXrprkyooACWJLd7XdY5KJVbQQnR1iOIrEebHayzLdqC2LFJCanw6dY8j9/K82mJioClvOUOE2neXid7xexgPeirX8ZClBR1lWcuyaWLJYcoTEeJiWKKsK40aELxyO1i+l0pLYhiOj/mdBPuOcgZuROIHOQ2G6UmsiCOIELzWhXXxXsqpNPrcrpYNrOlSK5DjsiViyWD8tya2yQxdZAoa9UWd60CmcWiDFdQuixWf1yZt8xWbiyIDNQoY1X+Ubks1C6WHpQoLUVdAktZkNYQiOgDvC9MzcvgxjxZEIo7KkiZZ25YjXs//3c0E9KAUwexK+dqmElgDzfhWSzWXBdr3d83464TXsCmtam3o4KoL+SCXFgQGXechZT5yw2r0Hnmi+I1nZEPvaqCZkFuUxRz1Nc81LLIoDDL4jSHdS9txu1H/zWaf6wHR/xid4yZmOrAybN4n1jErchtaDJNtyDS50z9jPGXG1/BorP+Jn38Pjx700p08vfNIRSxhbIgjEVtcq1In2Vhak1zsda/tAm/PPppbFjSLSza6ifXifeb1m59qMwImZuHeCQPLlbqrtVfb1yJ+89+Tga7plM+d9MKLOLLmwGTxT9mB+eyfcxyuVjQ1zQXS4jjmCex4eWNUVsQJQ5ee2odFvDlm9MVibgqEU2mqQKRrtV0pMizN67AA1/4q84WiTM1PyO3SUvy3E3LcT//PEuiQmEtNvbKap9tUfTrbC3I+iU9WPDxx7g4uiMxU6atrabbRSK58xOPpy2SafIWTk2jaQLJwrWizv/gjKdNB7Qr1zAB8PM3L+MiegaZ4VwPYgfrvQ2uC5FD3jO0ICSOuz7xZ3Qv7XZSz1q8sk2vPbmGr7c4bZHMbeZQlGZaEHpQTQUp8dxNy/DQjKfEmde+xsK4L7S8pg/+325ZiofOeQpZYVuGqBPWdLv0XL6mKnpWMQiJ455/fwTdL29wrVsQm8t2dz29VqyfokhIHE3LajVFINJ6pJa1ev7mpfjNuY/Ls55Kk8YDX5M+Vcuev2UJHp7xBNLHumAq6DXtFMG4dfGUZUWyEMj6JRux8D//wMWx3tpnvWYovrYkvcaikCV5ukv8XYoiOUvemT9zmmVBUquW/+3mJfjtzMec4NetULtBcDxA/tstL3FxPYa0aVPWCw3ap64sdM7Y6bpY63mW6lef/B02cnGwQMVqbnZNuKXiGpWanovYhM+7uEh+9Z+/S1MkTRlhkXkdRAbmqQVeK37/atTBBrEu62fBC7/4u3C/3nt5OictJi2IGms1wIrRjEohKQqEUri/PvY3XBwbo21Z27bbYS9jDeZkeei7Ru81ESlAAfu0rJ+f2IxCYar+5Pu+/k7hH1Mn1/eXUoU4px5n3Zeqwd12XrilKjryey6fijSotwjWbX7UzBp6ktZwd+rQ9x73IBdHt7xzClxxNLyOK4y1M0T7xNH4wE/ei+3SEYeC+k4nMiRTgUjrUUHKUKdmqKF664vuB0y3w73Gu9HZkvPirS+IM/f+l+2HRJFZLHd4exx1I7lopTQsCInjvv+6PxJHYFrj7J94Axs0uH3iKEz7yQHYbvK2SJnMrUjWFiSzbMT+l7+LH8wa7+RVvUwN4IjfACF2soZ9hiSRBPz9fpe9G0kiqudiO4HYnj3gJGbMBEnXQShL1Xn8ImxcSjEHc/cBazwAxiVau72jHdN+fDAmTc4sE5upFclMIFlZD5v9eaemjlUlSwDo7ojY9RZipkfUxroGf/vibc/zP6xhv0vegyQQhUJtEWq6Icy6w6JuK5SnmJxASByLjr8XPUsplas32TCuGMjKkVt18HWHZCkOIlMrkqUFOQFNYL9L3yM6l3CXpPWgfki30gnVfXVUZCo+YFosoeqwfN2XuEjIbXvXJe9DElBKFzC35A3lC2v0O9QKIjZISCAUSD9wwq+F5QgCpt2pUA+9l+1Qm3f/05+N4pbj4OsOxbZ7bocmkJkVyUQg8rHL09AkqFNTF/j7/OfF+8jDirlayqSooF52VnNTaS6S+c/xlyH2vfgAjIxQxxRMBt/MMmfOGVu2IQkXq5uL4sETF2LjskgcZruqHazOXDCrDWrl9o7ROGjePzVLHERmViQrC9IU62Gz7yUHCEtCnbwhsUDdHmpus2T+X0VnnXLRQRgJUQwyOERMMEKBkDgePvFu7latR6CSFaotg/kCudIoLo4D536Qi+N1aDI0EqMTKZO6QGTVfDpywNSLD5IieRb13SLU52/7Zgm2J65cIRIJxQ5TLjoYw4JhgMJffXgcCGs2fIFE4riTu1Xr0Ch5p9zOgaFU7hi879rDsO0eTRcHQVZkUtpXHmZhQaYhR1CnJndiye1yBK+bvtIvbB88cjMi/5zJKP/lO54R3/POCw/BUNFButxuFIQzx43RqVbt+g9PIN1cFL89+ZfYJNwqmA3Klmh30rpAy8n0SdezvWMs3vujf8XEfIiDoMwADVeajRTJQiCZpXYHC3Vq6nBLbv9LtIABsefVOHVETSyts/SOp8X3vONrh2KoMBmkyxyA88wc5feHgN7WcGIQshi/O+V2Lo51kbDtS+BZg5qfVfpQYQc1rr1jDN7zw4/kSRyKjyJlgQzWDR4WMji/Dznl8a/eyy3B06gvHbN+5o156xF7Yp85/4ShQJ13qGzzlo5Br0vf//tP3WptJ24T+/s97m8excWx/w+O5OJ4PXLKoWkG62lbkKYH5wOxz9c+ICzA0jueqpODor/lyuWi5cv435O79fbZ/4zBMpTOPlR6lq7FHz/9C2451oqAXCccELpW0voN8d9MkOV49zVHoiO/4iBoXF8nUiJtC/ICMi4ODocnZy8UImmIdbK16xWNyt5vOXwy9p79L2gmQhyn3sRTuet0uwgnow2r2faQNMuokOXY75pj0LH7G5BzurgFSS3fnJoFke5VBQVg79kfEoW45b98Eq4rImlUG4hfKMAXLlvwhLAke11wGJpBD7cYf/rMDWIe2OVwuFbEyWibQocWEYnjXd8/BhPyLw5iUpo1kTRdrKZeSzxU9uadmsZcLVvweJ0/ZZfvwgFG1dIaKxY8JkQy+asfRpb0LFuDRz9zPTYtXyOzVfVts1/39ytG8WzVvt/7RFHEoUjNzUrNxeKqfhQFvDv7Mxcu4JbkcVkLiVkT27Wqw1XVm/5tH+x5/keQBSSOxaf9VFiOgdo0MKEQx5TvHYsJu70RBaPKLcjOSIFUBCKLgy+goDxz4R3CEsAau6Xij6hO4J6FVfgbGxOL7T/yDuxx/hFIk55lXfjz6T8Rc6aDCVNbCcOaWa5Q+V0peHpLdY53fPc4Lo7tUVB2TuNBPGm5WNNQYPY8/3BxgdKKBYt1jYRwL5GQo2/jtQPre1betVjUH3aflY5ISBSPnXEdNq+w3apoeIweWlVX8TSrqXn7BC6O/z0W44srDmIan+YhYdISyCEoOLt/5QiRAl555+K6z7S1YGYJnIEq0O7ZK3c+ArrufLdZRyFJNi3vwhNnzMUWHnMwayiMbpFMS6mKeMjQYHQA7wBcHG//zvFcHG9CwaE+Nw8Jk5aLVYj07mB47pJbsXLBI4D90A67hwlCM2POCpo3fngKdp31MSQBiePJM65Fz/LXUNft9XAV1wFs9BmJY+9vn8TF8WaUgFTikMQFUvT4oxHPX3ILtySPNE73Iha367qCikyg3f03fHhf7HLe0RgJm7gonvzcj8TctMM8BNS1Y1Z9g5l20HsKyPf+9ikYt2spxKFIPA5Jw8Uq3XMFo04dYtXdjwANhmqQvx/G6g6qM4o15bJX7v6jSAG/7cvHYDiQKJ763DXYsqLLqpC7mxWbtratYxL5UgXke/3PyWUTB0F9r4oE8QIZJLucd4wYMPjKXX9q4MzHYhJ5ZaI6ddte16q7/wC6MnHnL38CQ6H7uZfx7KwfY8vK19Df/RR0Njpwl9neILlVk6/6FBfHW1BCpvEp0UcmpCGQwgfo/RF16hpW3fMnxzIokWiUXxNYzo42OtwS3fMHbFrxKt72pX/H6DdtfYTsipsfwNK5C9G3oScKyGM3nbCHydeVbgLTsjYujj2vPLWs4iAqSJg0YpBCFgiHQvXy64UliLJE0CmiMIxnk0JnfJO+9hsybuAfvv6w/fEPh+2Hjim7OtvoW78Rr/JtdD34BNb9WV0FKTNS8kt1hir2nebSEiY1yYuAE7bBHleejm12fStKTOKBeqICkXfhfg0tQPXyn2H13b8XZ+6ogChRY58c18aq3tnEXLXR279OdOReLo7Ny1fXr6fWFcuUC7d12vh37v6tM8ouDsV2SV5lmLSLVUGLUPniJ0Ussfqe38s7pMCJ3QPLtXEyruqlsiamoM3ji1V8Ahwvys0H1BX7nNEvDfRC4tjtv1tGHESFT4uREF4gI2CnLx4nOujqe36rK9k63oB7paD4TMYgeviKXLdOC8wqPDLre9V6Vkkj+p7QuFPMhEBtE8Zh129+vpXEQZB77wWSF/5x5nHCkry28LfiPdMBe9TdmXXKZ1oxoVvLgxVj65pezfxtAPfmKswVl6rsi++Q6mjrGI9dvtFy4iASvYudF0gC7DjzeFHfeG3hw3Aq142CDuac+uvXl8tY/KHpdpbKGgOmbrhgfYiAW463ffMsbLPLDmhBKkiQpAWyE1qUHc49QXT+roUP9buOc6MQebavy3JZWSjrE2GlxN/Su4Bpdy1O24TxqFzxhVYVB5HoHbSTFkhi5q22oZunOrvRTOhM3DZ+3KDX32HGdNGR1/zKFYld8Sbsu5fESxrqsyBonKVSNiVg9d8f8LZWrjgHY3fZEYNly4pVyAPt2yd23XsFCZJbgSz//s/qOtrWMeNoB5cAdYmfuSd98CC8+ZyTMRTeOuMk9K58Bd2PmYeCsgZpLNawATBeFmSRz0lRsYZ/q96/+bT/GJI4iOemnzv0nTXEHRzGYrFGTL57LhIi1zFIYo2LMjM151iogLRR9zLrhXCD47ho1EVPVnHN+nvnvr3DvFnbW7ioXvjs+cIKutSsbdq/o0G0rt+6v97JC1u/cyIX87YfPBBDhYbi29t0+35c2FbygbHYL4gfl7iga6iPzxjQz/EcAS0iEBbdsJl2fABTqY5cd7NDQ6vDB86Oru/csRKClo79bXZXYcOyQ5G7MIl31q759+jvHagtQCPbFw7cdWJpsNcfO7zrTaInV0WdV91ylcG+/SqDuy/dW7PGL0tm/UrGfI8rO/q+bJ8BPxRybEGiB0RaJQGnJqB2LtMHRv0fxs5djTu5GfFqDiirs1fDP3AdB+yLNbffpVvr3u/XxnQTxH5DEFtPBfBxttlnr2H78LSPdTxk/X69V+ykm5VIc21vvP26xXrIi21B6u3V8E5E/VBBgjTjGYWDQ9QKQjE3B4cBzuPTlNNkdW7rQOodr58DYn1H4H5HtFrN+W42gucCUqcNJoxFyN0sOkMq6xYfR+VuP3R/Z7SitV7907GIce/YE8OFsdASQy3mOqn7A4emxqLWDmsxK6YKODU4Lpt4abtXNkqMiQokUXIrkOjARU9fMvFBaOahOT4qbjAPg0H9RXVyRdEJAiMme11d5GOmDSNBjKvasF53NvVbbHcRDLHrN6J17aIi7FKIapOehRj1xuFngOybYut2ym1Fmw+VeXHbI9oXv1Oj7R7aN8CGOdE5GzcnjLySX4EgNAePuZ1YpTmjmgBsnyv6O1gd33whojMizIFl/dw4GsY2jQQaB9W30nXTQuaeiAFLHPE2NFjX+T0s6pONPh48Nd0G+6vttom22Oswu30yelKiZ+aMplMRzPouBidTGIys8amTaxcLMotl7XFz8oL1DD/rANRpAm6nUysySwLMmpzVRhg8hmQ9RKJBfZ/xwesvk5XtCkPndqCmLXBvEwojnlr3BgwXdRJqJER7/6l9bmPOTUokobYIQT+Ci7bpvs+zDcmxBanJDEuse8uzlO23qs5j/OeBslFRwGgHndAd1zyzLxLk8A9d78qVfFouNhIgjG2nvtMZq8eMG6NFYmWYmMrYGfpWrsBwCRy3SLaFtlELY0G5EbUt0Pi9wLSAGyRBtE2Rx0otz7MRCZAsVSSF2Gv0FKYaonpEX1QXYdF7JoN4NdFzvumzQFgdFWDXEGXDos4eLeuz3Df5OV8WdWL+mf6eECMJHnueeCJqk/wNUTtN25T4mWwD5DK9bb2u+g01+X01k5qVv2nDfb/GsBFPuoraGKj9Ftbkc9PN/lXHQb0OnOVmvwZ6X8v9q4+ddTyC0Fk+0lgvRqJPnMp5DGLObtGNB5gTS+gr+ADYhT91SmIykFS+uv5IZW5C+9xXE48601kmmkZw4NZe/zNEHcC2AW4WynU1lLWMCKQlic7EliXVv18OaKR/G9ZxQT6OsW/fB0MlkEGMGtslzpiygh848Yd1V0m188SPkMdF7Wv949RhkPuf2ZZC7mP5xKuE4/REBZK0BUmwcTVtMdRZFcpCyLOTPtPKM5taB9rK1MTzzY0Vsq2PWYdZZ0bbSg3X9q+74zb0vbI81j6z3YDFf1tNPBZaWxkdf7kWM7D2RWD9HppWf/tKXrkfTixizvQBM/vJtdZ9VtusfWu11W6L/o2B9Ttjn+u/0VYmMXJtQZK71PGN2/Mz4tvF6/gYKe32ys9MytN8DOtv1DpbH6Zi/T1ndKWCodLL44G1N/4UsIPfurkV89ixlA7AQ2eN/nSqkxR86ntlGbquvRqv+9wXMBRoH/f3+900hkvdPh7gO+J/bScYRuDF9keiAkk0PuLuyTzk/KlSaULiWHXBTB40rxTv7UtqYSUAQruIoz0n5hQRTedEfS9TCYn4NSX83/gPfAjbnTE0kZSM+XzfJPbojdxakKJBGatIHCt0fBT1XStbI/10HdtIkUSCiGIgsWYYOjeGC63MkPLphaT09xmxdHfeDYp9tjvjXLQoVSRI0gKpogXp4+J49YIZqL2yQt/AwR2Fa1wnNzIPTdAt38cLdjrjbL7K/K1eVtNWiujpXMjPVCEmnTETLUgVCeItyAgR4ph9DmqrlsOpGGusGAOIRR1xZFbOqj+E1vdt3R8237xx0T3iDyZ9tuVEUkWCJC2QxO4mUQQoU7V6ztncciwH66f3atcoZhn6J6z7eysXbf0xMylsNI51exbdhTXckm17+hfRQlSRIEkH6S1z4zgSx2tzzuIWZFm0wO7Adkd2UjYwC+tSOVtJCVnrR6IL64J7ezv2Otscchgmnv5ltAj5vXEcNYwflCp/WUGJIXF0zfl8zHK4wbPuswF0QdPp9aoz8zN8++SpaK/sirbKbtE38cJfb/VZbH5qMd/GMhOI6O9Qw8+ZqHoz60bZuh1qSD+f99wfXZcy8fTzUHIWJykOIo1KOrlZFZQUEsWar31Oxhxh7IIi6pkNRsfaIrIYc8iHMf6Yk9D2hv6f7kRu0oabr42E4lR6IqEoH0xVu81G4Xy+6f47sY7PO06fhRKTeAychkBeREmhTtrFxdG3KnKrRGFP9VWdcpUrx+IOlfYVq47vwITTzsOY/Q7e6jbHchGNeff7se57F2PzH+/XX66/XnlrgYl37NSwaQCw6YE7RfsmnFZakSxCwiQ91IToRAkR4rjwDG45lsKME1Nn8dAavCcHOerBecolkuuNn4Btz//2oMShYOMmYOI5l3KL8696m9FQ/Og7mR5YaQ3ghDW31uu5fwHWf/8ilJTEk0RpuVilgsSx5qLPIuSWo+EIXzUg0Uo5xZ+AKzrvuIlcHN9B2067YTh0fGaWEMYm3sld6iN6PcxcjtJU1oTCEvH3ZElO/QpKRuJ9L9EslqJMD/Ekcay96DQZA8AEFAMNQbWzVmr4CHerJn7le8MWh83671+IzQ/8UrpTugRpYiHdDsfHi2WJGUYf/BEukvNREqppPMQzDReLSNwXbAY1bjHWXnxa5FYx+xoT4zI5E2w3S41wpXvlkji+m4g4iAmfOR9jeOe2r8dQ168ETntqTjvsNtPyLfffgQ1Xfw0loRMpkJZAOlFwSBzrLjqVu1Uva/8e2tc3Hc7x95kbb4gOy2OODiGO3ZEk40/9KsYe/G/WMH9XpCzWjnhb1fqbHyCRzEEJSOWknJaLVUGBHwVNFmP9xafKGgQcF38wt9FUkFs1YdbVaPvHZMVh0331bOFujYyQu1uHY9ynZ6PA7Jz0I6CJVARCFDUOUeII+dxQXxpvLBTj51NAPn7WNamKQ0Ei2fLg7RionO9eYSLjIkf9PCZ5/+HYppgioQLhVKRAWi4WMR8Fg8Sx4eJTEL66xLmqD7D9+eh1wKw4Q10ZRy6VcKs6uDiuzkQcxLhTZ6Odd24zqtfM1WumU841kcmyXUWVmt78wHxsvOYCFJDUYt40BZLo86rThsTRfQmJY6nuPHb9wI4vdA3EjkN0naMD484jy7EHsmTcp+cIC6BuEGFuFOG+1r+tLiaJlm15cD56rvkqCkZqfS01F4vgbhYNXEz0bttpIMRx6clRtqqRh0LIMSXO4ti6bBwXx5d/hCBjcdj0/OB8bHng9lgVH/Wjjeu9Ruez9vcfgbGfuhAFIJX0riJNC0Jch5xDoth46UkAz1YFcC2Czl5pNyWUtwcyZ2Go29jwbFWzxUFQpyZ3i+lbGoXWLYwsSxiYKrupuJuUcC9Zkh8WopDYiRRJWyC5drNIHD2XnShijuiOGyruCPV7+y4jcO6EAr0uDQUZ96Xmi0Mx9lMXcZF8VGYL3DuVwL4hX/wOMPrkEP1mEsmm/Isk1ZNwqi4Wwd2sRxE9mjdXUJZq42XTRZ2jQdIH+loLK8er7+PMrDsEjp+IsV+cy8Ux+Dush93rsOl/Po+64e9h7LWe85bsuAfGfPJLGAqbfjiLd/Lb6rcRS107v1u+Vxk6GmQ56qAjMeaUi5FDUnWviCxuHEfZrFwJhETRw8WBV19G/IbM7mt1rbhMkcaX84B8qOIQdK9F7S+/q29XLHVs9+W2YdxdjTo1Sbn3IVckUnP1xIf/yvX6HroVm7hFGXPyJcgZc5AyabtYxJXI0bXqJI5Nl58QuVWor37DylDBGpWrR+4qX16I47qhi0PRKAMmhs/XZ8tGcnvO0adcglEHHllXZY8PPdFDUGL7QMUotQdvxeYf5e6Cq06kTOoCkVd4dSIHROI4Xtc5WGz8FOJBa3yYhpwolTt25gjEAVgJALNdxANpJ4AenkAIEkk7F0l0q1I3AcFgf7/8PCYkJZa+h37BRZKbS3fnpVE5j5OFBSGuQpMhcWz++vHacrhT5F0EDTqtiDm0qxWKVO6Ymf8HNgJxyBbBFQdQJxS9DBjJneaJ9pMvlZYEzvbsttiCYFYbzDB+bkm4SLZcmwuRZJIhzUQgXOmdaKIVCVct4eL4L+NW6Y4PXWW2O6W5yIj+Wj3EJ7IcyYgDOm2stmNu7hzqz3Tcw0KMwIBo2k++TATcYvu2hWLWvmAmFNHCDM1+IfqESIaWMEiYTtmnUicrC0KkHlA1ok4cqsMx27WC7iiQKVzdSVXn5ZZj9Mwfc3FMRhIw3RbAOXur91qcdiw0ctpPugxtBx3lbCt6rmBsW7Yl0SlwEyNFlqRptxPKxHoQmQmkGVaExLHliuN4tmpJna/NYjFH3K1x3A4ljh2TEYdsHdCgTaqoF1qWZKQxSBwhkgOPsqwIHMvJYGKVOqtqzUkkvdmLpMr70jxkRJYWhMjMiihxhEoclgiiH91/gO4IJBVxwBnPBXuboWxjrB1J037S5VwkH0M87tH7qO4BOo3Xqz18S9YiydQTyVQgWVmRSBzHcsvxkhV4As5FROrAh6HlXql2ynW4ONpn/oSLYy8ki9pu7Mwcc/3iGbSkGWWLRG1bu3fQ+8d8jvr0NKf28M3oy0YkmVoPImsLQqR7BuDi6P1GJI4IK8BUnUzdeR12hqbmzAMhjp+mIA61YbXdqE1BLDhm8gVDuow66esIDjwabharBu1uMtftNK/VPEpi9AmRpH4f4Mzj2MwFkrYV6b3hQi6Sl2Qnq+mgPLQGHLoBqJXRUmIaNxGjzv1ZeuKA7e8DbmrXzqiFdcmENCCRtB1wtLsPtFUDnDjEqRHB2s+hsCS1RxciJW7L2noQzbAgxNlIiVEnXiHjhdDK+ZsDjVgBzGSP5Gc8lZu2OEw2qIa66r2VZdOuGMLULUnbSVdElsTevtUu9zoYwIlFxHgYbnWPOBPB1A8hJVLrMwPRFIHwMwHdvyid4qE4+/+cV7kno1G12GRt7LOjnLbpQNuMn6crDsj+BCsughUPxc/WTD17PD0LomjjJ5fIksTagfrg3K2hhGjj4qApJa7KomreiGZZEGI20hqjxUXSNuN62dHjvrN95rPm48hyXJ+6OBTOGVlZO/3eHvsFEyBnQHDiNxAccAzMVZVxFzAmGCqgHn4Wtx5nISWqiMbzNYWmCUSO0ToRaWGJhOkYJOZThzIu4ZZjFF8XGYmDiNcVdFtsP1/GJKayng0kEnbgx7VIoCvtrhUWyYzDz0xTHMScZlkPopkWhERC47A7kRZCJDeA7bCXfua3ummBrgyP6xDrYMe9kTmyYq/nMClWtSxrcSiC6VIkqqLPajqzBrksOPxsMaXIvGYE5jZNFYiErEh6w+G5SIIZN0aWxHK1oisBO/hnzRFH3FK4WTWzLHTcwWwJpn8TEO4W6uI1IY4jUhVHFU0anmTTdIFI85meq0VwkbBzSCQkBGk5xnPh8GXYoQmWQxDqIlyjSjqsDmmWZ08w/b/BDvg4zKMd+JyLgx2e+qOmm+paKfJgQZSrle6QeFskPOZgX7ixOW6VxK7cR4SOy6U7pOOCNQfGRQIuEvGMEy6MDMRxVbNdK0UTd7uLfL4hXb9eQZp0rwVWv9REywFR5a+d9z6lA935yUYwOdf/qUcr7M7XP+cmNJPw0XvApv4LUqbKp6lJP0ptuOTCghByhxyKtC/P5ZakqeKIo2OLaK6eROWMDbM+byYZiEP0gbyIg8iNQAjpczalYpo9pj6jQnE7fWoP78iDODLi7DzEHTa5Egghfc+mZy/ShtW9Z2D9BBph2BICmZOXuMMmdwIh+I6ajQLclXHExFyo/oTAmhmhZ8N18pjnjlwKRELl2dI979AgxaAHUapl9mSWlVgidIxTLcWPhNwKRAZqRyHKapQUU9+oq5azBlP5qPLpqDwF5XHybEFU0E6ZrSpKhn6+ukR5VyzmdhldlC4OqSLKWFWRY3ItEKLsIolP0QdmFqKUxqOKAoiDyL1AiHKKxMQYoTXmKgxD190Kw7JlsaooiDiIQgiEKJtIQut/keKVy1ls+ElkWUpjQ6ookDiIwgiEKJNI3C7fyEKEzuuw+DFIFQUTB1EogRCWSAqdAg7hDjGJp3XjsGJHInSsCicOonACISyRFLaYqLs7s0PxBqneOgEVDjpGhRQHUXjnlgews/nsAnjyyJy8VsgHSymiPy6S6Xz2LRTgibotAhX+zs7j2KqhUpr0CBdJhc/uQ9rXk3i2RhUFdqniFDIGaYQ8IFORg4f1tDC076eWRRxEKUf4SJeL4pIKPFkgbuEkL50uFaUdJCpdrtl8OgGeNOlEJI4qSkjpLzTw1iQ1Sms1bEoTg/SHzKRQzcTHJslB+3LnsouDKL0FsZFuF6WDj4RnOHQiSt+W+EI2l9JbEBvyk/lEF2GdiFJfiJU4nYhSt4e2kjiIlrIgcXx8slU6EVXDO9GitLRAFFIolO2aBg/RiRYXhsILxIILZRqfTUdrpoYpK9WJ6LafnfAIvEAaIIP5aWgN94tiivl8ujLPN09oFl4gW8GyKoegPGIhIdAw9Nu8tRgYL5AhIMVCKWISyxQUiyoiS+FFMQS8QIaJ5YbRlEfrUkUUUyyieVmHgqSNF0hCSMFMkRMJZhKyszJVRLHEi4hEsdgLIhm8QFJEPvOkEpt2QiSe+NSIqpx3yYner5Fzek+iqPrg2uPxeDwej8fj8Xg8Ho/H4/F4PB6Px+PxeDwej8fj8Xg8Ho/H4/F4PB6Px+PxeDwej8fj8aTE/wMh86STo/BkcwAAAABJRU5ErkJggg==) no-repeat 50%;
  background-size: cover;
  border-radius: 100%;
  height: 227.5px;
  height: calc(var(--height, 350px) - var(--height, 350px)*.35);
  position: absolute;
  width: 227.5px;
  width: calc(var(--width, 350px) - var(--width, 350px)*.35)
}

.spinning-way .circle .text {
  animation: rotateText 10s linear infinite;
  color: #fff;
  height: 100%;
  position: absolute;
  text-transform: uppercase;
  width: 100%
}

.spinning-way .circle .text .char {
  font-size: 14px;
  left: 50%;
  position: absolute;
  transform-origin: 0 175px;
  transform-origin: 0 calc(var(--width, 350px)/2)
}

@keyframes rotateText {
  0% {
    transform: rotate(1turn)
  }

  to {
    transform: rotate(0deg)
  }
}

@media(max-width:500px) {
  .spinning-way .circle {
    --width: 300px;
    --height: 300px
  }
}

@media(max-width:350px) {
  .spinning-way .circle {
    --width: 220px;
    --height: 220px
  }

  .spinning-way .text .char {
    font-size: .7em
  }
}

@media(max-width:230px) {
  .spinning-way .circle {
    --width: 150px;
    --height: 150px
  }

  .spinning-way .text .char {
    font-size: .4em
  }
}

.loaderContainerSpace {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 30px;
  width: 70px
}

.dot-pulse {
  animation: dotPulse 1.5s linear infinite;
  animation-delay: .25s;
  background-color: #9880ff;
  border-radius: 5px;
  box-shadow: 9999px 0 0 -5px #9880ff;
  color: #9880ff;
  height: 10px;
  left: -9999px;
  position: relative;
  width: 10px
}

.dot-pulse:after,
.dot-pulse:before {
  background-color: #fff;
  border-radius: 5px;
  color: #fff;
  content: "";
  display: inline-block;
  height: 10px;
  position: absolute;
  top: 0;
  width: 10px
}

.dot-pulse:before {
  animation: dotPulseBefore 1.5s linear infinite;
  animation-delay: 0s;
  box-shadow: 9984px 0 0 -5px #fff
}

.dot-pulse:after {
  animation: dotPulseAfter 1.5s linear infinite;
  animation-delay: .5s;
  box-shadow: 10014px 0 0 -5px #fff
}

@keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px #fff
  }

  30% {
    box-shadow: 9984px 0 0 2px #fff
  }

  60%,
  to {
    box-shadow: 9984px 0 0 -5px #fff
  }
}

@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px #fff
  }

  30% {
    box-shadow: 9999px 0 0 2px #fff
  }

  60%,
  to {
    box-shadow: 9999px 0 0 -5px #fff
  }
}

@keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px #fff
  }

  30% {
    box-shadow: 10014px 0 0 2px #fff
  }

  60%,
  to {
    box-shadow: 10014px 0 0 -5px #fff
  }
}

.hasCenterLine:after {
  background: #fff;
  bottom: 10px;
  content: "";
  height: 2px;
  position: absolute;
  width: 20px
}

.dividerVertical {
  background: #ffffff69;
  display: inline-block;
  height: 80%;
  left: 0;
  position: absolute;
  top: 10%;
  width: 1px;
  z-index: 9
}

.allmenupage {
  margin-bottom: 15px
}

.allmenupage .btn-circle-all {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  display: flex;
  height: 46px;
  justify-content: center;
  padding: 8px;
  width: 46px
}

.allmenupage .btn-circle-all img {
  max-width: 24px
}

.quickbuttonss {
  bottom: 0;
  position: absolute;
  right: 20px
}

body {
  background: linear-gradient(180deg, #202e42 .3%, #142339 40.78%) !important
}

.forStakeOnly .select-network {
  background: #27364b !important
}

.forStakeOnly .select-network .first-header,
.forStakeOnly .select-network .second-header {
  color: #fff !important
}

.forStakeOnly .select-network .choose-network .netwrok-space {
  background: #445773 !important;
  border-color: #445773 !important;
  color: #fff
}

.forStakeOnly .select-network .choose-network .netwrok-space:hover {
  border: 1px solid #1e81ed !important
}

.forStakeOnly .select-network .choose-network .netwrok-space p {
  max-width: 100px
}

.forStakeOnly .select-network .choose-network .netwrok-space.active {
  border-color: #1e81ed !important
}

.forStakeOnly .select-network .choose-token .col-6,
.forStakeOnly .select-network .network-selection .col-6 {
  padding: 0 10px
}

.forStakeOnly .select-network .btn-close {
  background: #445773 !important;
  height: 36px !important;
  padding: 0;
  width: 36px !important
}

.forStakeOnly .select-network .btn-close svg {
  stroke: #fff !important;
  width: 18px
}

w3m-modal.open {
  z-index: 99999
}

.themeInputGroup .themeInput {
  background-color: #fff;
  border: none;
  border-radius: 50px;
  font-size: 12px;
  height: auto;
  max-width: 100% !important;
  padding: 12px 95px 12px 15px;
  width: 100%
}

.themeInputGroup .themeInput.HasValue {
  background-color: #eaecf0
}

.themeInputGroup .themeInput.HasValue:focus {
  background-color: #fff
}

.themeInputGroup .themeButton {
  border-radius: 50px !important;
  height: auto;
  height: calc(100% - 8px);
  position: absolute;
  right: 4px;
  top: 4px
}

.flexContent {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}

.mobile-card {
  padding: 50px 20px
}

.mobile-card_cards {
  position: relative
}

.mobile-card_cards-visible {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 4px 10px #00000029;
  height: 100%;
  margin: 0 auto;
  max-height: 660px;
  max-width: 390px;
  min-height: 660px;
  min-width: 390px;
  padding: 16px;
  width: 100%
}

.mobile-card_cards-visible .icon-button {
  align-items: center;
  background: #f2f4f7;
  border-radius: 50px;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 10px;
  width: 40px
}

.mobile-card_cards-visible .icon-button.rounded-sm {
  background-color: #5f3e00;
  border-radius: 7px
}

.mobile-card_cards-visible .icon-button.rounded-sm svg path {
  stroke: #ffa601
}

.mobile-card_cards-visible .image-wrapper {
  border-radius: 100px;
  height: 88px;
  margin: 0 auto 20px;
  min-width: 88px;
  overflow: hidden;
  position: relative;
  width: 88px
}

.mobile-card_cards-visible .image-wrapper img {
  object-fit: cover
}

.mobile-card_cards-visible .image-wrapper .fileSelector {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.mobile-card_cards-visible .user-name {
  font-size: 24px;
  font-weight: 700
}

.mobile-card_cards-visible .user-details p {
  color: #98a2b3;
  font-size: 14px;
  margin-bottom: 5px
}

.mobile-card_cards-visible .percentage-badge {
  border: 1px solid #b1b8c5;
  border-radius: 30px;
  padding: 2px 10px 2px 2px
}

.mobile-card_cards-visible .percentage-badge p {
  color: #202837;
  font-size: 12px;
  font-weight: 500
}

.mobile-card_cards-visible .percentage-badge .icon-space {
  margin-right: 10px;
  width: 18px
}

.mobile-card_cards-visible .percentage-badge .icon-space svg {
  fill: #40de10
}

.mobile-card_cards-visible .backButton {
  align-items: center;
  background: #f2f4f7;
  border-radius: 50px;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 0 auto;
  padding: 10px;
  width: 40px
}

.mobile-card_cards-visible .footerCTA .contactCTA {
  background-color: #344054;
  border-radius: 15px 0 0 15px;
  color: #fff;
  font-size: 10px;
  height: 30px;
  padding: 6px 8px
}

.mobile-card_cards-visible .footerCTA .shareCTA {
  background-color: #101828;
  border-radius: 0;
  color: #fff;
  font-size: 10px;
  height: 30px;
  padding: 6px 8px
}

.mobile-card_cards-visible .footerCTA .userEdit {
  background-color: #101828;
  border-left: 1px solid #323b4c;
  border-radius: 0 15px 15px 0;
  color: #fff;
  font-size: 10px;
  height: 30px;
  padding: 6px 8px
}

.mobile-card_cards-visible .footerCTA img {
  margin-right: 6px;
  width: 14px
}

.mobile-card_cards-visible .innerContentHeight {
  height: 580px;
  max-height: 100%
}

.mobile-card_cards-visible .innerContentHeight.contactList .search .form-control {
  background-color: #f2f4f7;
  border-radius: 6px;
  font-size: 12px;
  height: 26px;
  padding: 4px 4px 4px 30px
}

.mobile-card_cards-visible .innerContentHeight.contactList .search span {
  align-items: center;
  bottom: auto;
  display: flex;
  justify-content: center;
  left: 6px;
  position: absolute;
  right: auto;
  top: 50%;
  transform: translateY(-50%)
}

.mobile-card_cards-visible .innerContentHeight.contactList .search span svg {
  width: 16px
}

.mobile-card_cards-visible .innerContentHeight.contactList .contact-list {
  height: 100%;
  max-height: 560px;
  overflow-y: auto;
  width: calc(100% - 20px)
}

.mobile-card_cards-visible .innerContentHeight.contactList .contact-list ul li a {
  border-bottom: 1px solid #e0e3e8;
  color: #475467;
  display: block;
  font-size: 10px;
  font-weight: 500;
  padding: 6px 0;
  width: 100%
}

.mobile-card_cards-visible .innerContentHeight.contactList .contact-list ul li a.font-normal {
  font-weight: 400
}

.mobile-card_cards-visible .innerContentHeight.contactList .alphabets {
  padding-top: 20px;
  width: 20px
}

.mobile-card_cards-visible .innerContentHeight.contactList .alphabets ul li a {
  color: #475467;
  display: block;
  font-size: 10px;
  padding: 2px 0;
  text-align: center
}

.mobile-card_cards-visible .innerContentHeight.profileEdit .formContent {
  padding: 0 30px
}

.mobile-card_cards-visible .innerContentHeight.profileEdit .formContent .inputBox {
  margin-bottom: 8px;
  position: relative
}

.mobile-card_cards-visible .innerContentHeight.profileEdit .formContent .inputBox .form-control {
  border: 1px solid #d7dbe2;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
  padding: 8px 12px
}

.mobile-card_cards-visible .innerContentHeight.profileEdit .formContent .inputBox .form-control.phoneInput {
  padding-left: 50px
}

.mobile-card_cards-visible .innerContentHeight.profileEdit .formContent .inputBox>span {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%)
}

.mobile-card_cards-visible .innerContentHeight.profileEdit .formContent .inputBox>span img {
  width: 12px
}

.mobile-card_cards-visible .innerContentHeight.profileEdit .formContent .inputBox .countryFlag {
  align-items: center;
  border-radius: 0;
  border-right: 1px solid #d7dbe2;
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px
}

.mobile-card_cards-visible .innerContentHeight.profileEdit .networkLinks .network {
  font-weight: 500;
  height: 30px;
  justify-content: center;
  min-width: auto;
  width: 100%
}

.mobile-card_cards-visible .innerContentHeight.profileEdit .networkLinks .networkLink {
  align-items: center;
  background-color: #f9fafb;
  border: .5px solid #d0d5dd;
  border-radius: 5px;
  display: flex;
  font-size: 12px;
  height: 30px;
  justify-content: space-between;
  padding: 8px 0 8px 8px
}

.mobile-card_cards-visible .innerContentHeight.profileEdit .networkLinks .networkLink a {
  border-bottom: 1px solid #0c111d;
  color: #0c111d;
  font-weight: 500
}

.mobile-card_cards-visible .innerContentHeight.profileEdit .networkLinks .networkLink .copyButton {
  background: #0000
}

.mobile-card_cards .slick-slider {
  z-index: 10
}

.mobile-card_cards .slick-slider .slick-list {
  align-items: auto;
  display: flex;
  justify-content: center;
  max-width: 390px;
  padding-bottom: 16px
}

.mobile-card_cards .slick-slider .slick-list .slick-track {
  display: flex
}

.mobile-card_cards .slick-slider .slick-arrow {
  background: #fff;
  height: 590px;
  opacity: .4;
  width: 16px
}

.mobile-card_cards .slick-slider .slick-arrow.slick-next {
  border-radius: 0 16px 16px 0;
  right: -16px
}

.mobile-card_cards .slick-slider .slick-arrow.slick-next:before {
  display: none
}

.mobile-card_cards .slick-slider .slick-arrow.slick-next:hover {
  right: -28px;
  width: 30px
}

.mobile-card_cards .slick-slider .slick-arrow.slick-prev {
  border-radius: 16px 0 0 16px;
  left: -16px
}

.mobile-card_cards .slick-slider .slick-arrow.slick-prev:before {
  display: none
}

.mobile-card_cards .slick-slider .slick-arrow.slick-prev:hover {
  left: -28px;
  width: 30px
}

.mobile-card_cards-bundle-hoverCard {
  align-items: flex-end;
  bottom: auto;
  cursor: pointer;
  display: flex;
  height: 32px;
  left: 0;
  opacity: .6;
  position: absolute;
  right: auto;
  top: -16px;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 9
}

.mobile-card_cards-bundle-hoverCard:hover {
  opacity: 1;
  transition: opacity .3s ease
}

.mobile-card_cards-bundle-hoverCard .innerContent {
  background-color: #fda501;
  border-radius: 16px 16px 0 0;
  color: #fff;
  height: 32px;
  padding: 12px 16px 16px;
  transition: height .3s ease;
  width: 100%
}

.mobile-card_cards-bundle-hoverCard .innerContent .content-opac {
  opacity: 0
}

.mobile-card_cards-bundle-hoverCard .innerContent .content-opac .icon-size {
  width: 20px
}

.mobile-card_cards-bundle-hoverCard .innerContent .content-opac p {
  font-size: 14px;
  font-weight: 600
}

.mobile-card_cards-bundle-hoverCard .innerContent:hover {
  height: 60px;
  transform-origin: top;
  transition: height .3s ease
}

.mobile-card_cards-bundle-hoverCard .innerContent:hover .content-opac {
  opacity: 1
}

.mobile-card_cards-bundle-hoverCard.green {
  height: 40px;
  top: -20px;
  z-index: 8
}

.mobile-card_cards-bundle-hoverCard.green .innerContent {
  background-color: #229100;
  height: 52px;
  margin: 0 auto;
  width: 90%
}

.mobile-card_cards-bundle-hoverCard.green .innerContent:hover {
  height: 76px
}

.mobile-card_cards-bundle-hoverCard.purple {
  height: 60px;
  top: -45px;
  z-index: 7
}

.mobile-card_cards-bundle-hoverCard.purple .innerContent {
  background-color: #643c90;
  height: 62px;
  margin: 0 auto;
  width: 80%
}

.mobile-card_cards-bundle-hoverCard.purple .innerContent:hover {
  height: 86px
}

.profile-widget {
  border-radius: 20px;
  height: 100%;
  margin: 100px auto 20px;
  max-width: 390px;
  min-width: 390px;
  position: relative;
  width: 100%;
  z-index: 10
}

.profile-widget-nav {
  align-items: flex-end;
  bottom: auto;
  cursor: pointer;
  display: flex;
  height: 28px;
  left: 0;
  position: absolute;
  right: auto;
  top: -16px;
  width: 100%;
  z-index: 9
}

.profile-widget-nav .innerContent {
  background-color: #ffa601;
  border-radius: 15px 10px 0 0;
  color: #fff;
  height: 30px;
  margin: 0 auto;
  padding: 12px 16px 16px;
  transition: height .3s ease;
  width: 90%
}

.profile-widget-nav .innerContent .content-opac {
  opacity: 0
}

.profile-widget-nav .innerContent .content-opac .icon-size {
  width: 20px
}

.profile-widget-nav .innerContent .content-opac p {
  font-size: 14px;
  font-weight: 600
}

.profile-widget-nav .innerContent:hover {
  height: 50px
}

.profile-widget-nav .innerContent:hover .content-opac {
  opacity: 1
}

.profile-widget-nav.green {
  z-index: 8
}

.profile-widget-nav.green .innerContent {
  background-color: #5a894c;
  height: 45px;
  margin: 0 auto;
  width: 80%
}

.profile-widget-nav.green .innerContent:hover {
  height: 70px
}

.profile-widget-nav.brown {
  z-index: 8
}

.profile-widget-nav.brown .innerContent {
  background-color: #c7a464;
  height: 60px;
  margin: 0 auto;
  width: 70%
}

.profile-widget-nav.brown .innerContent:hover {
  height: 80px
}

.profile-widget-nav.purple {
  z-index: 7
}

.profile-widget-nav.purple .innerContent {
  background-color: #643c90;
  height: 75px;
  margin: 0 auto;
  width: 60%
}

.profile-widget-nav.purple .innerContent:hover {
  height: 95px
}

.profile-widget .profile-card {
  background-color: #f2f4f7;
  border-color: #f2f4f7;
  border-radius: 20px;
  padding: 10px;
  position: relative
}

.profile-widget .profile-card.referral {
  background-color: #ffa601;
  border-color: #ffa601;
  box-sizing: border-box
}

.profile-widget .profile-card.health {
  background-color: #5a894c;
  border-color: #5a894c;
  box-sizing: border-box
}

.profile-widget .profile-card.social {
  background-color: #0226b4;
  border-color: #0226b4;
  box-sizing: border-box
}

.profile-widget .profile-card.gaming {
  background-color: #643c90;
  border-color: #643c90;
  box-sizing: border-box
}

.profile-widget .profile-card-title {
  margin-bottom: 10px
}

.profile-widget .profile-card-title p {
  color: #000;
  font-size: 16px;
  font-weight: 500
}

.profile-widget .profile-card-title p.white {
  color: #fff
}

.profile-widget .profile-card-title img {
  margin-right: 4px;
  width: 16px
}

.profile-widget .profile-card-body {
  background: #fff;
  border-radius: 12px;
  padding: 10px
}

.profile-widget .profile-card-inner {
  display: flex;
  flex-direction: column;
  height: 500px;
  justify-content: space-between
}

.profile-widget .profile-card .image-wrapper {
  border-radius: 100px;
  height: 88px;
  margin: 0 auto 20px;
  min-width: 88px;
  overflow: hidden;
  position: relative;
  width: 88px
}

.profile-widget .profile-card .image-wrapper img {
  object-fit: cover
}

.profile-widget .profile-card .icon-button {
  align-items: center;
  background: #f2f4f7;
  border-radius: 50px;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 10px;
  width: 40px
}

.profile-widget .profile-card .user-name {
  font-size: 24px;
  font-weight: 700
}

.profile-widget .profile-card .user-details {
  margin-top: 20px
}

.profile-widget .profile-card .user-details p {
  color: #000;
  font-size: 14px;
  margin-bottom: 5px
}

.profile-widget .profile-card .percentage-badge {
  border: 1px solid #b1b8c5;
  border-radius: 30px;
  padding: 2px 10px 2px 2px
}

.profile-widget .profile-card .percentage-badge p {
  color: #202837;
  font-size: 12px;
  font-weight: 500
}

.profile-widget .profile-card .percentage-badge .icon-space {
  margin-right: 10px;
  width: 18px
}

.profile-widget .profile-card .percentage-badge .icon-space svg {
  fill: #40de10
}

.profile-widget .profile-card .networkLinks .network {
  font-weight: 500;
  height: 30px;
  justify-content: center;
  width: 100%
}

.profile-widget .profile-card .networkLinks .networkLink {
  align-items: center;
  background-color: #f9fafb;
  border: .5px solid #d0d5dd;
  border-radius: 5px;
  display: flex;
  font-size: 12px;
  height: 30px;
  justify-content: space-between;
  padding: 8px 0 8px 8px
}

.profile-widget .profile-card .networkLinks .networkLink a {
  border-bottom: 1px solid #0c111d;
  color: #0c111d;
  font-weight: 500
}

.profile-widget .profile-card .backButton {
  align-items: center;
  background: #f2f4f7;
  border-radius: 50px;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 0 auto;
  padding: 10px;
  width: 40px
}

.profile-widget .profile-card .profileEdit .formContent {
  padding: 0 30px
}

.profile-widget .profile-card .profileEdit .formContent .inputBox {
  margin-bottom: 8px;
  position: relative
}

.profile-widget .profile-card .profileEdit .formContent .inputBox .form-control {
  border: 1px solid #d7dbe2;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
  padding: 8px 12px
}

.profile-widget .profile-card .profileEdit .formContent .inputBox .form-control.phoneInput {
  padding-left: 50px
}

.profile-widget .profile-card .profileEdit .formContent .inputBox>span {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%)
}

.profile-widget .profile-card .profileEdit .formContent .inputBox>span img {
  width: 12px
}

.profile-widget .profile-card .profileEdit .formContent .inputBox .countryFlag {
  align-items: center;
  border-radius: 0;
  border-right: 1px solid #d7dbe2;
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px
}

.profile-widget .profile-card .profileEdit .custom-wallet {
  height: 40px
}

.profile-widget .profile-card .profileEdit .custom-wallet-default input {
  padding: 11px 20px 11px 10px !important
}

.profile-widget .profile-card .profileEdit .custom-wallet-default .validation-icon {
  top: 8px
}

.profile-widget .profile-card .fileSelector {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.profile-widget .navigator .btn {
  align-items: center;
  background-color: #101828;
  color: #fff;
  display: flex;
  font-size: 10px;
  height: 30px;
  justify-content: center;
  margin-top: 20px;
  padding: 6px 8px
}

.profile-widget .navigator .btn:first-child {
  border-radius: 15px 0 0 15px;
  border-right: 1px solid #323b4c
}

.profile-widget .navigator .btn:nth-child(2) {
  border-radius: 0
}

.profile-widget .navigator .btn:nth-child(3) {
  border-left: 1px solid #323b4c;
  border-radius: 0 15px 15px 0
}

.profile-widget .navigator .btn img {
  margin-right: 6px;
  width: 14px
}

.profile-widget .slick-slider {
  z-index: 10
}

.profile-widget .slick-slider .slick-list {
  align-items: auto;
  display: flex;
  justify-content: center
}

.profile-widget .slick-slider .slick-list .slick-track {
  display: flex
}

.profile-widget .slick-slider .slick-arrow {
  background: #d3d3d3;
  height: calc(100% - 40px);
  opacity: .4;
  width: 16px
}

.profile-widget .slick-slider .slick-arrow.slick-prev {
  border-radius: 16px 0 0 16px;
  left: -16px
}

.profile-widget .slick-slider .slick-arrow.slick-prev:before {
  display: none
}

.profile-widget .slick-slider .slick-arrow.slick-prev:hover {
  left: -25px;
  width: 25px
}

.profile-widget .slick-slider .slick-arrow.slick-next {
  border-radius: 0 16px 16px 0;
  right: -16px
}

.profile-widget .slick-slider .slick-arrow.slick-next:before {
  display: none
}

.profile-widget .slick-slider .slick-arrow.slick-next:hover {
  right: -25px;
  width: 25px
}

.home-profile-widget {
  background: #fff;
  background-image: url(/static/media/mock.d7334ed053f36fd20e5b.jpg);
  background-position: top;
  background-size: cover;
  border: 5px solid #000;
  border-radius: 21px;
  height: 100%;
  margin: 0 auto;
  position: relative
}

.home-profile-widget-nav {
  align-items: flex-end;
  bottom: auto;
  cursor: pointer;
  display: flex;
  height: 30px;
  left: 0;
  position: absolute;
  right: auto;
  top: -16px;
  width: 100%
}

.home-profile-widget-nav .innerContent {
  background-color: #f2f4f7;
  border-radius: 15px 15px 0 0;
  color: #000;
  height: 30px;
  margin: 0 auto;
  padding: 6px 10px 10px;
  transition: height .3s ease;
  width: 90%
}

.home-profile-widget-nav .innerContent.referral {
  background-color: #ffa601;
  color: #fff
}

.home-profile-widget-nav .innerContent .content-opac {
  opacity: 0
}

.home-profile-widget-nav .innerContent .content-opac .icon-size {
  width: 14px
}

.home-profile-widget-nav .innerContent .content-opac p {
  font-size: 14px;
  font-weight: 400
}

.home-profile-widget-nav .innerContent:hover {
  height: 45px
}

.home-profile-widget-nav .innerContent:hover .content-opac {
  opacity: 1
}

.home-profile-widget .profile-card {
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0;
  position: relative
}

.home-profile-widget .profile-card-title {
  background-color: #f2f4f7;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 12px
}

.home-profile-widget .profile-card-title.referral {
  background-color: #ffa601
}

.home-profile-widget .profile-card-title p {
  color: #000;
  font-size: 14px;
  line-height: 1
}

.home-profile-widget .profile-card-title p.white {
  color: #fff
}

.home-profile-widget .profile-card-title img {
  margin-right: 4px;
  width: 14px
}

.home-profile-widget .profile-card-body {
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 10px
}

.home-profile-widget .profile-card-inner {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.home-profile-widget .profile-card .image-wrapper {
  border-radius: 100px;
  height: 88px;
  margin: 0 auto 20px;
  min-width: 88px;
  overflow: hidden;
  position: relative;
  width: 88px
}

.home-profile-widget .profile-card .image-wrapper img {
  object-fit: cover
}

.home-profile-widget .profile-card .icon-button {
  align-items: center;
  background: #f2f4f7;
  border-radius: 50px;
  display: flex;
  height: 36px;
  justify-content: center;
  padding: 10px;
  width: 36px
}

.home-profile-widget .profile-card .user-name {
  font-size: 24px;
  font-weight: 700
}

.home-profile-widget .profile-card .user-details {
  margin-top: 20px
}

.home-profile-widget .profile-card .user-details p {
  color: #000;
  font-size: 14px;
  margin-bottom: 5px
}

.home-profile-widget .profile-card .percentage-badge {
  border: 1px solid #b1b8c5;
  border-radius: 30px;
  padding: 2px 10px 2px 2px
}

.home-profile-widget .profile-card .percentage-badge p {
  color: #202837;
  font-size: 12px;
  font-weight: 500
}

.home-profile-widget .profile-card .percentage-badge .icon-space {
  margin-right: 10px;
  width: 18px
}

.home-profile-widget .profile-card .percentage-badge .icon-space svg {
  fill: #40de10
}

.home-profile-widget .profile-card .networkLinks .network {
  font-size: 10px;
  font-weight: 500;
  height: 30px;
  justify-content: left;
  margin-right: 10px;
  min-width: 90px
}

.home-profile-widget .profile-card .networkLinks .networkLink {
  align-items: center;
  background-color: #f9fafb;
  border: .5px solid #d0d5dd;
  border-radius: 5px;
  display: flex;
  font-size: 10px;
  height: 30px;
  justify-content: space-between;
  padding: 8px 0 8px 8px
}

.home-profile-widget .profile-card .networkLinks .networkLink a {
  border-bottom: 1px solid #0c111d;
  color: #0c111d;
  font-weight: 500
}

.home-profile-widget .profile-card .networkLinks .networkLink button {
  margin: 0 7px;
  padding: 0 5px
}

.home-profile-widget .profile-card .btn-earning {
  background-color: #ff6717;
  border: 2px solid #ff6717;
  border-radius: 22px;
  color: #fff;
  font-size: 16px
}

.home-profile-widget .profile-card .backButton {
  align-items: center;
  background: #f2f4f7;
  border-radius: 50px;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 0 auto;
  padding: 10px;
  width: 40px
}

.home-profile-widget .profile-card .profileEdit .formContent {
  padding: 0 10px
}

.home-profile-widget .profile-card .profileEdit .formContent .inputBox {
  margin-bottom: 8px;
  position: relative
}

.home-profile-widget .profile-card .profileEdit .formContent .inputBox .form-control {
  border: 1px solid #d7dbe2;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
  padding: 8px 12px
}

.home-profile-widget .profile-card .profileEdit .formContent .inputBox .form-control.phoneInput {
  padding-left: 50px
}

.home-profile-widget .profile-card .profileEdit .formContent .inputBox>span {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%)
}

.home-profile-widget .profile-card .profileEdit .formContent .inputBox>span img {
  width: 12px
}

.home-profile-widget .profile-card .profileEdit .formContent .inputBox .countryFlag {
  align-items: center;
  border-radius: 0;
  border-right: 1px solid #d7dbe2;
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px
}

.home-profile-widget .profile-card .profileEdit .custom-wallet {
  height: 40px
}

.home-profile-widget .profile-card .profileEdit .custom-wallet-default input {
  padding: 11px 20px 11px 10px !important
}

.home-profile-widget .profile-card .profileEdit .custom-wallet-default .validation-icon {
  top: 8px
}

.home-profile-widget .profile-card .fileSelector {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.home-profile-widget .navigator .btn {
  align-items: center;
  background-color: #101828;
  color: #fff;
  display: flex;
  font-size: 10px;
  height: 30px;
  justify-content: center;
  margin-top: 20px;
  padding: 6px 8px
}

.home-profile-widget .navigator .btn:first-child {
  border-radius: 15px 0 0 15px;
  border-right: 1px solid #323b4c
}

.home-profile-widget .navigator .btn:nth-child(2) {
  border-radius: 0
}

.home-profile-widget .navigator .btn:nth-child(3) {
  border-left: 1px solid #323b4c;
  border-radius: 0 15px 15px 0
}

.home-profile-widget .navigator .btn img {
  margin-right: 6px;
  width: 14px
}

.home-profile-widget .slick-slider {
  z-index: 10
}

.home-profile-widget .slick-slider .slick-list {
  align-items: auto;
  display: flex;
  justify-content: center
}

.home-profile-widget .slick-slider .slick-list .slick-track {
  display: flex
}

.home-profile-widget .slick-slider .slick-arrow {
  background: #d3d3d3;
  height: calc(100% - 40px);
  opacity: .4;
  width: 16px
}

.home-profile-widget .slick-slider .slick-arrow.slick-prev {
  border-radius: 16px 0 0 16px;
  left: -16px
}

.home-profile-widget .slick-slider .slick-arrow.slick-prev:before {
  display: none
}

.home-profile-widget .slick-slider .slick-arrow.slick-prev:hover {
  left: -25px;
  width: 25px
}

.home-profile-widget .slick-slider .slick-arrow.slick-next {
  border-radius: 0 16px 16px 0;
  right: -16px
}

.home-profile-widget .slick-slider .slick-arrow.slick-next:before {
  display: none
}

.home-profile-widget .slick-slider .slick-arrow.slick-next:hover {
  right: -25px;
  width: 25px
}

.foundation {
  background-color: #eaeefc;
  color: #5773e7
}

.message-details {
  background: #f2f8fb;
  border-radius: 12px;
  padding: 20px
}

.message-details h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px
}

.message-details h5 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px
}

.message-details h5 .user-amount,
.message-details h5 .user-name {
  font-weight: 600
}

.message-details .user-message {
  font-size: 12px;
  margin: 2px 0 0 5px
}

.contrySelector .form-control {
  padding-left: 50px !important
}

.contrySelector .country-selector-feild-dropdown .select__control {
  min-height: 40px
}

.contrySelector .country-selector-feild {
  border: none
}

.customizedSlider .slick-slider.slider-nav .slick-list {
  display: block !important;
  padding: 0
}

.customizedSlider .slick-slider.slider-nav .slick-list .slick-track {
  display: block
}

.customizedSlider .slick-slider.slider-nav .slick-list .slick-track .slick-slide {
  border: none;
  display: flex;
  justify-content: center
}

.customizedSlider .slick-slider.slider-nav .slick-list .slick-track .slick-slide[data-index="0"]>div {
  width: calc(100% - 60px) !important
}

.customizedSlider .slick-slider.slider-nav .slick-list .slick-track .slick-slide[data-index="-1"]>div {
  width: calc(100% - 90px) !important
}

.customizedSlider .slick-slider.slider-nav .slick-list .slick-track .slick-slide[data-index="-2"]>div {
  width: calc(100% - 120px) !important
}

.customizedSlider .slick-slider.slider-nav .slick-list .slick-track .slick-slide[data-index="-3"]>div {
  width: calc(100% - 150px) !important
}

.customizedSlider .slick-slider.slider-nav .slick-list .slick-track .slick-slide[data-index="-4"]>div {
  width: calc(100% - 180px) !important
}

.customizedSlider .slick-slider.slider-nav .slick-list .slick-track .slick-slide>div {
  height: 16px;
  width: calc(100% - 30px)
}

.customizedSlider .slick-slider.slider-nav .slick-list .slick-track .slick-slide>div:hover {
  height: 30px;
  transition: opacity .3s ease
}

.customizedSlider .slick-slider.slider-for .slick-list,
.customizedSlider .slick-slider.slider-for .slick-list .slick-track {
  display: block
}

.customizedSlider .slick-slider.slider-for .slick-list .slick-track .slick-slide {
  width: 100%
}

.slider-holder {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 614px;
  justify-content: flex-end;
  position: relative;
  width: 390px
}

.slider-holder .fixed390 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 500px;
  margin: 0 auto;
  position: absolute;
  width: 390px
}

.slider-holder .fixed390:first-child {
  top: -25px;
  width: calc(100% - 30px)
}

.slider-holder .fixed390:nth-child(2) {
  top: -40px;
  width: calc(100% - 30px)
}

.slider-holder .fixed390:nth-child(3) {
  top: -52px;
  width: calc(100% - 60px)
}

.slider-holder .fixed390:nth-child(4) {
  top: -64px;
  width: calc(100% - 90px);
  z-index: 1
}

.slider-holder .fixed390:nth-child(5) {
  top: -76px;
  width: calc(100% - 120px);
  z-index: 1
}

.padding-b-50 {
  padding-bottom: 50px
}

.icon-size {
  height: 16px;
  width: 16px
}

.fixed390:not([style*="z-index: 5"]):hover {
  cursor: pointer;
  transform: translateY(-25px);
  transition: transform .3s ease
}

.text-truncate-2 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden
}

@media(min-height:920px) {
  .center-view-800 {
    align-items: center
  }
}

.nft-content-slider .roadmap-content-slide ol li p,
.nft-content-slider .roadmap-content-slide ul li p {
  margin-bottom: 0 !important
}

.nft-content-slider .roadmap-content-slide ol.no-bullets li,
.nft-content-slider .roadmap-content-slide ul.no-bullets li {
  display: flex;
  list-style-type: none;
  position: relative
}

.nft-content-slider .roadmap-content-slide ol.no-bullets li:before,
.nft-content-slider .roadmap-content-slide ul.no-bullets li:before {
  content: "–";
  margin-right: 8px
}

.nft-content-slider .roadmap-content-slide .table-wrapper table tr td,
.nft-content-slider .roadmap-content-slide .table-wrapper table tr th {
  border: 1px solid #e8e8ed
}

.max-w-100 {
  max-width: 100% !important
}

.table-wrapper table tr td,
.table-wrapper table tr th {
  color: #344054;
  font-size: 12px;
  padding: 10px
}

.table-wrapper table tr th {
  color: #111212;
  font-weight: 600
}

.input-group-content .username-input {
  flex: 1 1 auto
}

.input-group-content .username-input input {
  background: #fff !important;
  border: 1px solid #fff;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  color: #000 !important
}

.input-group-content .btn-add {
  background: #fff;
  border-left: 1px solid #dde0e4;
  font-size: 14px
}

.select-box-style .dropdown-toggle {
  border-radius: 6px;
  height: 42px !important
}

.select-box-style .dropdown-toggle:before {
  top: 14px
}

.select-box-style .dropdown-menu {
  border-radius: 6px;
  padding: 0
}

.select-box-style .dropdown-menu ul li a {
  font-size: 14px !important
}

.saving-auto {
  border-radius: 15px;
  color: #fff;
  padding: 2px 8px
}

.saving-auto svg {
  fill: #fff;
  margin-right: 6px;
  width: 20px
}

.saving-auto.scaled-80 {
  transform: scale(.8)
}

.email-note {
  color: #7e848a;
  font-size: 12px;
  line-height: 1.3;
  margin-top: 4px;
  text-align: left
}

.animate-spin {
  animation: spin 1s infinite;
  height: 20px;
  margin-right: 8px;
  width: 20px
}

.modal-has-open .account-main {
  overflow: hidden
}

.claimed-filter .filter-widget-section-slider .slick-list,
.referral-filter .filter-widget-section-slider .slick-list,
.stake-bottom-widget .filter-widget-section-slider .slick-list {
  height: 130px !important
}

.claimed-filter .filter-widget-section-slider .slick-list .slick-slide,
.referral-filter .filter-widget-section-slider .slick-list .slick-slide,
.stake-bottom-widget .filter-widget-section-slider .slick-list .slick-slide {
  height: 45px
}

.claimed-filter .filter-widget-section-block,
.referral-filter .filter-widget-section-block {
  flex: 0 0 100%;
  max-width: 100%
}

.claimed-filter .filter-widget-section-slider .slick-list .slick-slide,
.referral-filter .filter-widget-section-slider .slick-list .slick-slide {
  padding-left: 50px
}

.stake-card .nft-content-slider .card-content {
  max-height: 617px
}

.list-style-disc {
  list-style: disc !important
}

.btn-orange-small {
  font-size: 13px;
  height: 32px;
  padding: 6px 12px
}

.btn-orange-small,
.btn-orange-small:hover {
  background: #ff6619;
  color: #fff
}

.btn-orange-small.home-ref {
  font-size: 12px;
  height: 28px;
  padding: 4px 10px
}

.influencer-section .launchpad-section {
  height: 100%
}

.influencer-section .launchpad-section .stream-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px
}

.influencer-section .launchpad-section .influencer-tabs {
  height: calc(100% - 40px)
}

.influencer-section .launchpad-section .influencer-tabs .nav-pills .nav-item .nav-link {
  color: #151616;
  padding: 8px 20px
}

.influencer-section .launchpad-section .influencer-tabs .nav-pills .nav-item .nav-link.active {
  background: #ff6619;
  color: #fff
}

.influencer-section .launchpad-section .influencer-tabs .tab-content {
  align-items: center;
  background: #f4f6fa;
  border-radius: 12px;
  display: flex;
  height: calc(100% - 12px);
  justify-content: center
}

.influencer-section .launchpad-section .influencer-tabs .tab-content .tab-pane {
  height: 100%;
  width: 100%
}

.influencer-section .launchpad-section .influencer-tabs .tab-content .tab-pane .box-content {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 20px #0000001a;
  padding: 20px 16px
}

.influencer-section .launchpad-section .influencer-tabs .tab-content .tab-pane .box-content .input-box .form-label {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 8px
}

.influencer-section .launchpad-section .influencer-tabs .tab-content .tab-pane .box-content .input-box .form-control {
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 16px;
  padding: 10px 16px
}

.influencer-section .launchpad-section .influencer-tabs .tab-content .tab-pane .box-content .input-box button {
  background: #ff6619;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  padding: 8px 14px
}

.influencer-section .launchpad-section .influencer-tabs .tab-content .tab-pane .stream-admin-listing {
  background: #0000;
  height: 100%
}

.influencer-section .launchpad-section .influencer-tabs .tab-content .tab-pane .stream-admin-listing-body {
  height: 100%;
  margin: 0
}

.influencer-section .launchpad-section .influencer-tabs .tab-content .tab-pane .guide-content {
  height: 100%
}

.influencer-section .launchpad-section .influencer-tabs .tab-content .tab-pane .guide-content .disclaimer {
  background: #fff;
  border-radius: 12px;
  height: 100%;
  padding: 30px 12px
}

.influencer-section .launchpad-section .influencer-tabs .tab-content .tab-pane .guide-content .disclaimer .guide-link {
  text-align: center
}

.influencer-section .launchpad-section .influencer-tabs .tab-content .tab-pane .guide-content .disclaimer .guide-link a {
  background: #ff6619;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
  padding: 14px 16px;
  width: 200px
}

.influencer-section .launchpad-section .influencer-tabs .tab-content .tab-pane .guide-content .disclaimer .guide-link h5 {
  font-size: 24px
}

.influencer-section .launchpad-section .influencer-tabs .tab-content .tab-pane .guide-content .disclaimer img {
  max-width: 320px
}

.influencer-2nd .stream-admin-listing {
  border-radius: 0 16px 16px 0;
  height: 100%;
  max-height: 100%
}

.influencer-2nd .stream-admin-listing-body {
  margin: 0
}

.btn-buy-orange {
  border-radius: 6px;
  font-size: 14px;
  padding: 7px 16px
}

.btn-buy-orange,
.btn-buy-orange:hover,
.btn-orange {
  background: #ff6619;
  color: #fff
}

.btn-orange {
  border-radius: 6px;
  font-size: 14px;
  padding: 8px 18px
}

.btn-orange:hover {
  background: #eb621e;
  color: #fff
}

.required-content {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #fff;
  border-radius: 16px;
  margin-left: 10px;
  padding: 10px 16px
}

.required-content h1 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 0
}

@media screen and (max-width:1280px) {
  .required-content {
    padding: 2px 16px
  }

  .required-content h1 {
    font-size: 20px
  }
}

.vesting-calculator {
  background: #fff;
  border-radius: 16px;
  padding: 16px;
  width: 100%
}

.stake-menus {
  background: #fff;
  border-radius: 10px;
  display: none;
  left: 50%;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(-100% - 20px);
  transform: translateX(-50%);
  width: 200px
}

.stake-menus .stake-link {
  color: #111212;
  display: block;
  font-weight: 500;
  padding: 8px 16px;
  width: 100%
}

.stake-menus .stake-link:hover {
  background: #eff4fb
}

.stake-menus.active {
  display: block
}

.referred-input input {
  border: 1px solid #d7dbe2;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
  padding: 8px 12px
}

@font-face {
  font-display: block;
  font-family: icomoon;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/icomoon.449f8ffb0bf3f98183e2.eot);
  src: url(/static/media/icomoon.449f8ffb0bf3f98183e2.eot#iefix) format("embedded-opentype"), url(/static/media/icomoon.a7515cd6b62bdd776832.ttf) format("truetype"), url(/static/media/icomoon.a63c1776b3c1ea32f605.woff) format("woff"), url(/static/media/icomoon.c9cd22f57067e77fb3ac.svg#icomoon) format("svg")
}

[class*=" icon-"],
[class^=icon-] {
  speak: never;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none
}

.icon-twitter:before {
  content: "\e910"
}

.icon-badge:before {
  content: "\e911"
}

.icon-close:before {
  content: "\e912"
}

.icon-lock:before {
  content: "\e913"
}

.icon-wallet:before {
  content: "\e914"
}

.icon-mute:before {
  content: "\e90f"
}

.icon-bio-icon:before {
  content: "\e90e"
}

.icon-heart:before {
  content: "\e90d"
}

.icon-circle-power:before {
  content: "\e900"
}

.icon-external-link:before {
  content: "\e901"
}

.icon-game:before {
  content: "\e903"
}

.icon-gift:before {
  content: "\e904"
}

.icon-hub:before {
  content: "\e905"
}

.icon-link:before {
  content: "\e906"
}

.icon-plus-circle:before {
  content: "\e907"
}

.icon-search:before {
  content: "\e908"
}

.icon-user:before {
  content: "\e909"
}

.icon-voice:before {
  content: "\e90b"
}

.icon-youtube:before {
  content: "\e90c"
}

.icon-folder:before {
  content: "\e902"
}

.icon-user-square:before {
  content: "\e90a"
}

/*!
 *  Iconly icon font. Generated by Iconly: https://iconly.io/
 */
@font-face {
  font-display: auto;
  font-family: Iconly;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/iconly.b040a4ca736b3060cc3b.eot);
  src: url(/static/media/iconly.b040a4ca736b3060cc3b.eot?#iefix) format("embedded-opentype"), url(/static/media/iconly.536b6c20afcc546e380d.woff2) format("woff2"), url(/static/media/iconly.8b392989fd8a8eab5f22.woff) format("woff"), format("svg")
}

[class*=" icon-"],
[class=icon],
[class^=icon-] {
  font-feature-settings: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: Iconly !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-rendering: auto
}

.size-24 {
  font-size: 24px
}

.size-18 {
  font-size: 18px
}

.icon-icon-youtube:before {
  content: "\e000"
}

.icon-icon-whatsapp:before {
  content: "\e001"
}

.icon-icon-twitter:before {
  content: "\e002"
}

.icon-icon-twitch:before {
  content: "\e003"
}

.icon-icon-tiktok:before {
  content: "\e004"
}

.icon-icon-threads:before {
  content: "\e005"
}

.icon-icon-spotify:before {
  content: "\e006"
}

.icon-icon-snapchat:before {
  content: "\e007"
}

.icon-icon-search:before {
  content: "\e008"
}

.icon-icon-linkedin:before {
  content: "\e009"
}

.icon-icon-instagram:before {
  content: "\e00a"
}

.icon-icon-github:before {
  content: "\e00b"
}

.icon-icon-facebook:before {
  content: "\e00c"
}

.icon-icon-email:before {
  content: "\e00d"
}

.icon-icon-discord:before {
  content: "\e00e"
}

.icon-icon-amazon:before {
  content: "\e00f"
}

.icon-external:before {
  content: "\e010"
}