/* ----------------- shop change modal ----------------- */
.modal-backdrop {
    opacity: 0.9 !important;
    z-index: 1050!important;
}
.modal {
    z-index: 1051 !important;
}
#paybackRewards .close:not(:disabled):not(.disabled) {
    margin-left: auto;
}
.close:not(:disabled):not(.disabled) {
    z-index: 2;
    position: relative;
}
#custom-modal {
    padding-left: 15px;
    padding-right: 15px;
}

#custom-modal .modal-dialog{
    max-width: 794px;
}
#custom-modal .modal-content{
    background-color: #181c1f;
    border: unset;
}
#custom-modal .modal-content .modal-header, #custom-modal .modal-content .modal-body, #custom-modal .modal-content .modal-footer, #custom-modal .modal-content .modal-header .modal-content {
    background-color: #181c1f;
    color: #fff;
}
#custom-modal .modal-content .modal-header{
    display: block;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border-bottom: unset;
    padding-bottom: 33px;
}
#custom-modal .modal-content .modal-footer{
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
    border-top: unset;
}
#custom-modal .modal-content .modal-header img{
    height: auto;
    width: 80px;
    margin: 65px auto 56px auto;
}
#custom-modal .modal-content .modal-header h5{
    font-family: 'ProximaNovaSbold', sans-serif;
    font-size: 26px;
    font-weight: 200;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}
#custom-modal .modal-dialog{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(to bottom, #e8cfa0, #000000);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #000000, #000000), linear-gradient(to bottom, #e8cfa0, #000000);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 100%;
    margin: 0 auto;
}
#custom-modal .modal-content .modal-body img{
    width: 70px;
    height: auto;
    margin-right: 24px;
}
#custom-modal .modal-body div.d-flex {
    font-family: 'ProximaNovaSbold', sans-serif;
    font-size: 23px;
    font-weight: 200;
    line-height: normal;
    color: #ffffff;
    margin-bottom: 9px;
    margin-top: 7px;
    letter-spacing: 1px;
}
#custom-modal .modal-body div.d-flex {
    font-size: 18px;
    font-weight: 200;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}
#custom-modal .modal-footer .disclaimer{
    max-width: 670px;
    font-family: 'ProximaNovaSbold', sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0 auto;
    padding-top: 24px;
}

#custom-modal .text-gold {
    color: #e8cfa0;
}

#custom-modal .notice-text.text-center {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

#custom-modal p.desc {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

#custom-modal .text-primary {
    color: #e9cfa1 !important;
}

#custom-modal .modal-footer {
    display: block;
}

#custom-modal .modal-content .modal-footer button {
    border-radius: 5px;
    background-image: linear-gradient(102deg, #887046, #b29460);
    display: block;
    margin: 0 auto;
    width: 316px;
    height: 60px;
    transition: all ease 0.5s;
    border: none;
    font-family: 'ProximaNovaSbold', sans-serif;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    outline: unset;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    color: #fff;
}

#custom-modal .modal-content .modal-footer button:last-of-type {
    margin-bottom: 40px;
}

#custom-modal .modal-content .modal-footer button:focus {
    outline: unset;
}

input {
    caret-color: #fff;
}

#custom-modal .modal-body {
    padding: 1.5rem 1.5rem 0 1.5rem;
}

.light-theme #custom-modal .modal-dialog.modal-confirm {
    border-image-source: none;
}

.light-theme #custom-modal .modal-dialog .modal-content {
    border: unset !important;
}

.light-theme #custom-modal p.desc {
    color: #000;
}

.light-theme #custom-modal .modal-content .modal-body,
.light-theme #custom-modal .modal-content .modal-footer {
    background-color: #fff;
}

.light-theme #custom-modal .modal-dialog {
    border-width: 1px;
    border-image-source: unset;
    border-image-slice: unset;
    background-image: unset;
    background-origin: unset;
    background-clip: unset;
    overflow: hidden;
}

/* ----------------- shop change modal end ----------------- */
/*------------------- conversionModal start------------------*/
#conversionModal .modal-img img {
    width: 100px;
    height: 100px;
}

#conversionModal.modal.show .modal-dialog .modal-content {
    max-width: 654px;
    border-radius: 5px;
    border: solid 1px #333765;
    background-color: #0c0f2a;
    margin-left: auto;
    margin-right: auto;
}
#conversionModal .modal-body{
    text-align: center;
    padding: 24px 24px 50px;
}
#conversionModal .account-status{
    font-size: 28px;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 0;
}
#conversionModal .account-tax {
    font-size: 20px;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    max-width: 480px;
    margin: 24px auto 33px;
}
#conversionModal .btn-upgrade{
    width: 320px;
    height: 58px;
    border-radius: 5px;
    background-image: linear-gradient(95deg, #887046, #b29460);
    padding: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    margin: 0 auto 18px;
}
#conversionModal .btn-upgrade:first-of-type{
    background-color: #28a745;
    background-image: unset;
    border: unset;
}
#conversionModal .payment-note{
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    max-width: 300px;
    margin: 0 auto 5px;
}
#conversionModal .modal-img.text-center {
    margin-top: 25px;
    margin-bottom: 42px;
}
#affiliateModal .modal-dialog{
    max-width: 588px;
    width: 100%;
}
#affiliateModal .modal-content{
    max-width: 654px;
    border-radius: 5px;
    border: solid 1px #33373a;
    background-color: #121416;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#affiliateModal .modal-body {
    padding: 24px 80px ;
}
#affiliateModal h2{
    font-family: Montserrat-Sbold, sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 0.4em;
}
#affiliateModal p.desc{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 3.3em;
}
#affiliateModal button.continue-btn{
    border-radius: 5px;
    background-image: linear-gradient(98deg, #e9cfa1, #b39a6d);
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    max-width: 310px;
    width: 100%;
    margin: 0 auto 7em auto;
}
#affiliateModal img{
    margin-top: 1.6em;
    margin-bottom: 2.1em;
}
#xltMilestones .modal-dialog{
    max-width: 1367px;
    width: 100%;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(128deg, #ddc190, #b39a6d 100%);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #000000, #090909), linear-gradient(128deg, #ddc190, #b39a6d 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 0;
}
#referralLinkModal .modal-dialog {
    max-width: 800px;
    width: 100%;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(128deg, #ddc190, #b39a6d 100%);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #000000, #090909), linear-gradient(128deg, #ddc190, #b39a6d 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 0;
}
#xltMilestones .modal-dialog .modal-content, #referralLinkModal .modal-dialog .modal-content{
    background-image: linear-gradient(to bottom, #000000, #090909), linear-gradient(128deg, #ddc190, #b39a6d 100%);
}
#xltMilestones .modal-body, #referralLinkModal .modal-body{
    padding: 1.5rem 0;
}
#xltMilestones .account-status{
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
    margin-left: 20px;
}
#xltMilestones hr{
    background-image: linear-gradient(to right, #e9cfa1, #b39a6d);
    margin: 0;
    height: 1px;
    border: none;
}
.milestones-header img{
    max-width: 50px;
    margin-left: 29px;
}
#xltMilestones thead th{
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-transform: capitalize;
    border-top: none;
    border-bottom: 1px solid #535353;
}
#xltMilestones tbody td{
    font-size: 17px;
    font-weight: 500;
    letter-spacing: normal;
    color: #ffffff;
    border: none;
}
#xltMilestones .table thead th{
    padding-bottom: 12px;
    padding-left: 25px;
    vertical-align: inherit;
}
#xltMilestones .table thead th.text-gold{
    color: #e9d0a0;
}
#xltMilestones table tbody tr:nth-child(odd){
    background-image: linear-gradient(to right, #181818, #000000 100%);
}
#xltMilestones table{
    border-spacing: 15px;
}
#xltMilestones .table tr td{
    padding-left: 25px;
}
#xltMilestones .with-border{
    border-top: 1px solid #535353;
    border-bottom: 1px solid #535353;
}
#xltMilestones .btn.btn-gold{
    margin: 58px auto 30px;
}
.trade-note{
    color: #e1c79a;
    margin-bottom: 0;
    line-height: 1.5;
}
.milestones-header{
    display: flex;
    align-items: center;
}
th .text-green{
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-transform: capitalize;
    border-top: none;
}
.lydian-incentive{
    font-size: 20px;
    font-weight: 600;
    line-height: 2.5;
    letter-spacing: normal;
    color: #e1c79a;
    margin-bottom: 0;
}
.lydian-note {
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 3px;
    max-width: 305px;
}
.lydian-row-container img{
    max-width: 59px;
    margin-right: 18px;
}
#xltMilestones .table tr.with-border td{
    vertical-align: inherit;
}
.lydian-row-container{
    display: flex;
    align-items: center;
}
.xlt-milestone-note p{
    font-size: 17px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    padding: 15px 25px 15px 15px;
}
.view-more-milestones{
    width: 133px;
    height: 40px;
    border-radius: 20px 0 0 0;
    background-image: linear-gradient(107deg, #e9cfa1, #b39a6d);
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.voucher-banner-padding{
    position: relative;
}
.view-more-milestones p{
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: 0;
}
.voucher-banner.xlt-details {
    border-radius: 8px;
}
.xlt-milestone-note img{
    margin-left: 29px;
}
.xlt-milestone-note{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #535353;
}
.explore-pack-link{
    cursor: pointer;
}
#happyLaunchModal .modal-dialog{
    max-width: 966px;
    width: 100%;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(124deg, #ddc190, #b39a6d);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #000000, #090909), linear-gradient(124deg, #ddc190, #b39a6d);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
#happyLaunchModal .modal-content{
    background-color: #000;
    background-image: url("../img/dashboard/happy-modal.png");
    background-repeat: no-repeat;
    border-radius: 10px;
    background-position: top right;
    background-size: contain;

}
.actions-btn-happy{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#happyLaunchModal .modal-body{
    padding-bottom: 0;
    padding-left: 48px;
}
.happy-title{
    font-size: 45px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}
.diff-happy .happy-subtitle{
    font-family: Montserrat-regular, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 6px;
}
.diff-happy .happy-descr{
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #e1c79a;
    margin-bottom: 50px;
}
.happy-subtitle{
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 5px;
}
.happy-container{
    margin-bottom: 30px;
}
.happy-descr{
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #e1c79a;
    margin-bottom: 0;
}
.table-packages .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(46, 49, 52, .2);
}
.table-packages thead tr th:last-of-type{
    background-color: rgba(46, 49, 52, .3);
}
.table-packages thead tr th{
    width: auto!important;
}
.table-packages tbody tr:last-of-type{
    background-color: rgba(46, 49, 52, .3);
}
.left-shadow, .right-shadow{
    position: absolute;
    width: 154px;
    bottom: 16px;
}
.left-shadow{
    left: 13px;
}
.right-shadow{
    right: 13px;
}
/*------------------- conversionModal end-------------------*/
/*------------------- nft market vouchers modal start-------*/
#nftMarketVouchers .modal-content{
    border: solid 1px #333765;
    background-color: #0c0f2a;
}
#nftMarketVouchers .close > span:not(.sr-only){
    color: #878787
}
#nftMarketVouchers .modal-dialog{
    max-width: 1060px;
}
#nftMarketVouchers .modal-body{
    padding: 24px 32px 40px;
}
#nftMarketVouchers .row .col-xl-2{
    padding-left: 5px;
    padding-right: 5px;
}
#nftMarketVouchers .nft-modal-title{
    font-size: 33px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
}
#nftMarketVouchers .nft-modal-short-description{
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
}
#nftMarketVouchers .options-description{
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 0;
}
#nftMarketVouchers .nft-modal-descr{
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}
#nftMarketVouchers .nft-modal-descr img{
    max-width: 30px;
    margin-right: 8px;
}
#nftMarketVouchers .card-image-decoration{
    max-width: 100%;
}
#nftMarketVouchers .card{
    border: none;
    background-color: #1a1d42;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px 0 0;
}
#nftMarketVouchers .card-content{
    padding: 0 10px 15px;
    text-align: center;
}
#nftMarketVouchers .card-top-decoration {
    text-align: center;
    margin-bottom: 15px;
}
#nftMarketVouchers .card-logo{
    max-width: 40px;
}
#nftMarketVouchers .voucher-price{
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: center;
    color: #fff;
    padding: 7px 0;
    margin-bottom: 0;
}
#nftMarketVouchers .note{
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #7b7fb8;
    margin-bottom: 0;
    padding-bottom: 7px;
}
#nftMarketVouchers .sponsor-note{
    padding-top: 14px;
}
#nftMarketVouchers .receive-details{
    font-size: 9px;
    font-weight: 500;
    line-height: 2.13;
    letter-spacing: 0.2px;
    color: #fff;
    margin-left: 0;
}
#nftMarketVouchers .text-green{
    color: #6bfa4d;
}
#nftMarketVouchers .lydian-bonus-container{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
#nftMarketVouchers .lydian-bonus-container p{
    font-size: 25px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}
