/* Automatic moved imports */
     @import url('https://fonts.googleapis.com/css2?family=Poppins');

/* Automatically generated  | No host */



    * {
        font-family: "Poppins", sans-serif;
        font-style: normal;
    }
 
.embedded-app {
    padding-top: 0;
}

.embedded-app .navbar{
    display: none;
}


footer img {
        filter: brightness(0) invert(1);
}

.embedded-app .f-widget{
    height: 100vh !important;
}


.manual-tag [scale="md"] {
    color: black !important;
}

/* Override - Body BG */


/* Override - Raw */

body {
    background-image: url(/media/GCEMN3FKQK_ss_bg.png) !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

.main-nav {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24) !important;
  background: linear-gradient(90deg, #15198c, #184ee8 50%, #151a8d) transparent !important;
  color: white;
}

.main-nav .mobile-toggle {
color: white;
}

  .main-nav .main-nav-section .navigation-section > ul > li > a {
opacity: 0.7;
  font-weight: 500;
  }
  .main-nav .main-nav-section .navigation-section > ul > li.active > a {
opacity: 1;
  }

@media screen and (min-width: 1020px) {
  [nav-type="default"] .top-bar > div > ul > li > a, [nav-type="thin"] .top-bar > div > ul > li > a, [nav-type="transparent"] .top-bar > div > ul > li > a {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 8px;
    font-size: 13px;
  }
}



  ul.topbar-nav > li > a {
opacity: 0.7;
  font-weight: 500;
  }
  ul.topbar-nav > li.active > a {
opacity: 1;
  }

@media screen and (max-width: 1020px) {
  .main-nav .main-nav-section .navigation-section ul li a {
    color: #000000b2;
  }
}

footer {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px!important;
    background: linear-gradient(90deg, rgb(21, 25, 140) 0%, rgb(24, 78, 232) 50%, rgb(21, 26, 141) 100%) rgba(0, 0, 0, 0)!important;
    color: white!important;
}

h3 {
        font-size: 15pt!important;
    }

.checkoutWrapper::after {
display!none!important;
height: 0px!important;
}

footer ul li a {
    color: white !important;
}

nav.navbar {
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
    background: white !important;
}

.staking-nav-border {
    border: 1px solid #0a54e0!important;
    padding: 3px;
    border-radius: 7px;
    background: var(--bs-white) !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
        color: white !important;
    }

.d-flex.align-items-cente.d-none.d-lg-block {
    border-radius: 21px !important;
}

.top-bar {
    height: 37px;
    line-height: 21px;
    background: linear-gradient(90deg, #111342, #0d2b82 50%, #030535) transparent;
    top: 0;
    padding: 0 1rem;
    font-size: 14px;
}

/*
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
*/

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

.token-selection-group {
    max-height: calc(100% - 163px)!important;
}

.d-none.d-lg-block.d-lg-flex.filter-bar.mb-4.row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}

li.nav-item {
    font-size: 12pt!important;
   color: white!important;
}

nav.navbar.navbar-expand-lg.bg-body-tertiary {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24) !important;
    background: linear-gradient(90deg, #15198c, #184ee8 50%, #151a8d) transparent !important;
    padding: 1rem 3rem !important;
}

/*
div {
    font-family: DM Sans!important;
    font-size: 12px;
    font-weight: 700;
    line-height: 20.83px;
    text-align: left;
}
*/

[data-type=widget-staking] .section-header {
    margin-bottom: 0;
    border-radius: 12px 12px 12px 12px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.swap-card {
    margin-top: 150px!important;
}

.container.swap-widget {
  min-height: calc(100vh - 500px);
padding: 100px 0;
}

.container.staking-widget {
  min-height: calc(100vh - 500px);
}