/* You can add global styles to this file, and also import other style files */

@font-face {
    font-family: 'Forma DJR Deck';
    src: url('../fonts/FormaDJRDeck-Medium.otf') format('truetype');
    font-weight: 500;
    letter-spacing: 1.6px;
}

@font-face {
    font-family: 'Forma DJR Deck';
    src: url('../fonts/FormaDJRDeck-Regular.otf') format('truetype');
    font-weight: 400;
    letter-spacing: 1.6px;
}

@font-face {
    font-family: 'Forma DJR Deck';
    src: url('../fonts/FormaDJRDeck-Bold.otf') format('truetype');
    font-weight: 600;
    letter-spacing: 1.6px;
}

.mh-340 {
    max-height: 280px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    padding-right: 15px;
}

body {
    font-family: 'Forma DJR Deck';
    color: #fff;
    background-color: #121113;
    font-size: 15px;
    cursor: url('../images/fav.svg'), auto;
    letter-spacing: 1.3px;
}

div {
    /* cursor: url(../images/home1.png), pointer; */
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%);
}

img {
    max-width: 100%;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none outside none;
}

a:hover,
a {
    text-decoration: none !important;
}

.form-control {
    box-shadow: none !important;
}

.text-green {
    color: #8AC640;
}

.o-5 {
    opacity: 0.5;
}

.icon_img img {
    width: 35px;
    height: 35px;
    object-fit: cover;
}

.icon_img {
    background: transparent;
}

.yes {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 25px;
}


/* Hide the browser's default checkbox */

.yes input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #121113;
    border-radius: 4px;
    border: 1px solid #fff;
}


/* On mouse-over, add a grey background color */

.yes:hover input~.checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.yes input:checked~.checkmark {
    background-color: #8AC640;
    border: 0;
}

.yes.no input:checked~.checkmark {
    background-color: #F8991D;
    border: 0;
}

.yes.no-with-vote input:checked~.checkmark {
    background-color: #F389B8;
    border: 0;
}