#nftMarketVouchers .lydian-bonus-container img {
    max-width: 30px;
    margin-right: 9px;
}
#nftMarketVouchers .lydian-bonus-notes{
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 6px;
}
/*------------------- nft market vouchers modal end-------*/
/*certificates incentive*/
#certificatesIncentiveModal .modal-dialog{
    max-width: 800px;
}
#certificatesIncentiveModal .modal-content{
    background-image: linear-gradient(180deg, #131313 0%, #080808 100%);
    border: 1px solid #e9cfa1;
    border-radius: 5px;
}
#certificatesIncentiveModal .modal-body{
    padding: 24px 40px;
}
#certificatesIncentiveModal .close > span:not(.sr-only) {
    color: #e9cfa1;
    border: 1px solid #e9cfa1;
}
#certificatesIncentiveModal .promotion-title{
    font-size: 38px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #e9cfa1;
    margin-bottom: 5px;
}
#certificatesIncentiveModal .promotion-subtitle{
    font-size: 26px;
    font-weight: 800;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}
#certificatesIncentiveModal .promotion-date{
    font-family: Montserrat-medium, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: normal;
    color: #03c38b;
    margin-bottom: 5px;
}
#certificatesIncentiveModal .bonus-title{
    font-size: 20px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: normal;
    color: #fff;
    text-align: left;
    margin-bottom: 0;
    margin-top: 20px;
}
#certificatesIncentiveModal .bonus-description{
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    max-width: 100%;
    margin-bottom: 5px;
}
#certificatesIncentiveModal .bonus-note{
    font-family: Montserrat-regular, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: normal;
    color: #eace9f;
    text-align: left;
}
#valoremAccountModal .modal-body{
    padding-bottom: 0;
}
#valoremAccountModal .modal-dialog{
    max-width: 663px;
    width: 100%;
    border-radius: 5px;
    text-align: center;
}
#valoremAccountModal .modal-content{
    border: solid 1px #1c357b;
    background-color: #020d2d;
    background-image: url('../img/valorem/bg/valorem-modal-bg.html');
    background-repeat: no-repeat;
    background-position: 50% -173px;
}
#valoremAccountModal .valorem-title{
    font-size: 34px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 0.6em;
    margin-top: 1.35em;
}
#valoremAccountModal .valorem-subtitle{
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 1.85em;
}
#valoremAccountModal .valorem-desc{
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 2.5em;
}
#valoremAccountModal .action-btn{
    max-width: 257px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #e9cfa1;
    background-color: transparent;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    display: block;
    padding: 1em 1em;
    margin: 0 auto 20px auto;
    cursor: pointer;
    transition: ease all .5s;
}

#valoremAccountModal .action-btn:hover {
    background-color: #b39a6d;
}

#valoremAccountModal .half-cards {
    max-width: 600px;
    width: 100%;
}

#metaportfolioPerformanceModal .modal-dialog {
    max-width: 960px;
    width: 100%;
}

#metaportfolioPerformanceModal .modal-content {
    background-image: url("../img/one-mil/hexa.svg");
    background-color: #000;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

#metaportfolioPerformanceModal .flex-title {
    display: flex;
    align-items: center;
    margin-bottom: 1.3em;
}

#metaportfolioPerformanceModal .flex-title p {
    font-size: 29px;
    font-weight: 600;
    letter-spacing: normal;
    margin-bottom: 0;
    line-height: 1.2;
}

#metaportfolioPerformanceModal .flex-title img {
    margin-right: 1em;
}

#metaportfolioPerformanceModal .table-cnt {
    display: flex;
    align-items: stretch;
    border: solid 1px #06aae6;
    background-image: linear-gradient(to bottom, rgba(6, 41, 50, 0.68), #031619);
    border-radius: 5px;
}

#metaportfolioPerformanceModal .table-cnt img {
    width: 43%;
    border-right: solid 1px #06aae6;
}

#metaportfolioPerformanceModal .table-cnt:not(:last-of-type) {
    margin-bottom: 1em;
}

#metaportfolioPerformanceModal .data-container {
    width: 57%;
    display: flex;
    align-items: center;
    padding: 0 24px
}

#metaportfolioPerformanceModal .data-container .data-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#metaportfolioPerformanceModal .data-container .data-row > span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

#metaportfolioPerformanceModal .data-container .data-row:nth-child(even) {
    background-image: linear-gradient(to bottom, #051a1f, #0c2b32);
}


#metaportfolioPerformanceModal .data-row .data {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
}

#metaportfolioPerformanceModal .data-row.big-section {
    width: 37%;
}

#metaportfolioPerformanceModal .data-row {
    width: 21%;
    height: 100%;
    position: relative;
}

#metaportfolioPerformanceModal .data-row.big-section .data {
    text-align: left;
}

#metaportfolioPerformanceModal .gods-cnt .limit {
    bottom: 0;
    height: 135%;
}

#metaportfolioPerformanceModal .limit {
    position: absolute;
    width: 2px;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(6, 170, 230, 0), #06aae6 47%, rgba(6, 170, 230, 0));
    right: 0;
}

#metaportfolioPerformanceModal .bot-limit {
    position: absolute;
    height: 0.6px;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(6, 170, 230, 0), #06aae6 47%, rgba(6, 170, 230, 0));
    bottom: 0;
}

#metaportfolioPerformanceModal .top-header {
    position: absolute;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -80px;
}

#metaportfolioPerformanceModal .top-header.low {
    background-image: linear-gradient(to bottom, #f00, rgba(255, 34, 0, 0));
}

#metaportfolioPerformanceModal .top-header.medium {
    background-image: linear-gradient(to bottom, #ff8000, rgba(255, 75, 8, 0));
}

#metaportfolioPerformanceModal .top-header.high {
    background-image: linear-gradient(to bottom, #0dcd27, rgba(8, 141, 29, 0));
}

