li::before {
    content: "" !important
}
.pancake-button--disabled {
    background: #AEAEAE !important;
    color: #fff !important;
}
.token-box-bottom .token-bonus-item.one {
    margin-right: 10px;
}
.token-box-bottom .token-bonus-item.two {
    margin-left: 10px;
}
.money-fixed {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 5;
    background: linear-gradient(to right, #16a3fe 0%, #23c99d 100%);
    padding: 5px 10px;
    border-radius: 10px;
}
.money-fixed > div:first-child {
    margin-right: 20px;
}
.money-fixed img {
    height: 16px;
    margin-right: 8px;
}
.money-fixed p {
    color: #fff ;
}
li.menu-item>ul {
    display: unset;
}
.menu-item>ul li a{
    font-size: 13px;
    line-height: 18px;
    color: #637097 !important;
    padding: 7px 0;
    display: block;
    position: relative;
}
.liquidity-tab .css-mb0057{
    text-align: left !important;
    margin-top: 20px;
}
div.token-stage-one {
    background: linear-gradient(to right, #16a3fe 0%, #23c99d 100%) !important;
}
.tc-light div.token-stage-date {
    background: #FFF;
    color: #343a40;
}
.fs-20 {
    font-size: 20px;
}
.mb-15 {
    margin-bottom: 15px;
}
.tc-light div.token-stage-date h6, .tc-light div.token-stage-date span{
    color: #343a40;
}
img {
    max-width: 100%;
    height: auto;
}
.token-action-invest .token-action-btn {
    text-align: right;
}
.token-action-invest .token-action-btn .btn-grad{
    width: 50%;
}
.button-action.farm-button {
    display: flex;
    justify-content: space-between;
}
.button-action button,.button-action__close {
    width: 48%;
    padding: 8px 0;
    border-radius: 15px;
    border: 2px solid #a4d1a0;
    color: #56a94e;
    background: #fff;
    outline: none;
    font-weight: 600;
}
.button-action__close {
    width: 100px;
}
button:disabled,
button[disabled]{
  /* border: 2px solid #cccccc; */
  background-color: #cccccc;
  color: #666666;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.max-popup {
    background-color: #49a341;
    padding: 3px 15px;
    border-radius: 20px;
    font-weight: 600;
}
.bg-white {
    background: #fff !important;
}
.bg-49a341 {
    background:#49a341 !important;
}
.color-aab6aa {
    color: #213f1e !important;
}
.bg-eeeaf4 {
    background: #1a202c !important;
}
.mb-1px-f3f2f5 {
    border-bottom: 1px solid #f3f2f5;
}
.menu-item-more  a {
    color: #fff !important;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}
.menu-link.active {
    color: #fff !important;
}
.txt-color-22c89d {
    color: #22c89d !important;
}
.menu-item-mb {
    border-bottom: 1px solid rgba(219,228,247,0.1);
    position: relative;
    margin-bottom: 30px;
}
.tokdis-list .col-md:first-child .tokdis-item:before {
    display: none;
}
.menu-item-mb .toggle-class {
    height: 0;
    transition: all 400ms;
}
.btn.btn-grad-alternet {
    background-image: linear-gradient(to right, #7a0fff 0%, #2b56f5 100%);
}
.btn-grad-alternet:before {
    background-image: linear-gradient(to right, #2b56f5 0%, #7a0fff 100%);
}
.btn-grad:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -2;
    border-radius: 5px;
    opacity: 0;
    transition: all .5s;
    background-image: linear-gradient(to right, #0c195a 0%, #2b56f5 100%);
}
.menu-item-mb .toggle-class.active {
    height: 100%;
    transition: all 400ms;
}
.menu .toggle-drop {
    top: calc(100% + 10px);
}
div#team-popup-8 {
    width: 320px;
}
.mg-b-8 {
    margin-bottom: 8px;
}
.ernndx {
    display: flex;
    align-self: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 24px;
}
.lRfdj {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
}
.jFRWZd {
    color: linear-gradient(to right, #16a4fd 0%, #41faa4 100%);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.dpBLcR {
    align-self: center;
    fill:  #41faa4;
    flex-shrink: 0;
    margin-right: 6px;
}
/* box procol */
.css-13i5pkh {
    display: flex;
    flex-direction: column;
    max-width: 95%;
    margin-top: 40px;
    margin-inline: auto;
    margin-bottom: 20px;
}
.css-lo3pan {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 230px;
    width: 100%;
    color: var(--chakra-colors-white);
    padding-inline: 12px;
    padding-top: 28px;
    padding-bottom: 28px;
    background-image: linear-gradient(rgba(45, 55, 72, 0.66), rgba(45, 55, 72, 0));
    border-radius: 24px;
    margin-bottom: 6px;
}
.border-gradient {
    position: relative;
    box-shadow: 0 -5px 10px -5px #1ac486;
}
.border-gradient:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 24px;
    padding: 3px 3px 0;
    background: linear-gradient(180deg,#1ac486,#1d232e);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.css-ii1cf0 {
    display: flex;
    border-left: 6px solid #1AC486;
    width: 90%;
    padding-left: 10px;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    word-break: break-word;
}
.css-1e0o2wd {
    display: flex;
    margin-top: 16px;
    width: 90%;
    font-size: 13px;
    color: #E2E8F0;
}
.css-esbmbf {
    margin-bottom: 100px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-inline: auto;
    flex-wrap: wrap;
    width: 80%;
}
.css-17vop0s {
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: inherit;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-inline: 6%;
    padding-top: 28px;
    padding-bottom: 28px;
    width: 300px;
    z-index: 9;
    margin-bottom: 30px;
}
.css-17vop0s p {
    margin-bottom: 0;
}
.css-1sdvu8p {
    width: 72px;
    max-width: 100%;
    height: 72px;
}
.css-7b110o {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
}
.css-1pq8vbv {
    color: #fff !important;
    font-weight: 700;
}
.css-b2k6bp {
    color: aliceblue !important;
}
.css-1hpjh8b {
    font-size: 16px;
    color: #718096 !important;
}
.item-detail, .item-detail-mobile {
    background: linear-gradient(180deg,rgba(0,255,209,.32) -66.67%,rgba(45,55,72,.55));
    border-radius: 24px;
    border: 3px solid #1ac486;
    position: relative;
    box-shadow: 0 0 10px #1ac486;
    cursor: pointer;
    text-decoration: none!important;
}
.contact-list li:first-child {
    margin-top: 20px;
}
.mfp-close-btn-in .mfp-close {
    text-transform: lowercase;
}
.home-banner h2 .home-banner__percen {
    margin-left: 30px;
    font-size: 60px;
}
.home-banner h2  {
    margin-bottom: 40px;
}
.home-banner__farm span {
    position: absolute;
    font-size: 14px;
}
.home-banner__farm span:first-child {
    right: 0;
    top: -10px;
}
.home-banner__farm span:last-child {
    bottom: -5px;
    left: 0;
}
.home-banner__farm {
    margin-left: 10px;
    position: relative;
}
.home-banner {
    display: table-cell;
}
.home-banner .btn {
    padding: 15px 40px;
    margin-left: 20px;
}
.home-banner__desc {
    text-align: right;
}
.home-banner__desc p{
    color: #7ab9ff;
}
.home-banner__desc p:first-child{
    font-size: 13px;
    color: #7ab9ff;
    text-transform: uppercase;
}
.home-banner__desc p:last-child{
    font-size: 18px;
    color: #7ab9ff;
    text-transform: uppercase;
    line-height: 23px;
}
.item-detail:hover {
    box-shadow: none;
    border-width: 3px!important;
    border-color: transparent #6994e7 transparent #1ac486!important;
    background: linear-gradient(94.09deg,#1ac486,#6994e7 99.23%);
    text-decoration: none!important;
}

/* swap custom */
.css-ipe8mi .hover-icon.css-13h7tv5 {
    background: unset;
}
.css-ipe8mi .hover-icon {
    /* background-color: var(--chakra-colors-gray-700); */
    margin-left: 10px;
}
.css-ipe8mi .css-tkkb3p {
    background-color: var(--chakra-colors-gray-700);
}
.css-ipe8mi {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    margin-inline: auto;
}
.css-1ynhtt9 {
    background: var(--chakra-colors-gray-800);
    width: 100%;
    padding: 0px 32px 24px;
    max-width: 510px;
    color: var(--chakra-colors-white);
    height: fit-content;
    padding-inline: 16px;
    margin-top: 0px;
    z-index: 9;
    box-shadow: rgb(0 0 0 / 28%) 0px 4px 40px;
    margin-inline: auto;
    border-radius: 24px;
}
.css-10rimxv {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
}
.css-hboir5 {
    display: flex;
    width: 100%;
}
.css-xxu8mq {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
}
.css-70qvj9 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.css-17xejub {
    flex: 1 1 0%;
    place-self: stretch;
}
.css-tkkb3p {
    display: flex;
    padding: 6px;
    border-radius: 8px;
}
.css-uorkv8 {
    font-weight: 500;
    /* cursor: pointer; */
    padding-right: 32px;
    width: 100%;
    color: var(--chakra-colors-teal-150);
}
.css-uorkv8::after {
    content: "";
    display: block;
    background: var(--chakra-colors-teal-150);
    width: 100%;
}
.css-1mo6ei6::after {
    content: "";
    display: block;
    background: var(--chakra-colors-transparent);
    width: 100%;
}
.css-e0fajo {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.arrow-child-icon {
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s,-webkit-transform 1s;
    display: none!important;
    overflow: hidden;
    height: 0;
}
.css-tkkb3p:hover, .css-tkkb3p[data-hover] {
    background: var(--chakra-colors-gray-700);
}
.hover-icon:hover .arrow-child-icon-hover {
    display: none!important;
}
.hover-icon:hover .arrow-child-icon {
    height: unset;
    display: flex!important;
}
.css-rg4h1x {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.css-1nf0yip {
    display: flex;
    cursor: pointer;
    padding: 2px;
}
.css-19mnbyz {
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: block;
}
.css-1x0lhn7 {
    display: flex;
    font-weight: 600;
    font-size: 20px;
}
.css-k008qs {
    display: flex;
}
.css-tkkb3p {
    display: flex;
    padding: 6px;
    border-radius: 8px;
}
.css-1ofqig9 {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.btn-grad-toleft {
    background-image: linear-gradient(to left, #1932a5 0%, #41faa4 100%) !important;
}
.btn-grad {
    background-color: #0076ff !important;
}
.css-1yynvza {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    padding: 8px 20px;
}
.css-1mzm5v1 {
    font-weight: var(--chakra-fontWeights-semibold);
    font-size: 16px;
    color: var(--chakra-colors-gray-300);
}
.css-1y1ss1c {
    margin-left: 16px;
    width: 15px;
    height: 15px;
}
.css-1czlrgc {
    position: relative;
    display: flex;
    flex-direction: column;
    --popover-bg: var(--chakra-colors-white);
    --popper-arrow-bg: var(--popover-bg);
    --popper-arrow-shadow-color: var(--chakra-colors-gray-200);
    width: 250px;
    box-shadow: var(--chakra-shadows-sm);
    z-index: inherit;
    background: var(--chakra-colors-gray-700);
    border-color: inherit;
    border-radius: 12px;
    padding: 4px;
}
.css-8atqhb {
    width: 100%;
}
.css-md0cqf {
    padding: 10px 40px;
}
.css-1ofqig9 {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.css-1pbugdw {
    width: 100%;
    max-width: 570px;
    color: var(--chakra-colors-white);
    box-shadow: var(--chakra-shadows-none);
    padding-inline-start: 12px;
    padding-inline-end: 12px;
    background: rgba(0, 0, 0, 0.6);
    padding: 15px 32px;
    border:1px solid var(--chakra-colors-transparent);
    border-radius: 16px;
}
.css-z5jpa5:hover, .css-z5jpa5[data-hover] {
    border: 1px solid rgb(74, 85, 104);
}
.css-gd1zqf {
    display: flex;
    font-weight: 400;
}
.css-1lekzkb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.css-1vf9ext {
    font-size: 14px;
    color: var(--chakra-colors-gray-500);
}
.css-gg4vpm {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.css-1vf9ext {
    font-size: 14px;
    color: var(--chakra-colors-gray-500);
}
.css-g45rly {
    color: var(--chakra-colors-gray-500);
    font-size: 14px;
    font-weight: 500;
}
.css-ijbuod {
    position: relative;
    z-index: 0;
    --number-input-stepper-width: 24px;
    --number-input-field-padding: calc(var(--number-input-stepper-width) + 0.5rem);
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    max-width: 40%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    display: none;
    padding-right: 0px;
}
.css-4e5teo {
    width: 100%;
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    appearance: none;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    font-size: 24px;
    padding-inline-start: 0px;
    padding-inline-end: var(--number-input-field-padding);
    height: auto;
    border-radius: var(--chakra-radii-md);
    vertical-align: top;
    background: var(--chakra-colors-transparent);
    border-width: 0px;
    color: var(--chakra-colors-white);
    padding-right: 0px;
    font-weight: 600;
}
.css-1hyfx7x {
    display: none;
}
.css-5p8pn4 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-radius: 24px;
    cursor: pointer;
}
.css-oreprn {
    min-width: 24px;
    min-height: 24px;
}
.css-18puooo {
    width: 24px;
}
.css-4kmcwc {
    padding-inline: 5px;
    font-size: 20px;
    font-weight: 500;
}
.css-uyu7w7 {
    min-width: 10px;
    width: 10px;
    height: 10px;
}
.css-hndopl {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 20px;
}
.css-13h7tv5 {
    display: flex;
    border-radius: 8px;
}
.css-1w6duis {
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.css-ykooy3 {
    transform: rotate(0deg);
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.css-z5jpa5 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 570px;
    color: var(--chakra-colors-white);
    box-shadow: var(--chakra-shadows-none);
    padding-inline-start: 12px;
    padding-inline-end: 12px;
    background: rgba(0, 0, 0, 0.6);
    padding: 14px 32px;
    border:1px solid var(--chakra-colors-transparent);
    border-radius: 16px;
}   
.css-ufdqa4 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 11px;
}
.css-18ne23r {
    font-size: 14px;
    color: var(--chakra-colors-gray-500);
    font-weight: 500;
}
.css-es3m49 {
    position: relative;
    z-index: 0;
    --number-input-stepper-width: 24px;
    --number-input-field-padding: calc(var(--number-input-stepper-width) + 0.5rem);
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    max-width: 40%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-right: 0px;
}
.css-7nr3in {
    border: 1px solid transparent;
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    width: auto;
    line-height: 1.2;
    border-radius: 12px;
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    padding-inline: 10px;
    background: rgba(0, 0, 0, 0.6);
    margin-top: 10px;
}
.css-7pf6at {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}
.css-18i4iwr {
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: rgb(5, 5, 5);
    border-radius: 50%;
    padding: 3px;
}
.css-12nhfbj {
    color: var(--chakra-colors-gray-500);
    font-size: 14px;
    font-weight: 300;
    margin-top: 2px;
    margin-left: 8px;
}
.css-bnbapg {
    color: var(--chakra-colors-white);
    font-weight: 500;
    margin-right: 2px;
}
.css-1rtz3mj {
    color: var(--chakra-colors-teal-150);
    font-weight: 500;
}
.css-klgk22 {
    color: var(--chakra-colors-white);
    font-weight: 500;
}
.css-10rvbm3 {
    font-weight: 500;
}
.pt-100 {
    padding-top: 100px !important
}
:root {
    --sample-green: #1AC486;
    --chakra-ring-inset: var(--chakra-empty, );
    --chakra-ring-offset-width: 0px;
    --chakra-ring-offset-color: #fff;
    --chakra-ring-color: rgba(66, 153, 225, 0.6);
    --chakra-ring-offset-shadow: 0 0 #0000;
    --chakra-ring-shadow: 0 0 #0000;
    --chakra-space-x-reverse: 0;
    --chakra-space-y-reverse: 0;
    --chakra-colors-transparent: transparent;
    --chakra-colors-current: currentColor;
    --chakra-colors-black-150: #1F2838;
    --chakra-colors-white: #FFFFFF;
    --chakra-colors-whiteAlpha-50: rgba(255, 255, 255, 0.04);
    --chakra-colors-whiteAlpha-100: rgba(255, 255, 255, 0.06);
    --chakra-colors-whiteAlpha-200: rgba(255, 255, 255, 0.08);
    --chakra-colors-whiteAlpha-300: rgba(255, 255, 255, 0.16);
    --chakra-colors-whiteAlpha-400: rgba(255, 255, 255, 0.24);
    --chakra-colors-whiteAlpha-500: rgba(255, 255, 255, 0.36);
    --chakra-colors-whiteAlpha-600: rgba(255, 255, 255, 0.48);
    --chakra-colors-whiteAlpha-700: rgba(255, 255, 255, 0.64);
    --chakra-colors-whiteAlpha-800: rgba(255, 255, 255, 0.8);
    --chakra-colors-whiteAlpha-900: rgba(255, 255, 255, 0.92);
    --chakra-colors-blackAlpha-50: rgba(0, 0, 0, 0.04);
    --chakra-colors-blackAlpha-100: rgba(0, 0, 0, 0.06);
    --chakra-colors-blackAlpha-200: rgba(0, 0, 0, 0.08);
    --chakra-colors-blackAlpha-300: rgba(0, 0, 0, 0.16);
    --chakra-colors-blackAlpha-400: rgba(0, 0, 0, 0.24);
    --chakra-colors-blackAlpha-500: rgba(0, 0, 0, 0.36);
    --chakra-colors-blackAlpha-600: rgba(0, 0, 0, 0.48);
    --chakra-colors-blackAlpha-700: rgba(0, 0, 0, 0.64);
    --chakra-colors-blackAlpha-800: rgba(0, 0, 0, 0.8);
    --chakra-colors-blackAlpha-900: rgba(0, 0, 0, 0.92);
    --chakra-colors-gray-50: #F7FAFC;
    --chakra-colors-gray-100: #EDF2F7;
    --chakra-colors-gray-150: #1F2838;
    --chakra-colors-gray-200: #E2E8F0;
    --chakra-colors-gray-250: #3C4859;
    --chakra-colors-gray-300: #CBD5E0;
    --chakra-colors-gray-350: #1F2835;
    --chakra-colors-gray-400: #A0AEC0;
    --chakra-colors-gray-450: #2D3748;
    --chakra-colors-gray-500: #718096;
    --chakra-colors-gray-550: #C4C4C4;
    --chakra-colors-gray-600: #4A5568;
    --chakra-colors-gray-700: #2D3748;
    --chakra-colors-gray-800: linear-gradient(to right, #41faa4 0%, #16a4fd 100%);
    --chakra-colors-gray-900: #171923;
    --chakra-colors-red-50: #FFF5F5;
    --chakra-colors-red-100: #FED7D7;
    --chakra-colors-red-200: #FEB2B2;
    --chakra-colors-red-300: #FC8181;
    --chakra-colors-red-400: #F56565;
    --chakra-colors-red-500: #E53E3E;
    --chakra-colors-red-600: #C53030;
    --chakra-colors-red-700: #9B2C2C;
    --chakra-colors-red-800: #822727;
    --chakra-colors-red-900: #63171B;
    --chakra-colors-orange-50: #FFFAF0;
    --chakra-colors-orange-100: #FEEBC8;
    --chakra-colors-orange-200: #FBD38D;
    --chakra-colors-orange-300: #F6AD55;
    --chakra-colors-orange-400: #ED8936;
    --chakra-colors-orange-500: #DD6B20;
    --chakra-colors-orange-600: #C05621;
    --chakra-colors-orange-700: #9C4221;
    --chakra-colors-orange-800: #7B341E;
    --chakra-colors-orange-900: #652B19;
    --chakra-colors-yellow-50: #FFFFF0;
    --chakra-colors-yellow-100: #FEFCBF;
    --chakra-colors-yellow-200: #FAF089;
    --chakra-colors-yellow-300: #F6E05E;
    --chakra-colors-yellow-400: #ECC94B;
    --chakra-colors-yellow-500: #D69E2E;
    --chakra-colors-yellow-600: #B7791F;
    --chakra-colors-yellow-700: #975A16;
    --chakra-colors-yellow-800: #744210;
    --chakra-colors-yellow-900: #5F370E;
    --chakra-colors-green-50: #F0FFF4;
    --chakra-colors-green-100: #C6F6D5;
    --chakra-colors-green-200: #9AE6B4;
    --chakra-colors-green-300: #68D391;
    --chakra-colors-green-400: #48BB78;
    --chakra-colors-green-500: #38A169;
    --chakra-colors-green-600: #2F855A;
    --chakra-colors-green-700: #276749;
    --chakra-colors-green-800: #22543D;
    --chakra-colors-green-900: #1C4532;
    --chakra-colors-teal-50: #E6FFFA;
    --chakra-colors-teal-100: #B2F5EA;
    --chakra-colors-teal-150: #1932a5;
    --chakra-colors-teal-200: #81E6D9;
    --chakra-colors-teal-300: #4FD1C5;
    --chakra-colors-teal-400: #38B2AC;
    --chakra-colors-teal-500: #319795;
    --chakra-colors-teal-600: #2C7A7B;
    --chakra-colors-teal-700: #285E61;
    --chakra-colors-teal-800: #234E52;
    --chakra-colors-teal-900: #1D4044;
    --chakra-colors-blue-50: #ebf8ff;
    --chakra-colors-blue-100: #bee3f8;
    --chakra-colors-blue-150: #0BC5EA;
    --chakra-colors-blue-200: #90cdf4;
    --chakra-colors-blue-300: #63b3ed;
    --chakra-colors-blue-400: #4299e1;
    --chakra-colors-blue-500: #3182ce;
    --chakra-colors-blue-600: #2b6cb0;
    --chakra-colors-blue-700: #2c5282;
    --chakra-colors-blue-800: #2a4365;
    --chakra-colors-blue-900: #1A365D;
    --chakra-colors-cyan-50: #EDFDFD;
    --chakra-colors-cyan-100: #C4F1F9;
    --chakra-colors-cyan-200: #9DECF9;
    --chakra-colors-cyan-300: #76E4F7;
    --chakra-colors-cyan-400: #0BC5EA;
    --chakra-colors-cyan-500: #00B5D8;
    --chakra-colors-cyan-600: #00A3C4;
    --chakra-colors-cyan-700: #0987A0;
    --chakra-colors-cyan-800: #086F83;
    --chakra-colors-cyan-900: #065666;
    --chakra-colors-purple-50: #FAF5FF;
    --chakra-colors-purple-100: #E9D8FD;
    --chakra-colors-purple-200: #D6BCFA;
    --chakra-colors-purple-300: #B794F4;
    --chakra-colors-purple-400: #9F7AEA;
    --chakra-colors-purple-500: #805AD5;
    --chakra-colors-purple-600: #6B46C1;
    --chakra-colors-purple-650: #6D50A8;
    --chakra-colors-purple-700: #553C9A;
    --chakra-colors-purple-800: #44337A;
    --chakra-colors-purple-900: #322659;
    --chakra-colors-pink-50: #FFF5F7;
    --chakra-colors-pink-100: #FED7E2;
    --chakra-colors-pink-200: #FBB6CE;
    --chakra-colors-pink-300: #F687B3;
    --chakra-colors-pink-400: #ED64A6;
    --chakra-colors-pink-500: #D53F8C;
    --chakra-colors-pink-600: #B83280;
    --chakra-colors-pink-700: #97266D;
    --chakra-colors-pink-800: #702459;
    --chakra-colors-pink-900: #521B41;
    --chakra-colors-linkedin-50: #E8F4F9;
    --chakra-colors-linkedin-100: #CFEDFB;
    --chakra-colors-linkedin-200: #9BDAF3;
    --chakra-colors-linkedin-300: #68C7EC;
    --chakra-colors-linkedin-400: #34B3E4;
    --chakra-colors-linkedin-500: #00A0DC;
    --chakra-colors-linkedin-600: #008CC9;
    --chakra-colors-linkedin-700: #0077B5;
    --chakra-colors-linkedin-800: #005E93;
    --chakra-colors-linkedin-900: #004471;
    --chakra-colors-facebook-50: #E8F4F9;
    --chakra-colors-facebook-100: #D9DEE9;
    --chakra-colors-facebook-200: #B7C2DA;
    --chakra-colors-facebook-300: #6482C0;
    --chakra-colors-facebook-400: #4267B2;
    --chakra-colors-facebook-500: #385898;
    --chakra-colors-facebook-600: #314E89;
    --chakra-colors-facebook-700: #29487D;
    --chakra-colors-facebook-800: #223B67;
    --chakra-colors-facebook-900: #1E355B;
    --chakra-colors-messenger-50: #D0E6FF;
    --chakra-colors-messenger-100: #B9DAFF;
    --chakra-colors-messenger-200: #A2CDFF;
    --chakra-colors-messenger-300: #7AB8FF;
    --chakra-colors-messenger-400: #2E90FF;
    --chakra-colors-messenger-500: #0078FF;
    --chakra-colors-messenger-600: #0063D1;
    --chakra-colors-messenger-700: #0052AC;
    --chakra-colors-messenger-800: #003C7E;
    --chakra-colors-messenger-900: #002C5C;
    --chakra-colors-whatsapp-50: #dffeec;
    --chakra-colors-whatsapp-100: #b9f5d0;
    --chakra-colors-whatsapp-200: #90edb3;
    --chakra-colors-whatsapp-300: #65e495;
    --chakra-colors-whatsapp-400: #3cdd78;
    --chakra-colors-whatsapp-500: #22c35e;
    --chakra-colors-whatsapp-600: #179848;
    --chakra-colors-whatsapp-700: #0c6c33;
    --chakra-colors-whatsapp-800: #01421c;
    --chakra-colors-whatsapp-900: #001803;
    --chakra-colors-twitter-50: #E5F4FD;
    --chakra-colors-twitter-100: #C8E9FB;
    --chakra-colors-twitter-200: #A8DCFA;
    --chakra-colors-twitter-300: #83CDF7;
    --chakra-colors-twitter-400: #57BBF5;
    --chakra-colors-twitter-500: #1DA1F2;
    --chakra-colors-twitter-600: #1A94DA;
    --chakra-colors-twitter-700: #1681BF;
    --chakra-colors-twitter-800: #136B9E;
    --chakra-colors-twitter-900: #0D4D71;
    --chakra-colors-telegram-50: #E3F2F9;
    --chakra-colors-telegram-100: #C5E4F3;
    --chakra-colors-telegram-200: #A2D4EC;
    --chakra-colors-telegram-300: #7AC1E4;
    --chakra-colors-telegram-400: #47A9DA;
    --chakra-colors-telegram-500: #0088CC;
    --chakra-colors-telegram-600: #007AB8;
    --chakra-colors-telegram-700: #006BA1;
    --chakra-colors-telegram-800: #005885;
    --chakra-colors-telegram-900: #003F5E;
    --chakra-colors-colorsText-100: #27DC8A;
    --chakra-colors-colorsText-subText: #718096;
    --chakra-colors-bgCountdown-start: #27DC8A;
    --chakra-colors-bgCountdown-end: #11BF97;
    --chakra-borders-none: 0;
    --chakra-borders-1px: 1px solid;
    --chakra-borders-2px: 2px solid;
    --chakra-borders-4px: 4px solid;
    --chakra-borders-8px: 8px solid;
    --chakra-fonts-heading: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --chakra-fonts-body: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --chakra-fonts-mono: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --chakra-fontSizes-xs: 0.75rem;
    --chakra-fontSizes-sm: 0.875rem;
    --chakra-fontSizes-md: 1rem;
    --chakra-fontSizes-lg: 1.125rem;
    --chakra-fontSizes-xl: 1.25rem;
    --chakra-fontSizes-2xl: 1.5rem;
    --chakra-fontSizes-3xl: 1.875rem;
    --chakra-fontSizes-4xl: 2.25rem;
    --chakra-fontSizes-5xl: 3rem;
    --chakra-fontSizes-6xl: 3.75rem;
    --chakra-fontSizes-7xl: 4.5rem;
    --chakra-fontSizes-8xl: 6rem;
    --chakra-fontSizes-9xl: 8rem;
    --chakra-fontWeights-hairline: 100;
    --chakra-fontWeights-thin: 200;
    --chakra-fontWeights-light: 300;
    --chakra-fontWeights-normal: 400;
    --chakra-fontWeights-medium: 500;
    --chakra-fontWeights-semibold: 600;
    --chakra-fontWeights-bold: 700;
    --chakra-fontWeights-extrabold: 800;
    --chakra-fontWeights-black: 900;
    --chakra-letterSpacings-tighter: -0.05em;
    --chakra-letterSpacings-tight: -0.025em;
    --chakra-letterSpacings-normal: 0;
    --chakra-letterSpacings-wide: 0.025em;
    --chakra-letterSpacings-wider: 0.05em;
    --chakra-letterSpacings-widest: 0.1em;
    --chakra-lineHeights-3: 0.75rem;
    --chakra-lineHeights-4: 1rem;
    --chakra-lineHeights-5: 1.25rem;
    --chakra-lineHeights-6: 1.5rem;
    --chakra-lineHeights-7: 1.75rem;
    --chakra-lineHeights-8: 2rem;
    --chakra-lineHeights-9: 2.25rem;
    --chakra-lineHeights-10: 2.5rem;
    --chakra-lineHeights-normal: normal;
    --chakra-lineHeights-none: 1;
    --chakra-lineHeights-shorter: 1.25;
    --chakra-lineHeights-short: 1.375;
    --chakra-lineHeights-base: 1.5;
    --chakra-lineHeights-tall: 1.625;
    --chakra-lineHeights-taller: 2;
    --chakra-radii-none: 0;
    --chakra-radii-sm: 0.125rem;
    --chakra-radii-base: 0.25rem;
    --chakra-radii-md: 0.375rem;
    --chakra-radii-lg: 0.5rem;
    --chakra-radii-xl: 0.75rem;
    --chakra-radii-2xl: 1rem;
    --chakra-radii-3xl: 1.5rem;
    --chakra-radii-full: 9999px;
    --chakra-space-1: 0.25rem;
    --chakra-space-2: 0.5rem;
    --chakra-space-3: 0.75rem;
    --chakra-space-4: 1rem;
    --chakra-space-5: 1.25rem;
    --chakra-space-6: 1.5rem;
    --chakra-space-7: 1.75rem;
    --chakra-space-8: 2rem;
    --chakra-space-9: 2.25rem;
    --chakra-space-10: 2.5rem;
    --chakra-space-12: 3rem;
    --chakra-space-14: 3.5rem;
    --chakra-space-16: 4rem;
    --chakra-space-20: 5rem;
    --chakra-space-24: 6rem;
    --chakra-space-28: 7rem;
    --chakra-space-32: 8rem;
    --chakra-space-36: 9rem;
    --chakra-space-40: 10rem;
    --chakra-space-44: 11rem;
    --chakra-space-48: 12rem;
    --chakra-space-52: 13rem;
    --chakra-space-56: 14rem;
    --chakra-space-60: 15rem;
    --chakra-space-64: 16rem;
    --chakra-space-72: 18rem;
    --chakra-space-80: 20rem;
    --chakra-space-96: 24rem;
    --chakra-space-px: 1px;
    --chakra-space-0\.5: 0.125rem;
    --chakra-space-1\.5: 0.375rem;
    --chakra-space-2\.5: 0.625rem;
    --chakra-space-3\.5: 0.875rem;
    --chakra-shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
    --chakra-shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --chakra-shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --chakra-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --chakra-shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --chakra-shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --chakra-shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --chakra-shadows-outline: 0 0 0 3px rgba(66, 153, 225, 0.6);
    --chakra-shadows-inner: inset 0 2px 4px 0 rgba(0,0,0,0.06);
    --chakra-shadows-none: none;
    --chakra-shadows-dark-lg: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px,rgba(0, 0, 0, 0.2) 0px 5px 10px,rgba(0, 0, 0, 0.4) 0px 15px 40px;
    --chakra-sizes-1: 0.25rem;
    --chakra-sizes-2: 0.5rem;
    --chakra-sizes-3: 0.75rem;
    --chakra-sizes-4: 1rem;
    --chakra-sizes-5: 1.25rem;
    --chakra-sizes-6: 1.5rem;
    --chakra-sizes-7: 1.75rem;
    --chakra-sizes-8: 2rem;
    --chakra-sizes-9: 2.25rem;
    --chakra-sizes-10: 2.5rem;
    --chakra-sizes-12: 3rem;
    --chakra-sizes-14: 3.5rem;
    --chakra-sizes-16: 4rem;
    --chakra-sizes-20: 5rem;
    --chakra-sizes-24: 6rem;
    --chakra-sizes-28: 7rem;
    --chakra-sizes-32: 8rem;
    --chakra-sizes-36: 9rem;
    --chakra-sizes-40: 10rem;
    --chakra-sizes-44: 11rem;
    --chakra-sizes-48: 12rem;
    --chakra-sizes-52: 13rem;
    --chakra-sizes-56: 14rem;
    --chakra-sizes-60: 15rem;
    --chakra-sizes-64: 16rem;
    --chakra-sizes-72: 18rem;
    --chakra-sizes-80: 20rem;
    --chakra-sizes-96: 24rem;
    --chakra-sizes-px: 1px;
    --chakra-sizes-0\.5: 0.125rem;
    --chakra-sizes-1\.5: 0.375rem;
    --chakra-sizes-2\.5: 0.625rem;
    --chakra-sizes-3\.5: 0.875rem;
    --chakra-sizes-max: max-content;
    --chakra-sizes-min: min-content;
    --chakra-sizes-full: 100%;
    --chakra-sizes-3xs: 14rem;
    --chakra-sizes-2xs: 16rem;
    --chakra-sizes-xs: 20rem;
    --chakra-sizes-sm: 24rem;
    --chakra-sizes-md: 28rem;
    --chakra-sizes-lg: 32rem;
    --chakra-sizes-xl: 36rem;
    --chakra-sizes-2xl: 42rem;
    --chakra-sizes-3xl: 48rem;
    --chakra-sizes-4xl: 56rem;
    --chakra-sizes-5xl: 64rem;
    --chakra-sizes-6xl: 72rem;
    --chakra-sizes-7xl: 80rem;
    --chakra-sizes-8xl: 90rem;
    --chakra-sizes-container-sm: 640px;
    --chakra-sizes-container-md: 768px;
    --chakra-sizes-container-lg: 1024px;
    --chakra-sizes-container-xl: 1280px;
    --chakra-zIndices-hide: -1;
    --chakra-zIndices-auto: auto;
    --chakra-zIndices-base: 0;
    --chakra-zIndices-docked: 10;
    --chakra-zIndices-dropdown: 1000;
    --chakra-zIndices-sticky: 1100;
    --chakra-zIndices-banner: 1200;
    --chakra-zIndices-overlay: 1300;
    --chakra-zIndices-modal: 1400;
    --chakra-zIndices-popover: 1500;
    --chakra-zIndices-skipLink: 1600;
    --chakra-zIndices-toast: 1700;
    --chakra-zIndices-tooltip: 1800;
    --chakra-transition-property-common: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
    --chakra-transition-property-colors: background-color,border-color,color,fill,stroke;
    --chakra-transition-property-dimensions: width,height;
    --chakra-transition-property-position: left,right,top,bottom;
    --chakra-transition-property-background: background-color,background-image,background-position;
    --chakra-transition-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --chakra-transition-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --chakra-transition-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --chakra-transition-duration-ultra-fast: 50ms;
    --chakra-transition-duration-faster: 100ms;
    --chakra-transition-duration-fast: 150ms;
    --chakra-transition-duration-normal: 200ms;
    --chakra-transition-duration-slow: 300ms;
    --chakra-transition-duration-slower: 400ms;
    --chakra-transition-duration-ultra-slow: 500ms;
    --chakra-blur-none: 0;
    --chakra-blur-sm: 4px;
    --chakra-blur-base: 8px;
    --chakra-blur-md: 12px;
    --chakra-blur-lg: 16px;
    --chakra-blur-xl: 24px;
    --chakra-blur-2xl: 40px;
    --chakra-blur-3xl: 64px;
}
.css-1bdsczo {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 16px;
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-color: var(--chakra-colors-gray-700);
    transition: all 1s ease-in-out 0s;
    padding: 16px;
    margin-top: 8px;
    font-size: 14px;
}
.css-1aamtkd {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    line-height: 24px;
}
.css-q9k0mw {
    color: var(--chakra-colors-gray-500);
}
.css-1id764y {
    color: var(--chakra-colors-teal-150);
    font-weight: 600;
}
.css-1id764y {
    color: var(--chakra-colors-teal-150);
    font-weight: 600;
}
.css-17drlkj {
    display: flex;
    flex-direction: column;
    padding-top: 4px;
}
.css-1u0fnyr {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    outline: none;
    justify-content: center;
    position: relative;
    color: #fff;
    white-space: nowrap;
    vertical-align: middle;
    width: 100%;
    line-height: 1.2;
    border: 0;
    border-radius: 12px;
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: 48px;
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    background: #1932a5;
    margin-top: 20px;
}
.css-15tnlkm {
    padding-left: var(--chakra-space-1);
    display: none;
}
.css-1pbugdw:hover, .css-1pbugdw[data-hover] {
    border: 1px solid rgb(74, 85, 104);
}
.css-7nr3in:hover {
    border:1px solid rgb(74, 85, 104);
}
.css-uorkv8 {
    font-weight: 500;
    /* cursor: pointer; */
    padding-right: 32px;
    width: 100%;
    color: var(--chakra-colors-teal-150);
}
.css-1mo6ei6 {
    font-weight: 500;
    /* cursor: pointer; */
    padding-right: 32px;
    width: 100%;
    color: var(--chakra-colors-gray-500);
}
@supports (height: -webkit-fill-available) {
    .css-1yb2anq {
        height: -webkit-fill-available;
    }
}
.css-1yb2anq {
    display: flex;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: var(--chakra-zIndices-modal);
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: auto;
}
.css-crbp8c {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    outline: transparent solid 2px;
    outline-offset: 2px;
    border-radius: 24px;
    background: #1A202C;
    color: inherit;
    margin: 3.75rem 8px;
    z-index: var(--chakra-zIndices-modal);
    box-shadow: var(--chakra-shadows-lg);
    max-width: 500px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-inline: 0px;
}
.css-1r2x9ps {
    flex: 0 1 0%;
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 18px;
    font-weight: var(--chakra-fontWeights-semibold);
    color: var(--chakra-colors-teal-150);
    text-align: left;
}
.css-1oa53jl {
    border: 0;
    outline: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    background: transparent;
    border-radius: var(--chakra-radii-md);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    width: 32px;
    height: 32px;
    font-size: 12px;
    position: absolute;
    top: var(--chakra-space-2);
    right: var(--chakra-space-3);
    color: var(--chakra-colors-gray-500);
    margin-top: 4px;
    margin-bottom: 4px;
}
.css-onkibi {
    width: 1em;
    height: 1em;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor;
    vertical-align: middle;
}
.css-1wnpvak {
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: 0px;
    padding-bottom: var(--chakra-space-2);
    flex: 1 1 0%;
}
.css-e23c87 {
    opacity: 0.6;
    border-width: 0px 0px 1px;
    border-image: initial;
    border-color: inherit;
    border-style: solid;
    width: 100%;
    color: var(--chakra-colors-gray-700);
}
.chakra-divider {
    display: block;
    height: 1px;
    border: 0;
    border-bottom: 1px solid #eee !important;
    margin: 0;
    padding: 0;
}
.css-805efk {
    color: var(--chakra-colors-gray-500);
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
}
.css-xtsnkk {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}
.css-lw3fjh {
    margin-bottom: 5px;
    color: var(--chakra-colors-white);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid;
    font-weight: 400;
    border-radius: 20px;
    width: 18%;
    height: 40px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-width: 1px;
    border-color: rgb(45, 55, 72);
    background-color: var(--chakra-colors-transparent);
}
.css-slmhpg {
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 5px;
    color: var(--chakra-colors-white);
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    border-radius: 20px;
    width: 40%;
    height: 32px;
    background-color: var(--chakra-colors-purple-400);
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}
.css-1of3tyr {
    margin-top: 5px;
    font-size: 12px;
    color: var(--chakra-colors-purple-400);
}
.css-15qd5us {
    margin-top: 15px;
    color: var(--chakra-colors-gray-500);
}
.css-x7ta6 {
    margin-top: 20px;
    margin-bottom: 28px;
    color: var(--chakra-colors-white);
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    border-radius: 20px;
    width: 40%;
    background-color: var(--chakra-colors-gray-700);
    display: flex;
    padding: 5px;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}
.css-u2hq61 {
    position: relative;
    z-index: 0;
    --number-input-stepper-width: 24px;
    --number-input-field-padding: calc(var(--number-input-stepper-width) + 0.5rem);
    flex-direction: row;
    width: fit-content;
    padding-right: 0px;
}
.css-1jf2p3z {
    width: 40%;
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    appearance: none;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    font-size: 16px;
    padding-inline-start: 0px;
    padding-inline-end: var(--number-input-field-padding);
    height: auto;
    border-radius: var(--chakra-radii-md);
    vertical-align: top;
    background: var(--chakra-colors-transparent);
    border-width: 0px;
    color: var(--chakra-colors-white);
    text-align: left;
    padding-right: 5px;
}
.css-q9k0mw {
    color: var(--chakra-colors-gray-500);
}
.css-1dwhhsv {
    width: 38%;
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    appearance: none;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    font-size: 16px;
    padding-inline-start: 0px;
    padding-inline-end: var(--number-input-field-padding);
    height: auto;
    border-radius: var(--chakra-radii-md);
    vertical-align: top;
    background: var(--chakra-colors-transparent);
    border-width: 0px;
    color: var(--chakra-colors-white);
    text-align: center;
    padding-right: 5px;
}
.css-79wky {
    color: var(--chakra-colors-white);
}
.css-13lrog9 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: var(--chakra-colors-blackAlpha-600);
    z-index: var(--chakra-zIndices-modal);
}
.css-7dfeuj {
    margin-bottom: 5px;
    color: var(--chakra-colors-white);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    border-radius: 20px;
    width: 18%;
    height: 36px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid var(--chakra-colors-teal-150);
    background-color: var(--chakra-colors-teal-150);
}
.css-z4tjsv {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 5px;
    color: var(--chakra-colors-white);
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    border-radius: 20px;
    width: 40%;
    height: 40px;
    border: 1px solid rgb(45, 55, 72);
    background-color: var(--chakra-colors-transparent);
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}
.css-1o80872 {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 5px;
    color: var(--chakra-colors-white);
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    border-radius: 20px;
    width: 40%;
    height: 40px;
    border: 1px solid rgb(26, 196, 134);
    background-color: var(--chakra-colors-gray-700);
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}
.css-mrrm0f {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    outline: transparent solid 2px;
    outline-offset: 2px;
    border-radius: 24px;
    background: #1A202C;
    color: var(--chakra-colors-white);
    z-index: var(--chakra-zIndices-modal);
    box-shadow: var(--chakra-shadows-lg);
    max-width: var(--chakra-sizes-sm);
    margin: 20px;
    height: auto;
}
.css-1g4yje1 {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.css-byp2h9 {
    padding-top: 30px;
    margin-bottom: var(--chakra-space-3);
    padding-inline: 25px;
}
.css-14q7i88 {
    padding-bottom: var(--chakra-space-7);
    font-size: 18px;
    font-weight: 600;
}
.css-ql5ibr {
    background: transparent;
    outline: 0;
    border: 0;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: var(--chakra-radii-md);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    width: 32px;
    height: 32px;
    font-size: 12px;
    position: absolute;
    top: var(--chakra-space-2);
    right: var(--chakra-space-3);
    margin-top: 20px;
    color: var(--chakra-colors-gray-500);
}
.css-lexyug {
    display: flex;
    padding-bottom: var(--chakra-space-2);
}
.css-8atqhb {
    width: 100%;
}
.css-4302v8 {
    width: 100%;
    display: flex;
    position: relative;
}
.css-yau36r:focus, .css-yau36r[data-focus] {
    border: 1.5px solid rgb(26, 196, 134);
}
.css-yau36r {
    width: 100%;
    min-width: 0px;
    outline: none;
    color: #fff;
    outline-offset: 2px;
    position: relative;
    appearance: none;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    font-size: 16px;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-10);
    height: 48px;
    border-radius: 24px;
    background: var(--chakra-colors-gray-700);
    padding-left: 45px;
    font-weight: 400;
    border: 1.5px solid var(--chakra-colors-gray-700);
}
.css-brv74p {
    right: 0px;
    width: var(--chakra-sizes-10);
    height: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    z-index: 2;
    left: 0px;
}
.css-uo2u6y {
    object-position: center center;
    padding-left: 10px;
    padding-top: 8px;
    width: 28px;
    height: 28px;
}
.chakra-modal__content .css-12mok2d {
    margin-bottom: 30px;
}
.lending-title {
    font-weight: 700;
}
.mt-150 {
    margin-top: 150px;
}
.css-12mok2d {
    display: flex;
    flex-wrap: wrap;
    padding: 0 25px;
}
.css-1ku16n0 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    height: 36px;
    width: 80px;
    margin-inline-start: 4px;
    margin-inline-end: 4px;
    margin-top: 6px;
    border:1px solid rgba(113, 128, 150, 0.5);
    border-radius: 8px;
    padding: 4px;
}
.css-u2tlu5 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    height: 36px;
    width: 80px;
    margin-inline-start: 4px;
    margin-inline-end: 4px;
    margin-top: 6px;
    border:1px solid var(--chakra-colors-teal-150);
    border-radius: 8px;
    padding: 4px;
}
.css-2knnj2 {
    min-width: 24px;
    width: 24px;
    height: 24px;
}
.txt-color-1a202c {
    color: #181F51 !important;
    font-size: 18px;
    font-weight: bold;
}
.link-color-1a202c a {
    color: rgba(24, 31, 81, 0.49) !important;
    font-size: 18px;
    font-weight: bold;
}
.txt-color-white {
    color: #fff !important;
}
.css-1nxvns7 {
    padding-left: 6px;
    color: var(--chakra-colors-white);
}
.css-1zk222 {
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    flex: 1 1 0%;
    overflow: overlay;
    padding: 0px;
}
.css-jvd2u7 {
    height: 280px;
}
.css-1rp14ov:hover, .css-1rp14ov[data-hover] {
    background: var(--chakra-colors-gray-900);
}
.css-1rp14ov {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 64px;
    margin-top: var(--chakra-space-3);
    opacity: 1;
    padding-inline: 20px;
    cursor: pointer;
}
.css-1e3cqjt {
    width: 20%;
    padding-left: 10px;
}
.css-1cmbb1d {
    min-width: 32px;
    width: 32px;
    height: 32px;
}
.css-a6rva7 {
    width: 60%;
}
.css-1bsprn1 {
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    color: var(--chakra-colors-white);
}
.css-1pr5ei2 {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: var(--chakra-colors-white);
}
.css-18itgch {
    color: var(--chakra-colors-gray-500);
    font-size: 12px;
    font-weight: var(--chakra-fontWeights-normal);
}
.css-17pftkx {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 64px;
    margin-top: var(--chakra-space-3);
    opacity: 0.5;
    padding-inline: 20px;
    cursor: pointer;
}
.css-1o3lfx7 {
    display: none;
    flex-direction: column;
    width: 100%;
    padding-left: 25px;
    padding-right: 15px;
    margin-top: 10px;
}
.css-knnnso {
    display: flex;
    margin: auto;
    height: 36px;
    background: var(--chakra-colors-gray-900);
    border: 1.5px solid rgb(45, 55, 72);
    border-radius: 8px;
    width: 100%;
}
.css-xpa3ew {
    display: flex;
    line-height: 36px;
    margin-left: 12px;
}
.css-11h8yic {
    font-size: 12px;
    font-weight: 500;
}
.css-pbyyuk {
    display: flex;
    margin-right: 12px;
}
.css-yikrym {
    width: 20px;
}
.css-i606im {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: auto;
    height: 50px;
    cursor: pointer;
}
.css-npbq9x {
    display: flex;
    margin-right: 5px;
}
.css-s885ao {
    display: flex;
    margin-left: 5px;
}
.css-mb0057 {
    color: var(--chakra-colors-white);
    text-align: center;
    font-size: 14px;
}
.css-1ivfc89 {
    font-weight: 400;
    width: 100%;
    display: none;
    flex-direction: column;
    font-size: 14px;
}
.css-mb8ew4 {
    padding-top: 12px;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    display: flex;
    flex-direction: row;
    font-weight: 400;
}
.css-q9k0mw {
    color: var(--chakra-colors-gray-500);
}
.css-dg59c3 {
    font-weight: 700;
    color: var(--chakra-colors-teal-150);
    margin-inline: 5px;
    cursor: pointer;
}
.css-16edsgt {
    padding-bottom: 12px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    font-weight: 400;
    padding-top: 8px;
}
.css-1ujntsf {
    width: 100%;
    color: var(--chakra-colors-gray-500);
}
.css-e23c87 {
    opacity: 0.6;
    border-width: 0px 0px 1px;
    border-image: initial;
    border-color: inherit;
    border-style: solid;
    width: 100%;
    color: var(--chakra-colors-gray-700);
}
.css-raskhm {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    outline: 0;
    border: 0;
    position: relative;
    white-space: nowrap;
    color: #fff;
    vertical-align: middle;
    width: 100%;
    line-height: 1.2;
    border-radius: 12px;
    font-weight: 500;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: 48px;
    min-width: var(--chakra-sizes-10);
    font-size: 16px;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background: var(--chakra-colors-teal-150);
    margin-top: 20px;
}
/* end swap custom */

/* FARMING */
.css-ak59km {
    box-shadow: rgb(116 234 223) 0px 0px 12px;
    background: #1A202C;
    margin-inline: auto;
    width: 100%;
    min-width: 379px;
    padding: 32px;
    border-radius: 24px;
    z-index: 1;
    flex-wrap: wrap;
}
.css-u41v2e {
    background: #1b30a4;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
}
.css-16pbpk2 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 460px;
    height: 62px;
    margin: 15px auto 5px;
    background: rgb(26, 32, 44);
    border-radius: 31px;
    box-shadow: rgb(0 0 0 / 25%) 0px 4px 5px;
    padding-inline: 16px;
}
.css-1k0sqxn {
    display: flex;
    width: 33%;
}
.css-1w65r7h {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 90%;
    height: 38px;
    background: rgba(26, 196, 134, 0.1);
    border-radius: 19px;
    margin: auto;
}
.css-pbyyuk {
    display: flex;
    margin-right: 12px;
}
.css-1ty7gog {
    width: 32px;
}
.css-1eda12n {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: var(--chakra-colors-teal-150);
}
.css-5p3q4w {
    display: flex;
    width: 34%;
}
.css-1xpd49e {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 90%;
    height: 38px;
    border-radius: 19px;
    margin: auto;
}
.css-1ty7gog {
    width: 32px;
}
.css-1f9yxm1 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: rgb(113, 128, 150);
}
.css-1xf1rn7 {
    display: flex;
    width: 33%;
}
.css-1ixa9j9 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 90%;
    height: 38px;
    background: none;
    border-radius: 19px;
    margin: auto;
}
.css-1xpd49e:hover, .css-1xpd49e[data-hover] {
    background: rgb(45, 55, 72);
    cursor: pointer;
}
.css-16pbpk2 .css-5p3q4w img {
    fill: 1ac486;
}
.css-1ixa9j9:hover, .css-1ixa9j9[data-hover] {
    background: rgb(45, 55, 72);
    cursor: pointer;
}
.css-ybfyka {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1200px;
    padding-left: 20px;
    margin-inline: auto;
    z-index: 9;
}
.css-j7qwjs {
    display: flex;
    flex-direction: column;
}
.css-1b33ud3 {
    color: var(--chakra-colors-white);
    font-size: 48px;
    font-weight: 600;
}
.css-e0tsy1 {
    color: var(--chakra-colors-gray-500);
    font-size: 16px;
}
.css-ndxi41 {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 30px;
    margin-inline: auto;
    width: 100%;
    max-width: 399px;
}
.css-337xfg {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline-offset: 2px;
    width: 30%;
    line-height: 1.2;
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    color: var(--chakra-colors-white);
    margin-right: 12px;
    margin-bottom: 0px;
    outline: transparent solid 2px;
    border-radius: 36px;
    background: var(--chakra-colors-transparent);
    border: 1px solid #1AC486;
}
.css-9khvif {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 379px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 100%;
    border: none;
    background: transparent;
    border-radius: 24px;
}
.css-1bb2m5n {
    color: #1AC486;
    padding-bottom: 6px;
    font-size: 14px;
    font-weight: var(--chakra-fontWeights-medium);
}
.css-xxx6zo {
    color: var(--chakra-colors-white);
    text-align: left;
}
.css-owsrz2 {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: none;
    border: 0;
    width: auto;
    line-height: 1.2;
    border-radius: 36px;
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: 40px;
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    padding-inline: 24px;
    background: var(--chakra-colors-gray-500);
    color: var(--chakra-colors-white);
}
.has-mask div.nftcloud {
    padding-bottom: 100px;
}
.ml-8 {
    margin-left: 8px;
}
.sc-gtsrHT.jYbBwZ {
    color: #f0f4fd;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;    
}
.iEpqdp {
    background: rgb(255, 255, 255);
    border-radius: 32px;
    border-top: 1px solid rgb(215, 202, 236);
    border-bottom: 1px solid rgb(215, 202, 236);
    border-left: 1px solid rgb(215, 202, 236);
    border-image: initial;
    border-right: none;
    position: relative;
    padding: 4px 120px 4px 16px;
    /* max-width: 60%; */
    margin-bottom: 40px;
}
.airdrop .bonus {
border: 0;
margin-bottom: 20px;
}
.airdrop .token-status {
    padding: 18px 20px 11px;
}
.mb-35 {
    margin-bottom: 35px !important;
}
.airdrop .bonus-info {
    padding: 12px 19px 16px 0; 
}
.bonus-info:last-child {
    padding: 12px 19px 16px 10px; 
}
.bonus-info .bonus-badge {
    
    right: 10px
}
.airdrop .table tr:last-child {
    border-bottom: 1px solid rgba(22, 164, 253, 0.2);
}
.css-owsrz2[disabled], .css-owsrz2[aria-disabled="true"], .css-owsrz2[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}
.css-13s45wq {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 12px;
    z-index: 9;
}
.css-1wv2pw {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: var(--chakra-fontWeights-semibold);
    color: var(--chakra-colors-white);
    z-index: 10;
}
.css-1hyfx7x {
    display: none;
}
.css-k008qs {
    display: flex;
}
.css-uad7t1 {
    color: var(--chakra-colors-gray-500);
    font-weight: 400;
}
.css-qnxxd1 {
    margin-left: 6px;
    display: inline-flex;
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.css-1qq679y {
    z-index: 10;
}
.css-rxew5y {
    position: relative;
    display: flex;
    flex-direction: column;
    --popover-bg: var(--chakra-colors-white);
    --popper-arrow-bg: var(--popover-bg);
    --popper-arrow-shadow-color: var(--chakra-colors-gray-200);
    width: 250px;
    box-shadow: var(--chakra-shadows-sm);
    z-index: 99;
    background: var(--chakra-colors-gray-700);
    border-color: inherit;
    border-radius: 12px;
    padding: 10px;
}
.mt-10 {
    margin-top: 10px;
}
.mb-10 {
    margin-bottom: 10px;
}
.css-1lr8ev0 {
    display: flex;
    color: var(--chakra-colors-white);
    font-size: 14px;
    text-align: center;
}
.css-9xjvf3 {
    --popper-arrow-bg: var(--chakra-colors-gray-700);
    background: var(--chakra-colors-gray-700);
}
.css-3l0id9 {
    color: var(--chakra-colors-white);
    font-weight: var(--chakra-fontWeights-semibold);
    font-size: 24px;
}
.css-6a3j62 {
    color: var(--chakra-colors-cyan-400);
    font-weight: 400;
    font-size: 14px;
}
.css-a78yor {
    max-width: 1200px;
    width: 100%;
}
.css-a78yor {
    max-width: 1200px;
    width: 100%;
}
.css-1fbusps {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: var(--chakra-colors-white);
    padding-top: 50px;
    max-width: 1200px;
    margin-left: 18px;
    width: 90%;
}
.css-umyqv7 {
    --chakra-wrap-spacing: 0.5rem;
    --wrap-spacing: calc(var(--chakra-wrap-spacing) / 2);
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0px;
    margin: calc(var(--wrap-spacing) * -1);
}
.css-umyqv7 > :not(style) {
    margin: var(--wrap-spacing);
}
.css-70qvj9 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.css-1u8mr4i {
    display: flex;
    padding-top: 24px;
}
.css-1h6669a {
    text-transform: uppercase;
    color: var(--chakra-colors-gray-500);
    font-size: 16px;
    padding-right: 3px;
    font-weight: var(--chakra-fontWeights-medium);
}
.css-d2qdwl {
    text-transform: uppercase;
    color: var(--chakra-colors-gray-500);
    font-size: 16px;
    font-weight: var(--chakra-fontWeights-medium);
}
.css-ins0gr {
    color: var(--chakra-colors-white);
    padding-top: 22px;
    font-size: 16px;
}
.css-1p1j1sj {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-bottom: 16px;
}
.css-1b3nxe5 {
    color: var(--chakra-colors-white);
    font-size: 16px;
}
.css-1487uqx {
    text-transform: uppercase;
    color: var(--chakra-colors-gray-500);
    font-weight: var(--chakra-fontWeights-medium);
}
.css-nogk67 {
    color: var(--chakra-colors-white);
}
.css-14ybhx0 {
    display: flex;
    align-items: flex-start;
    -webkit-box-pack: end;
    justify-content: flex-end;
    color: var(--chakra-colors-gray-500);
    font-size: 12px;
    margin-bottom: 8px;
}
.css-5rsh1j {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 0px;
    margin-right: 10px;
    width: 70px;
    z-index: 10;
}
.css-1ghbp27 {
    cursor: pointer;
    z-index: 10;
}
.css-xq5hyi {
    display: flex;
    border-right: 1.5px solid rgb(74, 85, 104);
}
.css-1vtzpml {
    object-position: left center;
    cursor: pointer;
    z-index: 10;
}
.css-zb42vv {
    margin-left: 0px;
    font-size: 16px;
    font-weight: var(--chakra-fontWeights-medium);
    color: var(--chakra-colors-gray-500);
}
.css-bipn6n {
    display: flex;
    line-height: var(--chakra-lineHeights-normal);
    --slider-track-diff: calc(var(--slider-track-width) - var(--slider-track-height));
    --slider-thumb-x: var(--slider-track-diff);
    --slider-track-width: 1.875rem;
    --slider-track-height: 1rem;
    margin-left: 16px;
    justify-content: center;
    align-items: center;
}
.css-1iicqts {
    display: inline-flex;
    flex-shrink: 0;
    -webkit-box-pack: start;
    justify-content: flex-start;
    box-sizing: content-box;
    cursor: pointer;
    border-radius: var(--chakra-radii-full);
    padding: 2px;
    width: var(--slider-track-width);
    height: var(--slider-track-height);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-fast);
    background: var(--chakra-colors-gray-300);
}
.chakra-switch__track {
    background: #1a202c!important;
    display: flex!important;
    border-radius: 10px!important;
    box-shadow: none!important;
    align-items: center!important;
}
.css-bkp8x1 {
    background: var(--chakra-colors-white);
    transition-property: transform;
    transition-duration: var(--chakra-transition-duration-normal);
    border-radius: inherit;
    width: var(--slider-track-height);
    height: var(--slider-track-height);
}
.css-1od6a13 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}
.css-1fbv9tj {
    cursor: pointer;
    margin-right: 16px;
    margin-left: 0px;
    color: var(--chakra-colors-white);
    font-size: 16px;
    font-weight: var(--chakra-fontWeights-medium);
}
.css-wfu8s2 {
    
    border-color: var(--chakra-colors-teal-150);
}
.css-1tpl4us {
    border-bottom: var(--chakra-borders-none);
    cursor: pointer;
    margin-inline: 16px;
    color: var(--chakra-colors-gray-500);
    font-size: 16px;
    font-weight: var(--chakra-fontWeights-medium);
}
.jdiWPe {
    display: flex;
    padding: 8px 0px;
}
.ljWfRO {
    display: flex;
}
.css-1grymaq {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    max-width: 234px;
    width: 100%;
    border-radius: 24px;
    background: var(--chakra-colors-gray-800);
}
.css-1ypp3wz {
    width: 100%;
    min-width: 0px;
    outline-offset: 2px;
    position: absolute;
    appearance: none;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    font-size: var(--chakra-fontSizes-md);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    height: var(--chakra-sizes-10);
    outline: transparent solid 2px;
    border-radius: 24px;
    border: 0;
    background: #1A202C;
    color: #fff;
}
.chakra-switch__track[data-checked] {
    background: #1ac486!important;
}
.css-bkp8x1[aria-checked="true"], .css-bkp8x1[data-checked] {
    transform: translateX(var(--slider-thumb-x));
}
.css-dg7rd7 {
    display: none;
    width: 10%;
    margin-right: 10px;
    margin-left: 160px;
    z-index: 2;
    float: right;
}
.css-13yz848 {
    padding-top: 60px;
}
.css-av7k2m {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-inline: auto;
    width: 90%;
    gap: 25px;
    margin-bottom: 50px;
}
.css-c6c3gc {
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.css-c6c3gc .css-p0zw15 {
    background: #1A202C;
    border-radius: 24px;
}
.css-p0zw15 {
    display: flex;
    flex-wrap: wrap;
    z-index: 99;
    background: var(--chakra-colors-gray-800);
}
.css-p0zw15 {
    display: flex;
    flex-wrap: wrap;
    z-index: 99;
    background: var(--chakra-colors-gray-800);
}
.css-6fjwu3 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}
.css-hx6hdm {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background: var(--chakra-colors-transparent);
    border-radius: 24px;
    padding-inline: 12px;
    padding-top: 14px;
    padding-bottom: 14px;
}
.css-1i2n092 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: unset;
    justify-content: unset;
    margin-top: 0px;
}
.css-1lilvp7 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: unset;
    justify-content: unset;
}
.css-7w6khc {
    padding-top: 20px;
}
.css-gmuwbf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.css-1mg2jci {
    text-transform: uppercase;
    font-weight: var(--chakra-fontWeights-semibold);
    font-size: 24px;
    color: var(--chakra-colors-white);
}
.css-4axql0 {
    display: flex;
    margin-right: 10px;
}
.css-1lejymi {
    text-transform: uppercase;
}
.css-9ilqir {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: var(--chakra-colors-teal-150);
    font-size: 14px;
    font-weight: var(--chakra-fontWeights-medium);
    height: 32px;
    width: 83px;
    padding-inline-start: 12px;
    padding-inline-end: 12px;
    border-radius: 12px;
    border: 1px solid #1AC486;
}
.css-uvmawv {
    width: 20px;
    height: 20px;
    margin-top: 1px;
}
.css-1xh1cne {
    display: flex;
    color: var(--chakra-colors-white);
    text-align: center;
}
.css-1acwype {
    width: 44px;
    height: 44px;
}
.css-qvvpzs {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 75%;
    margin-left: 20px;
    text-align: start;
}
.css-gb84km {
    display: flex;
    flex-direction: column;
    color: #1AC486;
    font-size: 14px;
    font-weight: var(--chakra-fontWeights-medium);
    margin-right: 8px;
}
.css-ops9nd {
    color: var(--chakra-colors-white);
    font-size: 16px;
    font-weight: var(--chakra-fontWeights-semibold);
    padding-bottom: 2px;
}
.css-3qk7n4 {
    color: var(--chakra-colors-cyan-400);
    font-size: 14px;
}
.css-tgro02 {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    border-radius: 14px;
}
.css-1ebezfo {
    border-radius: 16px;
}
.css-1899o25 {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-top: 0px;
    text-align: end;
}
.css-1qrims4 {
    display: flex;
    color: var(--chakra-colors-colorsText-subText);
    font-size: 16px;
}
.css-79wky {
    color: var(--chakra-colors-white);
}
.css-1bb7e2x {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 100%;
    z-index: 999;
}
.css-wrge9p {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    max-height: 200px;
    word-break: break-all;
    color: var(--chakra-colors-white);
}
.css-t7xexl {
    --chakra-scale-x: sm;
    --chakra-scale-y: sm;
    margin-left: 4px;
    color: var(--chakra-colors-white);
    cursor: pointer;
}
.css-kjzft0 {
    color: #1AC486;
    font-weight: var(--chakra-fontWeights-semibold);
    padding-left: 10px;
    font-size: 16px;
}
.css-vuwbo7 {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-top: 16px;
}
.css-1bvc4cc {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.css-1a36kep {
    display: none;
    font-size: 16px;
}
.css-1hyfx7x {
    display: none;
}
.css-1oj0vhr {
    display: flex;
    font-size: 16px;
}
.css-u41v2e p {
    margin-bottom: 0;
}
.css-3c4aqx {
    font-size: var(--chakra-fontSizes-md);
    color: var(--chakra-colors-gray-300);
    max-width: 300px;
    margin-top: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 20px;
}
.css-hboir5 {
    display: flex;
    width: 100%;
}
.css-8atqhb {
    width: 100%;
}
.css-rw27s {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    width: 100%;
    line-height: 1.2;
    border-radius: 24px;
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: 48px;
    min-width: var(--chakra-sizes-10);
    font-size: 14px;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background: var(--chakra-colors-teal-150);
    margin-top: 10px;
    color: var(--chakra-colors-white);
}
.css-cdm4y8 {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: none;
    border: none;
    width: 100%;
    line-height: 1.2;
    border-radius: 24px;
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: 48px;
    min-width: var(--chakra-sizes-10);
    font-size: 14px;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background: linear-gradient(to right, #16a3fe 0%, #23c99d 100%);
    color: var(--chakra-colors-white);
    cursor: pointer;
}
.css-15tnlkm {
    padding-left: var(--chakra-space-1);
    display: none;
}
.css-yemb1u:last-of-type {
    border-bottom-width: 1px;
}
.css-yemb1u {
    border-top: 1px solid #2d3748;
    overflow-anchor: none;
    color: var(--chakra-colors-white);
    border-bottom: var(--chakra-borders-none);
}
.dropdown-hide {
    display: none;
}
.dJdFwe {
    margin-top: 12px;
}
.css-1p4aepo {
    display: flex;
    font-size: 14px;
    font-weight: var(--chakra-fontWeights-medium);
}
.css-q9k0mw {
    color: var(--chakra-colors-gray-500);
}
.css-79wky {
    color: var(--chakra-colors-white);
}
.css-1uolq3x {
    display: flex;
    flex-direction: row-reverse;
    --chakra-space-x-reverse: 1;
    --chakra-divide-x-reverse: 1;
    font-size: 14px;
    font-weight: var(--chakra-fontWeights-medium);
}
.css-k008qs {
    display: flex;
}
.css-151f3t4 {
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-fast);
    transition-timing-function: var(--chakra-transition-easing-ease-out);
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--chakra-colors-blue-500);
    font-size: 14px;
    font-weight: var(--chakra-fontWeights-medium);
}
.css-ku0vlx {
    width: 14px;
    height: 14px;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: var(--chakra-colors-blue-500);
    vertical-align: middle;
    margin-left: 5px;
}
.css-1nyrnid {
    width: 12px;
    height: 12px;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: var(--chakra-colors-blue-500);
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 5px;
}
.css-1at533r {
    width: 16px;
    height: 16px;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: var(--chakra-colors-blue-500);
    vertical-align: middle;
    margin-left: 5px;
}
.css-1lafdix {
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
}
.css-1uzxmtg {
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-fast);
    transition-timing-function: var(--chakra-transition-easing-ease-out);
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--chakra-colors-blue-500);
    display: block;
    font-size: 14px;
    font-weight: var(--chakra-fontWeights-medium);
}
.dropdown-show {
    height: 100% !important;
    overflow: visible !important;
    opacity:1 !important;
    transition: all 300ms;
}
.css-y52ese {
    background-color: transparent;
    outline: none;
    border: 0;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    font-size: 1rem;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    padding-top: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-2);
    color: var(--chakra-colors-teal-150);
}
.css-e3v64w {
    flex: 1 1 0%;
    text-align: center;
    font-size: 16px;
    font-weight: var(--chakra-fontWeights-semibold);
}
.css-7w6khc .css-e3v64w {
    color: #1AC486;
}
.css-186l2rg {
    width: 1em;
    height: 1em;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor;
    opacity: 1;
    transition: transform 0.2s ease 0s;
    transform-origin: center center;
    font-size: 1.25em;
    vertical-align: middle;
}
.css-1inji5u {
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    padding: 0px;
}
.css-1sr1gxo {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 12px;
}
.css-wp0k6t {
    font-size: 14px;
    font-weight: var(--chakra-fontWeights-medium);
    color: var(--chakra-colors-blue-500);
    margin-top: 12px;
    text-align: left;
    cursor: pointer;
}
.css-k008qs .css-1lejymi {
    color: #1AC486;
    margin-right: 8px;
}
.css-k008qs a:hover ,.css-1lafdix a:hover{
    color: #3182ce;
}
/* END FARMING */
@media (max-width: 30em) {
    .liquidity-tab__price .col-4 {
        padding : 5px !important
    }
}
@media (min-width: 1600px){
    .container {
        max-width: 1300px !important;
    }
}
@media screen and (min-width: 30em) {
    .css-15tnlkm {
        padding-left: var(--chakra-space-1);
        display: none;
    }
    .css-1oj0vhr {
        font-size: 18px;
    }
    .css-1a36kep {
        font-size: 18px;
    }
    .css-kjzft0 {
        font-size: 18px;
    }
    .css-ops9nd {
        font-size: 18px;
    }
    .css-gb84km {
        font-size: 14px;
    }
    .css-qvvpzs {
        width: 75%;
        margin-left: 20px;
    }
    .css-1acwype {
        width: 52px;
        height: 52px;
    }
    .css-1mg2jci {
        font-size: 28px;
    }
    .css-hx6hdm {
        padding-inline: 14px;
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .css-av7k2m {
        width: 70%;
        margin-bottom: 50px;
    }
    .css-dg7rd7 {
        display: none;
    }
    .css-1grymaq {
        display: none;
    }
    .css-1fbv9tj {
        margin-left: 10px;
    }
    .css-zb42vv {
        margin-left: 6px;
    }
    .css-1fbusps {
        margin-left: 0px;
        margin-inline: auto;
        width: 95%;
    }
    .css-6a3j62 {
        font-size: 12px;
    }
    .css-3l0id9 {
        font-size: 20px;
    }
    .css-1wv2pw {
        font-size: 14px;
    }
    .css-337xfg {
        margin-right: 24px;
    }
    .css-ndxi41 {
        margin-top: 30px;
    }
    .css-ybfyka {
        flex-direction: column;
        padding-left: 20px;
    }
    .css-md0cqf {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .css-1ku16n0,.css-u2tlu5 {
        width: 93px;
    }
    .css-mrrm0f {
        margin: 30px;
    }
    .css-z5jpa5 {
        padding-inline: 12px;
    }
    .css-15tnlkm {
        display: block;
    }
    .css-1bdsczo {
        font-size: 14px;
    }
    .css-es3m49 {
        max-width: 100%;
    }
    .css-4kmcwc {
        padding-inline: 5px;
    }
    .css-ijbuod {
        max-width: 100%;
    }    
    .css-1pbugdw {
        padding-inline: 12px;
    }
    .css-1ynhtt9 {
        padding-inline: 24px;
    }
    .css-ipe8mi {
        width: 100%;
    }
    .css-b2k6bp {
        font-size: 14px ;
    }
    .css-1pq8vbv {
        font-size: 18px ;
    }
    .css-10ofot9 {
        font-size: 14px ;
    }
    .css-17vop0s {
        padding: 20px;
        width: 260px;
    }
    .css-esbmbf {
        width: 90%;
    }
    .css-1e0o2wd {
        margin-top: 16px;
        width: 70%;
        font-size: 14px;
    }
    .css-ii1cf0 {
        width: 70%;
        padding-left: 10px;
        font-size: 35px;
        line-height: 40px;
    }
    .css-13i5pkh {
        max-width: 95%;
    }
    .css-lo3pan {
        flex-direction: column;
        height: 230px;
        padding-inline: 12px;
        padding-top: 28px;
        padding-bottom: 28px;
    }
}
@media screen and (min-width: 48em) {
    .css-15tnlkm {
        display: block;
    }
    .css-1oj0vhr {
        font-size: 20px;
    }
    .css-1a36kep {
        font-size: 20px;
    }
    .css-kjzft0 {
        font-size: 20px;
    }
    .css-ops9nd {
        font-size: 20px;
    }
    .css-gb84km {
        font-size: 18px;
    }
    .css-qvvpzs {
        width: 75%;
        margin-left: 24px;
    }
    .css-1acwype {
        width: 56px;
        height: 56px;
    }
    .css-1mg2jci {
        font-size: 28px;
    }
    .css-hx6hdm {
        padding-inline: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .css-av7k2m {
        width: 100%;
        margin-bottom: 100px;
    }
    .css-dg7rd7 {
        display: none;
    }
    .css-1grymaq {
        display: none;
    }
    .css-1fbv9tj {
        margin-left: 16px;
    }
    .css-zb42vv {
        margin-left: 16px;
    }
    .css-1fbusps {
        margin-left: 0px;
        margin-inline: auto;
        width: 96%;
    }
    .css-6a3j62 {
        font-size: 14px;
    }
    .css-3l0id9 {
        font-size: 24px;
    }
    .css-1wv2pw {
        font-size: 16px;
    }
    .css-337xfg {
        margin-right: 24px;
    }
    .css-ybfyka {
        flex-direction: row;
        padding-left: 20px;
    }
    .css-1ku16n0,.css-u2tlu5 {
        width: 93px;
    }
    .css-mrrm0f {
        margin: 30px;
    }
    .css-z5jpa5 {
        padding-inline: 16px;
    }
    .css-15tnlkm {
        display: block;
    }
    .css-1bdsczo {
        font-size: 14px;
    }
    .css-4kmcwc {
        padding-inline: 5px;
    }
    .css-1pbugdw {
        padding-inline: 16px;
    }
    .css-1ynhtt9 {
        padding-inline: 24px;
    }
    .css-ipe8mi {
        width: 90%;
    }
    .css-1pq8vbv {
        font-size: 20px;
    }
    .css-b2k6bp {
        font-size: 16px;
    }
    .css-10ofot9 {
        font-size: 16px;
    }
    .css-17vop0s {
        padding: 15px;
    width: 280px;
    }
    .css-esbmbf {
        width: 90%;
        margin-top: -50px;
    }
    .css-1e0o2wd {
        margin-top: 0px;
        width: 50%;
    }
    .css-ii1cf0 {
        width: 50%;
        padding-left: 10px;
        font-size: 30px;
        line-height: 46px;
    }
    .css-13i5pkh {
        max-width: 95%;
    }
    .css-lo3pan {
        flex-direction: row;
        height: 330px;
        padding-inline: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
@media screen and (min-width: 62em) {
    .css-1oj0vhr {
        font-size: 16px;
    }
    .css-1a36kep {
        font-size: 16px;
    }
    .css-kjzft0 {
        font-size: 16px;
    }
    .css-ops9nd {
        font-size: 24px;
    }
    .css-gb84km {
        font-size: 18px;
    }
    .css-qvvpzs {
        width: 70%;
    }
    .css-1acwype {
        width: 70px;
        height: 70px;
    }
    .css-1mg2jci {
        font-size: 30px;
    }
    .css-hx6hdm {
        padding-inline: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .css-av7k2m {
        width: 80%;
        margin-bottom: 100px;
    }
    .css-dg7rd7 {
        display: block;
    }
    .css-1grymaq {
        display: flex;
    }
    .css-1fbv9tj {
        margin-left: 16px;
    }
    .css-zb42vv {
        margin-left: 0px;
    }
    .css-1fbusps {
        margin-left: 0px;
        margin-inline: auto;
        width: 96%;
    }
    .css-6a3j62 {
        font-size: 14px;
    }
    .css-3l0id9 {
        font-size: 24px;
    }
    .css-1wv2pw {
        font-size: 16px;
    }
    .css-337xfg {
        margin-right: 24px;
    }
    .css-ybfyka {
        flex-direction: row;
        padding-left: 20px;
    }
    .css-1ku16n0,.css-u2tlu5 {
        width: 93px;
    }
    .css-z5jpa5 {
        padding-inline: 25px;
    }
    .css-1bdsczo {
        font-size: 14px;
    }
    .css-es3m49 {
        max-width: 100%;
    }
    .css-4kmcwc {
        padding-inline: 10px;
    }
    .css-ijbuod {
        max-width: 100%;
    }
    .css-1pbugdw {
        padding-inline: 25px;
    }
    .css-1ynhtt9 {
        padding-inline: 24px;
    }
    .css-ipe8mi {
        width: 100%;
    }
    .css-1pq8vbv {
        font-size: 20px;
    }
    .css-b2k6bp {
        font-size: 16px;
    }
    .css-10ofot9 {
        font-size: 16px;
    }
    .css-17vop0s {
        padding-top: 12px;
        padding-bottom: 12px;
        width: 350px;
    }
    .css-esbmbf {
        width: 90%;
        margin-top: -50px;
    }
    .css-1e0o2wd {
        margin-top: 0px;
        width: 50%;
    }
    .css-ii1cf0 {
        width: 50%;
        padding-left: 40px;
        font-size: 42px;
        line-height: 46px;
    }
    .css-13i5pkh {
        max-width: 90%;
    }
    .css-lo3pan {
        flex-direction: row;
        height: 330px;
        padding-inline: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
@media screen and (min-width: 80em) {
    .css-kjzft0 {
        font-size: 16px;
    }
    .css-gb84km {
        font-size: 18px;
    }
    .css-1acwype {
        width: 80px;
        height: 80px;
    }
    .css-av7k2m {
        width: 80%;
        margin-bottom: 100px;
    }
    .css-dg7rd7 {
        display: flex;
    }
    .css-1grymaq {
        display: flex;
    }
    .css-1fbv9tj {
        margin-left: 32px;
    }
    .css-1fbusps {
        width: 100%;
    }
    .css-6a3j62 {
        font-size: 14px;
    }
    .css-3l0id9 {
        font-size: 24px;
    }
    .css-1wv2pw {
        font-size: 16px;
    }
    .css-337xfg {
        margin-right: 24px;
    }   
    .css-ybfyka {
        flex-direction: row;
        padding-left: 0px;
    }
    .css-z5jpa5 {
        padding-inline: 30px;
    }
    .css-1bdsczo {
        font-size: 14px;
    }
    .css-es3m49 {
        max-width: 100%;
    }
    .css-4kmcwc {
        padding-inline: 10px;
    }
    .css-ijbuod {
        max-width: 100%;
    }
    .css-1pbugdw {
        padding-inline: 30px;
    }
    .css-1ynhtt9 {
        padding-inline: 24px;
    }
    .css-1pq8vbv {
        font-size: 20px;
    }
    .css-b2k6bp {
        font-size: 16px;
    }
    .css-10ofot9 {
        font-size: 16px;
    }
    .css-17vop0s {
        padding-top: 12px;
        padding-bottom: 12px;
        width: 400px;
    }
    .css-esbmbf {
        width: 90%;
        margin-top: -50px;
    }
    .css-1e0o2wd {
        margin-top: 0px;
        width: 50%;
    }
    .css-ii1cf0 {
        width: 50%;
        padding-left: 40px;
        font-size: 42px;
        line-height: 46px;
    }
    .css-13i5pkh {
        max-width: 90%;
        margin-top: -50px;
    }
    .css-lo3pan {
        flex-direction: row;
        height: 330px;
        padding-inline: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
@media screen and (min-width: 96em) {
    .css-kjzft0 {
        font-size: 16px;
    }
    .css-gb84km {
        font-size: 18px;
    }
    .css-av7k2m {
        width: 100%;
        margin-bottom: 50px;
    }
    .css-1fbusps {
        width: 100%;
    }
    .css-6a3j62 {
        font-size: 14px;
    }
    .css-3l0id9 {
        font-size: 24px;
    }
    .css-1wv2pw {
        font-size: 16px;
    }
    .css-337xfg {
        margin-right: 24px;
    }
    .css-ybfyka {
        flex-direction: row;
    }
    .css-z5jpa5 {
        padding-inline: 30px;
    }
    .css-1bdsczo {
        font-size: 14px;
    }
    .css-es3m49 {
        max-width: 100%;
    }
    .css-4kmcwc {
        padding-inline: 10px;
    }
    .css-ijbuod {
        max-width: 100%;
    }
    .css-1pbugdw {
        padding-inline: 30px;
    }
    .css-1ynhtt9 {
        padding-inline: 24px;
    }
    .css-ipe8mi {
        width: 100%;
    }
    .css-10ofot9 {
        font-size: 16px;
    }
    .css-b2k6bp {
        font-size: 16px;
    }
    .css-1pq8vbv {
        font-size: 20px;
    }
    .css-17vop0s {
        padding-top: 27px;
        padding-bottom: 28px;
        width: 450px;
    }
    .css-esbmbf {
        width: 76%;
        display: f;margin-top: -50px;
    }
    .css-1e0o2wd {
        margin-top: 0px;
        width: 50%;
    }
    .css-ii1cf0 {
        width: 50%;
        padding-left: 40px;
        font-size: 40px;
        line-height: 50px;
    }
    .css-13i5pkh {
        max-width: 1460px;
    }
    .css-lo3pan {
        flex-direction: row;
        height: 330px;
        padding-inline: 149px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
}




/* end box procol */

.ktDQWp {
    color: rgb(27, 58, 24);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.keAma-D {
    font-size: 12px;
    overflow-x: hidden;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.kBdaTW {
    background: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%);
    color: white;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    top: -1px;
    right: 0;
    height: calc(100% + 2px);
    padding: 0px 25px 0 25px;
    border: none;
    border-radius: 0px 32px 32px 0px;
    font-weight: normal;
    box-sizing: content-box;
}
.kBdaTW img {
    margin-right: 12px;
}
.cBzCuQ {
    align-self: center;
    fill: rgb(73, 163, 65);
    flex-shrink: 0;
    margin-left: 4px;
}
.kBdaTW svg {
    display: none;
}
.title-md:not(:last-child) {
    margin-bottom: 25px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.text-justify {
    /* text-align: justify !important; */
}
.dQCiMW {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    left: 0px;
    text-align: center;
    background-color: rgb(25, 19, 38);
    color: rgb(255, 255, 255);
    border-radius: 16px;
    opacity: 0.7;
}@media(max-width: 768px) {
    .token-box-bottom .token-bonus-item.one {
        margin-right: auto;
    }
    .token-box-bottom .token-bonus-item.two {
        margin-left: auto;
    }
}
@media(max-width: 700px) {
    .css-esbmbf {
        width: 90%;
        align-items: center;
        flex-direction: column;
    }
    .css-17vop0s {
        padding: 20px;
        width: 80%;
        justify-content: center;
    }
}
@media(max-width: 500px) {
    .css-esbmbf {
        width: 100%;
        align-items: center;
        flex-direction: column;
    }
    .css-17vop0s {
        padding: 20px;
        width: 95%;
        justify-content: center;
    }
}
@media screen and (min-width: 576px) {
    
    .iEpqdp {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 32px;
    }
    .keAma-D {
        font-size: 14px;
    }
}
@media screen and (min-width: 370px) {
    .iEpqdp {
        padding: 10px 150px 10px 16px;
    }
}
@media(max-width: 576px) {
    .toktmln-list:before {
        position: absolute;
        right: 50px;
        top: -24px;
        left: unset;
        width: 2px;
        margin-left: -1px;
        height: 100%;
        background: #dbe4f7;
        content: "";
    }
    .toktmln-item:before {
        position: absolute;
        top: -3px;
        left: unset;
        right: 0;
        transform: translateX(-50%);
        content: "";
        height: 30px;
        width: 30px;
        border-radius: 50%;
        border: 6px solid #dbe4f7;
        background: #16a4fd;
    }
    .toktmln-item div span:last-child {
        font-size: 13px;
    }
    .toktmln-item div span {
        font-size: 18px;
    }
    .banner-invest .banner-wrap {
        padding-bottom: 50px !important;
    }
    .banner-home  {
        display: none !important;
    }
    .token-status {
        padding: 18px 0 10px;
    }
}
@media(max-width: 991px) {
    .home-banner h2 {
        font-size: 40px;
        align-items: center;
        margin-bottom: 30px;
    }
    .home-banner .btn {
        padding: 8px 25px;
    }
    .home-banner h2 .home-banner__percen {
        font-size: 50px;
        margin-left: 20px;
    }
    .home-banner__farm span:last-child {
        bottom: -10px;
    }
    .menu-item-desk {
        display: none;
    }
}
@media(min-width: 992px) {
    .home-banner h2 {
        align-items: flex-end;
    }
    .logo img {
        height: 60px;
    }
    .menu-item-mb {
        display: none;
    }
}

.v-icon {
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    font-size: 24px;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    position: relative;
    text-indent: 0;
    transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 24px;
    font-size: 24px;
    width: 24px;
}
.mdi::before, .mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 24px;
    line-height: 1;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mdi-menu::before {
    content: "\F035C";
}
.v-icon.v-icon::after {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(1.3);
    width: 100%;
    transition: opacity .2s cubic-bezier(.4,0,.6,1);
}
.v-overlay__scrim {
border-radius: inherit;
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: inherit;
width: 100%;
will-change: opacity;
}
.mobile-menu-item {
align-items: center;
align-self: center;
display: flex;
flex-wrap: wrap;
flex: 1 1;
overflow: hidden;
padding: 12px 16px;
border-bottom: 1px solid #eee;
}
.mobile-menu-item a {
color: #000000;
font-weight: bold;
margin-left: 5px;
}
.img-1204 {
    position: absolute;
    width: 1440px;
    height: 434px;
    left: 0px;
    bottom: 0px;
    background: url(/images/background/1204.png);
}
.img-1205 {
    position: absolute;
    width: 211px;
    height: 176px;
    left: 0px;
    top: 240px;
    background: url(/images/background/1205.png);
}
.img-1206 {
    position: absolute;
    width: 269px;
    height: 254px;
    right: 0px;
    top: 508px;
    background: url(/images/background/1206.png);
}