.yes.abstain input:checked~.checkmark {
    background-color: #76C8AD;
    border: 0;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.yes input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.yes .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.con_val p {
    font-weight: 700;
    font-size: 17.5px;
}

.btn_bg {
    background: #EE4097;
    border: 1px solid transparent;
    font-weight: 500;
    color: #fff;
    padding: 8px 19px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    font-size: 17.5px;
    transition: 0.5s all;
}

.btn_bg_pink {
    background: transparent;
    border: 1px solid #EE4097;
    font-weight: 500;
    color: #EE4097;
    padding: 8px 19px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    font-size: 17.5px;
    transition: 0.5s all;
}

.btn_bg_pink:hover {
    background: #EE4097;
    color: #fff;
}

.btn_bg_yel {
    background: #FFC40C;
    border: 1px solid transparent;
    font-weight: 700;
    color: #121113;
    padding: 8px 19px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    font-size: 17.5px;
    transition: 0.5s all;
}

.btn_bg_yel:hover {
    background: transparent;
    border: 1px solid #FFC40C;
    color: #FFC40C;
}

.btn_bg:hover {
    color: #fff;
    background: transparent;
    border: 1px solid #8f99a2;
}

.selct-token .btn_bg:hover {
    border: none;
}

.bor_bg {
    border: 0.5px solid rgba(9, 190, 139, 0.5);
    background: transparent;
    color: #fff
}

.bor_bg:hover {
    background: transparent;
    border: 1px solid #8f99a2;
    color: #fff;
}

.f-50 {
    font-size: 50px;
}


/*.container{max-width: 100%}*/


/*************** Home ***************/

.yel_clr {
    color: #F6981E !important;
}

.icon_img {
    background: #3C1F42;
    border-radius: 15px;
    width: 51px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}

.con_val p {
    font-weight: 600;
    font-size: 17px;
}

.header {
    padding: 7px 0;
    min-height: 82px;
}

.navbar-light .navbar-nav .nav-link:focus {
    color: #fff;
}

.side_nav {
    height: calc(100vh - 82px);
    width: 205px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
}

.pos_rel {
    position: relative;
}

.side_nav .navbar-nav .nav-link {
    color: #fff;
    font-weight: 500;
    padding: 16px 0 16px 20px;
    border-radius: 3px;
}

.side_nav .navbar-nav .nav-link.active,
.side_nav .navbar-nav .nav-link:hover {
    color: #F6981E;
    background: linear-gradient(180deg, rgba(238, 17, 144, 0.053) 0%, rgba(162, 108, 194, 0.1) 100%);
    box-shadow: inset 10px 10px 50px rgba(145, 145, 145, 0.1), inset -25px -5px 50px rgba(141, 141, 141, 0.1);
}


/*.main_container{padding: 0;}
*/

.menu_close .side_nav {
    width: 50px;
}

.menu_close .main-bg {
    margin-left: 60px
}

.menu_close .side_nav .navbar-nav .nav-link {
    font-size: 0;
    text-align: center;
    padding-left: 0;
}

.menu_close .side_nav .navbar-nav .nav-link .menu_icon {
    margin-right: 0;
}

.menu_close .side_nav .footerbor {
    display: none;
}

.menu_icon {
    margin-right: 14px;
    width: 25px;
    display: inline-block;
    text-align: center;
}

.cursor-pointer {
    cursor: pointer;
}

.banner_cont h1 {
    font-size: 73px;
    font-weight: 600;
    color: #ee4097;
}

.banner_cont p {
    font-size: 23px;
    line-height: 36px;
}

.banner {
    padding-top: 20px;
    padding-bottom: 2em;
}

.com_bg {
    /* background: rgba(30, 17, 39, 0.9); */
}

.bor_rad {
    border-radius: 8px;
}

.navbar {
    padding: 0;
}

.farms_blk h2 {
    font-size: 35px;
    font-weight: 600;
    padding-bottom: 16px;
}

.farms_blk_in span {
    font-size: 16px;
    color: #FFC40C;
    font-weight: 600;
}

.farms_blk_in h3 {
    font-size: 25px;
    padding: 5px 0 0;
}

.farms_blk_in p {
    font-size: 14px;
}

.f_w_500 {
    font-weight: 500;
}

.f_w_600 {
    font-weight: 600;
}

.f_w_700 {
    font-weight: 700;
}

.farms_blk .btn_bg {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
}

.vio_clr {
    color: #B882D8;
}

.vio_bg {
    background-color: #5B3154;
}

.btns_blk .btn_bg {
    font-size: 15px;
}

.stats_blk h4 {
    font-size: 20px;
    padding-bottom: 15px;
}

.stats_blk h5 {
    font-size: 30px;
}

.stats_blk p {
    font-size: 14px;
}

.farms_blk {
    margin-bottom: 20px;
}

.stats_blk {
    margin-bottom: 20px;
}

.stats_blk span {
    display: inline-block;
    font-size: 15px;
}

.stats_blk_in {
    margin-bottom: 15px;
}

.stats_blk h6 {
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 20px;
}

.ann_left .white_bg {
    background-color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ann_ryt span {
    font-size: 15px;
    font-weight: 500;
}

.ann_ryt p {
    font-size: 12px;
    color: #A7A7A7;
    margin-bottom: 8px;
}

.ann_ryt a {
    font-size: 14px;
    color: #00B0BB;
    display: block;
}

.inn_banner {
    position: relative;
}

.inn_banner h1 {
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    top: 32px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.e_stats .stats_blk_in {
    margin-bottom: 6px;
}


/*************** Home ***************/


/*Style by vasanth*/

.side_nav {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: fixed;
    top: 66px;
    background: #160d1d;
}

.Cpy-Txt {
    /*color: #877F8D;*/
    font-size: 20px;
}

.M-ft-lng a {
    font-weight: 500;
    font-size: 18px;
    color: #A26CC2;
}

.M-ft-lng .dropdown-toggle::after {
    display: none
}

.header {
    padding: 7px 0;
    /* position: sticky; */
    top: 0;
    /* background: #160d1d; */
    z-index: 999;
}

.navbar-brand:focus-visible {
    outline: none
}

.ms-brd-t {
    border-top: 1px solid #352641
}

.side_icon img {
    transition: .4s all ease-in-out;
    cursor: pointer;
}

.menu_close .side_icon img {
    transform: rotateZ(180deg);
    transition: .4s all ease-in-out;
}

.c-wallet-Lgn .modal-dialog {
    max-width: 972px;
}

.c-wallet-Lgn .modal-content {
    background: #1E0D28;
    opacity: 0.86;
    border-radius: 78px;
}

.c-wallet-Lgn {
    background: linear-gradient(180deg, rgba(162, 108, 194, 0.1) 0%, rgba(238, 17, 144, 0.073) 100%);
    backdrop-filter: blur(30px);
    border-radius: 15px;
}

.Wll-cnn h4 {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}

.Wll-cnn {
    display: inline-block;
    margin-bottom: 70px;
}

.Wll-cnn img {
    width: 100px;
    height: 81px;
    object-fit: contain;
    margin-bottom: 35px;
}

.c-wallet-Lgn .modal-header {
    border-bottom: unset;
    padding-bottom: 70px;
}

.modal-header .close.Tp-Rt-BTN {
    font-weight: 500;
    font-size: 24px;
    text-shadow: unset;
    color: #fff;
    opacity: 1;
    margin-right: 20px;
    margin-top: 6px
}

.Lin-Grd-TXT {
    font-weight: 600;
    font-size: 35px;
}

.modal-header .close.Tp-Rt-BTN:hover {
    color: #fff;
}

button:focus {
    outline: none;
}

.Inn-trd {
    /* background: #000000 url(.../images/trd-bg.svg) no-repeat top; */
    background-size: cover;
    height: 100%;
    min-height: calc(100vh - 66px);
}

.tRD-eX-xOB {
    /* box-shadow: inset 10px 10px 50px rgb(145 145 145 / 10%), inset -25px -5px 50px rgb(141 141 141 / 10%);
    backdrop-filter: blur(49.3333px);
    -webkit-backdrop-filter:blur(49.3333px);
     -moz-appearance:blur(49.3333px);
*/
    border-radius: 15px;
    background: rgb(30 17 39 / 65%);
}

.nav-tabs.Trd-Ex-Liq .nav-item.show .nav-link,
.nav-tabs.Trd-Ex-Liq .nav-link.active,
.nav-tabs.Trd-Ex-Liq .nav-link:hover {
    background-color: transparent;
    border-color: transparent;
    color: #F8BB1D;
}

.nav-tabs.Trd-Ex-Liq {
    border-bottom: unset;
}

.nav-tabs.Trd-Ex-Liq .nav-link {
    font-size: 20px;
    color: #fff;
    padding-left: 0;
}

.Inp-Xob input {
    background: transparent;
    border: 1px solid transparent;
    border-bottom: 1px solid #9B7DAD;
    color: #fff;
    font-size: 26px;
}

.Inp-Xob input::placeholder {
    color: #fff;
    font-size: 26px;
}

.form-control:focus {
    background: transparent;
    border-color: #ee4097;
    /* border-bottom: 1px solid #9B7DAD; */
    outline: none;
    color: #fff;
}

.trd-exc-niam {
    padding: 145px 0px 35px;
}

.Trd-btn {
    min-width: 198px;
    min-height: 52px;
}

.Sl-tkn .modal-dialog {
    max-width: 540px;
}

.Sl-tkn .modal-content {
    padding: 20px;
}

.Tkn-block {
    padding: 30px 30px;
}

.Tkn-item {
    padding: 8px 30px;
    border-radius: 50px;
    margin-bottom: 5px;
}

.Tkn-item:hover {
    background: linear-gradient(180deg, rgba(238, 17, 144, 0.053) 0%, rgba(162, 108, 194, 0.1) 100%);
    box-shadow: inset 10px 10px 50px rgba(145, 145, 145, 0.1), inset -25px -5px 50px rgba(141, 141, 141, 0.1);
    backdrop-filter: blur(49.3333px);
    border-radius: 50px;
    transition: .4s all ease-in-out;
}

.Sl-tkn .modal-header {
    border-bottom: 1px solid #9B7DAD;
    padding-bottom: 20px;
}

.srch-Xob input,
.srch-Xob .form-control:focus {
    background: linear-gradient(180deg, rgba(238, 17, 144, 0.053) 0%, rgba(162, 108, 194, 0.1) 100%);
    box-shadow: inset 10px 10px 50px rgba(145, 145, 145, 0.1), inset -25px -5px 50px rgba(141, 141, 141, 0.1);
    backdrop-filter: blur(49.3333px);
    border-radius: 50px;
    margin: 20px 0px;
    min-height: 70px;
    border: 1px solid transparent;
    /* text-align: center; */
}

.srch-Xob input::placeholder {
    color: #fff;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.Stt-bg {
    background: #A26CC2;
    min-width: 198px;
    min-height: 55px;
    margin-right: 20px;
}

.Stt-bg:hover {
    background: #F8981F;
    border: 1px solid #F8981F
}

.Sw-liq-xob .Rng-bg {
    min-width: 128px;
    min-height: 55px;
    background: #A26CC2;
    box-shadow: inset 2.46667px -2.46667px 5px rgba(62, 51, 161, 0.1), inset -2.46667px 2.46667px 5px rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    border-radius: 50px;
    border: unset;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    margin-right: 12px;
}

.Sw-liq-xob .Rng-bg input {
    width: 128px;
    min-height: 55px;
    background: #A26CC2;
    box-shadow: inset 2.46667px -2.46667px 5px rgba(62, 51, 161, 0.1), inset -2.46667px 2.46667px 5px rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    border-radius: 50px;
    border: unset;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.Sw-liq-xob .Rng-bg:hover {
    background: #F8981F;
}

.Sw-liq-xob .Rng-bg input:focus {
    outline: none
}

.stt-mdl .modal-dialog {
    max-width: 845px;
}

.Dd-enil input {
    /*background: linear-gradient(180deg, rgba(238, 17, 144, 0.053) 0%, rgba(162, 108, 194, 0.1) 100%);
	box-shadow: inset 10px 10px 50px rgba(145, 145, 145, 0.1), inset -25px -5px 50px rgba(141, 141, 141, 0.1);
	backdrop-filter: blur(49.3333px);*/
    border-radius: 50px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    width: 105px;
    min-height: 55px;
    text-align: center;
    border: unset;
    outline: none;
}


/* Basic Rules */

.swt-meti .switch input {
    display: none;
}

.swt-meti .switch {
    display: inline-block;
    width: 60px;
    height: 30px;
    margin: 8px;
    position: relative;
}


/* Style Wired */

.swt-meti .slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35px;
    right: 0;
    cursor: pointer;
    overflow: hidden;
    transition: .4s;
    /*background: linear-gradient(180deg, rgba(238, 17, 144, 0.053) 0%, rgba(162, 108, 194, 0.1) 100%);
    box-shadow: inset 10px 10px 50px rgb(145 145 145 / 10%), inset -25px -5px 50px rgb(141 141 141 / 10%);
    backdrop-filter: blur(49.3333px);*/
    border-radius: 50px;
    min-height: 55px;
    width: 105px;
}

.swt-meti .slider:before {
    position: absolute;
    content: "";
    width: 33px;
    height: 33px;
    background: #F3BA2F;
    border-radius: 30px;
    transition: .4s;
    transform: translate(10px, 10px);
}

.swt-meti input:checked+.slider:before {
    transform: translate(60px, 11px);
    background: #A26CC2;
}

.stt-daeh {
    font-size: 26px;
    color: #FFFFFF;
}

.Tx-ppl {
    font-size: 21px;
    color: #B882D8;
}

.rcc-tr p {
    font-size: 26px;
}

.Sw-btn {
    min-width: 254px;
    min-height: 55px;
}

.lqq-btn {
    min-width: 180px;
    min-height: 55px;
}

.acc-cll .card-header {
    border-bottom: 1px solid #9B7DAD;
    cursor: pointer;
}

.acc-cll .card-header[data-toggle="collapse"] .arr {
    transition: .2s all ease-in-out;
    font-size: 12px;
}

.acc-cll .card-header[data-toggle="collapse"].collapsed .arr {
    transform: rotate(90deg);
    transition: .4s all ease-in-out;
}


/*governance style*/

.Gvrnc-bg {
    /* background: #000000 url(.../images/grv-bg.png) no-repeat top; */
    background-size: cover;
    height: 100%;
    min-height: calc(100vh - 148px);
}

.Gvrnc-bg .trd-exc-niam {
    padding: 50px 0px
}

.Grvn-xob {
    background: rgba(30, 17, 39, 0.93);
    border-radius: 3px;
}

.Grvn-xob-1 {
    border-radius: 20px;
}

.Grv-daeh h4 {
    font-weight: 600;
    font-size: 30px;
    color: #F8981F;
}

.Grv-daeh {
    background: rgba(30, 17, 39, 0.65);
    border-radius: 3px;
}

.nav-tabs.Trd-Ex-Liq.Grv-tbb .nav-link {
    font-size: 24px;
    position: relative;
}

.nav-tabs.Grv-tbb .nav-link:hover::after,
.nav-tabs.Grv-tbb .nav-link.active:after {
    content: "";
    width: 100%;
    background: linear-gradient(270deg, #F8BB1D -6.17%, rgba(248, 187, 29, 0) 93.47%);
    height: 1px;
    position: absolute;
    bottom: 1px;
    left: 35px;
    transform: translateX(-50px);
    transition: .4s all ease-in-out;
}

.nav-tabs.Grv-tbb .nav-link:hover::before,
.nav-tabs.Grv-tbb .nav-link.active:before {
    content: "";
    background: #F8981F;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    bottom: -1px;
    right: 12px;
}

.nav-tabs.Grv-tbb-2 .nav-link {
    font-size: 20px;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    min-width: 120px;
    text-align: center;
    margin-bottom: 15px;
}

.nav-tabs.Grv-tbb-2 {
    border-bottom: 1px solid #4B3955;
}

.nav-tabs.Grv-tbb-2 .nav-link:hover,
.nav-tabs.Grv-tbb-2 .nav-link.active {
    font-size: 20px;
    color: #fff;
    background: #F8981F;
    border-radius: 50px;
    padding: 10px 20px;
    min-width: 120px;
}

.grv-vt-ces p {
    font-size: 20px;
}

.grv-vt-ces .Tx-ppl {
    font-size: 16px;
}

.grv-vt-btn {
    min-width: 160px;
    min-height: 46px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.brd-bt {
    border-bottom: 1px solid #9B7DAD;
}

.btn-prpl {
    background: #A26CC2;
}

.grv-vt-ces .Txt-cmm-sn {
    color: #A2FF45;
    font-size: 16px;
}

.grv-vt-ces .text-clsd {
    color: #FF2828;
}

.sppt-xob {
    min-height: 107px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #1E0D28;
    border: 1px solid #11EE77;
    border-radius: 20px;
    padding: 15px 20px;
}

.sppt-clr {
    color: #55ED76
}

.prgg-xob .progress {
    min-height: 30px;
    background: #1E0D28;
    border-radius: 50px;
}

.Spp-prg .progress-bar {
    background: #55ED76;
    border-radius: 50px;
}

.agg-prg .progress-bar {
    background: #A26CC2;
    border-radius: 50px;
}


/*farms style*/

.farm-bg {
    /* background: #000000 url(.../images/frm-bg.png) no-repeat top; */
    background-size: cover;
    height: 100%;
    min-height: calc(100vh - 66px);
}

.frm-bgg {
    background: #170E1E;
    border-radius: 50px;
}

.stk-frm .swt-meti .slider {
    min-height: 40px;
    width: 80px;
}

.stk-frm .swt-meti .slider:before {
    width: 25px;
    height: 25px;
    transform: translate(10px, 6px);
}

.stk-frm .swt-meti input:checked+.slider:before {
    transform: translate(45px, 7px);
}

.Frm-dt-tbl select,
.Frm-dt-tbl input {
    background: #160D1D;
    /*box-shadow: inset 10px 10px 50px rgba(145, 145, 145, 0.1), inset -25px -5px 50px rgba(141, 141, 141, 0.1);
	backdrop-filter: blur(49.3333px);*/
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    border: unset;
    outline: unset;
    min-height: 54px;
    /*min-width:240px;*/
    padding: 0px 20px;
}

.Frm-dt-tbl .input-group-text {
    background: #160d1d;
    border-radius: 0px 30px 30px 0px;
    border: unset;
}

.Frm-dt-tbl .form-control:focus {
    background: #160D1D;
    border: unset
}

.frm-tble-xob table td {
    font-size: 20px;
    color: #F8BB1D;
    /*min-width:175px;*/
}

.frm-tble-xob table td .frm-td-tp {
    font-size: 13px;
    color: #fff;
}

.frm-tble-xob table tr.accordion-toggle {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.frm-acc-c {
    background: #1E0D28;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 0px 15px;
}

.frm-acc-c .txt-frm-acc {
    font-size: 12px;
    color: #fff;
}

.chk-frm {
    display: inline-block;
}

.chk-frm .form-group {
    display: block;
    margin-bottom: 15px;
    color: #fff;
}

.chk-frm .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.chk-frm .form-group label {
    position: relative;
    cursor: pointer;
}

.chk-frm .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #F8BB1D;
    border: 2px solid #F8BB1D;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 6px;
}

.chk-frm .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #1E0D28;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.frm-sett .frm-acc-c {
    min-width: 110px;
    min-height: 48px;
    margin-bottom: 8px;
}

.tb-arr {
    background: #060606;
    border: 1px solid #1E0D28;
    border-radius: 50px;
    padding: 9px 12px;
    font-size: 14px;
}

.frm-acc-c .btn_bg {
    background: #F8BB1D;
    color: #0F0E0F
}

.frm-tb-panel {
    /*background: #160D1D;
    box-shadow: inset 10px 10px 50px rgb(145 145 145 / 10%), inset -25px -5px 50px rgb(141 141 141 / 10%);
    backdrop-filter: blur(49.3333px);*/
    border-radius: 50px;
}

.frm-brd-btt {
    border-bottom: 1px solid #9B7DAD;
}


/*pools style*/

.pool-bg {
    /* background: #000000 url(.../images/pool-bg.png) no-repeat top 10% right; */
    background-size: cover;
    height: 100%;
    min-height: calc(100vh - 66px);
}

.pll-acb {
    background: #1C1423;
    border-radius: 20px;
}

.txt-frm-acc.pll-txt {
    font-size: 18px;
}

.pll-txt-001 {
    color: #F8BB1D;
    font-size: 20px;
}

.pll-re-txt {
    font-size: 12px;
    color: #fff;
    font-weight: 100;
}

.enb-txt {
    font-size: 13px;
    color: #fff;
}


/********** New Design changes *********/

body {
    /* background-color: #000; */
}

.header {
    /* background: #121113; */
    padding: 15px 0;
}

.header .navbar-nav .nav-link {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    margin: 0 10px;
    transition: 0.5s all;
}

.header .navbar-nav .nav-link.active,
.header .navbar-nav .nav-link:hover {
    color: #EE4097;
}

.header .navbar-nav .nav-link:hover::after,
.header .navbar-nav .nav-link.active:after {
    content: "";
    width: 100%;
    background: linear-gradient(270deg, #EE4097 -6.17%, rgba(248, 187, 29, 0) 93.47%);
    height: 1px;
    position: absolute;
    bottom: 1px;
    left: 0;
}

.header .btn_bg {
    font-weight: 600;
}

.con_val {
    margin-right: 10px;
}

.pos_ab {
    position: absolute;
}

.footer {
    /* background: #121113; */
    padding: 5px 5px;
    border-top: 1px solid #494444;
    min-height: 55px;
}

.soc_icons a {
    width: 30px;
    height: 30px;
    transition: 0.5s all;
    margin: 7px 7px;
    text-align: center;
}

.soc_icons a:last-child {
    margin-right: 0;
}

.soc_icons a:hover {
    color: #F8981F
}

.header .container,
.footer .container {
    max-width: 1320px;
}

.home_page .container {
    max-width: 1320px;
}

.com_bg {
    /* background: rgba(18, 17, 19, 0.94); */
}

.banner_cont p {
    font-size: 16px;
}

.home_page .vio_clr {
    color: #F8991D;
    font-size: 18px;
}

.farms_blk h2 {
    font-size: 27px;
    padding-bottom: 12px;
}

.c-wallet-Lgn .modal-content {
    background: rgba(18, 17, 19, 0.94);
    border-radius: 15px;
    opacity: 1
}

.tRD-eX-xOB {
    background: #121113;
}

.vio_bg {
    background-color: #121113;
}

.srch-Xob input,
.srch-Xob .form-control:focus {
    background: #020202;
}

.Stt-bg,
.Sw-liq-xob .Rng-bg,
.Dd-enil input,
.swt-meti .slider {
    background: #020202;
}

.Lin-Grd-TXT.yel_clr {
    color: #F8BB1D !important;
}

.Sl-tkn .modal-header,
.acc-cll .card-header {
    border-bottom: 1px solid #3D3842;
}

.Tx-ppl {
    color: #EE1190;
}

.Lin-Grd-TXT {
    font-size: 30px;
}

.nav-tabs.Trd-Ex-Liq .nav-item.show .nav-link,
.nav-tabs.Trd-Ex-Liq .nav-link.active,
.nav-tabs.Trd-Ex-Liq .nav-link:hover {
    color: #F8981F
}

.Trd-liq .yel_clr {
    color: #F8BB1D !important;
}

.frm-tb-panel {
    background: #121113;
}

.trd-exc-niam {
    padding: 20px 0px 35px;
}

.farm-bg {
    /* background: url(.../images/farms_bg.png) no-repeat; */
    background-position: -25px -55px;
    background-size: cover;
}

.Grv-daeh {
    background: #101011;
    border-radius: 20px;
}

.Grv-daeh h4 {
    padding: 8px 20px;
    margin-bottom: 0
}

.Gvrnc-bg .trd-exc-niam {
    padding: 30px 0px 6em;
}

.Grvn-xob {
    background: #101011;
    border-radius: 20px;
}

.Gvrnc-bg .Tx-ppl {
    color: #A26CC2;
}

.Gvrnc-bg .nav-tabs.Trd-Ex-Liq .nav-item.show .nav-link,
.Gvrnc-bg .nav-tabs.Trd-Ex-Liq .nav-link.active,
.Gvrnc-bg .nav-tabs.Trd-Ex-Liq .nav-link:hover {
    color: #fff
}

.sppt-xob {
    background: #000;
}

.prgg-xob .progress {
    min-height: 20px;
}

.agg-prg .progress-bar {
    background: #E11189;
}

.Frm-dt-tbl select,
.Frm-dt-tbl input,
.frm-bgg {
    background: #000;
}

.Frm-dt-tbl select,
.Frm-dt-tbl input::placeholder {
    color: #fff
}

.Stt-bg,
.Sw-liq-xob .Rng-bg,
.Dd-enil input,
.swt-meti .slider {
    background: #131214;
}

.frm-tb-panel.panel-default.border-radius {
    border-radius: 10px;
}

.frm-acc-c {
    background: #000;
}

.chk-frm .form-group span {
    font-size: 12px;
}

.frm-sett .frm-acc-c {
    min-width: auto;
    min-height: auto;
}

.frm-acc-c {
    padding: 4px 15px;
}

.pool-bg {
    /* background: url(.../images/pools_bg.png) no-repeat; */
    background-size: cover;
}

.pools_blks .frm-acc-c,
.pools_blks .Frm-dt-tbl select,
.pools_blks .Frm-dt-tbl input,
.pools_blks .frm-bgg {
    background: #1B1A1C
}

.pools_new.frm-tb-panel {
    background: #1B1A1C;
    box-shadow: inset 10px 10px 50px rgba(145, 145, 145, 0.1), inset -25px -5px 50px rgba(141, 141, 141, 0.1);
    backdrop-filter: blur(49.3333px);
}


/********** New Design changes *********/


/************ NFT ***************/

.nft_cont {
    bottom: 18px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.nft_cont h2 {
    font-size: 35px;
    font-weight: 600;
}

.nft_cont p {
    font-size: 12px;
}

.h_cont_ryt {
    font-family: 'Yaldevi', sans-serif;
}

.h_cont_ryt h6 {
    font-size: 18px;
    font-weight: bold;
}

.h_cont_ryt p {
    font-size: 14px;
    color: #F3BA2F
}

.h_cont_left {
    margin-top: -35px;
}

.n_cont {
    background: linear-gradient(180deg, rgba(238, 17, 144, 0.053) 0%, rgba(162, 108, 194, 0.1) 100%);
    box-shadow: inset 10px 10px 50px rgba(145, 145, 145, 0.1), inset -25px -5px 50px rgba(141, 141, 141, 0.1);
    backdrop-filter: blur(108.33px);
    border-radius: 28px;
    margin-top: -50px;
    z-index: 99;
    position: relative;
    padding: 15px 20px;
    margin-left: 14px;
    margin-right: 14px;
}

.yel_clr {
    color: #F8981F !important;
}

.vio_clr {
    color: #A26CC2
}

.font_w_600 {
    font-weight: 600;
}

.font_w_bold {
    font-weight: bold;
}

.f_16 {
    font-size: 16px;
}

.f_12 {
    font-size: 12px;
}

.f_18 {
    font-size: 18px;
}

.f_24 {
    font-size: 24px;
}

.f_21 {
    font-size: 21px;
}

.f_30 {
    font-size: 30px;
}

.f_15 {
    font-size: 15px;
}

.n_img {
    margin: 15px 0 20px;
}

.f_35 {
    font-size: 35px;
}

.f_20 {
    font-size: 20px;
}

.f_29 {
    font-size: 29px;
}

.f_30 {
    font-size: 30px;
}

.f_14 {
    font-size: 14px;
}

.hot_collect_blks {
    padding: 30px 0 40px;
}

.overview_blks {
    padding-top: 50px;
}

.collect_blks {
    padding: 30px 0 0;
}

.col_ryt_cont {
    background: linear-gradient(180deg, rgba(238, 17, 144, 0.053) 0%, rgba(162, 108, 194, 0.1) 100%);
    box-shadow: inset 10px 10px 50px rgba(145, 145, 145, 0.1), inset -25px -5px 50px rgba(141, 141, 141, 0.1);
    border-radius: 28px;
    padding: 12px 0;
    backdrop-filter: blur(108.33px);
}

.col_ryt_cont span {
    font-family: Yaldevi;
    display: block;
}

.col_blk {
    margin-top: -30px;
    margin-bottom: 30px;
}

.col_left {
    margin-top: -15px;
}

.bunny_blks h4 {
    font-family: Yaldevi;
}

.bunny_blks .nav-tabs.Trd-Ex-Liq.Grv-tbb .nav-link {
    font-size: 16px;
    font-family: Yaldevi;
}

.bunny_blks .form-control {
    /* background: #1b161d url(.../images/Trd-dwn-icon.png) no-repeat 90% center; */
    border: 0;
    font-size: 14px;
    color: #fff;
    border-radius: 28px;
    height: 44px;
    width: 190px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.bunny_blks .nav-tabs .nav-item {
    margin-right: 30px;
}

.bunny_blks .nav-tabs .nav-item::last-child {
    margin-right: 0;
}

.active_blks h4 {
    font-family: Yaldevi;
}

.active_blks {
    padding-bottom: 35px;
}

.no_found {
    padding: 5em 0 2em;
}


/************ NFT ***************/

.black_bg {
    background: #121113;
}

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

.pro_blk p {
    max-width: 830px;
    margin: 0 auto 20px;
}

.pro_blk h3 {
    padding-bottom: 25px;
}

.pro_blk .btn_bg {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 160px;
    bottom: -15px;
}

.cir_img {
    background: linear-gradient(180deg, #1E0D28 0%, #3E1845 100%);
    width: 47px;
    height: 47px;
    display: flex;
    border-radius: 28px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border: 1px solid transparent;
}

.cir_blk.active .cir_img {
    border: 1px solid #F8981F;
}

.cir_blk.active p {
    color: #F8981F
}

.cir_cont {
    margin: 30px 0 20px;
}

.step_blks span {
    color: #EE1190;
    font-size: 14px;
    display: block;
    padding-bottom: 10px;
}

.blk_clr {
    background: #000;
}

.cho_blks {
    margin: 15px 0;
}

.cir_cont {
    position: relative;
}

.cir_cont::after {
    /* background: url(.../images/border.png) no-repeat right center; */
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    right: -70px;
    top: 25px;
    z-index: -1;
}

.cir_cont:last-child::after {
    display: none;
}

.confirm_btns {
    margin-bottom: 3em;
}

.next_step .btn_bg {
    padding: 16px 76px;
}

.black_btn {
    background: #000000;
    color: #F8981F
}

.confirm_btns {
    margin-top: 1.2em;
}

.next_step .btn_bg.pos_ab {
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -20px;
    width: 260px;
    padding: 16px 0;
}

.join_team .cho_blks {
    margin: 20px 0;
}

.f_w_400 {
    font-weight: 400 !important;
}

.pink_clr {
    color: #D31383;
}

.pink_clr1 {
    color: #D31383;
}

.cir_blk {
    cursor: pointer;
}

.step_four .form-control {
    background: #030303;
    border-radius: 20px;
    height: 65px;
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: .375rem 20px;
}

.step_four .form-control::placeholder {
    color: #fff;
}

.pro_pop .modal-dialog {
    max-width: 840px;
}

.pro_pop .modal-content {
    background-color: #161517;
    border: 0;
    padding: 50px 50px 0;
}

.pro_pop .modal-header {
    border-color: #3D3842;
    padding: 0 0 25px;
    margin-bottom: 35px;
}

.pro_pop .modal-header .Lin-Grd-TXT {
    font-size: 30px;
    color: #F8BB1D;
}

.pro_pop .modal-header .close.Tp-Rt-BTN {
    position: absolute;
    right: 50px;
    top: 30px;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
}

.pro_pop .confirm_block p {
    font-size: 26px;
    line-height: 41px;
    padding-bottom: 40px;
}

.icon_cont {
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.icon_cont h2 {
    padding-bottom: 10px;
}

.icon_cont p {
    padding-bottom: 30px;
}

.igo_content .nav .nav-link {
    display: block;
    border-radius: 50px;
    padding: 13px 57px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    background: #A36DC2;
    margin: 0 10px;
}

.igo_content .nav-pills .nav-link.active,
.igo_content .nav-pills .show>.nav-link,
.igo_content .nav-pills .nav-link:hover {
    background-color: #F8981F;
}

.igo_content .tab-content {
    margin-top: 4em;
}

.btn-primary {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.igo_content .border-radius {
    border-radius: 20px;
}

.igo_img img {
    border-radius: 20px;
}

.play_cont span {
    color: #F8981F;
    font-weight: 500;
    font-size: 27px;
    line-height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #1A1A1D;
    width: 60px;
    height: 60px;
    border: 5px solid #101011;
}

.play_blks {
    padding: 18px 0;
}

.sale_img {
    background: linear-gradient(180deg, rgba(238, 17, 144, 0.053) 0%, rgba(162, 108, 194, 0.1) 100%);
    box-shadow: inset 10px 10px 50px rgba(145, 145, 145, 0.1), inset -25px -5px 50px rgba(141, 141, 141, 0.1);
    backdrop-filter: blur(108.33px);
    border-radius: 28px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_collection_content {
    padding: 3em 0;
}

.new_more_blks h2 {
    font-family: Yaldevi;
}

.baller_left_bg {
    padding: 30px 4em
}

.baller_left_bg p,
.baller_left_bg h3 {
    font-family: Yaldevi;
}

.f_45 {
    font-size: 45px;
}

.f_25 {
    font-size: 25px;
}


/* home page css start*/

.f-24 {
    font-size: 24px !important;
}

.blue-scr {
    color: #5BCCF5;
    font-weight: 500;
}

.pink-color {
    color: #EE4097;
    font-weight: 500;
}

.f-14 {
    font-size: 14px !important;
}

.f-12 {
    font-size: 12px !important;
}

.f-16 {
    font-size: 16px !important;
}

.f-20 {
    font-size: 20px;
}

.h-72 {
    height: 72px;
}

.main-bg {
    background: #121113 url(../images/stars.svg) top center;
    background-repeat: round;
    animation: scroll 300s linear infinite;
    min-height: calc(100vh - 137px);
    height: 100%;
    margin-top: 4rem;
     background-size: contain; 
}

.igo-page .faq-block .card {
    background: #050608;
    border: none;
    border-radius: 10px;
}

.igo-page .faq-block .panel .accordion-toggle[aria-expanded="false"]::before {
    padding: 8px 0px !important;
}

.home_pages {
    background: url(../images/earth.svg) no-repeat;
    padding-bottom: 6em;
    background-size: cover;
}


/* scroolbar css */

::-webkit-scrollbar {
    width: 5px;
}

 ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

 ::-webkit-scrollbar-thumb {
    background: #888;
}

 ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.token-list {
    height: 200px;
    overflow-y: scroll;
}

.token-list li {
    padding: 10px 10px;
}

.bottom-earth {
    background: url(../images/bottom-stars.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 6em;
}

.border-bottom-grey {
    border-bottom: 1px solid #494444;
}

.border-bottom-title {
    display: inline-block;
    width: 125px;
    margin: 6px;
    border-bottom: 2px solid #6e6767;
}

.f-35 {
    font-size: 35px;
}

@keyframes scroll {
    100% {
        background-position: 0px -3000px;
    }
}

header .collapse.show {
    transition: all 0.7s ease 0s !important;
}


/* home page css end */

.soc_icons a:hover {
    background: #ee4097;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    text-align: center;
    line-height: 1.9;
}


/* trade css start */

.input-type .form-control {
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    height: 52px;
    background: transparent;
    font-size: 31px;
    font-weight: 600;
}

.input-type .form-control::-webkit-input-placeholder {
    color: #fff;
}

.input-type .form-control:-ms-input-placeholder {
    color: #fff;
}

.input-type .form-control::placeholder {
    color: #fff;
}

.outline-btn.active {
    background-color: #EE4097;
    color: #fff;
    border: 0;
}

.position-settings {
    position: relative;
    right: 0px;
    top: 40px;
}


/* trade css end */


/* fussion page  css start */

.input-d {
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: transparent;
    border: 1px solid #dee2e6;
    height: 40px;
}

::placeholder {
    color: #6e6767ed;
    opacity: 1;
    /* Firefox */
}

 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #6e6767;
}

 ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #6e6767;
}

.fusion-forms select option {
    background-color: #121113;
    color: #fff;
    font-size: 15px;
}


/* .styleSelect {
    width: 140px;
    height: 34px;
    overflow: hidden;
    background: url(../images/arrow.png) no-repeat right #fff;
    border: 2px solid #000;
} */

.styleSelect select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background-position: calc(100% - 6px) center !important;
    background: url(../images/arrow.svg) no-repeat right;
    padding: 8px 41px 10px 16px;
}

.styleSelect1 select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background-position: calc(100% - 6px) center !important;
    background: url(../images/settings1.svg) no-repeat right;
    padding: 8px 29px 10px 16px;
}

.styleSelect1 select option {
    background-color: #121113;
    color: #fff;
}

select.form-control:focus {
    background: url(../images/arrow.svg) no-repeat right;
}

.faq-block .accordion {
    /* background-color: #f2f2f2; */
    padding: 10px 10px;
}

.faq-block.complete-listing .card {
    padding: 0px 0px 10px;
    margin: 0px 10px;
}

.faq-block .card .card-header {
    padding: 5px 5px;
}

.faq-block .panel .accordion-toggle[aria-expanded="false"]::before {
    padding: 20px 0px !important;
    /* transform: rotate(180deg); */
}

.faq-block .panel .accordion-toggle[aria-expanded="true"]::before {
    /* padding: 0px 15px !important; */
    transform: rotate(180deg);
}

.faq-block .card {
    /* padding: 5px 0px 10px;
    margin: 10px 10px; */
    background: #121113;
    border: none;
    border-radius: 10px;
}

.faq-block .card .card-body {
    padding-right: 0;
    padding-top: 10px;
    padding-left: 0px;
    padding-bottom: 5px;
}

.faq-block .card .card-header {
    border-bottom: 0;
    padding: 0px 5px;
    margin-bottom: 0px !important;
    background: transparent;
}

.faq-block .card .card-header h5 {
    font-size: 16px;
    font-weight: 400;
    color: #212529;
}

.faq-block .card a {
    text-decoration: none;
}

.faq-block .panel .accordion-toggle span {
    font-size: 12px;
    /* color: #000000; */
}

.faq-block .card-body p {
    line-height: 24px;
    letter-spacing: 1.6px;
}

.faq-block .card a span {
    font-size: 12px;
}

.faq-block .card a[aria-expanded="true"] span {
    /* color: #333333; */
    font-weight: 600 !important;
    font-size: 12px;
}

.faq-block .panel-collapse p {
    color: #555555;
}

.faq-block.liquidity-list[aria-expanded="false"]::before {
    content: url('../images/close-arrow.svg') !important;
    /* margin-left: 20px; */
    margin: 10px 10px;
    /* padding: 0px 15px; */
    float: right;
}

.faq-block.liquidity-list[aria-expanded="false"]::before {
    content: url('../images/close-arrow.svg') !important;
    /* margin: 0px 12px 0 0; */
    margin: 10px 10px;
    padding: 0 !important;
    float: right;
    /* border: 1px solid #4D4F51; */
    border-radius: 50%;
    height: 29px;
    width: 29px;
    text-align: center;
    line-height: 2;
    transform: rotate(0deg);
}

.faq-block.liquidity-list[aria-expanded="true"]::before {
    content: url('../images/close-arrow.svg') !important;
    margin: 10px 10px;
    /* margin: 0px 12px 0 0; */
    padding: 0 !important;
    float: right;
    /* border: 1px solid #4D4F51; */
    border-radius: 50%;
    height: 29px;
    width: 29px;
    text-align: center;
    line-height: 2;
    transform: rotate(180deg);
}

.faq-block.ticket-list .card {
    padding: 15px 15px;
}

.complete-listing .card .card-header {
    border-bottom: 1px solid #ccc;
}

.faq-block.liquidity-list[aria-expanded="true"]::before {
    content: url('../images/close-arrow.svg') !important;
    /* margin-left: 20px; */
    margin: 10px 10px;
    /* padding: 0px 15px; */
    float: right;
}

.galaxies-bg {
    background-image: url(../images/g-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 750px;
    /* animation: scroll 300s linear infinite; */
}

.governance {
    background-image: url(../images/governance.svg);
    background-size: cover;
    height: 100%;
    /* min-height: calc(100vh - 137px); */
    background-position: center;
}

.nft-launch {
    background: url(../images/nft-bg.svg?fsdfsdf) no-repeat;
    background-size: cover;
    height: 100%;
    min-height: calc(100vh - 137px);
    background-position: center;
    /* min-height: 750px; */
}


/* .pol-bg {
    background-image: url(../images/pol.svg);
    background-size: cover;
    height: 100%;
    min-height: calc(100vh - 137px);
    background-position: center;
} */

.stars-igo {
    background-image: url(../images/stars-igo.svg);
    background-repeat: round;
    animation: scroll 180s linear infinite;
    min-height: calc(100vh - 137px);
    height: 100%;
    background-repeat: repeat;
background-size: contain;
}

.igo {
    background: url(../images/igo.svg) no-repeat;
    background-size: cover;
    height: 100%;
    min-height: calc(100vh - 137px);
    background-position: center;
}

.trade {
    background: url(../images/trade-bg.svg) no-repeat;
    background-size: cover;
    height: 100%;
    min-height: calc(100vh - 137px);
    background-position: center;
}

.nft-launch1 {
    height: 100vh;
    display: flex;
    align-items: center;
}

.mt-6 {
    margin-top: 4rem!important;
}

.outline-btn {
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    min-width: 100px;
}

.outline-btn:hover,
.outline-btn-pink:hover {
    border: 1px solid #EE4097;
    color: #fff;
}

.outline-btn-pink {
    border: 1px solid #EE4097;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    min-width: 100px;
}

.text-orange {
    color: #F8991D !important;
}

.outline-btn-yellow {
    background: transparent;
    border: 1px solid #FFC40C;
    font-weight: 700;
    color: #FFC40C;
    padding: 8px 19px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    font-size: 17.5px;
    transition: 0.5s all;
}

.light-pink {
    background: #211423;
}

.outline-btn-yellow:hover {
    background: #FFC40C;
    color: #000;
}

.progress-bar {
    background-color: #ffc40c;
}

.filter-block .nav-tabs {
    border: 1px solid #9A499C;
    border-radius: 25px;
}

.filter-block .nav-tabs .nav-link {
    color: #fff !important;
    background: transparent;
    border: 0;
    font-size: 12px;
    padding: 6px 17px;
}

.w-135 {
    width: 132px;
    margin-left: auto;
}

.filter-block .nav-tabs .nav-item.show .nav-link,
.filter-block .nav-tabs .nav-link.active {
    background-color: #9a499c !important;
    border-radius: 25px;
}

.governance .nav-tabs {
    border-bottom: 1px solid #cbc3c3;
    padding-bottom: 25px;
}

.governance .nav-tabs .nav-link {
    border: 2px solid #FFC40C;
    border-radius: 12px;
    color: #FFC40C;
    padding: 7px 25px;
    font-weight: 600;
    font-size: 16px;
    margin-right: 15px;
    min-width: 140px;
    text-align: center;
    margin-bottom: 15px;
    background: transparent;
}

.governance .nav-tabs .nav-link.active {
    background: #FFC40C;
    color: #000 !important;
}

.trade .modal {
    background: rgba(196, 196, 196, 0.01);
    backdrop-filter: blur(15px);
}

.governance .modal {
    background-image: url(../images/gov-details.svg);
    background-size: cover;
    height: 100%;
    /* min-height: calc(100vh - 137px); */
    background-position: center;
}

.governance .modal-content {
    border: 1px solid #fff;
    border-radius: 17px;
    background-color: #121113;
}

.governance .modal-header {
    border-bottom: 0;
}

.modal-content {
    border: 1px solid #fff;
    border-radius: 17px;
    background-color: #121113;
}

.governance .close {
    opacity: 1;
}

.trade-page .nav-tabs {
    align-items: center;
    border-bottom: 0;
}

.trade-page .nav-tabs .nav-link {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    border: 0;
    padding-bottom: 15px;
    background: transparent;
}

.trade-page .nav-tabs .nav-link.active {
    background: transparent;
    color: #FFC40C !important;
    border-bottom: 2px solid;
}

.token-table table thead th {
    color: #FFFFFF;
    opacity: 0.5;
    font-weight: 400;
    vertical-align: middle;
    border-bottom: 1px solid;
    border-top: 0;
    white-space: nowrap;
}

.token-table table tbody td {
    font-weight: 400;
    vertical-align: middle;
    padding: 15px 10px;
    border: 0;
    white-space: nowrap;
}

.token-table table tbody tr:first-child {
    padding-top: 20px;
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {
    /*.trade {
        background-image: none;
        background: #121113;
    }*/
    .col-xl-7.swap-trade {
        flex: 0 0 55.33333%;
        max-width: 55.33333%;
    }
}

@media screen and (min-width: 1200px) {
    .mt-xl-6 {
        margin-top: 4rem!important;
    }
    .galaxies-bg {
        background-size: cover !important;
    }
    .nft-launch1-media {
        display: flex;
        align-items: center;
        height: 100vh;
    }
    .col-xl-7.swap-trade {
        flex: 0 0 53.33333%;
        max-width: 53.33333%;
    }
    /* and (max-width: 1366px)  */
    /* .trade {
        background-image: none;
        background: #121113;
    } */
    /* .igo {
        background: #050608 none!important;
    } */
}

@media (max-width: 993px) and (min-width: 1024px) {
    .galaxies-bg {
        background-size: contain;
    }
    .igo {
        background: #050608 none!important;
    }
    .btn_bg {
        font-size: 14px;
    }
}

@media screen and (max-width: 1200px) {
    .trade {
        background-image: none !important;
        background: #121113;
    }
    .f-20 {
        font-size: 16px;
    }
    .f-16 {
        font-size: 14px !important;
    }
    .mt-xl-6 {
        margin-top: 4rem;
    }
    .bottom-earth {
        background: none !important;
    }
    .header .navbar-nav .nav-link {
        margin: 0 5px;
    }
    .con_val p {
        font-size: 12px;
    }
    .fa-bars {
        color: #fff;
    }
    .container {
        max-width: 100%;
    }
    .baller_left_bg {
        padding: 30px 2em;
    }
    .icon_cont p {
        padding-bottom: 0;
    }
    .icon_cont {
        top: 5px;
    }
    .cir_blk p {
        font-size: 14px;
    }
}

@media screen and (max-width: 992px) {
    .banner_cont h1 {
        font-size: 32px !important;
    }
    .farms_blk_in h3 {
        font-size: 22px;
    }
    .farms_blk h2 {
        font-size: 20px;
    }
    .f-35 {
        font-size: 25px !important;
    }
    .trade {
        background-image: none !important;
        background: #121113;
    }
    .btn_bg {
        font-size: 14px;
    }
    .launch-page .f-50 {
        font-size: 30px;
    }
    .galaxies-bg {
        background-size: contain !important;
    }
    .igo {
        background: #050608 none!important;
    }
    .bottom-earth {
        background: none !important;
    }
    .header .navbar-nav .nav-link {
        margin: 6px 0;
        text-align: center;
    }
    .con_val {
        margin: 10px 0;
    }
    .h_cont {
        margin-top: -15px;
    }
    .h_cont_left {
        margin-top: 0;
    }
    .h_cont_ryt {
        padding: 0;
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .banner_cont h1 {
        font-size: 32px !important;
    }
    .farms_blk_in h3 {
        font-size: 22px;
    }
    .farms_blk h2 {
        font-size: 20px;
    }
    .f-35 {
        font-size: 25px !important;
    }
    .f-20 {
        font-size: 16px;
    }
    .f-16 {
        font-size: 14px !important;
    }
    .btn_bg {
        font-size: 14px;
    }
    .trade-page .nav-tabs .nav-link {
        font-size: 16px;
    }
    .input-type .form-control {
        font-size: 20px!important;
    }
    .btn_bg_yel,
    .outline-btn-yellow {
        font-size: 14px;
    }
    /* .header {
        position: absolute;
        background: #121113;
        width: 100%;
    } */
    .fixed-top {
        position: relative;
        background-color: #121113;
        height: auto;
    }
    .governance {
        background-image: none !important;
    }
    .galaxies-bg {
        background-image: none !important;
    }
    .trade {
        background-image: none !important;
        background: #121113;
    }
    .igo {
        background: #050608 none!important;
    }
    .bottom-earth {
        background: none !important;
    }
    .f_18 {
        font-size: 16px;
    }
    .col_left {
        text-align: center;
        margin-bottom: 15px;
    }
    .active_blks {
        padding-bottom: 25px;
        text-align: center;
    }
    .soc_icons {
        justify-content: center;
        margin-bottom: 20px;
    }
    .footer {
        padding: 20px 0 30px;
    }
    .Cpy-Txt {
        text-align: center !important;
    }
    .overview_blks {
        padding-top: 25px;
    }
    .baller_left {
        padding-right: 15px !important
    }
    .baller_ryt {
        padding: 20px 15px !important
    }
    .new_collection_content {
        padding: 0em 0;
    }
    .n_img {
        text-align: center;
        margin: 15px 0 5px;
    }
    .f_45 {
        font-size: 22px;
    }
    .f_25 {
        font-size: 20px;
    }
    .baller_left_bg p {
        padding-top: 1rem !important;
    }
    .f_16 {
        font-size: 14px;
    }
    .for_sale_blks {
        text-align: center;
    }
    .sale_center {
        margin: 15px 0;
    }
    .sale_center>div {
        justify-content: center;
    }
    .f_24 {
        font-size: 20px;
    }
    .new_more_blks {
        margin-top: 20px;
    }
    .f_30 {
        font-size: 22px;
    }
    .icon_cont h2 {
        padding-bottom: 0;
    }
    .igo_content .nav .nav-link {
        margin: 0 2px;
        padding: 6px 14px;
        font-size: 14px;
    }
    .igo_content .border-radius {
        border-radius: 20px;
        padding: 20px 10px !important;
    }
    .play_left.text-right,
    .play_ryt.text-left {
        text-align: center !important;
    }
    .play_blks {
        padding: 10px 0;
    }
    .play_cont span {
        margin: 15px auto;
    }
    .play_cont {
        order: 1
    }
    .play_left,
    .play_ryt {
        order: 2
    }
    .f_20 {
        font-size: 18px;
    }
    .cir_cont::after {
        display: none;
    }
    .cir_cont {
        margin: 0px 0 5px;
    }
    .f_21 {
        font-size: 17px;
    }
    .step_blks h4 {
        font-size: 18px;
    }
    .f_20 {
        font-size: 18px;
    }
    .f_29 {
        font-size: 20px;
    }
    .nft_cont h2,
    .f_35 {
        font-size: 22px;
    }
    .h_img {
        text-align: center;
    }
    .h_cont {
        margin-top: 15px;
    }
    .nft_cont {
        bottom: -25px
    }
}

@media (max-width: 1440px) {
    .nav-tabs.Grv-tbb-2 .nav-link:hover,
    .nav-tabs.Grv-tbb-2 .nav-link.active,
    .nav-tabs.Grv-tbb-2 .nav-link {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .f-20 {
        font-size: 16px;
    }
    .f-16 {
        font-size: 14px !important;
    }
    .btn_bg {
        font-size: 14px;
    }
    .side_nav {
        display: none
    }
    .main-bg,
    .menu_close .main-bg {
        margin-left: 0;
    }
    .H-unem {
        margin-left: auto !important;
    }
    .con_val {
        margin: 0px 20px;
        margin-left: auto;
    }
    .menu_close .side_nav .navbar-nav .nav-link {
        font-size: 16px;
        text-align: left
    }
    .menu_close .side_nav {
        display: flex
    }
    .menu_close .side_nav .footerbor {
        display: block
    }
    .banner_cont p {
        font-size: 15px;
        line-height: 26px;
    }
    .banner_cont h1 {
        font-size: 52px;
    }
    .btn_bg,
    .btn_bg_pink {
        font-size: 15px;
        padding: 8px 12px;
    }
    .menu_close .side_nav {
        width: 300px;
    }
    .Stt-bg {
        min-width: 150px;
    }
}

@media (max-width:768px) {
    .banner_cont h1 {
        font-size: 32px !important;
    }
    .farms_blk_in h3 {
        font-size: 22px;
    }
    .farms_blk h2 {
        font-size: 20px;
    }
    .f-35 {
        font-size: 25px !important;
    }
    .f-20 {
        font-size: 16px;
    }
    .f-16 {
        font-size: 14px !important;
    }
    .btn_bg {
        font-size: 14px;
    }
    .trade {
        background-image: none !important;
        background: #121113;
    }
    .stt-mdl .modal-dialog {
        margin: 20px 15px;
    }
    .stt-daeh {
        font-size: 16px;
    }
    .Stt-bg {
        min-height: 43px;
        margin-right: 5px;
        min-width: 105px;
        margin-bottom: 10px;
    }
    .Sw-liq-xob .Rng-bg {
        min-width: 60px;
        min-height: 42px;
        margin-right: 8px;
    }
    .Sw-liq-xob .Rng-bg input {
        width: 60px;
        min-height: 42px
    }
    .Tx-ppl,
    .rcc-tr p {
        font-size: 16px;
    }
}

@media (max-width:575px) {
    .bottom-earth {
        background: none;
    }
    .btn_bg,
    .btn_bg_pink {
        font-size: 12px;
        padding: 6px 10px;
    }
    .Trd-btn {
        min-width: 120px;
    }
    .Trd-det p {
        font-size: 13px;
    }
    .Tkn-block {
        padding: 20px 0px;
    }
    .Tkn-item {
        padding: 8px 10px;
    }
    .Lin-Grd-TXT {
        font-size: 18px;
    }
    .nav-tabs.Trd-Ex-Liq.Grv-tbb .nav-link,
    .grv-vt-ces p {
        font-size: 16px;
    }
    .nav-tabs.Grv-tbb-2 {
        flex-direction: column;
    }
    .menu_close .side_nav {
        height: calc(100vh - 66px);
        padding-top: 50px;
    }
}

.header .btn_bg.navbar-toggler:hover {
    background: #ee4097;
}

#cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 11, 37, 0.7);
    z-index: 9999;
    display: none;
}

#cover-spin_1 {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 11, 37, 0.7);
    z-index: 9999;
    display: none;
}

.hide {
    display: none;
}

.expand {
    cursor: pointer;
    color: white;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: white;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

#cover-spin_1::after {
    /* content: ''; */
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: white;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.error {
    color: #f11212;
    font-size: 1rem;
    position: relative;
    line-height: 1;
    width: 36rem;
}


/* changes */

.nd_mar_btm {
    margin-bottom: 68px !important;
}

.homeWalletCon {
    border-radius: 4px;
    /* background-color: rgb(255, 255, 255); */
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    height: 100%;
    min-height: 325px;
    max-height: 325px;
    /* border: 3px solid #dadada; */
}

.bot_sc {
    height: 340px;
    overflow-y: scroll;
}

.img-height {
    height: 25px;
    width: 25px;
}

.f-15 {
    font-size: 15px;
}

.card.t {
    background: transparent !important;
}

.cursor-pointer {
    cursor: pointer;
}



/*IFO-----------POOLS------------PAGES(SRI)  */

.flex-a,
.pools-body-wrapper .fav-img,
.pools-main-wrapper .pools-header-wrapper .dash-menus,
.roadmap .roadmap-wrapper .mainroad-wrapper li .number h6,
.gr-main-wrapper .gr-header-wrapper .header,
.main-wrapper .grid-right .gr-main-wrapper .gr-header-wrapper .header {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-d,
.b-card .h-box .details,
.b-card,
.pools-main-wrapper .pools-header-wrapper,
.gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .thumb-wrapper,
.gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details,
.gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .delt-wrap .delt-inner,
.gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .box-inner,
.gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-head,
.gr-main-wrapper .gr-boady-wrapper,
.faq-details .thumb-wrapper,
.faq-details,
.main-wrapper .grid-right .gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .thumb-wrapper,
.main-wrapper .grid-right .gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details,
.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .delt-wrap .delt-inner,
.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .box-inner,
.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-head,
.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper,
.main-wrapper .grid-left .main-stake-wrapper .stake-footer-wrapper .details-wrapper .details,
.main-wrapper .grid-left .main-stake-wrapper .stake-body-wrapper .stake-box-wrapper .details,
.main-wrapper .grid-left .main-stake-wrapper .stake-heading,
.main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* toggle */
.toggle-pmg p {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0;
    padding-right: 20px;
}

.toggle-pmg .toggle-s .switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
    margin-bottom: 0;
}

.toggle-pmg .toggle-s .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-pmg .toggle-s .slider.round {
    border-radius: 34px;
}

.toggle-pmg .toggle-s .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.4s;
    background: #000;
    border: 2px solid #000;
    border-radius: 45px;
}

.toggle-pmg .toggle-s .slider.round:before {
    border-radius: 50%;
}

.toggle-pmg .toggle-s .slider:before {
    position: absolute;
    content: "";
    left: 2px;
    top: 0;
    bottom: 0px;
    transition: 0.4s;
    width: 15px;
    height: 15px;
    background: #62666D;
    border-radius: 45px;
}

.toggle-pmg .toggle-s input:checked+.slider:before {
    transform: translateX(12px);
    background: #FFC40C;
}

input:checked+.slider:before {
    transform: translateX(26px);
    background: #9698B4;
    top: 0px;
}

input:checked+.slider {
    background: #000 !important;
    border: 2px solid #000 !important;
}

.heading h1 {
    font-size: clamp(35px, 5vw, 50px);
    text-align: center;
    font-weight: 600;
    margin-bottom: 1rem;
}

.main-wrapper {
    align-items: flex-start;
    flex-wrap: wrap;
}

.main-wrapper .grid-left .main-stake-wrapper {
    margin: 35px 0;
    max-width: 350px;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-heading {
    padding: 10px 25px;
    background-color: #211423;
    border-radius: 8px;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-heading .heading-details h5 {
    font-weight: 500;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-heading .heading-details p {
    font-weight: 300;
    color: #F8991D;
    margin-bottom: 0;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-body-wrapper {
    padding: 15px 25px;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-body-wrapper .stake-box-wrapper {
    width: 100%;
    padding: 15px 25px;
    border-radius: 16px;
    border: 1px solid rgba(227, 230, 240, 0.2117647059);
    background-color: rgba(33, 20, 35, 0.4588235294);
}

.main-wrapper .grid-left .main-stake-wrapper .stake-body-wrapper .stake-box-wrapper .details h5 {
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 0;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-body-wrapper .stake-box-wrapper .details h6 {
    font-weight: 600;
    line-height: 1.5;
    font-size: 16px;
    color: #FFC40C;
    margin-bottom: 0;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-body-wrapper .cont-btn {
    margin: 15px 0;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-body-wrapper .cont-btn p {
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 12px;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-body-wrapper .sbw-details h6 {
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 8px;
    text-align: center;
    font-size: 16px;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-body-wrapper .sbw-details p {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    text-align: center;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-body-wrapper .sbw-details a {
    display: block;
    text-align: center;
    width: 100%;
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
    color: #D31383;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-footer-wrapper .com_bg {
    border-top: 1px solid #211423;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-footer-wrapper .details-wrapper {
    margin-top: 15px;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-footer-wrapper .details-wrapper .details h6 {
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
}

.main-wrapper .grid-left .main-stake-wrapper .stake-footer-wrapper .details-wrapper .details p {
    font-weight: 400;
    line-height: 1.5;
    font-size: 12px;
}

.main-wrapper .grid-right {
    border: 1px solid #e3e6f0 !important;
    width: 100%;
    max-width: 680px;
    height: 100%;
    margin-top: 38px;
    border-radius: 8px;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-header-wrapper .header {
    padding: 10px 25px;
    background-color: #211423;
    border-radius: 8px;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-header-wrapper .header .details h6 {
    font-size: clamp(35px, 5vw, 4px);
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
    color: #ffc40c;
}

.main-wrapper .grid-right .gr-main-wrapper .timer-wrapper {
    text-align: center;
    margin: 15px 0;
}

.main-wrapper .grid-right .gr-main-wrapper .timer-wrapper h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 0;
}

.main-wrapper .grid-right .gr-main-wrapper .timer-wrapper h5 span {
    font-size: 20px;
    color: #F8991D;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper {
    flex-wrap: wrap;
    padding: 15px;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper {
    max-width: 300px;
    border: 1px solid #e3e6f0;
    width: 100%;
    margin: 15px auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 5px;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-head {
    padding: 25px;
    background-color: #211423;
    border-radius: 5px;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-head h5 {
    margin-bottom: 0;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-head a svg path {
    fill: #EE4097;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .box-inner {
    padding: 15px 25px;
    align-items: flex-start;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .box-inner .details h5 {
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    font-size: 12px;
    color: #F8991D;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .box-inner .details h6 {
    font-weight: 600;
    line-height: 1.5;
    font-size: 20px;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .box-inner .details p {
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    color: #D31383;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .delt-wrap {
    padding: 0 15px;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .delt-wrap .delt-inner h5 {
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    margin-bottom: 0;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .delt-wrap .delt-inner p {
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-footer-wrapper {
    background-color: #211423;
    padding: 15px 0;
    border-radius: 8px;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-footer-wrapper .faq-block.detail-ar .card a[aria-expanded=true]::before {
    display: none;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-footer-wrapper .faq-block.detail-ar .card a[aria-expanded=false]::before {
    display: none;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .lorem-p {
    margin-top: 15px;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .lorem-p p {
    max-width: 320px;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .thumb-wrapper {
    align-items: flex-start;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .thumb-wrapper .ach-details {
    margin: 0px 15px;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .thumb-wrapper .ach-details h5 {
    font-weight: 400;
    line-height: 1.5;
    font-size: 12px;
    color: #D31383;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .thumb-wrapper .ach-details h6 {
    color: #ffc40c;
    font-weight: 600;
    margin-right: 8px;
    line-height: 1.2;
    font-size: 16px;
}

.main-wrapper .grid-right .gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .thumb-wrapper .ach-details p {
    font-weight: 400;
    line-height: 1.5;
    font-size: 12px;
}

.faq-details .lorem-p {
    margin-top: 15px;
}

.faq-details .lorem-p p {
    max-width: 320px;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
}

.faq-details .thumb-wrapper {
    align-items: flex-start;
}

.faq-details .thumb-wrapper .ach-details {
    margin: 0px 15px;
}

.faq-details .thumb-wrapper .ach-details h5 {
    font-weight: 400;
    line-height: 1.5;
    font-size: 12px;
    color: #D31383;
}

.faq-details .thumb-wrapper .ach-details h6 {
    color: #ffc40c;
    font-weight: 600;
    margin-right: 8px;
    line-height: 1.2;
    font-size: 16px;
}

.faq-details .thumb-wrapper .ach-details p {
    font-weight: 400;
    line-height: 1.5;
    font-size: 12px;
}

.gr-main-wrapper .gr-header-wrapper .header {
    padding: 10px 25px;
    background-color: #211423;
    border-radius: 8px;
}

.gr-main-wrapper .gr-header-wrapper .header .details h6 {
    font-size: clamp(35px, 5vw, 4px);
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
    color: #ffc40c;
}

.gr-main-wrapper .timer-wrapper {
    text-align: center;
    margin: 15px 0;
}

.gr-main-wrapper .timer-wrapper h2 {
    font-size: 45px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 0;
}

.gr-main-wrapper .timer-wrapper h2 span {
    color: #D31383;
}

.gr-main-wrapper .timer-wrapper h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 0;
}

.gr-main-wrapper .timer-wrapper h5 span {
    font-size: 20px;
    color: #F8991D;
}

.gr-main-wrapper .gr-boady-wrapper {
    flex-wrap: wrap;
    padding: 15px;
}

.gr-main-wrapper .gr-boady-wrapper .box-wrappper {
    max-width: 300px;
    border: 1px solid #e3e6f0;
    width: 100%;
    margin: 15px auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 5px;
}

.gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-head {
    padding: 25px;
    background-color: #211423;
    border-radius: 5px;
}

.gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-head h5 {
    margin-bottom: 0;
}

.gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-head a svg path {
    fill: #EE4097;
}

.gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .box-inner {
    padding: 15px 25px;
    align-items: flex-start;
}

.gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .box-inner .details h5 {
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    font-size: 12px;
    color: #F8991D;
}

.gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .box-inner .details h6 {
    font-weight: 600;
    line-height: 1.5;
    font-size: 20px;
}

.gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .box-inner .details p {
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    color: #D31383;
}

.gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .delt-wrap {
    padding: 0 15px;
}

.gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .delt-wrap .delt-inner h5 {
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    margin-bottom: 0;
}

.gr-main-wrapper .gr-boady-wrapper .box-wrappper .box-body .delt-wrap .delt-inner p {
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
}

.gr-main-wrapper .gr-footer-wrapper {
    background-color: #211423;
    padding: 15px 0;
    border-radius: 8px;
}

.gr-main-wrapper .gr-footer-wrapper .faq-block.detail-ar .card a[aria-expanded=true]::before {
    display: none;
}

.gr-main-wrapper .gr-footer-wrapper .faq-block.detail-ar .card a[aria-expanded=false]::before {
    display: none;
}

.gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .lorem-p {
    margin-top: 15px;
}

.gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .lorem-p p {
    max-width: 320px;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
}

.gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .thumb-wrapper {
    align-items: flex-start;
}

.gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .thumb-wrapper .ach-details {
    margin: 0px 15px;
}

.gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .thumb-wrapper .ach-details h5 {
    font-weight: 400;
    line-height: 1.5;
    font-size: 12px;
    color: #D31383;
}

.gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .thumb-wrapper .ach-details h6 {
    color: #ffc40c;
    font-weight: 600;
    margin-right: 8px;
    line-height: 1.2;
    font-size: 16px;
}

.gr-main-wrapper .gr-footer-wrapper .faq-block .faq-details .thumb-wrapper .ach-details p {
    font-weight: 400;
    line-height: 1.5;
    font-size: 12px;
}

.roadmap {
    margin: 50px 0;
}

.roadmap .roadmap-heading {
    margin-bottom: 25px;
}

.roadmap .roadmap-heading h2 {
    font-size: clamp(35px, 5vw, 40px);
    text-align: center;
    font-weight: 600;
    margin-bottom: 5rem;
}

.roadmap .roadmap-wrapper {
    max-width: 850px;
    margin: 0 auto;
}

.roadmap .roadmap-wrapper .mainroad-wrapper {
    width: 100%;
    position: relative;
}

.roadmap .roadmap-wrapper .mainroad-wrapper::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    background-color: #ffc40c;
    border-radius: 10px;
}

.roadmap .roadmap-wrapper .mainroad-wrapper li {
    width: 100%;
    display: flex;
    position: relative;
    margin: 25px 0;
}

.roadmap .roadmap-wrapper .mainroad-wrapper li:hover .number h6 {
    transform: scale(1.2);
    transition: all 0.5s ease-in-out;
    background-color:rgb(255, 196, 12);
    color: #000;
}

.roadmap .roadmap-wrapper .mainroad-wrapper li:nth-child(odd) {
    justify-content: flex-end;
}

.roadmap .roadmap-wrapper .mainroad-wrapper li:nth-child(even) {
    justify-content: flex-start;
}

.roadmap .roadmap-wrapper .mainroad-wrapper li:nth-child(1) .number {
    top: 0;
}

.roadmap .roadmap-wrapper .mainroad-wrapper li:nth-last-child(1) .number {
    top: 100%;
}

.roadmap .roadmap-wrapper .mainroad-wrapper li .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 111;
}

.roadmap .roadmap-wrapper .mainroad-wrapper li .number h6 {
    font-size: 40px;
    box-shadow: rgba(25, 19, 38, 0.15) 0px 1px 4px;
    background-color: #ee4097;
    border: 2px solid transparent;
    border-radius: 100%;
    font-weight: 600;
    font-size: 32px;
    width: 48px;
    height: 48px;
    z-index: 5;
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}

.roadmap .roadmap-wrapper .mainroad-wrapper li .road-box-wrapper {
    background: rgb(33, 20, 35);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    padding: 1px 1px 3px;
    border: 1px solid #e3e6f0 !important;
    padding: 15px;
    max-width: 350px;
}

.roadmap .roadmap-wrapper .mainroad-wrapper li .road-box-wrapper h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 14px;
    color: #FFC40C;
}

.roadmap .roadmap-wrapper .mainroad-wrapper li .road-box-wrapper p {
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 16px;
    font-size: 14px;
}

.faq-details-wrapper {
    margin: 80px 0;
}

.faq-details-wrapper .heading {
    font-size: clamp(35px, 5vw, 40px);
    text-align: center;
    font-weight: 600;
    margin-bottom: 5rem;
}

.f-heading {
    background-color: #211423;
    padding: 15px;
    border-radius: 8px;
}

.f-heading h1 {
    line-height: 1.5;
    font-weight: bold;
    font-size: 16px;
    color: #FFC40C;
}

.lor-p {
    margin-top: 25px;
}

@media screen and (max-width: 830px) {
    .roadmap {
        margin-top: 50px;
        margin-bottom: 15px;
    }

    .roadmap .roadmap-heading {
        margin-bottom: 25px;
    }

    .roadmap .roadmap-heading h2 {
        font-size: clamp(35px, 5vw, 40px);
        text-align: center;
        font-weight: 600;
        margin-bottom: 5rem;
    }

    .roadmap .roadmap-wrapper {
        max-width: 850px;
    }

    .roadmap .roadmap-wrapper .mainroad-wrapper {
        width: 100%;
        position: relative;
    }

    .roadmap .roadmap-wrapper .mainroad-wrapper::after {
        content: "";
        position: absolute;
        width: 3px;
        height: 100%;
        top: 0;
        left: 0%;
        background-color: #ffc40c;
        border-radius: 10px;
    }

    .roadmap .roadmap-wrapper .mainroad-wrapper li {
        width: 100%;
        display: flex;
        position: relative;
        margin: 25px 0;
    }

    .roadmap .roadmap-wrapper .mainroad-wrapper li:nth-child(odd) {
        justify-content: center;
    }

    .roadmap .roadmap-wrapper .mainroad-wrapper li:nth-child(even) {
        justify-content: center;
    }

    .roadmap .roadmap-wrapper .mainroad-wrapper li:nth-child(1) .number {
        top: 0;
    }

    .roadmap .roadmap-wrapper .mainroad-wrapper li:nth-last-child(1) .number {
        top: 100%;
    }

    .roadmap .roadmap-wrapper .mainroad-wrapper li .number {
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translate(-50%, -50%);
        z-index: 111;
    }

    .roadmap .roadmap-wrapper .mainroad-wrapper li .number h6 {
        font-size: 40px;
        width: 48px;
        height: 48px;
        z-index: 5;
    }

    .roadmap .roadmap-wrapper .mainroad-wrapper li .road-box-wrapper {
        max-width: 350px;
    }
}

.sid-faq.faq-block .accordion>.card:not(:last-of-type) {
    border-radius: unset;
}

.sid-faq.faq-block .card a[aria-expanded=false]::before {
    margin-top: 15px;
}

.finished-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.finished-wrapper .f-heading h1 {
    text-align: center;
}

.finished-wrapper .faq-block .card a[aria-expanded=false]::before {
    margin-top: 16px;
    margin-right: 20px;
}

.finished-wrapper .faq-block .card a[aria-expanded=true]::before {
    margin-top: 16px;
    margin-right: 20px;
}

.pools-main-wrapper {
    margin-top: 50px;
}

.pools-main-wrapper .pools-header-wrapper {
    flex-wrap: wrap;
}

.pools-main-wrapper .pools-header-wrapper .pools-btn-grp .nav-tabs {
    border-bottom: 1px solid transparent;
}

.pools-main-wrapper .pools-header-wrapper .pools-btn-grp button {
    background-color: transparent;
    border: 0;
    background-color: #211423;
    border-radius: 100%;
    pad: 10px;
    height: 30px;
    width: 30px;
    margin: 15px;
}

.pools-main-wrapper .pools-header-wrapper .pools-btn-grp button svg path {
    fill: #fff;
}

.pools-main-wrapper .pools-header-wrapper .pools-btn-grp button:hover svg path {
    fill: #FFC40C;
}

.pools-main-wrapper .pools-header-wrapper .dash-menus h3 {
    font-size: 14px;
    margin: 15px;
}

.pools-main-wrapper .pools-header-wrapper .home_page .trade-page ul.nav-tabs li.nav-item button {
    letter-spacing: 0.2em;
    font-size: 14px;
    font-weight: 500;
}

.activity .form-group label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

.activity .form-group .custom-select {
    background-image: url("../images/arrow.svg");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center right 20px;
    min-height: 35px;
    border: 1px solid #e3e6f0;
    border-radius: 24px;
    background-color: #211423;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}

.activity .form-group .custom-select option {
    background-color: #211423;
    border: transparent;
    min-height: 200px;
}

.activity .form-group .custom-select:focus {
    box-shadow: none;
}

.activity .form-group .form-control {
    background-color: #211423;
    min-height: 35px;
    border: 1px solid #e3e6f0;
    border-radius: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.activity .form-group .form-control:focus {
    box-shadow: 0 0 0 0.1rem deepskyblue;
}

.activity .form-group .form-control::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #6A6C9C;
}

.activity .form-group .form-control:-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #6A6C9C;
}

.activity .form-group .form-control::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #6A6C9C;
}

.activity h6 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

.activity .sec-btn {
    min-width: 111px;
    min-height: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #10135C;
    border-radius: 120px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
}

.activity .sec-btn:hover {
    background: linear-gradient(90deg, #00C6FF 0%, #0072FF 100%);
}

.pools-body-wrapper {
    margin-top: 25px;
}

.pools-body-wrapper .fav-img {
    justify-content: flex-start;
    margin: 10px 0;
}

.pools-body-wrapper .fav-img .thumb-p {
    position: absolute;
    top: 30%;
    z-index: 0;
}

.pools-body-wrapper .fav-img .thumb {
    position: relative;
    margin-left: 15px;
    z-index: 1;
}

.pools-body-wrapper .fav-img p {
    font-size: 12px;
    color: #fff;
    margin-bottom: 0;
}

.pools-body-wrapper .core-box {
    border: 1px solid #e3e6f0;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 12px;
    color: #fff;
}

.pools-body-wrapper .core-box svg path {
    fill: #FFC40C;
}

.pools-body-wrapper .earned-txt .sc-554acf73-1 {
    font-size: 12px;
    color: #D31383;
}

.pools-body-wrapper .earned-txt .evDveC {
    font-size: 12px;
    color: #fff;
}

.bg-c {
    background-color: #211423;
    padding: 15px;
    border-radius: 8px;
}

.faq-block .accordion {
    border: 1px solid rgba(227, 230, 240, 0.2509803922);
    border-radius: 8px;
    margin-bottom: 15px;
}

.b-card {
    margin-top: 15px;
    flex-wrap: wrap;
}

.b-card .f-gr {
    flex-grow: 1;
}

.b-card .ex-link a {
    display: block;
    font-size: 12px;
    color: #fff;
    margin: 15px;
}

.b-card .ex-link a:hover {
    color: #F8991D;
}

.b-card .ex-link a:hover svg path {
    fill: #F8991D;
}

.b-card .ex-link a svg path {
    fill: #fff;
}

.b-card .h-box {
    border: 2px solid rgba(239, 235, 245, 0.5);
    min-height: 160px;
    width: 100%;
    border-radius: 8px;
    padding: 25px 10px;
    margin: 15px auto;
    max-width: 525px;
}

.b-card .h-box.max-w {
    max-width: 100%;
}

.b-card .h-box h4 {
    color: #D31383;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.b-card .h-box .details h5 {
    font-size: 14px;
    color: #fff;
}

.b-card .h-box .details p {
    font-size: 10px;
}

.ta-list .nav-tabs .nav-item .nav-link svg path {
    fill: #fff;
}

.ta-list .nav-tabs .nav-item .nav-link.active svg path {
    fill: #FFC40C;
}

.ta-list .nav-tabs .nav-item .nav-link:hover svg path {
    fill: #FFC40C;
}

.faq-block .accordion {
    border: 1px solid rgba(227, 230, 240, 0.2509803922);
    border-radius: 8px;
    margin-bottom: 15px;
}

.grid-left .main-stake-wrapper {
    width: 100%;
}

.grid-left .main-stake-wrapper .grid-left {
    width: 100%;
}

.grid-left .main-stake-wrapper .grid-left .stake-footer-wrapper .faq-block .accordion {
    border-top: 1px solid rgba(227, 230, 240, 0.2509803922);
    border-bottom: 0;
    border-radius: 0px;
    margin-bottom: 15px;
}
.igo-page  .faq-block .card{
    background-color: transparent;
}


/*checkbox*/
.chec-mar_total{
    position: relative;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
.chec-mar_total input {
  position: relative;
  opacity: 0;
  cursor: pointer;
  height: 25px !important;
  width: 25px !important;
  border-radius: 5px;
  display: block;
}

/* Create a custom checkbox */
.chec-mar_total  .checkmark_1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.chec-mar_total:hover input ~ .checkmark_1 {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chec-mar_total input:checked ~ .checkmark_1 {
  background-color: #EE4097;
}

/* Create the checkmark_1/indicator (hidden when not checked) */
.chec-mar_total  .checkmark_1:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark_1 when checked */
.chec-mar_total input:checked ~ .checkmark_1:after {
  display: block;
}

/* Style the checkmark_1/indicator */
.chec-mar_total .checkmark_1:after {
  left: 9px;
  top: 5px;
top: 5px;
width: 7px;
height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.token-block .form-control{
      background: #332634 !important;
  border-radius: 5px;
  border: 1px solid transparent;
  
  width: 100%;
  font-size: 12px;
  letter-spacing: 2px;
  height: 46px;
  color: #fff;


}
.token-block .form-control {
    background: red;
}
.new_img_style{
    width: 41px;
    height: 41px;
}
/*.second_token img{
       width: 41px;
    height: 41px;

}*/
.range-tags{
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
}

.range-tags  button{
font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #EE4097;
  border: 1px solid #624864;
  border-radius: 50px;
  background-color: transparent;
  padding: 5px 15px;

}
.range-tags  button:hover{
      background-color: #EE4097;
  color: #fff;
}

.btn_bg_pink {
      background-color: #EE4097;
    border: 1px solid transparent;
    font-weight: 700;
    color: #fff;
    padding: 8px 19px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    font-size: 17.5px;
    transition: 0.5s all;
}

.btn_bg_pink:hover{
      background-color: transparent;
    border: 1px solid #8f99a2;
   
}