#metaportfolioPerformanceModal .top-header p {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.fullTeamModal .modal-dialog {
    max-width: 1057px;
    width: 100%;
}

.fullTeamModal .modal-dialog .modal-content {
    background-image: url("../img/full-team/circuits.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.fullTeamModal img.logo {
    width: 74px;
    margin: 0 auto;
    display: block;
}

.fullTeamModal p.title {
    font-size: 34px;
    font-weight: 500;
    text-align: center;
    margin-top: 0.1em;
    margin-bottom: 0;
}

.fullTeamModal p.desc {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
    text-align: center;
    max-width: 634px;
    margin: 0 auto;
}

.fullTeamModal p.desc.short {
    margin-bottom: 0.2em;
}

.fullTeamModal .date-banner {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    border: 1px dashed #e9cfa1;
    border-radius: 5px;
    background-image: linear-gradient(to right, #887046, #b29460);
    padding: 0.473em 1em;
    width: fit-content;
    margin: 13px auto 15px auto;
}

.fullTeamModal .zoom-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: dashed 1px #2d8cff;
    background-color: rgba(0, 0, 0, 0.4);
    width: fit-content;
    margin: 0 auto;
    padding: 1em 2.77em;
    margin-bottom: 37px;
}

.fullTeamModal .zoom-banner img {
    width: 40px;
    height: 40px;
    margin-right: 19px;
}

.fullTeamModal .zoom-banner .zoom-title {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: normal;
    color: #2d8cff;
    margin-bottom: 0.1em;
}

.fullTeamModal .zoom-banner .meeting-details span {
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
}

.fullTeamModal .team-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}

.fullTeamModal .team-container .member-card {
    background: linear-gradient(#12153b, #173242) padding-box,
    linear-gradient(to bottom, #e9cfa1, #b39a6d) border-box;
    border: 1px solid transparent;
    padding: 1.9em 1em 1em;
    border-radius: 5px;
    text-align: center;
    flex-basis: 200px;
}

.fullTeamModal .team-container .member-card img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
}

.fullTeamModal .team-container .member-card p.name {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.43px;
    text-align: center;
    margin-bottom: 0.2em;
    margin-top: 1em;
    line-height: 1;
}

.fullTeamModal .team-container .member-card p.title {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.32px;
    text-align: center;
    color: #c5d4de;
    margin-bottom: 0;
}

.fullTeamModal .modal-footer button {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background-color: transparent;
    border: 1px solid #b39a6d;
    border-radius: 5px;
    padding: 1em 7.11em;
    display: block;
    margin: 0 auto;
}

.weeklyWebinarModal .modal-dialog {
    max-width: 1072px;
    width: 100%;
}

.weeklyWebinarModal .modal-content {
    border: solid 1px #33373a;
    background-image: url("../img/bghex.png"), linear-gradient(to bottom, #121416, #010101);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
}

.weeklyWebinarModal h2 {
    background-image: linear-gradient(267deg, #d0ad6a 119%, #b18a4b 45%, #d0ad6a 29%, #dabb7f 13%, #e9d09f -17%, #f4e0b6 -47%, #fae9c4 -72%, #fdedc9 -111%);
    font-size: 50px;
    font-weight: 800;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1.3em;
}

.weeklyWebinarModal .modal-sections {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-bottom: 2.8em;
}

.weeklyWebinarModal .modal-sections .section {
    flex: 1;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, #d1ae6b, rgba(10, 11, 12, 0));
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #0a0b0c, #0a0b0c), linear-gradient(to bottom, #d1ae6b, rgba(10, 11, 12, 0));
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.weeklyWebinarModal .section .section-title {
    background-image: linear-gradient(267deg, #d0ad6a 119%, #b18a4b 45%, #d0ad6a 29%, #dabb7f 13%, #e9d09f -17%, #f4e0b6 -47%, #fae9c4 -72%, #fdedc9 -111%);
    font-size: 30px;
    font-weight: bold;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
}

.weeklyWebinarModal .section .section-desc {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 1.6em;
}

.weeklyWebinarModal .section.community-section .section-desc {
    margin-bottom: 1.4em;
}

.weeklyWebinarModal .section .info-card {
    display: flex;
    align-items: center;
    gap: 21px;
    border-radius: 8px;
    border: solid 1px #33373a;
    background-color: #141719;
    padding: 0.8em 1.1em;
}

.weeklyWebinarModal .section .info-card img {
    width: 68px;
    height: 68px;
}

.weeklyWebinarModal .section .info-card img.avatar {
    border-radius: 50%;
    padding: 4px;
    border: 1px solid #b39a6d;
}

.weeklyWebinarModal .section .info-card .card-title {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 0;
}

.weeklyWebinarModal .section .info-card .zoom-link {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: normal;
    color: #67b9ff;
    margin-bottom: 0;
}

.weeklyWebinarModal .cards-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.weeklyWebinarModal .section .inner-section {
    padding: 2.1em 2.9em 2.9em;
}

.weeklyWebinarModal .section.community-section .info-card:not(:first-of-type) {
    padding: 2.55em 1.1em;
}

.weeklyWebinarModal .section.community-section .inner-section {
    padding-top: 1em;
}

.weeklyWebinarModal .btn-secondary {
    border-radius: 5px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 1.1em 7.14em;
    background-color: transparent;
    border: 1px solid #b39a6d;
    display: block;
    margin: 0 auto;
}

.weeklyWebinarModal .modal-body {
    padding: 5.1em 2.2em 2.5em;
}

.boost-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: unset;
    gap: 12px;
    border-bottom: 1px solid #474f56;
}

.boost-modal .modal-header .rocket {
    width: 29px;
}

.boost-modal .modal-dialog {
    max-width: 579px;
    width: 100%;
}

.boost-modal .modal-header h5 {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}

.boost-modal.modal .close:not(:disabled):not(.disabled) {
    border: unset;
    top: 47px;
    right: 40px;
}

.boost-modal.modal .close:not(:disabled):not(.disabled) img {
    width: 24px;
    height: auto;
    max-width: unset;
}

.boost-modal .save-btn {
    display: block;
    border-radius: 5px;
    background-image: linear-gradient(272deg, #b58947, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab);
    line-height: normal;
    width: 100%;
    border: unset;
    padding: 1.07em 1em;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.eve-weekend.boost-modal .save-btn{
    padding: .65em 1em;
}

.eve-weekend.boost-modal.boost-success.modal .btn.btn-secondary{
    background-color: #252c30;
}

.eve-weekend .right-rockets{
    position: absolute;
    right: -187px;
    top: 52px;
}

.eve-weekend .left-rockets{
    position: absolute;
    left: -187px;
    top: 52px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.eve-weekend .right-lightning{
    max-width: 173px;
    position: absolute;
    right: -174px;
    top: 238px;
}

.eve-weekend .left-lightning{
    max-width: 173px;
    position: absolute;
    left: -174px;
    top: 238px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.boost-modal .select2 {
    margin-bottom: 10px;
}

.boost-modal.boost-success .modal-dialog {
    max-width: 634px;
    border: 1px solid #b39a6d;
    border-radius: 8px;
    background-image: url("../img/success-certificates/boost-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.eve-weekend.boost-modal.boost-success .modal-dialog{
    max-width: 884px;
}

.boost-modal.boost-success .modal-content{
    border-radius: 8px;
    background: unset;
    border: unset;
}

.boost-modal.boost-success .modal-header h5 {
    background-image: linear-gradient(262deg, #d0ad6a, #b18a4b, #d0ad6a, #dabb7f, #e9d09f, #f4e0b6, #fae9c4, #fdedc9);
    font-size: 40px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

.eve-weekend.boost-modal.boost-success .modal-header h5 {
    font-size: 50px;
}

.boost-modal .payback-title{
    background-image: linear-gradient(275deg, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f);
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 .6em;
}

.boost-modal p.notice{
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffca58;
    margin-bottom: 0.4em;
    padding: 0 1em;
}

.boost-modal.boost-success .modal-header p.desc {
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 0;
    text-align: center;
}


.boost-modal .gold-notice,
.boost-modal.boost-bonus .modal-body{
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(278deg, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f);
    border-image-slice: 1;
    background-color: #0d0d0d;
    border-right: unset;
    border-left: unset;
    width: 100%;
}

.boost-modal.boost-bonus h3{
    background-image: linear-gradient(278deg, #b58947 , #361f00 , #a3732f , #ffeaa5 , #cea253 , #82561d , #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f);
    font-size: 29px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 405px;
    width: 100%;
    margin: 0 auto 0.3em auto;
    text-transform: uppercase;
}

.boost-modal .gold-notice span{
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.37px;
    text-align: center;
    color: #ffca58;
    display: block;
    margin: 0.7em 4em 0.7em;
}

.boost-modal.boost-bonus .modal-header p.desc {
    margin-bottom: 0.7em;
}

.boost-modal.boost-bonus .period-cnt{
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.boost-modal.boost-bonus .period-cnt .notice{
    text-align: center;
}

.boost-modal.boost-bonus .gradient-notice{
    background-image: linear-gradient(280deg, #b58947 , #361f00 , #a3732f , #ffeaa5 , #cea253 , #82561d , #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f);
    font-size: 25px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0.5em 1em;
}

.boost-modal.boost-bonus .gold-notice span{
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.boost-modal.boost-bonus .period-bonus{
    display: flex;
    align-items: center;
    gap: 12px;
}

.boost-modal.boost-bonus .period-bonus .period-title{
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 0;
}

.boost-modal.boost-bonus .period-bonus .period-title span{
    display: block;
}

.boost-modal.boost-success .load-details {
    flex: 1;
}

.boost-modal .boost-details img{
    flex-basis: 20px;
}

.boost-modal .boost-details .before-boost,
.boost-modal .boost-details .after-boost{
    flex: 1;
    border-radius: 8px;
    background-color: #1f1f1f;
}

.boost-modal .boost-details .before-boost{
    border: 1px dashed #b39a6d;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px 12px 8px;
}

.boost-modal .boost-details .after-boost{
    background: linear-gradient(#1f1f1f, #1f1f1f) padding-box,
    linear-gradient(to right, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f) border-box;
    border: 2px solid transparent;
    padding: 5px 12px 8px;
}

.boost-modal .boost-details .before-boost .before-title{
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 0.2em;
}

.boost-modal .boost-details .after-boost .after-title{
    background-image: linear-gradient(283deg, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f);
    font-family: Inter;
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
}

.boost-modal .boost-details .before-boost .before-desc,
.boost-modal .boost-details .after-boost .after-desc{
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 0;
}

.boost-modal.boost-success .modal-body {
}

.boost-modal.boost-success .load-details:first-of-type {
    border-right: 1px solid #b39a6d;
}

.boost-modal.boost-success .load-details {
    padding: 1.8em;
}

.boost-modal.boost-success .detail {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 0;
    display: block;
    text-align: center;
}

.boost-modal.boost-success .detail .text-green {
    color: #1af33a !important;
}

.boost-modal.boost-success .detail.total {
    margin-top: 1.5em;
}

.boost-modal.boost-success .modal-header {
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: unset;
    flex-direction: column;
}

.boost-modal.boost-success .modal-header .rocket {
    width: 100%;
    margin: -12px auto 0 auto;
}

.eve-weekend .vault-year{
    width: 100%;
    margin: 0 auto -114px auto
}

.eve-weekend table{
    background-color: #000;
    border: 2px dashed #cea253;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.38;
    letter-spacing: normal;
}

.eve-weekend table th{
    color: #e9ca80;
}
.eve-weekend table thead th,
.eve-weekend table tbody td,
.eve-weekend table tbody th{
    border: 1px solid #5f5f5f;
    padding: 0 1em;
}

.eve-weekend .table th, .table td{
    border-top-color: #5f5f5f;
}


.lydianMetals-modal .eve-weekend .gradient-text.bold,.eve-weekend .gradient-text,
.giveaway-modal .eve-weekend .gradient-text.bold,
.lydianMetals-modal .eve-weekend .gradient-text.bold{
    background-image: linear-gradient(280deg, #b58947, #361f00, #a3732f, #ffeaa5, #cea253, #d3b879 , #f2de9d , #ffedab , #ead290 , #b88e4b , #a3732f );
    font-size: 25px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 1em;
}

.boost-modal.boost-success .modal-footer {
    flex-direction: column;
    gap: 10px;
}

.boost-modal.boost-success.modal .btn.btn-secondary {
    display: block;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    width: 100%;
    border: unset;
    padding: 1.07em 1em;
    cursor: pointer;
}

.boost-modal .certificate-id {
    text-align: center;
}

.boost-modal.boost-success .current-val-cnt {
    border-radius: 8px;
    border: solid 1px #585858;
    background-color: #222;
}

.boost-modal.boost-success .current-val-cnt.gradient-border {
    border-radius: 8px;
    border-style: solid;
    border-width: 3px;
    border-image-source: linear-gradient(303deg, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #222, #222), linear-gradient(303deg, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.boost-modal.boost-success .current-val-cnt:first-of-type {
    margin-bottom: 1.65em;
}

.boost-modal.boost-success .current-val-cnt .gradient-val-cnt {
    display: flex;
    align-items: stretch;
    gap: 10px;
    padding: 1em 1em 3em;
}

.boost-modal.boost-success .current-val-cnt.gradient-border .gradient-val-cnt {
    padding: 4.8em 1em 3em;
    position: relative;
}

.boost-modal.boost-success .current-val-cnt.gradient-border .after-boost-cnt {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    top: -3px;
    border-radius: 0 0 10px 10px;
    background-image: linear-gradient(284deg, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #b88e4b, #a3732f);
    width: fit-content;
    padding: 1em 1em;
    -webkit-transform: perspective(200px) rotateX(-35deg);
}

.boost-modal.boost-success .current-val-cnt.gradient-border .after-boost-cnt p {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    -webkit-transform: perspective(99px) rotateX(13deg);
}

.boost-modal.boost-success .current-val-cnt .val-cnt {
    flex: 1;
    border-radius: 8px;
    background-color: #353535;
    padding: 1.5em 1em 1.5em;
}

.boost-modal.boost-success .current-val-cnt.gradient-border .val-cnt {
    border-radius: 8px;
    border-style: solid;
    border-width: 3px;
    border-image-source: linear-gradient(303deg, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #222, #222), linear-gradient(303deg, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 0;
}

.boost-modal.boost-success .current-val-cnt.gradient-border .val-cnt .inner-cnt {
    padding: 1.5em 1em 1.5em;
    background-color: #1a1a1a;
    border-radius: 8px;
}

.boost-modal.boost-success .expiring-cnt {
    padding: 3em 1em 1em;
}

.boost-modal.boost-success .expiry-text {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1em;
}

.boost-modal.boost-success .gray-hr {
    background-color: #585858;
    margin: 0;
}

.boost-modal.boost-success .gradient-border .gray-hr,
.boost-modal.boost-success .gradient-border .payback-cnt p {
    border-image-source: linear-gradient(285deg, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #222, #222), linear-gradient(285deg, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-width: 3px;
}

.boost-modal.boost-success .gradient-border .payback-cnt p {
    max-width: 219px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.boost-modal.boost-success .payback-cnt {
    position: relative;
}

.boost-modal.boost-success .payback-cnt p {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: fit-content;
    background-color: #222;
    padding: 0.3em 2.7em;
    border: 1px solid #585858;
}

.boost-modal.boost-success .expiry-text .text-brown {
    color: #ffca58;
}

.boost-modal.boost-success .expiry-text p {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 0;
}

.boost-modal.boost-success .current-val-cnt .val-cnt p.val {
    background-image: linear-gradient(289deg, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f);
    font-family: Inter;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0.2em;
}

.boost-modal.boost-success .current-val-cnt .val-cnt p.val-desc {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.kyc-deadline .modal-dialog{
    max-width: 905px;
    width: 100%;
}

.kyc-deadline .modal-content{
    background-image: url("../img/kyc-deadline/kyc-deadline-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-color: #df2323;
}

.kyc-deadline .deadline-img{
    margin: 2em auto 0.5em auto;
    display: block;
}
.kyc-deadline h2{
    font-size: 50px;
    color: #df2323!important;
    font-weight: 800;
    text-align: center;
    margin-bottom: 0;
}

.kyc-deadline .kyc-sub{
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    max-width: 615px;
    width: 100%;
    margin: 0 auto 1.3em auto;
}

.kyc-deadline .kyc-sub span{
    color: #fc420e;
}

.kyc-deadline .announce{
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    max-width: 505px;
    width: 100%;
    margin: 0 auto 0.8em auto;
}

.kyc-deadline .countries{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
}

.kyc-deadline .countries span{
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
}

.kyc-deadline .red-border-notice{
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    background-color: #000;
    border-radius: 5px;
    border: solid 1px #fb4110;
    padding: 0.5em 1em;
    max-width: 620px;
    width: 100%;
    margin: 2.4em auto 1.1em auto;
}

.kyc-deadline .notice{
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    display: block;
    margin-bottom: 1.5em;
}

.kyc-deadline .btns-cnt{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 2.4em;
}

.kyc-deadline .btns-cnt .btn{
    border-radius: 5px;
    border: 1px solid #b39a6d;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    max-width: 257px;
    width: 100%;
    background-color: transparent;
    padding: .9em 1em;
}

.kyc-deadline .btns-cnt .btn:hover{
    transition: ease all .5s;
    background-color: #b39a6d;
}

#communityCallModal h5{
    margin: 1.4em 0 0;
    background-image: linear-gradient(to left, #d0ad6a, #b18a4b, #d0ad6a, #dabb7f, #e9d09f , #f4e0b6 , #fae9c4 , #fdedc9 );
    font-size: 50px;
    font-weight: 800;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#communityCallModal .modal-dialog{
    max-width: 905px;
    width: 100%;
    text-align: center;
}

#communityCallModal .modal-content{
    border-color: #b39a6d;
    background-image: url("../img/special-community-call/special-community-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#communityCallModal .call-desc{
    font-size: 24px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 1em;
}

#communityCallModal .frazer-img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid #b39a6d;
    background-color: #020f22;
    padding: 10px
}

#communityCallModal .speaker{
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    margin: 0.9em 0 0;
}

#communityCallModal .guest{
    font-size: 30px;
    font-weight: 600;
    color: #d6b677;
    margin-bottom: 0.8em;
}

#communityCallModal .announce{
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    max-width: 688px;
    width: 100%;
    margin: 0 auto 1.2em auto;
}

#communityCallModal .call-desc{
    font-size: 30px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 0.55em;
}

#communityCallModal .time{
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    color: #d6b677;
    margin-bottom: 0.5em;
}

#communityCallModal .zoom-container{
    display: flex;
    align-items: center;
    justify-content: center;
}

#communityCallModal .zoom-container img{
    width: 30px;
    height: auto;
    margin-right: 11px;
}

#communityCallModal .zoom-container span{
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-right: 7px;
}

#communityCallModal .zoom-container a{
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    color: #4a8cff;
}

#communityCallModal .close-btn{
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    border: 1px solid #b39a6d;
    color: #fff;
    border-radius: 5px;
    padding: 0.9em 4.61em;
    background-color: transparent;
    margin: 0.9em 0 1.4em;
}

#noticeModal .modal-content{
    background-image: url("../img/purple-dots-bg.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    background-color: #211639;
    border: 1px solid #333765;
    padding: 2em 3em
}

#noticeModal .modal-dialog{
    max-width: 960px;
    width: 100%;
}

#noticeModal p{
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
}

#noticeModal ul li{
    list-style-type: decimal;
    font-size: 14px;
    margin-bottom: 1em;
}

#noticeModal ul{
    margin-bottom: 2em;
}

#noticeModal .btn.btn-secondary{
    border-radius: 5px;
    background-image: linear-gradient(102deg, #887046, #b29460 100%);
    border: unset;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: .5em 3em;
    margin: 0 auto;
    display: block;
    width: fit-content;
}

#noticeModal .btn.btn-secondary:hover{
    transition: ease all .5s;
    background-image: linear-gradient(102deg, #453668, #453668 100%);
}

#noticeModal .stop-img{
    margin: 0 auto 1.8em auto;
    display: block;
}

#noticeModal h2{
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 0.4em;
}

#noticeModal p.desc{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    max-width: 433px;
    width: 100%;
    margin: 0 auto 2em auto;
}

.boost-certificate .modal-body{
    padding: 0;
}

.boost-certificate .modal-dialog{
    max-width: 890px;
    width: 100%;
    margin-top: 102px
}

.boost-certificate .modal-content{
    background-color: #000;
    border-color: #cea253;
    background-image: url("../img/boost/hourglass.png"), url("../img/boost/dots-bg.png");
    background-repeat: no-repeat;
    background-size: 40%, cover;
    background-position: 100% 15%, center center;
}

.boost-certificate .boost-rocket{
    max-width: 202px;
    width: 100%;
    padding-left: 2em;
    padding-top: 2em;
    padding-bottom: 18px;
    margin-top: -102px;
}

.boost-certificate .round-md-cnt{
    background-color: rgba(13, 13, 13, .7);
    border-radius: 0 20px 20px 0;
    max-width: 618px;
    width: 100%;
    border: 1px solid #cea253;
    border-left: unset;
    padding: 24px 24px 24px 24px;
}

.boost-certificate h2{
    background-image: linear-gradient(286deg, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f , #d3b879 , #f2de9d , #ffedab , #ead290 , #b88e4b , #a3732f );
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
}

.boost-certificate p.desc{
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 0.2em;
}

.boost-certificate .gradient-desc{
    background-image: linear-gradient(272deg, #b58947, #361f00, #a3732f, #ffeaa5, #cea253, #82561d , #a07a3f , #d3b879 , #f2de9d , #ffedab , #ead290 , #b88e4b , #a3732f );
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.boost-certificate .assets{
    display: flex;
    align-items: center;
    gap: 17px;
}

.boost-certificate .assets img{
    width: 50px;
    height: 50px;
}

.boost-certificate .assets .flex-period{
    display: flex;
    align-items: center;
    gap: 12px;
}

.boost-certificate .assets span{
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    display: block;
}

.boost-certificate p.gradient-notice{
    background-image: linear-gradient(275deg, #b58947, #361f00, #a3732f, #ffeaa5, #cea253 , #82561d , #a07a3f , #d3b879 , #f2de9d , #ffedab , #ead290 , #b88e4b , #a3732f );
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 542px;
    width: 100%;
    padding: 1em 1em 1em;
}

.boost-certificate .round-lg-cnt{
    background-color: rgba(13, 13, 13, .7);
    border-radius: 0 46px 46px 0;
    max-width: 542px;
    width: 100%;
    border: 1px solid #cea253;
    border-left: unset;
    padding: 24px 24px 24px 24px;
}

.boost-certificate h3{
    background-image: linear-gradient(276deg, #b58947, #361f00, #a3732f, #ffeaa5, #cea253, #82561d, #a07a3f , #d3b879 , #f2de9d , #ffedab , #ead290 , #b88e4b , #a3732f );
    font-size: 29px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0.2em;
}

.boost-certificate .round-lg-cnt p{
    font-size: 40px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 0.3em;
}

.boost-certificate .close{
    margin-top: 15px;
    margin-right: 15px;
}

.boost-certificate .round-lg-cnt p:last-of-type{
    margin-bottom: 0;
}

.boost-certificate .round-lg-cnt .light-red{
    color: #ff1f1f;
}

.boost-certificate .btns-cnt{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 41px;
    padding: 0 24px 32px;
}

.boost-certificate .btns-cnt button,
.boost-certificate .btns-cnt a{
    margin: 0;
    border-radius: 5px;
    border: unset;
}

.boost-certificate .btns-cnt .btn-primary{
    background-image: linear-gradient(271deg, #b58947, #a3732f, #361f00, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b , #a3732f );
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0.64em 1em;
    border: unset;
}

.boost-certificate .btns-cnt button.btn-secondary{
    background-color: #252c30;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 1.1em 1em;
}

.boost-certificate.ff-modal .modal-dialog{
    max-width: 1278px;
}

.boost-certificate.ff-modal .modal-content {
    background-color: #0f1232;
    border-color: #cea253;
    background-image: url(../img/boost/hourglass.png);
    background-repeat: no-repeat;
    background-size: 27.2%;
    background-position: 100% 11%;
}

.boost-certificate.ff-modal .round-lg-cnt {
    border-radius: 0 46px 46px 0;
    max-width: 715px;
    width: 100%;
    border: 1px solid #cea253;
    border-left: unset;
    padding: 10px 10px 10px 2.4em;
}

.boost-certificate.ff-modal .round-lg-cnt p {
    font-size: 43px;
    margin-bottom: 0;
}

.boost-certificate.ff-modal .assets .flex-period {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.boost-certificate.ff-modal .assets img {
    width: 100px;
    height: 100px;
}

.boost-certificate.ff-modal .assets span {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    color: #fff;
    gap: 10px;
}

.boost-certificate.ff-modal .renew-assets{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.boost-certificate.ff-modal .renew-assets .ff-renew{
    max-width: 485px;
    width: 100%;
    height: auto;
}

.boost-certificate.ff-modal .renew-assets .sm-notice{
    display: block;
    font-weight: 300;
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
}

.boost-certificate .ff-title-img{
    max-width: 496px;
    width: 100%;
}

.boost-certificate.ff-modal h2.main-title{
    font-size: 30px;
    margin-top: 0.75em;
    margin-bottom: 0.2em;
}

.boost-certificate.ff-modal .modal-notice{
    max-width: 857px;
    width: 100%;
}

.boost-certificate.ff-modal .modal-notice span{
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.43px;
    margin-bottom: 1em;
}

.boost-certificate.ff-modal .modal-notice span span{
    display: inline-flex;
    color: #ff1f1f!important;
    margin-bottom: 0;
}

.boost-certificate.ff-modal .modal-notice span.md-desc{
    font-size: 20px;
    margin-bottom: .55em;
}

.boost-certificate.ff-modal .round-vault{
    width: 100%;
}

.boost-certificate.ff-modal .padding-sides{
    padding: 2.4em 2.8em 0.5em;
}

.boost-certificate.ff-modal .padding-sides-bottom{
    padding: 1em 2.8em 1em;
}

.boost-certificate.ff-modal .faq-link{
    display: block;
    margin-top: 22px;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.28px;
    text-align: center;
    color: #fff;
    text-decoration: underline;
}

.boost-certificate .btns-cnt {
    margin-top: 20px;
}

.lydianMetals-modal .eve-weekend .progressive-completed ,
.giveaway-modal .eve-weekend .progressive-completed {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(271deg, #b58947 224%, #a3732f 199%, #361f00 185%, #ffeaa5 154%, #cea253 80%, #82561d 59%, #a07a3f 52%, #d3b879 38%, #f2de9d 29%, #ffedab 24%, #ead290 15%, #b88e4b -1%, #a3732f -8%);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #161722, #161722), linear-gradient(271deg, #b58947 224%, #a3732f 199%, #361f00 185%, #ffeaa5 154%, #cea253 80%, #82561d 59%, #a07a3f 52%, #d3b879 38%, #f2de9d 29%, #ffedab 24%, #ead290 15%, #b88e4b -1%, #a3732f -8%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 1.5em;
}

.conditions-met{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 1em;
    font-size: 16px;
}

.conditions-met img{
    max-width: 20px;
    width: 100%;
    margin-bottom: .8em;
}

.conditions-met div{
    flex-shrink: 0;
}

.boost-modal.success-modal .modal-body{
    background-image: linear-gradient(to bottom, rgba(11, 12, 18, .6), rgba(16, 18, 26, .5)), url(../../%5b__1%5d_5173/resources/img/bg/success-modal.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.lydianMetals-modal .eve-weekend .crown-logo,
.giveaway-modal .eve-weekend .crown-logo,
.boost-modal.success-modal .crown-logo{
    margin: 0 auto;
    display: block;
}

.lydianMetals-modal .eve-weekend .gradient-text,
.giveaway-modal .eve-weekend .gradient-text,
.boost-modal.success-modal .gradient-text{
    font-size: 30px;
}

.boost-modal.success-modal .modal-dialog{
    max-width: 779px;
    width: 100%;
}

.lydianMetals-modal .eve-weekend .disclaimer,
.giveaway-modal .eve-weekend .disclaimer,
.boost-modal.success-modal .disclaimer{
    color: #f32525;
    font-size: 18px;
    text-align: center;
    margin-bottom: 1.5em;
}

.lydianMetals-modal .eve-weekend .disclaimer,
.giveaway-modal .eve-weekend .disclaimer{
    margin-bottom: 0;
}

.boost-modal.success-modal .btns-container button{
    display: block;
    width: 100%;
    margin-bottom: 1em;
    font-weight: 400;
}

.lydianMetals-modal .modal-dialog,
.giveaway-modal .modal-dialog{
    max-width: 905px;
}

.lydianMetals-modal .modal-content,
.giveaway-modal .modal-content{
    border-color: #b620e0;
    background-color: #15032f;
    background-image: url("../img/giveaway-bg.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.lydianMetals-modal .modal-content{
    background-image: url("../img/metal-quest/metal-quest-bg.png");
}

.lydianMetals-modal .modal-body,
.giveaway-modal .modal-body{
    padding: 68px;
}

.lydianMetals-modal .gift-logo,
.giveaway-modal .gift-logo{
    max-width: 246px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.lydianMetals-modal .gift-logo{
    max-width: 680px;
}

.lydianMetals-modal .gradient-text.bold,
.giveaway-modal .gradient-text.bold{
    background-image: linear-gradient(265deg, #b620e0, #32c5ff);
    font-size: 50px;
    font-weight: 800;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lydianMetals-modal .gradient-text,
.giveaway-modal .gradient-text{
    font-size: 30px;
    font-weight: 900;
    text-align: center;
}

.lydianMetals-modal .gradient-text.bold{
    background-image: linear-gradient(275deg, #b58947, #ffeaa5, #cea253, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f );
    margin-bottom: .1em;
}

.lydianMetals-modal .sub-desc,
.giveaway-modal .sub-desc{
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-top: 1.5em;
}

.giveaway-modal .progressive-completed,
.giveaway-modal .eve-weekend,
.lydianMetals-modal .progressive-completed,
.lydianMetals-modal .eve-weekend{
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(264deg, #b620e0, #32c5ff);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #080124, #080124), linear-gradient(264deg, #b620e0, #32c5ff);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-bottom: 1.7em;
}

.giveaway-modal .eve-weekend table{
    border: unset;
    background-color: transparent;
}

.giveaway-modal .eve-weekend table th,
.giveaway-modal .eve-weekend table td{
    border-left: transparent;
    border-right: transparent;
}

.giveaway-modal .eve-weekend table tr:last-of-type th,
.giveaway-modal .eve-weekend table tr:last-of-type td{
    border-bottom: unset;
}

.giveaway-modal .eve-weekend table thead tr th,
.giveaway-modal .eve-weekend table thead tr td{
    border-top: unset;
}

.giveaway-modal .eve-weekend .tab-pane{
    height: 400px;
    overflow-y: scroll;
}

.giveaway-modal .eve-weekend .inner-padding,
.lydianMetals-modal .eve-weekend .inner-padding{
    padding: 1.5em;
}

.giveaway-modal .eve-desc{
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: .3em;
}

.lydianMetals-modal .eve-desc{
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 1em;
}

.lydianMetals-modal .buy-refer{
    background: linear-gradient(#1a0c43, #1a0c43) padding-box,
    linear-gradient(258deg, #b620e0, #32c5ff) border-box;
    border-radius: 10px;
    border: 1px solid transparent;
    display: flex;
    gap: 35px;
    align-items: center;
    padding: 24px;
    margin-bottom: 1.7em;
}

.lydianMetals-modal div.buy-refer img.refer-permit{
    margin-right: 23px;
}

.lydianMetals-modal .promo-time{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: .4em;
}

.lydianMetals-modal .buy-refer p{
    margin-bottom: 0;
}

.lydianMetals-modal .buy-refer p.card-title{
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1px;
    margin-bottom: .2em;
}

.lydianMetals-modal .buy-refer p.card-desc{
    font-size: 21px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    color: #ead594;
}

.giveaway-modal .eve-weekend .conditions-met,
.lydianMetals-modal .eve-weekend .conditions-met{
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
}

.giveaway-modal .progressive-completed div:first-of-type,
.lydianMetals-modal .progressive-completed div:first-of-type{
    padding: 1.5em 1.5em;
    width: 100%;
}

.giveaway-modal .progressive-completed p,
.lydianMetals-modal .progressive-completed p{
    font-size: 19px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 0;
    width: 100%;
    text-align: left;
}

.giveaway-modal .progressive-completed.big-text p,
.lydianMetals-modal .progressive-completed.big-text p{
    font-size: 25px;
}

.giveaway-modal .btns-container .save-btn,
.lydianMetals-modal .btns-container .save-btn{
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.giveaway-modal .btns-container,
.lydianMetals-modal .btns-container{
    display: flex;
    gap: 15px;
}

.lydianMetals-modal .btns-container{
    margin-top: 1.2em;
}


.giveaway-modal .btns-container .close-btn,
.lydianMetals-modal .btns-container .close-btn{
    border-radius: 5px;
    border: 1px solid #b39a6d;
    border-image-source: unset;
    background-image: linear-gradient(101deg, transparent, transparent);
    background-color: transparent;
}

.giveaway-modal .progressive-completed .prize-title,
.lydianMetals-modal .progressive-completed .prize-title{
    font-size: 19px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #60d1ff;
    margin-bottom: 1em;
}

.giveaway-modal .progressive-completed .values-container p,
.lydianMetals-modal .progressive-completed .values-container p{
    font-size: 26px;
}

.giveaway-modal .progressive-completed .values-container,
.lydianMetals-modal .progressive-completed .values-container{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.giveaway-modal .progressive-completed .values-container span,
.lydianMetals-modal .progressive-completed .values-container span{
    flex: 300px;
    display: block;
}

.required-mole-manager .modal-dialog{
    max-width: 616px;
    width: 100%;
}

.required-mole-manager .modal-body{
    padding: 1.5em 1em 2.7em;
}

.required-mole-manager .modal-content{
    border-color: #ffe431;
}

.required-mole-manager .mole-manager{
    max-width: 140px;
    width: 100%;
    margin: 0 auto 1.9em auto;
    display: block;
}

.required-mole-manager .manager-title{
    font-size: 30px;
    font-weight: 600;
    letter-spacing: normal;
    text-align: center;
    color: #ffe431;
    line-height: 1;
    margin-bottom: 0.2em;
}

.required-mole-manager .manager-desc{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 300;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    max-width: 462px;
    width: 100%;
    margin: 0 auto 1.4em auto;
}

.required-mole-manager .buy-manager{
    border-radius: 5px;
    background-image: linear-gradient(to left, #d0ad6a, #b18a4b, #d0ad6a, #dabb7f, #e9d09f );
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    display: block;
    width: fit-content;
    margin: 0 auto;
    padding: 0.92em 1.66em;
}

.fast-four-promo .modal-dialog{
    max-width: 905px;
    width: 100%;
}

.fast-four-promo .modal-content{
    border-radius: 5px;
    border: solid 1px #599258;
    background-color: #15032f;
    background-image: url("../img/new-mining-game/fast-four/fast-four-bg.png"), url("../img/new-mining-game/fast-four/fast-four-oval.svg");
    background-position: top center, bottom; center;
    background-size: contain;
    background-repeat: no-repeat;
}

.fast-four-promo .main-img{
    max-width: 680px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.fast-four-promo .green-hr{
    width: 70%;
    margin: 0 auto;
    height: 1px;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #4bda49, rgba(0, 0, 0, 0));;
}

.fast-four-promo .main-title{
    max-width: 786px;
    width: 100%;
    margin: 0 auto;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #381768 51%, rgba(0, 0, 0, 0));
    padding: 2.3em 1em 1.9em;
    text-align: center;
}

.fast-four-promo .main-title img{
    max-width: 570px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.fast-four-promo .green-cnt{
    border-radius: 10px;
    border: solid 1px #4bda49;
    background-color: #110226;
    position: relative;
    overflow: hidden;
    padding: 2em 2.4em 1.2em;
    max-width: 729px;
    width: 100%;
    margin: 28px auto 40px auto;
}

.fast-four-promo .green-cnt p.title{
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
    color: #fff;
    max-width: 560px;
}

.fast-four-promo .green-cnt p.desc{
    font-size: 50px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2.6px;
    color: #4bda49;
    max-width: 400px;
    width: 100%;
}

.fast-four-promo .green-cnt img{
    max-width: 193px;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
}

.fast-four-promo p.starts{
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    max-width: 568px;
    width: 100%;
    margin: 0 auto 1.2em auto;
}

.fast-four-promo p.starts span{
    color: #ecd593;
}

.fast-four-promo .btn-secondary{
    background: linear-gradient(#15032f, #15032f) padding-box,
    linear-gradient(101deg, #e9cfa1, #b39a6d) border-box;
    border-radius: 5px;
    border: 1px solid transparent;
    font-size: 15px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0.97em 5.14em;
    margin: 0 auto 1.1em auto;
    display: block;
    width: fit-content;
}

.fast-four-promo .modal-body button.close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.fast-four-promo .btn-secondary:hover{
    color: #fff;
    background: linear-gradient(#e9cfa1, #b39a6d) padding-box,
    linear-gradient(101deg, #e9cfa1, #b39a6d) border-box;
    box-shadow: unset;
    border-color: transparent;
}

.fast-four-promo .modal-body{
    padding-top: 6em;
}
.super-mole .modal-content{
    background: linear-gradient(to bottom, #062a33, #031417) padding-box,
    linear-gradient(330deg, #b58947, #a3732f, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f ) border-box;
    border-radius: 20px;
    border: 1px solid transparent;
}

.super-mole .modal-dialog{
    max-width: 663px;
    width: 100%;
}

.super-mole .modal-body{
    padding: 3.9em 3.1em 2.3em;
}

.super-mole .main-title{
    margin: 0 auto 1em auto;
    display: block;
    max-width: 390px;
    width: 100%;
}

.super-mole h3{
    font-size: 26px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.69px;
    text-align: center;
    color: #fff;
}

.super-mole h3:last-of-type{
    margin-bottom: 1.1em;
}

.super-mole .text-yellow{
    color: #f6c84b;
}

.super-mole .teal-gradient-cnt{
    background: linear-gradient(to bottom, #062a33, #031417) padding-box,
    linear-gradient(330deg, #b58947, #a3732f, #ffeaa5, #cea253, #82561d, #a07a3f, #d3b879, #f2de9d, #ffedab, #ead290, #b88e4b, #a3732f ) border-box;
    border-radius: 10px;
    border: 1px solid transparent;
    display: flex;
    align-items: stretch;
    gap: 25px;
    padding: 2.2em 1em 2.2em;
    margin-bottom: 15px;
}

.super-mole .teal-gradient-cnt.avatar-detail{
    padding: 0.7em 1em 0.6em;
}

.super-mole .teal-gradient-cnt.btn{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.43px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    padding: 1.3em 1em;
}

.super-mole .teal-gradient-cnt p.detail{
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.48px;
    color: #fff;
    margin-bottom: 0;
}

.super-mole .img-container{
    flex: 117px;
    flex-shrink: 0;
    position: relative;
    padding: 0;
}

.super-mole .img-container .badge{
    max-width: 70px;
    width: 100%;
    height: auto;
    display: block;
    padding: 0;
    margin: 0 auto;
}

.super-mole .img-container .worker {
    position: absolute;
    bottom: -23px;
    max-width: 117px;
}

.super-mole .img-container img{
    width: 100%;
}

/* ------------------- media ------------------- */
@media (max-width: 1440px) {
    #xltMilestones .modal-dialog {
        max-width: calc(100% - 30px);
    }
}

@media (max-width: 1199px) {
    .boost-certificate.ff-modal .modal-content {
        background-image: unset;
    }

    #nftMarketVouchers .note {
        font-size: 13px;
    }
    #nftMarketVouchers .receive-details {
        font-size: 12px;
    }
    #nftMarketVouchers .voucher-price {
        font-size: 15px;
    }

    #nftMarketVouchers .card-image-decoration {
        margin-top: -7px;
    }

    #nftMarketVouchers .note, #nftMarketVouchers .receive-details {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .boost-certificate.ff-modal .renew-assets{
        align-items: center;
        justify-content: center;
    }

    .boost-certificate.ff-modal .round-lg-cnt p {
        font-size: 33px;
    }

    .boost-modal.boost-bonus .period-bonus p {
        font-size: 19px;
    }

    .boost-modal.boost-bonus .gradient-notice,
    .boost-modal.boost-bonus h3{
        font-size: 21px;
    }

    .boost-modal.boost-bonus .period-cnt {
        flex-direction: column;
    }

    .weeklyWebinarModal .modal-sections {
        flex-direction: column;
    }

    .weeklyWebinarModal .cards-container {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .weeklyWebinarModal .cards-container .info-card {
        flex: 1 0 48%;
    }

    .weeklyWebinarModal .modal-sections .section {
        width: 100%;
    }


    #certificatesIncentiveModal .modal-dialog {
        max-width: 600px;
    }

    #certificatesIncentiveModal .promotion-title {
        margin-top: 20px;
        text-align: center;
        font-size: 33px;
    }

    #certificatesIncentiveModal .promotion-subtitle,
    #certificatesIncentiveModal .promotion-date,
    #certificatesIncentiveModal .bonus-title,
    #certificatesIncentiveModal .bonus-description,
    #certificatesIncentiveModal .bonus-note{
        text-align: center;
    }

    #certificatesIncentiveModal .congrats-image {
        max-width: 90px;
    }

    #certificatesIncentiveModal .promotion-date {
        font-size: 18px;
    }

    #certificatesIncentiveModal .promotion-subtitle {
        font-size: 23px;
    }

    .black-section div,
    .modal-note {
        text-align: center;
    }

    .modal-subtitle.mb-5 {
        margin-bottom: 15px !important;
    }

    #xltMilestones tbody td, .lydian-note, .xlt-milestone-note p {
        font-size: 14px
    }

    #conversionModal .account-status {
        font-size: 32px;
    }

    #conversionModal .account-tax {
        font-size: 18px;
    }
    #conversionModal .btn-upgrade {
        width: 300px;
        height: 50px;
        font-size: 16px;
    }
    #conversionModal .payment-note {
        font-size: 14px;
    }
    #xltMilestones .account-status {
        font-size: 30px;
    }
    .happy-title{
        font-size: 30px;
    }
    .diff-happy .happy-subtitle, .happy-subtitle{
        font-size: 16px;
    }

    .diff-happy .happy-descr, .happy-descr {
        font-size: 14px;
    }

    .btn.btn-gold {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .fast-four-promo .green-cnt img {
        display: none;
    }

    .lydianMetals-modal a.buy-refer {
        flex-direction: column;
        gap: 15px;
    }

    .lydianMetals-modal a.buy-refer p.card-title,
    .lydianMetals-modal a.buy-refer p.card-desc,
    .fast-four-promo .green-cnt p.title,
    .fast-four-promo .green-cnt p.desc{
        text-align: center;
    }

    .fast-four-promo .green-cnt p.title,
    .fast-four-promo .green-cnt p.desc{
        max-width: unset;
    }
    .fast-four-promo .green-cnt p.title {
        font-size: 22px;
    }

    .fast-four-promo .green-cnt p.desc {
        font-size: 30px;
    }


    #noticeModal .modal-content{
        border: 1px solid #333765;
        padding: 1em
    }

    .fullTeamModal p.title {
        font-size: 25px;
    }

    .fullTeamModal p.desc,
    .fullTeamModal .date-banner,
    .fullTeamModal .zoom-banner .meeting-details span {
        font-size: 14px;
    }

    .fullTeamModal .zoom-banner .meeting-details span {
        display: block;
    }

    .fullTeamModal .team-container .member-card img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }

    .fullTeamModal .modal-dialog {
        margin: 1em auto;
    }

    #metaportfolioPerformanceModal .flex-title p {
        font-size: 25px;
    }

    #metaportfolioPerformanceModal .table-cnt {
        display: block;
    }

    #metaportfolioPerformanceModal .table-cnt img {
        width: 100%;
        border-right: unset;
    }

    #metaportfolioPerformanceModal .data-container {
        width: 100%;
    }

    #metaportfolioPerformanceModal .top-header {
        height: 40px;
        top: -40px;
    }

    #metaportfolioPerformanceModal .data-row .data {
        padding: 5px 0;
    }

    #metaportfolioPerformanceModal .table-cnt {
        max-width: 500px;
        margin: 0 auto;
        overflow: hidden;
    }

    #metaportfolioPerformanceModal .flex-title {
        justify-content: center;
    }

    #metaportfolioPerformanceModal .modal-header {
        padding-bottom: 0;
    }

    #certificatesIncentiveModal .modal-dialog {
        max-width: calc(100% - 30px);
    }

    #certificatesIncentiveModal .congrats-image {
        max-width: 60px;
    }

    #certificatesIncentiveModal .promotion-title {
        font-size: 25px;
    }

    #certificatesIncentiveModal .promotion-subtitle {
        font-size: 18px;
    }
    #certificatesIncentiveModal .promotion-date {
        font-size: 14px;
    }
    #certificatesIncentiveModal .bonus-title {
        font-size: 18px;
    }
    #certificatesIncentiveModal .bonus-description {
        font-size: 14px;
    }
    #certificatesIncentiveModal .bonus-note {
        font-size: 12px;
    }
    #nftMarketVouchers .modal-dialog{
        max-width: calc(100% - 30px);
    }
    #nftMarketVouchers .nft-modal-title {
        font-size: 28px;
    }
    #nftMarketVouchers .nft-modal-short-description {
        font-size: 16px;
    }
    #nftMarketVouchers .lydian-bonus-container p {
        font-size: 22px;
    }
    #nftMarketVouchers .lydian-bonus-notes {
        font-size: 15px;
    }
    #nftMarketVouchers .card {
        max-width: 300px;
        margin: 0 auto 30px;
    }
    .left-shadow, .right-shadow {
        width: 100px;
    }
    #conversionModal.modal.show .modal-dialog .modal-content {
        max-width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    #conversionModal .modal-img img {
        width: 80px;
        height: 80px;
    }
    #conversionModal .account-status {
        font-size: 25px;
    }
    #conversionModal .account-tax {
        font-size: 16px;
        width: 100%;
    }
    #affiliateModal .modal-dialog{
        margin: 1.75rem 15px;
        max-width: calc(100% - 30px);
    }

    .actions-btn-happy {
        display: block;
    }

    .btn.btn-gold {
        width: 100%;
        margin: 15px auto;
    }
    #valoremAccountModal.modal{
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    #valoremAccountModal .modal-dialog{
        margin: 0;
    }
}

@media (max-width: 575px) {
    .super-mole .modal-body {
        padding: 1.9em 1.5em 1.5em;
    }

    .super-mole .teal-gradient-cnt{
        flex-direction: column;
        align-items: center;
    }

    .super-mole .img-container .worker{
        position: relative;
    }

    .super-mole .img-container {
        flex: 1;
    }

    .super-mole .teal-gradient-cnt.avatar-detail {
        padding: 1.7em 1em 1.6em;
    }

    .super-mole .teal-gradient-cnt p.detail{
        text-align: center;
    }

    .giveaway-modal .gradient-text.bol,
    .lydianMetals-modal .gradient-text.bold{
        font-size: 35px;
    }

    .giveaway-modal .gradient-tex,
    .lydianMetals-modal .gradient-text{
        font-size: 25px;
    }

    .giveaway-modal .progressive-completed .values-container ,
    .lydianMetals-modal .progressive-completed .values-container p{
        font-size: 18px;
    }

    .giveaway-modal .modal-body,
    .lydianMetals-modal .modal-body{
        padding: 15px 15px 68px;
    }

    .boost-certificate.ff-modal .assets span {
        font-size: 12px;
    }

    .eve-weekend.boost-modal.boost-success .modal-header h5 {
        font-size: 39px;
    }

    .eve-weekend .gradient-text {
        font-size: 22px;
    }

    .eve-weekend .vault-year {
        width: 100%;
        margin: 0 auto -70px auto;
    }

    .boost-certificate.ff-modal .padding-sides,
    .boost-certificate.ff-modal .round-lg-cnt,
    .boost-certificate.ff-modal .padding-sides-bottom{
        padding: 1em;
    }

    .boost-certificate.ff-modal .assets img {
        width: 70px;
        height: 70px;
    }

    .boost-certificate.ff-modal .assets {
        flex-direction: row;
    }

    .boost-certificate.ff-modal .round-lg-cnt p {
        font-size: 20px;
        text-align: center;
    }

    #noticeModal h2 {
        font-size: 22px;
    }

    #noticeModal .modal-body{
        padding: 0;
    }

    #noticeModal p {
        font-size: 14px;
    }

    .boost-certificate .boost-rocket {
        max-width: 140px;
        margin-top: -50px;
    }

    .boost-certificate h2,
    .boost-certificate .round-lg-cnt p{
        font-size: 30px;
    }

    .boost-certificate p.desc,
    .boost-certificate h3{
        font-size: 20px;
    }

    .boost-certificate .gradient-desc{
        font-size: 16px;
    }

    .boost-certificate .assets {
        gap: 10px;
        flex-direction: column;
    }

    .boost-certificate .assets .flex-period {
        justify-content: flex-start;
        width: 100%;
    }

    .boost-certificate .assets span {
        font-size: 16px;
    }

    .boost-certificate .round-md-cnt,
    .boost-certificate .round-lg-cnt{
        border-radius: 0;
        border-right: unset;
    }

    #communityCallModal h5 {
        margin: 1em 0 0;
        font-size: 35px;
    }

    #communityCallModal .call-desc {
        font-size: 20px;
    }

    #communityCallModal .guest {
        font-size: 25px;
    }

    #communityCallModal .announce {
        font-size: 16px;
    }

    #communityCallModal .zoom-container {
        flex-direction: column;
    }

    .kyc-deadline .deadline-img {
        max-width: 130px;
    }

    .kyc-deadline h2 {
        font-size: 35px;
    }

    .kyc-deadline .kyc-sub {
        font-size: 20px;
    }

    .kyc-deadline .announce,
    .kyc-deadline .countries span{
        font-size: 15px;
    }

    .kyc-deadline .red-border-notice {
        font-size: 15px;
        margin: 1.4em auto 1.1em auto;
    }

    .kyc-deadline .btn:not(:last-child) {
        margin-right: 0;
    }

    .boost-modal.boost-success .current-val-cnt .val-cnt p.val {
        font-size: 25px;
    }

    .boost-modal.boost-success .current-val-cnt .gradient-val-cnt {
        flex-direction: column;
    }

    .boost-modal .boost-details .after-boost .after-title {
        font-size: 25px;
    }

    .boost-modal .boost-details .before-boost, .boost-modal .boost-details .after-boost {
        align-items: center;
        text-align: center;
    }

    .boost-modal .boost-details {
        flex-direction: column;
    }

    .boost-modal .boost-details img {
        width: 20px;
        margin: 0 auto;
        transform: rotate(90deg);
    }

    .boost-modal.boost-success .modal-header .rocket {
        display: none;
    }

    .boost-modal.boost-success .modal-header p.desc {
        text-align: center;
    }

    .boost-modal.boost-success .modal-header h5 {
        font-size: 30px;
    }

    .boost-modal.boost-success .modal-header p.desc {
        font-size: 22px;
    }

    .boost-modal.boost-success .load-details:first-of-type {
        border-right: unset;
        border-bottom: 1px solid #b39a6d;
    }

    .boost-modal.boost-success.modal .close:not(:disabled):not(.disabled) {
        border: unset;
        top: 28px;
        right: 40px;
    }

    .boost-modal.boost-success .load-details {
        width: 100%;
    }

    .boost-modal.boost-success .modal-body {
        flex-direction: column;
    }

    .weeklyWebinarModal .modal-body {
        padding: 2.1em 1.2em 2.5em;
    }

    .weeklyWebinarModal .section .inner-section {
        padding: 1.1em 0.9em 1.9em;
    }

    .weeklyWebinarModal .section .info-card img {
        width: 50px;
        height: 50px;
    }

    .weeklyWebinarModal .section .section-title {
        font-size: 22px;
    }

    .weeklyWebinarModal .section .info-card .zoom-link {
        font-size: 13px;
    }

    .weeklyWebinarModal .section .section-desc {
        font-size: 14px;
    }

    .weeklyWebinarModal .section .info-card .card-title {
        font-size: 16px;
    }

    #metaportfolioPerformanceModal .flex-title p {
        font-size: 16px;
    }

    #metaportfolioPerformanceModal .data-container {
        padding: 0 10px
    }

    #custom-modal .modal-dialog {
        width: 90%;
    }

    #valoremAccountModal .valorem-title {
        font-size: 24px;
    }

    #valoremAccountModal .valorem-subtitle {
        font-size: 16px;
        margin-bottom: 1.15em;
    }

    #valoremAccountModal .valorem-desc {
        font-size: 14px;
        margin-bottom:1.5em;
    }

    #valoremAccountModal .action-btn {
        font-size: 13px;
    }

    .congrats-image {
        max-width: 90px;
    }

    #affiliateModal h2 {
        font-size: 26px;
    }

    #affiliateModal .modal-body {
        padding: 24px 30px;
    }

    #affiliateModal p.desc {
        font-size: 15px;
    }
}

@media (max-width: 425px) {
    #custom-modal .modal-content .modal-header img {
        margin: 35px auto 26px auto;
    }

    #custom-modal .modal-content .modal-header h5 {
        font-size: 20px;
    }

    #custom-modal .modal-body div.d-flex {
        font-size: 20px;
    }
    #custom-modal .modal-body div.d-flex {
        font-size: 15px;
    }
    #custom-modal .modal-footer .disclaimer {
        font-size: 14px;
    }
    #custom-modal .modal-content .modal-footer button {
        width: 250px;
        height: 50px;
        font-size: 20px;
    }
    #custom-modal .modal-content .modal-footer button:first-of-type {
        margin-top: 19px;
        margin-bottom: 22px;
    }
    #custom-modal .modal-content .modal-footer button:last-of-type {
        margin-bottom: 26px;
    }
    #conversionModal .account-status {
        font-size: 20px;
    }
    #conversionModal .account-tax {
        font-size: 14px;
    }
    #conversionModal .btn-upgrade {
        width: 100%;
    }
    #conversionModal.modal.show .modal-dialog{
        width: unset;
    }
    #conversionModal .account-status {
        font-size: 20px;
    }
    #conversionModal .modal-body {
        padding: 20px 15px 30px;
    }
}
@media (max-width: 320px) {
    #custom-modal .modal-content .modal-header img {
        margin: 0 auto 15px auto;
    }
    #custom-modal .modal-footer .disclaimer {
        font-size: 14px;
    }
    #custom-modal .modal-content .modal-footer button {
        font-size: 18px;
        max-width: 240px;
    }
}

.modal-footer button {
    cursor: pointer;
}

#boostSuccessModal .elements-currencies-container{
    display: flex;
    align-items: center;
    justify-content: center;
}
#boostSuccessModal img.element-currency {
    max-width: 20px;
    height: auto;
    margin: 0 3px;
}