/* Keep this for all project */

@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 100;
    src: url(fonts/metropolis/Metropolis-Thin.otf);
}

@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/metropolis/Metropolis-Regular.otf);
}

@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/metropolis/Metropolis-Medium.otf);
}

@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 500;
    src: url(fonts/metropolis/Metropolis-SemiBold.otf);
}

@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 600;
    src: url(fonts/metropolis/Metropolis-Bold.otf);
}

@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/metropolis/Metropolis-ExtraBold.otf);
}

@font-face {
    font-family: 'SecondFont';
    font-style: normal;
    font-weight: 100;
    src: url(fonts/Inter/Metropolis-Thin.ttf);
}

@font-face {
    font-family: 'SecondFont';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/Inter/Inter-Regular.ttf);
}

@font-face {
    font-family: 'SecondFont';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Inter/Inter-Medium.ttf);
}

@font-face {
    font-family: 'SecondFont';
    font-style: normal;
    font-weight: 500;
    src: url(fonts/Inter/Inter-SemiBold.ttf);
}

@font-face {
    font-family: 'SecondFont';
    font-style: normal;
    font-weight: 600;
    src: url(fonts/Inter/Inter-Bold.ttf);
}

@font-face {
    font-family: 'SecondFont';
    font-style: normal;
    font-weight: 600;
    src: url(fonts/Inter/Inter-ExtraBold.ttf);
}

@font-face {
    font-family: 'ChineseMainFont';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/miaozi-wenanti-Regular-2.ttf);
}

.body, div, a, button, span, input, section,footer,header {
    font-family: "Metropolis", sans-serif;
}

.font2 {
    font-family: "SecondFont", sans-serif !important;
}

/* Keep until here */

:root {
    /* General default roots */
    --btn-primary-background-color: #0F0824;
    --btn-primary-text-color: #FFF;
    --btn-secondary-background-color: #2B243E;
    --btn-secondary-text-color: #FFF;
    --btn-border: 2px solid transparent;
    --btn-border-image: linear-gradient(to right, #E2AFFF, #6C51FF);
    --btn-border-radius: 30px;
    --btn-padding: 1.5rem;
    --btn-font-size: 15px;
    --btn-width-short: 120px;
    --btn-width-long: 170px;
    --default-font-weight-thin: 300;
    --default-font-weight-thick: 500;
    --default-font-weight-bold: 700;
    --default-font-weight-max: 900;
    --primary-background-color: #0F0824;
    --secondary-background-color: #1D1730;
    --default-border: 2px solid transparent;
    --default-border-image: linear-gradient(to right, #E2AFFF, #6C51FF);
    --default-background-gradient: linear-gradient(to right, #E2AFFF, #6C51FF);
    --page-title-font-size: 3rem;
    --default-font-size: 15px;
    --default-text-color: #FFF;
    --default-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    --default-border-radius: 25px;
    --secondary-text-color: #CFCED3;
    --default-section-primary-horizontal-padding: 10rem;
    --default-section-secondary-horizontal-padding: 8rem;
    --default-breakline-color: #FFFFFF;

    --form-control-text-color: #FFF;
    --form-control-border-radius: 30px;
    --form-control-background-color: #1D1730;
    --form-control-padding: 1rem 2rem;
    --form-control-border: unset;
    --form-control-height: calc(2em + 1.5rem + 2px);
    --form-control-disabled-background-color: #080316;
    --form-control-disabled-border: 1px solid #322657;
    --login-div-bg-color: #0F0824;
    --listing-background-image: linear-gradient(to right, #0C0716, #2B1850);
    --url-link: #E2AFFF;

    --page-title-text: 36px;
    --page-description-text: 24px;

    --landing-title-text: 45px;
    --landing-font-size-md: 20px;
    --landing-title-text-lg : 60px;

    --second-font-family: "SecondFont", sans-serif !important;
    /* General default roots */

}

.unclickable {
    pointer-events: none;
}

.btn {
    width: var(--btn-width-short);
    border: unset;
    border-radius: var(--btn-border-radius);
    text-align: center;
    font-size: var(--btn-font-size);
    font-weight: var(--default-font-weight-thin);
    padding: var(--btn-padding) 0rem;
    color: var(--btn-primary-text-color);
    padding: 0.9rem 1rem;
}

.btn[disabled] {
    cursor: not-allowed;
}

.btn-primary, .btn-primary:hover {
    background: transparent;
/*    padding: 0.9rem 1rem;*/
    background-image: linear-gradient(90deg, var(--btn-primary-background-color), var(--btn-primary-background-color)), var(--btn-border-image);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    border: 2px solid transparent;
    border-radius: var(--btn-border-radius);
}

.btn-secondary, .btn-secondary:hover {
    background-color: var(--btn-secondary-background-color);
    color: var(--btn-secondary-text-color);
    border: unset;
    border-image: unset;
}

.btn.listing-btn,
.btn.form-btn {
    width: var(--btn-width-long);
/*    font-weight: var(--default-font-weight-thick);*/
}

.btn.sidebar-btn {
    width: unset;
    padding: 0.9rem 1.5rem;
}

.close{
    color: var(--default-text-color); 
    font-weight: var(--default-font-weight-bold);
}

.form-control {
    background-color: var(--form-control-background-color);
    border-radius: var(--form-control-border-radius);
    border: var(--form-control-border);
    font-size: var(--default-font-size);
    padding: var(--form-control-padding);
    height: var(--form-control-height);
    color: var(--form-control-text-color);
}

.form-control:focus {
    outline: none;
    background-color: var(--form-control-background-color);
    color: var(--form-control-text-color);
}

.form-control[disabled] {
    background-color: var(--form-control-disabled-background-color);
    border: var(--form-control-disabled-border);
}

select.form-control {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-image: var(--select-arrow-bg);
    background-repeat: no-repeat;
    background-size: 1.5%;
    background-position: 94%;
    padding-right: 4rem;
}

.listing-type .form-group {
    margin-bottom: unset;
}

.modal .modal-content {
    border-radius: var(--default-border-radius);
    background-color: var(--primary-background-color);
    border: var(--default-border);
    border-image: var(--default-border-image);
    border-top: unset;
    border: solid 2px #fff0;
    background-image: linear-gradient(90deg, var(--btn-primary-background-color), var(--btn-primary-background-color)), var(--btn-border-image);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    border: 2px solid transparent;
    border-radius: var(--btn-border-radius);
    box-shadow: 2px 0px 12px 0px white !important;
}


.modal-header {
    border: var(--default-border);
    border-image: var(--default-border-image);
    border-bottom: unset;
    border-radius: var(--default-border-radius);
    font-family: var(--secondary-font-family);
    display: block;
    text-align: center;
}

.modal .modal-content .modal-header .modal-title {
    font-size: 20px !important;
    color: var(--default-text-color) !important;
    font-weight: var(--default-font-weight-thick);
    font-family: var(--secondary-font-family);
}

.modal-body {
    border: var(--default-border);
    border-image: var(--default-border-image);
    border-top: unset;
    border-bottom: unset;
    color: #fff;
    font-family: var(--secondary-font-family);
}

.modal-footer {
    border-bottom-right-radius: var(--default-border-radius);
    border-bottom-left-radius: var(--default-border-radius);
    background-color: var(--primary-background-color);
    border: var(--default-border);
    border-image: var(--default-border-image);
    border-top: unset;
    font-family: var(--secondary-font-family);
}

.modal-header, 
.modal-body, 
.modal-footer {
    padding: 2rem 1.5rem;
    font-family: var(--secondary-font-family);
}

#canvasMessage .modal-dialog {
    max-width: 350px;
}

/*.buttoncanvasCloseBtn .btn {
    width: 48%;
}*/

html {
  scroll-behavior: smooth;
}

.ipad-below-display {
    display: none;
}

.anchor-btn {
    color: #E2AFFF;
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thin);
    text-decoration: underline;
}

.section-bg {
    background-image: var(--dashboard-bg);
    background-position: center;   
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #0F0824;
}

.content-section {
    padding: 0rem var(--default-section-primary-horizontal-padding);
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thin);
    min-height: 100vh;
}

.content-section.dashboard-type {
    min-height: unset;
}

.content-section.full-width-type {
    padding: 0rem;
}

.content-section.listing-type {
    padding: 0rem var(--default-section-secondary-horizontal-padding);
    padding-bottom: 2rem;
}

.page-title {
    font-size: var(--page-title-font-size);
    font-weight: var(--default-font-weight-bold);
    color: var(--default-text-color);
    text-align: center;
}

/* header */
.homepage-header-section {
    background-color: transparent;
    padding: 2rem var(--default-section-primary-horizontal-padding);
    padding-top: 2.5rem;
    padding-right: 5rem;
}

.header-logo-div {
    width: 12rem;
    margin-right: 1rem;
}

.header-logo-img {
    color: var(--default-text-color);
    width: 100%;
    height: auto;
    font-size: 25px;
    font-weight: var(--default-font-weight-bold);
}

.header-dropdown-div {
    position: relative;
}

.dropdown-icon {
    width: 8px;
    height: auto;
    margin-left: 0.2rem;
}

.header-dropdown-list-div {
    position: absolute;
    z-index: 10;
    top: 150%;
    right: 0;
    background-image: var(--default-border-image);
    padding: 2px;
    border-radius: var(--default-border-radius);
    width: max-content;
    max-width: 400%;
}

#headerProfileList.header-dropdown-list-div{
    top: 100%;
}

.language-dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1.5rem;
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thin);
    cursor: pointer;
}

.header-dropdown-list {
    padding: 1.5rem 0rem;
    background-color: var(--primary-background-color);
    /* border-radius: var(--default-border-radius); */
    border-radius: 20px;
}

.header-dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1.5rem;
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thin);
}

.header-dropdown-item:hover {
    color: var(--default-text-color);
    background-image: var(--default-background-gradient);
}

.language-dropdown-item:hover {
    color: var(--default-text-color);
    background-image: var(--default-background-gradient);
}

.header-wallet-outer-div {
    background-image: var(--default-border-image);
    padding: 2px;
    border-radius: var(--btn-border-radius);
}

.header-wallet-inner-div {
    border-radius: var(--btn-border-radius);
    padding: 0.9rem 1.5rem;
    background-color: var(--primary-background-color);
    position: relative;
}

.header-wallet-inner-div .header-dropdown-list-div {
    width: 130%;
}

.header-wallet-inner-div.haeder-profile-type .header-dropdown-list-div {
    width: unset;
}

.header-wallet-item {
    font-size: var(--default-font-size);
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-thin);
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-wallet-item:hover {
    color: var(--default-text-color);
}

.header-wallet-icon {
    width: 15px;
    height: auto;
    margin-right: 0.5rem;
}

.header-wallet-item .dropdown-icon {
    margin-left: 0.5rem;
}

.header-wallet-inner-div.haeder-profile-type {
    padding: 0.3rem;
    padding-right: 1rem;
}

.header-profile-image {
    margin-right: 0.5rem;
    width: 3rem;
    height: auto;
}

.header-username {
    font-weight: var(--default-font-weight-thick);
}

.header-menu-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menuBtn.notif-type {
    position: relative;
}

.notif-type .notif-span {
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #FF001B, #80000E);
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-thick);
    width: 19px;
    height: 19px;
    position: absolute;
    top: 18%;
    right: 2%;
    transform: translate(50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    opacity: 0;
/*    transition: linear 1s;*/
}

.notif-type .notif-span.more-notif-span {
    width: max-content;
    padding: 0rem 0.3rem;
    border-radius: 20px;
    top: 8%;
    right: 10%;
}

.notif-type .notif-span.show-notif {
    opacity: 1;
}

.sidebar-close-btn {
    background-color: transparent;
    border:  unset;
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-bold);
    font-size: 20px;
    padding: 1rem;
    margin-right: 2rem;
}

.language-btn img {
    width: 25px;
}

.language-dropdown {
    position: relative;
    cursor: pointer;
}

.language-btn .lang-dropdown-icon {
    width: 8px;
    margin-left: 8px;
}

.language-dropdown-list {
    position: absolute;
    top: 40px;
    right: -20px;
    background-color: var(--primary-background-color);
    border-radius: var(--default-border-radius);
/*    width: 400%;*/
    z-index: 3;
}

.english-lang-type .header-menu-section-div {
    min-width: 75%;
}

.chineseSimplified-lang-type .header-menu-section-div,
.chineseTraditional-lang-type .header-menu-section-div {
    min-width: 69%;
}

.vietnam-lang-type .header-menu-section-div,
.portuguese-lang-type .header-menu-section-div {
    min-width: 80%;
}

.thailand-lang-type .header-menu-section-div {
    min-width: 74%;
}
/* header */

/* Footer */
.footer-section {
    border-top: 1px solid #4B465A;
    background-color: transparent;
    padding: 1rem var(--default-section-primary-horizontal-padding);
    font-size: 14px;
    color: var(--default-text-color);
}

.footer-anchor-container{
    margin-top: 3rem;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.footer-anchor {
    text-decoration: underline !important;
    margin-right: 1rem;
    margin-block: 0.5rem;
    font-size: 14px;
}

.footer-anchor:last-child {
    margin-right: unset;
}

.footer-anchor:hover {
    color: var(--default-text-color);
}

.footer-container{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}

.footer-content p{
    font-size: 14px;
    color: rgba(255,255,255, 0.44)
}

.footer-logo{
    height: 100px;
    display: flex;
    align-items: center;
}
/* Footer */

/* START of Login */
.login-section-bg{
    /* background: #0F0824 var(--login-bg) no-repeat center; */
    height: 100vh;
    display: flex;
    align-items: center;
    /* position: relative; */
}

.login-title-1{
    font-size: var(--page-title-text);
    text-align: center;
    color: var(--btn-primary-text-color);
}

.login-video-bg {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100%;
    object-fit: cover;
    z-index: -1;
  }

/* .login-div-wrapper, .login-btn-container{ */
.login-btn-container{
    background: var(--default-border-image);
    width: fit-content;
    height: fit-content;
    padding: 0.25rem;
    border-radius: 30px;
    width: 100%;
}

.login-div{
    /* background-color: var(--login-div-bg-color); */
    padding: 2rem;
    border-radius: 30px;
}

.login-btn-wrapper{
    width: 100%;
    display: grid;
    place-items: center;
    margin-block: 3rem 1.5rem;
}

.login-btn-container{
    border-radius: 60px; 
}

.login-btn{
    width: 100%;
}

.login-btn, .login-btn:hover{
    background-color: var(--login-div-bg-color);
    color: var(--default-text-color);
}

.login-form-control-input-container{
    position: relative; 
 }

 .login-form-control-input, .login-form-control-input:focus{
    color: var(--default-text-color);
 }

 .login-form-control-input::placeholder{
    color: var(--default-text-color);
    opacity: 0.7;
 }
 
 .login-form-control-input-container i{
     position: absolute;
     font-size: 1.5rem;
     top: 28px;
     color: var(--default-text-color);
 }

 .login-form-control-input{
    padding-left: 4rem;
    height: 77px;
 }

 .login-form-password-btn{
    position: absolute;
    right: 5px;
    top: 0px;
    padding-right: 2rem;
    border: none;
    outline: none;
    background-color: transparent;
    color: var(--default-text-color);
    cursor: pointer;
}

.login-captcha-container{
    width: 95%;
}

.login-form-captcha-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#captchaImage{
    width: 120px;
    border-radius: 10px;
    margin-inline: 1rem;
    /* display: none; */
}

.captcha-div{
    display: flex;
    align-items: center;
}

.login-anchor2, .login-anchor2:hover{
    color: var(--default-text-color);
}

.login-page-img-wrapper img{
    position: relative;
    width: 100%;
    z-index: 98;
}

.login-section-bg .kt-container{
    /* to overwrite main css margin 0 auto */
    margin: 0;
}

.company-logo-container{
    position: absolute;
    right: 5%;
    top: 5%;
    z-index: 99;
}

.company-logo-container img{
    width: 240px;
}

.mobile-company-logo-container{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.mobile-company-logo-container img{
    width: 200px;
}

.form-control.is-invalid, .was-validated .form-control:invalid{
    background-image: url("");
}

.invalid-feedback{
    display: block;
}

.language-btn-login .login-lang-icon {
    width: 25px;
    cursor: pointer;
    margin-left: 15px;
}

.language-btn-login .lang-dropdown-icon {
    width: 8px;
    cursor: pointer;
}

.profile-lang-container {
    width: unset;
}

.mobile-login-language-container {
    position: relative;
}

.mobile-login-language-container .language-dropdown-list {
    width: max-content;
}
/* END of Login */

/* Listing */
.date-range-input-group {
    display: flex;
    align-items: center;
    border-radius: var(--form-control-border-radius);
    background-color: var(--form-control-background-color);
}

.date-range-input-div {
    position: relative;
    width: 48%;
}

.date-range-input-div .form-control {
    background-color: transparent;
    padding-left: 3.5rem;
    color: var(--form-control-text-color);
}

.date-input-img {
    position: absolute;
    top: 34%;
    left: 12%;
    width: 15px;
    height: auto;
}

.data-range-divider {
    width: 4%;
    font-size: 20px;
    color: var(--default-text-color);
}

.data-range-divider img {
    width: 100%;
    height: auto;
}

.listing-reset-btn {
    background-color: transparent;
    border: unset;
    padding: 0.5rem;
}

.listing-reset-btn img {
    width: 20px;
    height: auto;
}

.listing-section {
/*    border-radius: var(--default-border-radius);*/
    border-radius: 30px;
    border: 1px solid #B24EFF;
/*    background-color: #1D0D34;*/
    background-color: #B24EFF14;
    padding: 1.5rem;
}
/* Listing */

/* START of mobile card listing */
.card-listing-container{
    display: none;
}

.mobile-card-paging {
    display: none;
}

.card-listing{
    width: 100%;
    border-radius: 7px;
}

.card-listing-block{
    background-image: var(--listing-background-image);
    padding-block: 1em;
    margin-block: 2em;
    border-radius: var(--default-border-radius);
    color: var(--default-text-color);
    box-shadow: 0px 0px 5px 1px rgba(226, 175, 255,0.75);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(226, 175, 255,0.75);
    -moz-box-shadow: 0px 0px 5px 1px rgba(226, 175, 255,0.75);
}

.card-listing-block:first-child {
    margin-top: unset;
}

.card-listing-block:last-child {
    margin-bottom: unset;
}

.card-listing-row{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 1em;
    margin-block: 0.5em;
}

/* END of mobile card listing */

/* START of Public Registration */
.register-section-content{
    background-color: var(--login-div-bg-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--default-border-radius);
}

.register-form-label{
    font-size: var(--default-font-size);
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-thick);
}

.public-registration-container{
    background: var(--default-border-image);
    width: fit-content;
    height: fit-content;
    padding: 0.5rem;
    border-radius: 30px;
}

.public-registration-container hr{
    background-color: var(--default-text-color);
    opacity: 0.2
}

.login-url, .btn-enter-otp{
    color: var(--url-link);
    text-decoration: underline;
    cursor: pointer;
}

.btn-enter-otp.active{
    color: #c9c9c9;
    text-decoration: none;
}

.registration-relative-container, .email-container{
    position: relative;
}

.login-form-password-btn{
    position: absolute;
    right: -5px;
    top: 15px;
}

.login-page-form-password-icon{
    right: 5px;
    top: 2px;
}

.btn-enter-otp{
    position: absolute;
    right: 25px;
    top: 45px;
}

.form-control.beforeLoginForm{
    color: var(--default-text-color);
}

.password-requirement-text{
    color: var(--default-text-color);
    opacity: 0.8;
    line-height: 2;
}

.publicRegistration-country .select2-container--default .select2-selection--single .select2-selection__rendered,
#select2-loginModalMobilePreffixHiddenInput-container{
    height: 51px;
    width: 100%;
    background-color: var(--form-control-background-color);
    border-radius: var(--form-control-border-radius);
}

#select2-loginModalMobilePreffixHiddenInput-container{
    width: 100%;
    color: var(--default-text-color);
    padding: var(--form-control-padding);
}

.publicRegistration-country .select2-container .select2-selection--single .select2-selection__rendered{
    padding: var(--form-control-padding);
}

.publicRegistration-country .select2-container--default .select2-selection--single, #loginModalMobilePreffixHiddenInputWrapper .select2-selection.select2-selection--single{
    background-color: transparent!important;
    border: none;
}

.publicRegistration-country .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 25px;
    right: 5px;
    color: var(--default-text-color);
}

.publicRegistration-country .select2 .select2-container .select2-container--default{
    width: 100%;
}

/* select 2 dropdown container */
.select2-dropdown.select2-dropdown--below{
    top: 25px;
    background-color: var(--form-control-background-color);
}

/* select 2 input field */
.select2-search__field{
    background-color: var(--form-control-background-color);
    color: var(--default-text-color);
}

/* select 2 dropdown opened */

.select2-container--open .select2-dropdown--below{
    border: none;
}

/* select 2 arrow */
.select2-container--default .select2-selection--multiple .select2-selection__arrow:before, .select2-container--default .select2-selection--single .select2-selection__arrow:before{
    content: "▾";
    color: var(--default-text-color);
    font-size: 1.5rem;
}

.select2-results__option span{
    color: var(--default-text-color);
}

.publicRegistrationWrapper{
    background-image: var(--login-bg);
    background-position: center;   
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #0F0824;
}

.company-logo-wrapper img{
    width: 200px;
    margin-top: 5rem;
    cursor: pointer;
}

.select2-selection__rendered span{
    color: var(--default-text-color);
}

.fa-undo{
    cursor: pointer;
    filter: invert(1);
    transform: scaleX(-1);
    width: 24px;
    height: 24px;
}

.country-container{
    display: flex;
    flex-direction: column;
}

.country-container .invalid-feedback {
    margin-top: 2rem;
    order: 10;
}

#loginModalMobilePreffixHiddenInputWrapper .select2.select2-container.select2-container--default{
    width: 100% !important;
}

.publicRegistration-country.publicRegistration-country-tune .select2-container{
    width: 100% !important;
}

#loginModalMobilePreffixHiddenInpu .select2-container--default.select2-selection--single{
    background-color: red!important;
    border: none;
}

.phone-number-container{
    width: 100%;
    display: flex;
    padding-inline: 0;
}

#phoneNo.form-control{
    border-top-left-radius: 0%;
    border-bottom-left-radius: 0%;
}

#select2-loginModalMobilePreffixHiddenInput-container{
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
    height: 51px;
}
/* overwrite dial code prefix select 2 css */
#loginModalMobilePreffixHiddenInputWrapper .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 25px;
    right: 0px;
}

.public-lang-container {
    position: relative;
    align-self: flex-end;
}

.lang-dropdown-list-public {
    right: 0;
}
/* END of Public Registration */

/* marketplace */
.pagetitle{
    font-size: 30px;
    font-weight: 900;
    margin: auto;
    text-align: center;
    width: 100%;
}
.classification{
  display: flex;
}

.marketplacemenu{
    display: flex;
    justify-content: space-between;
}
.classification .sortby{
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    width: 90px;
}
.classification i {
    padding: 10px 0px 10px 10px;
    font-size: 20px;
}
.classificationname {
    padding: 5px;
    border: solid 1px #3a344b;
    border-radius: 5px;
    margin: 5px;
    width: 100px;
    text-align: center;
    color: #c3c2c9;
    cursor: pointer;
    text-transform: capitalize;
}
.marketplacesearch{
    padding: 5px;
    margin: 5px;
    margin-right: 0px;
    background-color: #f0f8ff00;
    border: solid 1px #3a344b;
    border-radius: 5px;
    width: 100%;
    padding-left: 30px;
    color: #fff;
    height: 35px;
}
.searchbox i{
    position: relative;
    left: 35px;
    top: 13px;
    height: 20px;
    cursor: pointer;

    
}
.searchbox{
    display: flex;
}
.sectionbox{
    margin-top:2rem;
}

.quantity-input-display{
    width: 100%;
    border: none;
    outline: none;
    color: #FFF;
    background-color: transparent;
    text-align: center;
}

.quantity{
    background-color: #1d1730;
    border: solid 0px;
    margin: 0px 0px 0px 0px;
    line-height: 100%;
    text-align: center;
    /* width: 59%; */
    width: 100%;
    height: 33px;
    line-height: 33px;
}
.add{
    padding: 3px;
    width: 33px;
    height: 33px;
    border-radius: 10px;
    background-color: #6c50ff;
    position: relative;
    right: 10px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.reduce{
    padding: 3px;
    width: 33px;
    height: 33px;
    border-radius: 10px;
    background-color: #080316;
    position: relative;
    left: 10px;
    z-index: 2;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.marketplaceboxname{
    font-weight: 900;
}

.marketplace-wallet-container{
    /* width: 200px;
    overflow: hidden; */
    /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; */
    /* margin: auto;
    position: relative; */

    font-size: 10px;
    color: #b7b7bf;
    width: 200px;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.marketplaceboxwellat{
    /* position: absolute; */
    white-space: nowrap;
    transform: translateX(0);
    transition: 3s;
}

.marketplace-wallet-container:hover .marketplaceboxwellat{
    transform: translateX(calc(200px - 220%));
}

.marketplaceboxpires{
    font-size: 20px;
    font-weight: 900;
}
.reduce.positive{
    background-color: #6c50ff;
    cursor: pointer;
}
.reducediv{
    justify-content: end;
    display: grid

}
.setwellatmodal .modal-title{
    text-align: center;

}
.setwellatmodal .modal-header{
    justify-content: center;
    border-bottom: solid 1px;
    border-image:unset;
    border-radius: 0;
}
.setwellatmodal .modal-content{
    /* border: solid 2px; */
    background-image: linear-gradient(90deg, var(--btn-primary-background-color), var(--btn-primary-background-color)), var(--btn-border-image);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    border: 2px solid transparent;
    border-radius: var(--btn-border-radius);
    box-shadow: 2px 0px 12px 0px white !important;
}

.marketplace-payment-balance-div {
    font-size: 13px;
}

.marketplace-payment-horizontal-line {
    border: 0.5px solid #332D44;
    margin: 2rem -1.5rem 0rem -1.5rem;
    width: 110%;
}

.marketplace-payment-type .modal-dialog {
    max-width: 50%;
    margin: auto;
}

.marketplace-boxes-img-div {
    width: 100%;
    position: relative;
}

.marketplace-boxes-img-div:hover .marketplace-boxes-img-description,
.marketplace-boxes-img-description:hover,
.marketplace-boxes-img:hover + .marketplace-boxes-img-description {
    display: block;
}

.marketplace-boxes-img-description {
    display: none;
    position: absolute;
    transform: translate(50%, -50%);
/*    top: 50%;*/
    top: 170px;
    top: 31.5%;
    right: 50%;
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    max-width: 80%;
    background-image: linear-gradient(90deg, var(--btn-primary-background-color), var(--btn-primary-background-color)), var(--btn-border-image);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    border: 2px solid transparent;
    border-radius: var(--btn-border-radius);
    padding: 1rem 1.5rem;
    z-index: 10;
}

.marketplace-boxes-img-div .marketplace-boxes-img-description {
    transform: translate(50%, -50%);
    top: 50%;
    right: 50%;
}
/* My Profile */

.profile-tab-selection p, .tab-selected-container p{
    margin-bottom: 0;
}

.tab-selection-container, .tab-selected-container {
    background-image: var(--default-border-image);
    padding: 2px;
    border-radius: var(--btn-border-radius);
    height: 100%;
}
.tab-selection-inner-div, .tab-selected-inner-div {
    border-radius: var(--btn-border-radius);
    padding: 1.5rem 0rem;
    background-color: var(--primary-background-color);
    position: relative;
}

.tab-selected-inner-div {
    padding: 0rem;
}

.my-profile-user-meta {
    padding: 3rem 2rem;
    padding-bottom: 0;
}

.profile-tab-selection {
    padding-inline: 2rem;
    cursor: pointer;
}

.profile-tab-selection.active {
    background: var(--default-border-image);
    color: var(--btn-primary-background-color);
    font-weight: var(--default-font-weight-max);
}

.page-title {
    font-size: var(--page-title-font-size);
    margin-bottom: 15px;
}

.my-profile-user-meta hr {
    border-top: 2px solid #fff;
    width: 20%;
    text-align: left;
    display: inline-block;
    margin-block: 0;
}

.button-outer-div {
    background-image: var(--default-border-image);
    padding: 2px;
    border-radius: var(--btn-border-radius);
    height: fit-content;
}

.button-inner-div {
    border-radius: var(--btn-border-radius);
    padding: calc(0.5 * var(--btn-padding)) calc(2 * var(--btn-padding));
    background-color: var(--primary-background-color);
    position: relative;
    cursor: pointer;
}

.button-inner-div button {
    border: none;
    background: none;
    color: var(--btn-primary-text-color);
}

.user-profile-image {
    margin-right: 0.5rem;
    /* width: 3rem; */
    height: 5rem;
    cursor:pointer;
}

.tab-selected-container .break-line-hr {
    border-top: 1px solid var(--default-breakline-color);
    margin-block: 30px;
}

.my-profile-input-section {
    padding-inline: 2rem;
    padding-bottom: 3rem;
}

.my-profile-icon {
    width: 16px;
    margin-right: 10px;
}

.my-profile-input{
    border:none;
    background: none;
    color: var(--default-text-color);
    text-align: right;
    width: 100%;
}

.editable-profile-input {
    cursor: pointer;
}

.my-profile-tab-section .select2-container--default.select2-container--focus .select2-selection--single {
    background: none;
    border: none;
}

.my-profile-tab-section .select2-container--default .select2-selection--single .select2-selection__rendered{
    background: var(--btn-primary-background-color);
    color: white;
    line-height: 1;
    padding-right: 0;
    text-align: right;
}

.my-profile-tab-section .select2-container {
    min-width: 100px;
}

.my-profile-tab-section .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 13px;
    display: none;
}

.my-profile-tab-section  .select2-container--default .select2-selection--single {
    background-color:var(--btn-primary-background-color);
    border: none;
}

.dial-code-input {
    width: 50%;
    margin-left: 5px;
}

.submit-btn-outer-div {
    background-image: var(--default-border-image);
    padding: 2px;
    border-radius: var(--btn-border-radius);
    height: fit-content;
}

.submit-btn-inner-div {
    border-radius: var(--btn-border-radius);
    padding: calc(0.5* var(--btn-padding)) calc(2* var(--btn-padding));
    background-color: var(--primary-background-color);
    position: relative;
    cursor: pointer;
}

.submit-btn-inner-div button {
    border: none;
    background-color: transparent;
    color: white;
}

.selected-tab button[type=button] {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-40%, 165%);
}

.profile-otp-btn {
    position: absolute;
    /* transform: translate(-66%, 226%); */
    top: 42px;
    right: 30px;
    font-size: 13px;
    text-decoration: underline!important;
    color: var(--url-link)!important;
    cursor: pointer;
}

.selected-tab .password-input-container {
    position: relative;
}


.profile-otp-btn.active{
    color: #c9c9c9!important;
    text-decoration: none!important;
    transform: translate(-26%, 226%);
    cursor: default;
}

.my-profile-user-meta .italic-font {
    font-size: 13px;
    color: #FFFFFF;
    font-style: italic;
    font-weight: 100;
}

.my-profile-wallet-address-div {
    width: 50%;
}

.my-profile-wallet-address-display {
    font-weight: var(--default-font-weight-thick);
    word-break: break-all;
}

.my-profile-wallet-address-display span {
    display: block;
    overflow: hidden;
    position: relative;
}

.my-profile-wallet-address-updated-date {
    font-size: 11px;
    font-weight: 100;
}

.withdrawal-send-otp-btn.btn-enter-otp {
    top: 50px;
}

.update-wallet-address-type .email-container .form-control {
    padding: 1rem 8rem 1rem 2rem;
}

.my-profile-wallet-address-button {
    position: absolute;
    color: #E2AFFF;
    font-size: 15px;
    background-color: transparent;
    border: unset;
    top: 10%;
    /* bottom: 12%;
    right: 29px; */
    cursor: pointer;
}

a.my-profile-wallet-address-button:not([href]):not([tabindex]), 
a.my-profile-wallet-address-button:not([href]):not([tabindex]):focus, 
a.my-profile-wallet-address-button:not([href]):not([tabindex]):hover {
    color: #E2AFFF !important;
}

.referral-modal-type.modal {
    margin-top: 8rem;
}

.referral-modal-type .modal-dialog {
    max-width: 700px;
}

.referral-modal-type .modal-body {
    background-image: var(--referral-qr-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 3rem 3rem;
    position: relative;
} 

.referral-modal-type .modal-body .close {
    position: absolute;
    transform: translate(50%, -50%);
    font-size: 2rem;
    top: 8%;
    right: 4.5%;
}

.referral-qr-title {
    /*margin-top: 0px;
    margin-bottom: 10px;
    font-family: sans-serif;
    font-size: 6rem;*/
    background: linear-gradient(to bottom, #FFFFFF, #C0F481);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: var(--default-font-weight-max);
    font-size: 5rem;
    display: flex;
    align-items: end;
    line-height: 60px;
    padding: 0rem 2rem;
    filter: drop-shadow(1px 1px 3px #000);
}

.referral-qr-section-div {
    border-radius: var(--default-border-radius);
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.referral-qr-div {
    padding: 1rem;
    border: 1px solid #E2AFFF;
    border-radius: var(--default-border-radius);
    background-color: transparent;
    position: relative;
}

.row.qr-ref-code-div {
    margin-right: -20px;
    margin-left: -20px;
}

.referral-qr-social-icon {
    width: 2.5rem;
    margin-right: 0.7rem;
    cursor: pointer;
}

.referral-qr-social-icon:last-child {
    margin-right: unset;
}

.referral-qr-social-icon img {
    width: 100%;
    height: auto;
}

.referral-qr-section-title {
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-bold);
}

#qrImage {
    background-color: #FFF;
    padding: 0.05rem;
}
/* End of My Profile */

/* START of Forgot Password */
.forgot-password-modal-header{
    border-bottom: 2px solid rgba(255,255,255, 0.15);
    border-radius: 0;
    border-image: unset;
}

.modal .modal-content .modal-header .close:hover{
    color: var(--default-text-color);
}

.forgot-password-modal-body{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.forgot-password-modal-body img{
    width: 180px;
    margin-block: 1rem;
}

.forgot-password-modal-body p{
    font-size: var(--default-font-size);
    text-align: center;
    margin-bottom: 0;
}
/* END of Forgot Password */

/* Fund In */
.fund-in-qr-copy-btn img {
    width: 20px;
}

.fund-in-wallet-div .qrForm {
    background: none;
    border: none;
    width: 85%;
}

.disclaimer-div {
    flex-direction: column;
}

.terms .warning-text {
    color: red;
}

.fund-in-disclaimer-icon {
    width: 20px;
    margin-right: 8px;
}

.fund-in-div .fund-in-tick-icon {
    /*width: 10px;
    margin-right: 8px;*/
    width: 8px;
    margin-right: 8px;
    margin-top: 7px;
}

.fund-in-outter-div {
    background-image: var(--default-border-image);
    padding: 2px;
    border-radius: var(--btn-border-radius);
    height: 100%;
}

.fund-in-div {
    border-radius: var(--btn-border-radius);
    padding: 30px;
    background-color: var(--primary-background-color);
    position: relative;
}

.section-title {
    font-weight: bold;
}

#qrCodeSection img {
    background-color: var(--default-text-color);
    width: 70%;
    padding: 10px;
}

.fund-in-qr-display {
    border: 1px solid var(--url-link);
    border-radius: var(--btn-border-radius);
    padding: 50px 0px;
}

#walletAddress.qrForm {
    color: var(--default-text-color);
}

.vertical-line {
    border-left: 2px solid var(--secondary-background-color);
    height: 30%;
}

#creditTypeSelectContainer .select2-container .select2-selection--single .select2-selection__rendered{
    background-color: var(--form-control-disabled-background-color);
    border: var(--form-control-disabled-border);
    color: var(--form-control-text-color);
    border-radius: var(--form-control-border-radius);
    padding-inline: 1.5rem;
}

#creditTypeSelectContainer .select2-selection.select2-selection--single{
    background-color: transparent;
    border: none;
}

#creditTypeSelectContainer .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 22px;
    right: 10px;
}

/* End of Fund In */


/* START of Referral QR Modal */
a.header-dropdown-item {
    color: var(--default-text-color)!important;
}
/*.disclaimer-div .custom-marker li {
    width: 20px;
}*/

.qr-ref-code-div{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.qr-ref-input-field{
    background-color: transparent;
    border: none;
    color: var(--default-text-color);
    width: 90%;
}
.qr-ref-copy-btn img{
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left: 1rem;
}

.qr-ref-code-div{
    padding: 1rem 0rem;
}

.qr-image-container{
    width: fit-content;
    padding-inline: 1rem;
    border: 1px solid #E2AFFF;
    border-radius: 15px;
    position: relative;
}

#qrImage .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#qrImage .logo img{
    width: 35px;
}

/* END of Referral QR Modal */
.wallet-dropdown-list.collapse {
    display: none;
    /* width: 120%;
    padding-top: 10px; */
    position: absolute;
    top: 35px;
    right: -40px;
    z-index: 10;
  
    background-image: var(--default-border-image);
    padding: 2px;
    border-radius: var(--default-border-radius);
}
.wallet-dropdown-list.collapsing {
    display: none;
    /* width: 120%;
    padding-top: 10px; */
    position: absolute;
    top: 35px;
    right: -40px;
    z-index: 10;
   
    background-image: var(--default-border-image);
    padding: 2px;
    border-radius: var(--default-border-radius);
}

.wallet-dropdown-list.collapse.show {
    display: block;
}

.wallet-dropdown-list-inner-div {
    background-color: var(--primary-background-color);
    /* border-radius: var(--default-border-radius); */
    border-radius: 20px;
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-thin);
    border-radius: var(--default-border-radius);
    padding: 0.5rem 0.5rem;
    z-index: 18;
    position: relative;
    width: 100%;
    border: 1px solid var(--default-form-control-disabled-border);
    /* box-shadow: 0px 0px 6px #FFFFFF63; */
    padding: 20px 0px;

}
.wallet-dropdown-item {
    padding: 1rem 0.2rem;
    background-color: var(--default-content-div-bg-color);
    border: unset;
    width: 100%;
    text-align: left;
    color: var(--btn-text-color);
    border-radius: 10px;
    /* padding-left: 30px; */
    width: 180px;
    font-size: 15px;
    /* width: 100%; */
    border-radius: 0px;
    padding: 5px 15px;
}
.wallet-dropdown-item:hover {
    color: var(--default-text-color);
    background-image: var(--default-background-gradient);
    /* width: 100%; */
    border-radius: 0px;
    padding: 5px 15px;
}
.dashboardbotton{
    width: fit-content !important;
}
.dashboardbotton .btn{
    padding: 0.9rem 3rem;
    
}
.duoquantity{
    position: absolute;
    right: 45px;
    /* bottom: 2px; */
    top: 35%;
    font-size: 30px;
    font-weight: 600;
    background-image: var(--marketplace-bg);
    background-position: center;
    background-size: cover;
    height: 100px;
    width: 110px;
    text-align: center;
    padding-top: 25px;

}
.toppaymentdata{
    padding: 15px 30px;
    border-radius: 25px;
    background: #5c5c5c36;
}
.paymentdisplay{
    display: flex;
    justify-content: space-between;
}
.paymentinputdata .balance2dsipaly{
    font-size: 13px;
    color: #e2afff;
}
.paymentinputdata span{
    font-size: 13px;
    /* color: #e2afff; */
}
.marletplacecounmdown{
    text-align: center;
}
.quantitypopup{
    border-bottom: solid 1px;
}
.mysterytitle{
    font-weight: 600;
}
.btn:hover {
    color: #fff;
    text-decoration: none;
}

.noResultTxt{
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-bold);
}

.no-result-found-img {
    width: 15rem;
    height: auto;
    margin-bottom: 2rem;
}

.emptyTableContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.emptyTableContent.table-header-type {
    background-image: var(--listing-background-image);
}

.card-listing-block:has(.noResultTxt) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: unset;
    border: unset;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
}

.listing-section:has(.emptyTableContent.table-header-type) {
    /*    border-radius: var(--default-border-radius);*/
    border-radius: 30px;
    border: 1px solid #B24EFF;
/*    background-color: #1D0D34;*/
    background-color: #B24EFF14;
    padding: 1.5rem;   
}

.listing-section:has(.emptyTableContent.table-header-type) .table-responsive.border-bottom-radius-0 {
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
}

.listing-section:has(.emptyTableContent) {
    background-color: transparent;
    border: unset;
}

.bocltext{
    font-weight: 600;
}
.modal.show{

    overflow-y: auto;
}
/* Inventory */
.inventory-outer-div {
/*    border: 1px solid #2E2840;*/
    border: 1px solid #FFFFFF33;
    border-left: unset;
    border-right: unset;
}

.inventory-outer-div.secondary {
    border: unset;
}

.inventory-filter-section {
/*    border-right: 1px solid #2E2840;  */
    border-right: 1px solid #FFFFFF33;  
    padding: 0.7rem 2.5rem; 
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thin);
    color: var(--default-text-color);
    display: flex;
    align-items: center;
}

.inventory-filter-title {
    width: 100%;
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-bold);
}

.inventory-filter-title.bordered-bottom {
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #FFFFFF33;
    margin-bottom: 0.7rem;
}

.inventory-filter-icon {
    width: 20px;
    height: auto;
    margin-right: 1.5rem;
}

.inventory-content-section {
    padding: 0.7rem 2rem;
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thin);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--default-text-color);
}

.inventory-filter-input-search-div {
    display: flex;
    align-items: center;
    width: 50%;
}

.inventory-filter-input-search-div i {
    font-size: 17px;
    margin-right: 1rem;
}

.inventory-filter-input-search {
    background-color: transparent;
    border: unset;
    font-size: var(--default-font-size);
    color: var(--default-text-color);
    width: 90%;
}

.inventory-filter-input-search:focus {
    outline: none !important;
}

.inventory-filter-search-btn {
    background-color: transparent;
    border: 1px solid #FFFFFF33;
    padding: 0.3rem 2rem;
    font-size: var(--default-font-size);
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-thin);
    border-radius: 5px;
    cursor: pointer;
}

.inventory-secondary-section {
    min-height: 90vh;
}

.inventory-secondary-section .inventory-filter-section {
/*    padding: 3rem 4.5rem 2rem 2.5rem; */
    padding: 3rem 6.5rem 2rem 2.5rem; 
/*    display: block;*/
    display: flex;
    flex-direction: column;
/*    justify-content: center;*/
    align-items: start;
}

.inventory-secondary-section .inventory-content-section {
    padding: 1rem 2.5rem;
    align-items: start;
    justify-content: space-between;
    flex-direction: column;
}

.inventory-tab-outer-div {
    background-image: var(--default-background-gradient);
    padding: 2px;
    border-radius: var(--btn-border-radius);
/*    width: 100%;*/
    width: max-content;
}

.inventory-tab-inner-div {
    background-color: var(--primary-background-color);
    padding: 0.3rem;
    border-radius: var(--btn-border-radius);
    display: flex;
    align-items: center;
    justify-content: space-between;
/*    width: 100%;*/
    width: max-content;
}

.inventory-tab-btn {
    border: unset;
    border-radius: var(--btn-border-radius);
    background-color: transparent;
    color: var(--default-text-color);
    font-weight: 100;
    padding: 1rem 2rem;
}

.inventory-tab-btn.selected-tab {
    background-image: var(--default-background-gradient);
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-bold);
}

.inventory-dropdown-div {
    margin: 0.5rem 0rem;
}

.inventory-dropdown-anchor {
    background-color: transparent;
    text-decoration: none;
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    font-weight: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.inventory-dropdown-anchor:hover,
.inventory-dropdown-item:hover {
    font-weight: var(--default-font-weight-bold);
    color: var(--default-text-color);
}

.inventory-dropdown-item {
    background-color: transparent;
    text-decoration: none;
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    font-weight: 100;
    padding-left: 1rem;
    margin: 0.5rem 0rem;
    display: block;
}

.dropdown-div {
    position: relative;
}

.dropdown-list {
    position: absolute;
    z-index: 10;
    top: 110%;
    right: 0;   
}

.dropdown-outer-list-div {
    background-image: var(--default-border-image);
    padding: 2px;
    border-radius: var(--btn-border-radius); 
}

.dropdown-inner-list-div {
    border-radius: var(--btn-border-radius);
    padding: 0.9rem 0rem;
    background-color: var(--primary-background-color);
    overflow: hidden;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1.5rem;
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thin);
}

.dropdown-item:hover {
    color: var(--default-text-color);
    background-image: var(--default-background-gradient);
}

.inventory-item-card {
    background-color: #1D1830;
    border-radius: 10px;
    overflow: hidden;
}

.inventory-card-details {
    color: var(--default-text-color);
    padding: 0.5rem 1.2rem;
}

.inventory-card-title {
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-bold);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-card-subtitle {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 100;
    font-size: 12px;
}

.inventory-card-subtitle.no-description {
    height: 18px;
}

.btn.inventory-btn {
    width: 100%;
}

.inventory-static-img {
    width: 100%;
    height: auto;
}

.inventory-gif,
.inventory-item-card:hover .inventory-static-img {
    display: none;
    width: 75%;
}

.inventory-item-card:hover .inventory-gif {
    display: inline;
}

.inventory-img-div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10rem;
}

/*.inventory-item-card:hover .inventory-img-div {
    height: 9.89rem;
}*/

.inventory-filter-checkbox-label {
    display: flex;
    align-items: center;
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thin);
    cursor: pointer;
}

.inventory-filter-checkbox {
    display: none;
}

.inventory-filter-checkbox-display {
    margin-right: 0.7rem;
    margin-bottom: 0.2rem;
    width: 15px;
    height: 15px;
    background-color: #1D1730;
    border: 1px solid #E2AFFF;
    position: relative;
}

.inventory-filter-checkbox-display:before {
    content: "L";
    display: none;
    color: #E2AFFF;
    top: 42%;
    right: 54%;
    position: absolute;
    font-size: 12px;
    font-weight: var(--default-font-weight-bold);
    transform: translate(50%, -50%) rotate(40deg) scaleX(-1);
}

.inventory-filter-checkbox-label:has(.inventory-filter-checkbox:checked) .inventory-filter-checkbox-display:before {
    display: inline-block;
}
/* Inventory */

/* Open Box */

.modal.open-box-type .modal-content {
    margin-top: 6rem;
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    border-image: unset;
    background-image: unset;
    background-clip: unset;
    background-origin: unset;
    background-color: transparent !important;
}

.modal.open-box-type::-webkit-scrollbar {
    width: 0px;
    display: none;
}

.modal.open-box-type::-webkit-scrollbar-track {
    background: transparent; 
    border-radius: 10px;
}

.modal.open-box-type::-webkit-scrollbar-thumb {
    background: transparent; 
    border-radius: 10px;
}

.modal.open-box-type::-webkit-scrollbar-thumb:hover {
    background: transparent; 
}


.modal.open-box-type .modal-dialog {
    max-width: 700px;
}

.modal.open-box-type:has(.displaying-result) .modal-dialog {
    max-width: 1200px;
}

.modal.open-box-type .modal-content {
    border-radius: unset;
}

.modal.open-box-type .modal-body {
    background-color: transparent !important;
    padding: unset;
    position: relative;
    border-radius: unset;
}

.opening-box-gif {
    width: 100%;
    height: auto;
    animation-name: shrink-animation;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-duration: 3s;
}

@keyframes shrink-animation {
    0% {
        transform: scale(1);
    }
    65% {
        transform: scale(0.1);
    }
    100% {
        transform: scale(0);
    }
}

.flashing-animation {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-image: radial-gradient(#FFF 0%, transparent 65%);
    background-position: center;
/*    background-size: 100% 100%;*/
    background-size: 0% 0%;
    background-repeat: no-repeat;
    animation-name: flash-animation; 
    animation-timing-function: ease;
    animation-delay: 2s;
/*    animation-duration: 3.5s;*/
    animation-duration: 4s;
    filter: brightness(1.3);
}

@keyframes flash-animation {
    0% {
        background-size: 0% 0%;
    }
    /*75% {
        background-size: 100% 100%;
    }*/
    100% {
        background-size: 105% 105%;
    }
}

.rare-type .flashing-animation {
/*    background-image: radial-gradient(#6CCCE7 12%, transparent 65%);*/
background-image: radial-gradient(#6CCCE7 0%, transparent 65%);
}

.ultrarare-type .flashing-animation {
    background-image: radial-gradient(#62C375 0%, transparent 65%);
}

.legendary-type .flashing-animation {
    background-image: radial-gradient(#B647E0 0%, transparent 65%);
}

.result-card-div {
    box-shadow: 0px 0px 20px 0px rgba(255, 255, 255,0.75);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255,0.75);
    border-radius: 5px;
    position: relative;
    opacity: 0;
    margin: 0rem 0.5rem 1.7rem 0.5rem;
}

.result-card-img {
    width: 100%;
    height: auto;
}

.show-result.result-card-div {
    /*animation-name: opacity-animation; 
    animation-timing-function: linear;
    animation-duration: 2s;*/
    transition: linear 0.5s;
    opacity: 1;
}

/*@keyframes opacity-animation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}*/

.open-box-type .btn {
    opacity: 0;
}

.open-box-type .btn.show-result-btn {
    transition: linear 0.5s;
    opacity: 1;
}

.result-prize-value-display {
    position: absolute;
    top: 82%;
    left: 8%;
    z-index: 5;
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thick);
    max-width: 80%;
    overflow: hidden;
/*    word-break: break-all;*/
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Open Box */

/* NFT List */
.nft-item-card {
    background-color: #1D1830;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.nft-item-card:hover {
    transform: scale(1.05);
}

.nft-item-card.claimed-card {
    opacity: 0.5;
    pointer-events: none;
}

.nft-item-details {
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-bold);
    padding: 0.5rem 1rem;
}

.nft-item-details div {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nft-img-div {
    background-image: linear-gradient(142deg, #494051 10%, #170A20 50% 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
/*    position: relative;*/
}

.nft-img-div img {
    width: 100%;
    height: auto;
}

/*.ntf-used-tag {
    position: absolute;
    color: #FF0000;
    border: 3px solid #FF0000;
    border-radius: var(--default-border-radius);
    padding: 0rem 0.5rem;
    font-size: 1.5rem;
    width: max-content;
    font-weight: var(--default-font-weight-bold);
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.nft-img-div:has(.ntf-used-tag) img {
    opacity: 0.5;
}*/

/* NFT List */

/* START of NFT Details Page */
.nft-image-container img{
    width: 100%;
}

.nft-detail-name{
    font-size: var(--page-title-text);
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-bold);
}

.nft-detail-tag{
    font-size: var(--page-description-text);
    color: var(--default-text-color);
    margin-left: 1rem;
}

.nft-divider{
    width: 10%;
    height: 2px;
    background-color: rgba(255,255,255,0.2);
    margin-block: 3rem;
}

.nft-content h5{
    color: var(--default-text-color);
    font-size: var(--default-font-size);
}

.nft-content a{
    color: var(--url-link);
    text-decoration: underline;
    font-size: var(--default-font-size);
}

.nft-content-info{
    color: rgba(255,255,255,0.7);
    font-size: var(--default-font-size);
}

/* END of NFT Details Page */

/* Prize Pool */
.section-bg:has(.prize-pool-page) {
    background-image: var(--prize-pool-bg);
}

.prize-pool-prize-div {
    background: transparent;
    padding: 1.5rem 3rem;
    background-image: linear-gradient(90deg, var(--btn-primary-background-color), var(--btn-primary-background-color)), var(--btn-border-image);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    border: 2px solid transparent;
    border-radius: var(--btn-border-radius);
}

.prize-pool-icon {
    width: 4rem;
    height: auto;
    margin-right: 1rem;
}

.prize-pool-title {
    font-size: var(--default-font-size);
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-thin);
    /* max-width: 80%; */
    /* overflow: hidden; */
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prize-pool-value {
    color: var(--default-text-color);
    font-size: 20px;
    font-weight: var(--default-font-weight-bold);
    word-break: break-all;
}

.prize-pool-img {
    width: 100%;
    height: auto;
    transition: ease-in 1s;
}

.prize-pool-img.not-available {
    filter: brightness(0.6);
}

.btn.prize-pool-btn {
    width: 100%;
}

.btn-secondary.prize-pool-btn:disabled {
    background-color: var(--btn-secondary-background-color);
    color: var(--btn-secondary-text-color);
    font-weight: var(--default-font-weight-bold);
}

.prize-pool-collection-div {
    background-color: var(--primary-background-color);
    padding: 3rem 0rem;
    border: 2px solid #E2AFFF;
    border-radius: var(--btn-border-radius);
}
.prize-pool-redemption-type.modal,
.update-wallet-address-type.modal,
.withdrawal-type.modal {
    z-index: 1049;
}

.prize-pool-redemption-type .modal-dialog {
    margin-top: 10rem;
}

.collection-title {
    color: var(--default-text-color);
    font-size: 20px;
    font-weight: var(--default-font-weight-bold);
}

.collection-display-div {
    border-bottom: 1px solid #3F394F;
    padding: 2rem 4rem;
}

.collection-display-div:last-child {
    border-bottom: unset;
    padding-bottom: unset;
}

.collection-type {
    border-radius: var(--btn-border-radius);
    border: 1px solid #FFF;
    position: relative;
    background-image: var(--collection-bg1);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: var(--default-font-weight-bold);
    font-size: var(--default-font-size);
    padding: 1rem 0rem;
}

.collection-type.common-type {
    background-image: var(--collection-bg1);
}

.collection-type.rare-type {
    background-image: var(--collection-bg2);
}

.collection-type.ultra-rare-type {
    background-image: var(--collection-bg3);
}

/*.collection-item-details {
    display: flex;
    align-items: center;
}*/

.collection-item-img {
/*    width: 10rem;*/
    width: 100%;
    height: auto;
    margin-right: 1rem;
}

.collection-item-title {
    font-size: var(--default-font-size);
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-bold);
    margin-bottom: 1rem;
}

.collection-item-progress {
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: 1rem;
    background-color: #1D1730;
}

.collection-item-progress-filling {
    border-radius: 20px;
    width: 50%;
/*    padding: 0.5rem;*/
    height: 100%;
    background-image: linear-gradient(to bottom, #DAA9FF, #7B5DFF);
}

.collection-item-progress-filling.no-progress {
    background-color: transparent;
    background-image: unset;
}

.collection-item-progress-filling.near-completion {
    background-image: linear-gradient(to bottom, #F80002, #880000);
}

.collection-item-progress-filling.completed {
    background-image: linear-gradient(to bottom, #5C5C5C, #373737);
}

.collection-item-value {
    font-weight: var(--default-font-weight-thick);
    font-size: 13px;
}
/* Prize Pool */

/* My History */
.modal-footer.reward-modal {
    border: none;
}

.reward-icon-div {
    position: relative;
    margin-right: 0.5rem;
    cursor: pointer;
}

.reward-icon-div:last-child {
    margin-right: unset;
}

.reward-icon-img {
    width:25px; 
}

.reward-val-div {
    display: none;
    width: max-content;
    position: absolute;
    padding: 0.2rem 0.7rem;
    border-radius: var(--btn-border-radius);
    background-color: #0F0823;
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-thin);
    border: 1px solid #95B0F3;
    bottom: 198%;
    right: 48%;
    transform: translate(50%, 50%);
}

.reward-val-div::after {
    display: block;
    content: "";
    width: 0;
    position: absolute;
    right: 50%;
    transform: translate(50%, 25%);
    border: 10px solid transparent;
    border-top-color: #95B0F3;
    border-bottom: 0;
}

.reward-val-div::before {
    display: block;
    content: "";
    width: 0;
    position: absolute;
    right: 50%;
    transform: translate(50%, 226%);
    border: 10px solid transparent;
    border-top-color: #0F0823;
    border-bottom: 0;
    z-index: 10;
}

.reward-icon-div:hover .reward-val-div {
    display: block;
}
/* End of My History */

.btn-copy-icon{
    width: 16px;
    height: 16px;
    cursor: pointer;
}
/* Dashboard */
.dashboard-wallet__gif {
    display: none;
    width: 400px;
    position: absolute;
    top: -69px;
    right: -226px;
}

.dashboard-wallet__gif.animate {
    display: block;
    animation: slideFromRight;
    animation-duration: 2s;
}


.wallet-section-body {
    position: relative;
    /* overflow-x: clip; */
}

.nft-box-container {
    /*box-shadow: 3px 6px 53px -13px rgba(255,255,255,0.78) inset;
    -webkit-box-shadow: 3px 6px 53px -13px rgba(255,255,255,0.78) inset;
    -moz-box-shadow: 3px 6px 53px -13px rgba(255,255,255,0.78) inset;*/
    box-shadow: 0px 0px 30px -5px rgba(255,255,255,0.78) inset;
    -webkit-box-shadow: 0px 0px 30px -5px rgba(255,255,255,0.78) inset;
    -moz-box-shadow: 0px 0px 30px -5px rgba(255,255,255,0.78) inset;
    padding: 30px;
    border-radius: var(--default-border-radius);
    width: 90%;
}

.nft-box-container p {
    margin-bottom: 0;
    text-align: left;
}

.nft-animation-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nft-animation-container .nft-plate {
    width: 170%;
}

.nft-animation-container .nft-diamond {
    width: 35%;
    margin-bottom: -265px;
}

.nft-diamond {
    animation-name: moveUpDown;
    animation-direction: alternate;
    animation-timing-function: linear; 
    animation-delay: 0s; 
    animation-iteration-count: infinite; 
    animation-duration: 3s; 
}

.to-inventory-div {
    width: unset;
}

.to-inventory-btn {
    padding: 0.9rem 2rem;
}

.dashboard-box-card {
    text-align: center;
}

.dashboard-gif {
    width: 65%;
}

.dashboard-item-card {
    position: relative;
}

.dashboard-item-card button {
    position: absolute;
    /*top: 30%;
    right: 14%;*/
/*    transform: translate(-40%, 120%);*/
    top: 35%;
    right: 27%;
    width: unset!important;
    padding-inline: 2rem;
}

.dashboard-item-card:hover .inventory-btn {
    display: block!important;
}

.dashboard-item-card.inventory-item-card {
    background-color: transparent;
    border-radius: unset;
}

.dashboard-item-card.inventory-item-card .inventory-img-div {
    height: 20rem;
}

@keyframes moveUpDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px); 
    }
    100% {
        transform: translateY(0); 
    }
}


@keyframes slideFromRight {
    0%{
      opacity: 0.1;
      transform: translateX(100%);
  
    }
    100% {
      opacity: 1;
      transform: translateX(0%);
  
    }
    
  }



.wallet-horizontal-line {
    border: 0.5px solid #FFF;
    opacity: 0.2;
    width: 10%;
    margin: 0.3rem 0rem;
}

.wallet-converted-token {
    font-size: 10px;
}

.dashboard-account-box-details-img-div {
    width: 6rem;
}

.dashboard-account-box-details-img-div:first-child {
    margin-right: 3rem;
}

.dashboard-account-box-details-img-div:last-child {
    flex: 1 1;
}

.dashboard-account-box-details-img {
    width: 100%;
}

.dashboard-banner {
    max-height: 360px;
}

/* End of Dashboard */
.walletaddresskistingname{
    width: 100%;
    background-color: #f0f8ff00;
    color: #fff;
    border: solid 0px;
    pointer-events: none;
}

.wallet-address-listing-display{
    border: none;
    outline: none;
    background-color: transparent;
    color: var(--default-text-color);
    width: 100%;
}

.add-wallet-address-reminder {
    font-size: 13px;
    margin-top: 1rem;
}
/* Support */
.support-content-section {
    position: relative;
}

.support-content-bg-img {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    background-image: var(--support-bg-img);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 17rem;
}

.support-form-section-div {
    padding: 4rem var(--default-section-primary-horizontal-padding);
    position: relative;
    z-index: 3;
}

.support-form-section {
    background: transparent;
    padding: 3rem 3.5rem;
    background-image: linear-gradient(90deg, var(--btn-primary-background-color), var(--btn-primary-background-color)), var(--btn-border-image);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    border: 2px solid transparent;
    border-radius: var(--btn-border-radius);
}

.image-file-input-div {
    background-color: var(--form-control-background-color);
    padding: var(--form-control-padding);
    color: var(--form-control-text-color);
    border-radius: var(--form-control-border-radius);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: var(--default-font-weight-thin);
    margin: unset;
    height: var(--form-control-height);
}

.form-group .image-file-input-div {
    margin-top: unset;
}

.image-file-input-div i {
    color: #6C51FF;
}

.image-file-input-title {
    color: var(--form-control-text-color);
    text-decoration: underline;
    font-weight: var(--default-font-weight-thin);
}

.no-underline {
    text-decoration: none;
}

textarea.form-control {
    padding: 1.5rem 2rem;
}
/* Support */

/* Inbox */
.inbox-chat-list-div {
    background: transparent;
    background-image: linear-gradient(90deg, var(--btn-primary-background-color), var(--btn-primary-background-color)), var(--btn-border-image);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    border: 2px solid transparent;
    border-radius: var(--btn-border-radius);
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
}

.inbox-chat-list-item {
    background-color: transparent;
    border-bottom: 1px solid #3F394F;
    padding: 1rem 2rem;
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-thin);
    font-size: 12px;
    cursor: pointer;
}

/*.inbox-chat-list-item:last-child {
    border-bottom: unset;
}*/

.inbox-chat-list-item:hover,
.inbox-chat-list-item.active {
    background-image: var(--default-background-gradient);
    /* color: ; */
}

.inbox-chat-list-item-title {
    font-weight: var(--default-font-weight-thick);
    font-size: var(--default-font-size);
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox-chat-list-item-preview {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox-chat-div {
    background: transparent;
    background-image: linear-gradient(90deg, var(--btn-primary-background-color), var(--btn-primary-background-color)), var(--btn-border-image);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    border: 2px solid transparent;
    border-radius: var(--btn-border-radius);
    overflow: hidden;
}

.inbox-chat-div.no-msg {
/*    height: 470px;*/
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: var(--default-font-weight-max);
}

.inbox-chat-title {
    background-color: #50FFFD;
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thick);
    text-align: center;
    padding: 1rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox-chat-img-name {
    color: #8C8C8C;
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.inbox-chat-box-div {
    padding: 2rem;
    /*height: 300;
    max-height: 300;*/
    height: 60vh;
    max-height: 60vh;
    overflow-x: hidden;
}

.inbox-message-display-div {
    max-width: 50%;
}

.inbox-chat-info {
    font-size: 12px;
    font-weight: var(--default-font-weight-thin);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inbox-chat-info-title {
    font-size: var(--default-font-size);
/*    font-weight: var(--default-font-weight-thick);*/
    font-weight: var(--default-font-weight-bold);
}

.inbox-chat-bubble-div {
    background-color: var(--secondary-background-color);
    border-radius: 20px;
    padding: 1.5rem 2rem;
    font-weight: var(--default-font-weight-thin);
    white-space: pre-line;
    color: var(--default-text-color);
}

.inbox-chat-bottom-div {
    background-color: var(--secondary-background-color);
    padding: 1rem 3rem;
}

.inbox-chat-textarea {
    width: 100%;
    background-color: transparent;
    border: unset;
    color: var(--default-text-color);
}

.inbox-chat-textarea[disabled] {
    cursor: not-allowed;
}

.inbox-chat-textarea:focus {
    outline: none !important;
}

.inbox-chat-img-btn {
    font-size: 15px;
    padding: 0rem;
    background-color: transparent;
    border: unset;
}

.inbox-chat-img-btn img {
    width: 30px;
    height: auto;
}

.inbox-chat-img-btn[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.inbox-chat-bubble-img {
    width: 100%;
    height: auto;
}

.inbox-chat-img-div {
    display: flex;
    align-items: end;
}
/* Inbox */
.text-end{
    text-align: end !important;
}
.changepaymodal.active span{
    color: #E2AFFF;
    border-bottom: solid 3px #E2AFFF;
    font-weight: 600;
    padding-bottom: 5px;

}
.discounttext{
    color: red;
}
.decorationdisplay{
    text-decoration: line-through;
    font-weight: 300;
    font-size: 10px;
    text-align: end;
}
.discountmodaldialog{
    max-width: 450px !important;
}
.mhbdow{
    border-radius: 25px;
    padding: 15px 21px;
    color: #fff;
    background-color: #1D1730;

}


/* Announcement */
.announcement-card-content {
    border-radius: var(--default-border-radius);
    color: var(--default-text-color);
    height: 100%;
    /*display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;*/
    background-color: #1D1730;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.75);
}

.announcement-title {
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thick);
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: 100%; */
    /* word-break: break-all; */
    white-space: break-spaces;
    word-break: break-word;
    /* line-height: 1.3rem; */
    /* text-wrap: wrap; */
}

.announcement-date {
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thin);
}

.announcement-img-div {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 10rem;
    cursor: pointer;
}

.announcement-content-div {
    display: flex;
    flex: 1 0; 
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    padding: 0.5rem 1rem 1.3rem 1rem;
    height: 10rem;
    width: 100%;
}

.announcement-custom-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.announcement-description {
    font-size: 13px;
    font-weight: var(--default-font-weight-thin);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: pre-line; */
    word-break: break-all;
    line-height: 1.3rem;
    text-wrap: wrap;
}

.announcement-btn {
    text-decoration: underline !important;
    font-weight: var(--default-font-weight-thick);
    color: #E2AFFF;
    cursor: pointer;
    background-color: transparent;
    border: unset;
    padding: unset;
}

.announcement-details-type .modal-dialog {
    max-width: 900px;
    margin-top: 10rem;
}

.announcement-details-type .modal-header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 13rem;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
    padding: unset;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.announcement-details-type .modal-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

.announcement-modal-img {
    width: 100%;
    height: auto;
}

.announcement-details-type .modal-body {
    padding: unset;
    border: unset;
}

.announcement-details-type .close {
    font-family: var(--second-font-family);
    font-size: 2.5rem;
}

.announcement-details-type .close:hover {
    color: var(--default-text-color) !important;
}

.announcement-details-type .close span {
    font-family: var(--second-font-family);
}

.announcement-modal-details-section {
    padding: 2rem 3rem;
}

.announcement-modal-title {
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-bold);
    font-family: var(--second-font-family);
    color: var(--default-text-color);
}

.announcement-modal-description {
    font-weight: var(--default-font-weight-thin);
    font-family: var(--second-font-family);
    font-size: var(--default-font-size);
    color: var(--default-text-color);
    white-space: pre-line;
/*    max-height: 70%;*/
    max-height: 10rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.announcement-view-img-modal .modal-body {
    padding: unset;
}

.announcement-view-img {
    width: 100%;
    height: auto;
}
/* Announcement */
.paymentdisplay2{
    font-weight: 300;
    color: #fff !important;
    font-size: 11px !important;
    opacity: 0.8;
}

/* Withdrawal */
.form-type-div {
    background: transparent;
    padding: 2rem;
    background-image: linear-gradient(90deg, var(--btn-primary-background-color), var(--btn-primary-background-color)), var(--btn-border-image);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    border: 3px solid transparent;
    border-radius: var(--default-border-radius);
}


.withdrawal-send-otp-btn {
    text-decoration: underline !important;
    color: var(--url-link) !important;
    font-size: var(--default-font-size);
    cursor: pointer;
}

.withdrawal-send-otp-btn:hover {
    text-decoration-color: var(--url-link) !important;
}

.withdrawal-send-otp-btn.active {
    pointer-events: none;
    opacity: 0.5;
}

.withdrawal-disclaimer {
    font-size: 80%;
}

.withdrawal-disclaimer-container {
    display: flex;
    flex-direction: column;
}
.withdrawal-disclaimer-container label { order: 1; }
.withdrawal-disclaimer-container input { order: 2; }
.withdrawal-disclaimer-container .invalid-feedback { order: 4; }
.withdrawal-disclaimer-container .withdrawal-disclaimer { order: 3; }

.withdrawal-live-rate {
    max-width: 70%;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Withdrawal */

::-webkit-scrollbar {
    background-color: black;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--default-background-gradient);
    border-radius: 10px;
    width: 5px;
}

.withdrawal-modal-detail-div {
    border-radius: var(--default-border-radius);
    background-color: var(--btn-secondary-background-color);
    padding: 1rem;
}

.withdrawal-modal-label,
.withdrawal-modal-value {
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thin);
    color: var(--default-text-color);
    max-width: 50%;
}

.withdrawal-modal-value {
    font-weight: var(--default-font-weight-bold);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.withdrawal-modal-label.total-type,
.withdrawal-modal-value.total-type {
    font-size: 17px;
}

.withdrwal-modal-horizontal-line {
/*    border: 0.5px solid #342E45;*/
    border: 0.5px solid #646C9A;
    margin: 1rem 0rem;
}

.withdrawal-type .modal-dialog {
    max-width: 400px;
}
/* Withdrawal */

/* Pop up modal */

.memo-modal {
    
    padding: 0 !important;
    /*display: flex !important;
    align-items: center;*/
    
    .modal-dialog {
        max-width: max-content;
        margin: 0px auto !important;
        top: 50%;
        transform: translateY(-50%) !important;
    }

    .modal-dialog .modal-content {
        background-color: transparent !important;
        box-shadow: unset !important;
        background-image: none;
    }

    .modal-dialog .modal-body .pop-up-memo-div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .modal-dialog .modal-body .pop-up-memo-div .memo-img img {
        max-height: 70vh;
        max-width: 100%;
    }

    .modal-dialog .modal-body .pop-up-memo-div .memo-img .memo-closeBtn {
        position: relative;

        button {
            position: absolute;
            top: 10px;
            right: 15px;
            padding: 0px;
/*            mix-blend-mode: difference;*/
            filter: invert(0.5);
        }

        button span img {
            width: 15px;
            height: 15px;
/*            filter: invert(1);*/
/*            mix-blend-mode: difference;*/
        }
    }

    .modal-dialog .modal-body .pop-up-memo-div button {
        background-color: transparent;
        color: #b9b9b97a;
        border: none;
    }

    .modal-dialog .modal-body .pop-up-memo-div button img {
        height: 28px;
        width: 16px;
    }

    .modal-dialog .modal-body .pop-up-memo-div button:first-child {
        padding-right: 20px;
    }

    .modal-dialog .modal-body .pop-up-memo-div button:last-child {
        padding-left: 20px;
    }
}

/* Pop up modal */

/* Term of Service */

.term-of-service {
    margin: 0px 15px;
}

.inset-box-shadow {
    box-shadow: inset 2px 2px 20px #FFFFFFBF;
    border-radius: 15px;
    padding: 61px 50px 51px 50px;
}

.term-of-service-text-div {
    font-size: 17px;
    line-height: 28px;
    color: var(--default-text-color);
    font-weight: bold;

    span {
        display: block;
        margin-top: 15px;
        opacity: 0.7;
        font-weight: normal;
    }
}

.term-of-service-text-div:not(:first-child) {
    margin-top: 47px;
}

/* Term of Service */

/* Privacy Policy */

.privacy-policy-title {
    font-size: 70px;
    line-height: 75px;
    font-weight: bold;
    color: var(--default-text-color);
}

.inset-box-shadow-2 {
    box-shadow: inset 2px 2px 20px #FFFFFFBF;
    border-radius: 15px;
    padding: 40px 60px 41px 60px;
}

.inset-box-shadow-2:not(:last-child) {
    margin-bottom: 35px;
}

.privacy-policy-text-div {
    font-size: 35px;
    line-height: 43px;
    font-weight: bold;
    color: var(--default-text-color);

    span {
        display: block;
        font-size: 17px;
        line-height: 28px;
        font-weight: normal;
        opacity: 0.7;
        margin-top: 27px;
    }
}

.privacy-policy-tick {
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    opacity: 1 !important;
    color: #B7B5BD;

    img {
        width: 20px;
        margin-right: 8px;
        margin-top: 4px;
    }
}

.privacy-policy-text-div .privacy-policy-small-title {
    color: var(--default-text-color);
    opacity: 1;
    font-weight: bold;
}

.privacy-policy-text-div .privacy-policy-special-title {
    color: #E2AFFF;
    font-size: 24px;
    line-height: 28px;
    opacity: 1;
    font-weight: bold;
    text-decoration: underline;
}

/* Privacy Policy */

/* About MHB 365 */
.info-content-div {
    margin-top: 5rem;
    margin-bottom: 3rem;
}

.info-content-title {
    font-size: 35px;
    font-weight: var(--default-font-weight-bold);
    color: var(--default-text-color);
    line-height: 43px;
}

.info-content-text {
    font-size: 17px;
    color: var(--default-text-color);
    opacity: 0.7;
}

.info-content-text.info-bolded-text {
    font-weight: var(--default-font-weight-bold);
    opacity: 1;
}

.info-about-image {
    width: 100%;
    height: auto;
    mix-blend-mode: lighten;
    transform: scale(1.3);
}

.no-blend-img .info-about-image {
    mix-blend-mode: unset;
    transform: scale(0.7);
}

.inset-box-shadow-2.info-about-type-box-shadow {
    padding: 4rem;
    padding-left: 2rem;
    padding-right: 4rem;
}

.inset-box-shadow-2.info-about-type-box-shadow.no-blend-img {
    padding-left: 4rem;
}

.inset-box-shadow-2.info-about-type-box-shadow.special-info-div-handling1 {
    padding: 1rem;
    padding-right: 4rem;
    padding-left: 2rem;
}

.inset-box-shadow-2.info-about-type-box-shadow.special-info-div-handling2 {
    padding: 1rem;
    padding-right: 4rem;
    padding-left: 4rem;
}

.inset-box-shadow-2.info-about-type-box-shadow.special-info-div-handling3 {
    padding-left: 4rem;
}

.special-info-div-handling1 .info-about-image,
.special-info-div-handling2 .info-about-image {
    transform: scale(0.9);
}

.special-info-div-handling3 .info-about-image {
    transform: scale(1);
}
/* About MHB 365 */

/* About MHB Token */
.info-about-token-image {
    height: 9rem;
    width: auto;
    mix-blend-mode: lighten;
}

.info-about-token-image.width-image-type1 {
    width: 100%;
    height: auto;
}

.info-about-token-image.width-image-type2 {
    width: 70%;
    height: auto;
}

.about-token-join-now-bg {
    background-color: #6C51FF;
    padding: 4rem var(--default-section-primary-horizontal-padding);
}

.about-token-join-now-title {
    font-size: 50px;
    font-weight: var(--default-font-weight-bold);
    line-height: 55px;
}

.about-token-join-now-text {
    font-size: 17px;
    color: var(--default-text-color);
    opacity: 0.8;
}

.content-section.full-width-type.about-token-join-now-section {
    min-height: unset;
}

.about-token-join-now-img {
    width: 100%;
    height: auto;
}

.btn.about-token-join-now-btn {
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
    background-image: linear-gradient(to right, #281C61, #1A1241);
    cursor: pointer;
}

.how-to-play-anchor {
    color: var(--default-text-color);
    text-decoration: underline !important;
    cursor: pointer;
}

.drop-rate-modal .box-type-title-inner-container {
    border: unset;
    background-size: contain;
    background-repeat: no-repeat;
}

.drop-rate-modal .drop-rate-box-title-div {
    position: relative;
    margin-bottom: 1.5rem;
}

.drop-rate-box-title-div .drop-rate-box-title-bg-img {
    width: 10rem;
    height: auto;
}

.drop-rate-box-title-div.type1 .drop-rate-box-title-bg-img {
    width: 18rem;
    height: 3rem;
}

.drop-rate-box-title-div.type1.vietnam-title-type .drop-rate-box-title-bg-img {
    width: 22rem;
    height: 3.5rem;
}

.drop-rate-box-title-div.type1.japanese-title-type .drop-rate-box-title-bg-img {
    width: 23rem;
    height: 3.5rem;
}

.drop-rate-box-title-div.type1.portuguese-title-type .drop-rate-box-title-bg-img {
    width: 23.5rem;
    height: 3.5rem;
}

.drop-rate-box-title-div.type2 .drop-rate-box-title-bg-img {
    width: 13rem;
}

.drop-rate-modal .drop-rate-box-title {
    position: absolute;
    transform: translate(50%, -50%);
    top: 50%;
    right: 50%;
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-thick);
    font-size: var(--default-font-size);
    width: max-content;
}

.drop-rate-modal .modal-dialog {
    max-width: 900px;
}

.drop-rate-modal .modal-body {
    padding: 2rem 4rem;
}

.drop-rate-modal .box-type-title-inner-container {
    font-weight: var(--default-font-weight-bold);
}

.drop-rate-modal .listing-section {
    width: 100%;
}

.drop-rate-modal .listing-section table thead tr th:nth-child(2n),
.drop-rate-modal .listing-section table tbody tr td:nth-child(2n) {
    text-align: right;
    border-right: 2px solid rgba(255, 255, 255, 0.15);
}

.drop-rate-modal .listing-section table thead tr th:lash-child,
.drop-rate-modal .listing-section table tbody tr td:last-child {
    border-right: unset;
}

.drop-rate-modal .listing-section table tbody tr th {
    font-weight: var(--default-font-weight-thick);
}

.drop-rate-modal .listing-section table tbody tr td {
    font-weight: var(--default-font-weight-thin);
}
/* About MHB Token */

/* Sponsor Vertical Diagram */
.downlinesWrap {
    padding: 1rem 2rem;
}

.listing-section ul.noList {
    margin: unset;
/*    padding: unset;*/
}

.listing-section ul.noList:not:has(.downlinesWrap) {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.invisibleIcon {
    opacity: 0;
}

.listing-section .downlinesWrap .text-muted {
    border-right: 1px solid var(--default-text-color);
    color: var(--default-text-color) !important;
    padding: 0rem 0.5rem;
}

.listing-section .downlinesWrap .text-muted:last-child,
.listing-section .downlinesWrap .text-muted.no-border-right {
    border-right: unset;
}

.vertical-diagram-icon {
    cursor: pointer;
}

.vertical-diagram-icon img {
    width: 0.8rem;
    height: auto;
    transform: rotate(-90deg);
    transition: linear 0.2s;
}

.vertical-diagram-icon.rotate90 img {
    transform: rotate(0deg);
}

/*.downlinesWrap:has(.rotate90) {
    border-bottom: 1px solid #95B0F3;
}*/

.listing-section.sponsor-diagram-type .table-responsive {
    overflow-x: auto;
}

.listing-section.sponsor-diagram-type .table-responsive .downlinesWrap {
    white-space: nowrap;
}

.downlinesWrap::marker {
    display: none;
}

.sponsor-diagram-parent-ul {
    list-style-type: none;
    padding-inline-start: unset;
    margin-bottom: unset;
}

.listing-section.sponsor-diagram-type .list-group:has(.emptyTableContent) {
    border: unset;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
}

/* Sponsor Vertical Diagram */

.withdrawal-disclaimer,
.invalid-feedback{
    color: #FF6161;
}

.nft-details {
    padding: 20px 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: var(--default-font-size);
    padding-bottom: 45px;
}

.nft-details-class{
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-thick);
    margin-left: 5px;
}

.nft-details-icon {
    width: 13px;
    margin-left: 10px;
}

.nft-icons{
    margin-bottom: .5rem;
}

#nftWithdrawalModal .modal-content{
    width: 85%;
}

#nftWithdrawalModal button.btn{
    width: var(--btn-width-long) !important;
}

#nftWithdrawalModal.modal .modal-content .modal-header .modal-title{
    font-size: 17px  !important;
}

#nft-withdrawal-btn.hideBtn{
    display: none;
}
#nft-withdrawal-btn.showBtn {
    display: inline-block;
    margin-left: 10px;
}

.nft-withdrawal-history .date-input-img{
    position: absolute;
    top: 33%;
    left: 11%;
    width: 15px;
    height: auto;
}

.nft-details-title{
    color: var(--form-control-text-color);
}
.nft-details-sub-title{
    width: 150px;
    color: rgba(255, 255, 255, 0.7);
    font-size: var(--default-font-size);
}

.card-listing-row > div:nth-child(1) {
    width: 150px;
   
}
  
.card-listing-row > div:nth-child(2) {
    width: 60%;
   padding-left: 10px;
}

/* About Gacha Platform */
.privacy-policy-title.about-gacha-type {
    padding-right: 17rem;
}

.info-about-gacha-img {
    height: 7rem;
    width: auto;
    mix-blend-mode: lighten;
}

.info-about-gacha-img.no-blend-img {
    transform: scale(0.9);
}

.inset-box-shadow-2.about-gacha-platform-type {
/*    padding: 2rem 3rem;*/
padding: 2.5rem 3rem;
    height: 100%;
}

.about-gacha-platform-type .info-content-text {
    white-space: pre-line;
}

.about-gacha-platform-type .info-content-text.info-bolded-text {
    font-size: 24px;
    margin-top: 0.7rem;
    margin-bottom: 1rem;
}

.about-gacha-helpline-div {
    border-radius: var(--btn-border-radius);
    background-image: var(--about-gacha-bg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 5rem 4.5rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.about-gacha-platform-bottom-div .about-token-join-now-text {
    white-space: pre-line;
}

.about-gacha-platform-bottom-div .about-token-join-now-btn {
    background-image: linear-gradient(90deg, var(--btn-primary-background-color), var(--btn-primary-background-color)), var(--btn-border-image);
}

.privacy-policy-title.about-referral-type {
    padding-right: 6rem;
}
/* About Gacha Platform */

/* Tuning */
/* NFT Withdrawal History */

.nftWithdrawalHistoryCancelBtn {
    border-radius: 15px;
    border-width: 3px;
}

.nftWithdrawalHistoryCancelBtn img {
    width: 15px;
}

/* NFT Withdrawal History */

/* Market Place */

.marketPlaceNftBoxCancelBtn,
.marketPlaceNftBoxCancelBtn:focus{
    background-color: var(--form-control-disabled-background-color) !important;
    border: var(--form-control-disabled-border);
}

/* Market Place */
/* Tuning */

.cryptoType-Select2 .select2-container .select2-selection--single .select2-selection__rendered {
    padding: var(--form-control-padding);
    background-color: var(--form-control-background-color);
    border-radius: var(--form-control-border-radius);
    border: var(--form-control-border);
    font-size: var(--default-font-size);
    height: var(--form-control-height);
    color: var(--form-control-text-color);
}
.cryptoType-Select2 .select2-container--default .select2-selection--single{
    background-color: transparent!important;
    border: none;
}

.cryptoType-Select2 .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 25px;
    right: 5px;
    color: var(--default-text-color);
}

.cryptoType-Select2 .select2 .select2-container .select2-container--default{
    width: 100%;
}

.cryptoType-Select2 .select2-container {
    width: 100% !important;
    /* height: var(--form-control-height); */
}


/* Euro Champions */
.euro-champions-title{
    width: 70%;
}

.about-gacha-platform-type .info-content-text.euro-champions-info-text-1 {
    white-space: unset;
    font-size: 32px;
    font-weight: var(--default-font-weight-thick);
    margin-bottom: 2rem;
}

.about-gacha-platform-type .info-content-text.euro-champions-info-text-2 {
    white-space: unset;
    /* font-size: 17px; */
    line-height: 2.3rem;
    padding-inline: 4rem;
    padding-bottom: 1.5rem;
}

.about-gacha-platform-type .info-content-text.euro-champions-info-text-3 {
    line-height: 2.3rem;
    padding-inline: 4rem;
    padding-bottom: 1.5rem;
    font-size:17px;
}

.euro-champions-info.inset-box-shadow-2.about-gacha-platform-type{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3.5rem 4rem;
}

.euro-price-pool {
    width: 95%;
    border: 2px solid #B24EFF;
    border-radius: 20px;
    /* min-height: 350px; */
    background: #B24EFF14;
}

.euro-champions-info{
    position: relative;
}
.euro-NFT-flag{
    /* padding-top: 2rem; */
    padding-bottom: 2rem;
    flex: auto;
}

.euro-top-football {
    position: absolute;
    top: -29px;
    right: -29px;
}

.euro-bottom-football {
    position: absolute;
    bottom: -9px;
    left: -30px;
}


.euro-top-football-img {
    height: 7rem;
}

.euro-bottom-football-img {
    height: 6rem;
}

.euro-nft-flag-img {
    height: 16rem;
    width: 100%;
}

#headerEuroList .header-dropdown-list{
    width: 200px;
    border-radius: 25px;
}

.euro-champ-sec4-box{
    height: 250px;
    width: 95%;
    box-shadow: 1px -2px 6px #E2AFFF96;
    border: 2px solid #95B0F3;
    border-radius: 35px;
}

.euro-champ-sec4-box {
    background-image: var(--euro-price-distribution-bg);
    background-size: 102%;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2rem;
}

.euro-champ-sec4-box-text-container {
    width: 46%;
    text-align: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 2.2rem;
    font-size: 16px;
}

.inset-box-shadow-2.about-gacha-platform-type.euro-champions-info-last-sec {
    padding: 4.5rem 3rem;
}

.euro-champions-info-last-sec .topup-btn-container {
    margin-top: 2rem;
}

.euro-price-pool .card-listing-row > div:nth-child(1) {
    width: 50%;
    text-align: left;
}

.euro-price-pool .card-listing-row > div:nth-child(2) {
    width: 50%;
    padding-left: 10px;
    text-align: right;
}

.euro-champions-sec3.euro-champions-info.inset-box-shadow-2.about-gacha-platform-type{
    padding: 3.5rem 10rem;
}

.footer-social-img{
    height: 1.8rem;
    cursor: pointer;
}

.footer-social-media-div{
    gap: 15px;
    margin-top: 15px;
}

.footer-anchor-text{
    opacity: 0.5;
}

#creditTypeSelectContainer.fundInContainer .select2-container{
    width: 100% !important;
}

.box-type-title-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.horoscopeNFT.box-type-title-container{
    margin-top: 2rem;
}

.box-type-title-inner-container {
    padding: 3px;
    border: 1px solid purple;
    border-radius: 12px;
    text-align: center;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: var(--euro-package-title-bg);
    background-size: cover;
    padding: 5px;
    padding-inline: 15px;
}

.hide-Title{
    display: none;
}

.show-Title{
    display: flex;
}

.nftListingTitle {
    margin-bottom: 1rem;
    font-size: 15px;
    font-weight: var(--default-font-weight-max);
}

.result-card-div.euro2024.show-result{
    border-radius: 16px;
}

.result-card-div.euro2024.show-result .result-prize-value-display {
    position: absolute;
    top: 91%;
    left: 7%;
    z-index: 5;
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thick);
    max-width: 80%;
    overflow: hidden;
    /* word-break: break-all; */
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Fantasy Stadium */
#fantasyStadium-bg-container {
    background-image: var(--fantasy-stadium-bg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#fantasyStadium-sec1,#fantasyStadium-sec2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: unset;
}
.fantasyStadium-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: var(--default-font-weight-thick);
    text-align: center;
    padding-top: 2rem;
}
.euro-Package-Fantasy-Stadium {
    height: 500px;
    /* width: 100%; */
    
}

.marketplaceboxname.euro-Package-Fantasy-Stadium-name {
    font-size: var(--default-font-size);
    padding-inline: 6rem;
    padding-top: 1rem;
    text-wrap: balance;
    font-weight: var(--default-font-weight-bold);
    margin-top: -3rem;
}
.fantasyStadium-inner-content{
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    align-items: center; 
}

.fantasy-nft-img-div.unown{
    opacity: 0.4;
}
.fantasy-nft-img-div{
    cursor: default;
}

.fantasyStadium-inner-content{
    cursor: pointer;
}
.matchList-date-hr{
    margin-top: -3px;
    margin-bottom: 1rem;
    border: 2px solid #707070;
}

.matchList-date-top{
    color: #707070;
    text-wrap: nowrap;
}

.matchList-date-btm {
    color: var(--default-text-color);
    font-size: 20px;
    font-weight: var(--default-font-weight-bold);
}

.matchList-date-container{
    padding-inline: 10rem;
}

.matchList-date-inner-container{
    padding-bottom: 0.5rem;
}
.matchList-date-cont {
    padding-inline: 2rem;
    min-width: max-content;    
    justify-content: center;
}

.matchList-date-active{
    border-bottom: 3px solid #6C51FF;
}


.matchList-date-sample{
    padding-inline: 30px;
}
#date-sequence {
    text-wrap: nowrap;
    overflow: auto;
    display: flex;
}
#date-sequence::-webkit-scrollbar {
    width: 0px;
    display: none;
}

#date-sequence::-webkit-scrollbar-track {
    background: transparent; 
    border-radius: 10px;
}

#date-sequence::-webkit-scrollbar-thumb {
    background: transparent; 
    border-radius: 10px;
}

#date-sequence::-webkit-scrollbar-thumb:hover {
    background: transparent; 
}

.matchData {
    background: #ffffff29 0% 0% no-repeat padding-box;
    border-radius: 20px;
    min-height: 300px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-inline: 10px;
}

.matchData-container{
    padding: 0.8rem !important;
}

.match-details-dateTime {
    color: #fff;
    text-align: center;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: var(--default-font-weight-bold);
}
.match-Team{
    height: 48px;
}

.match-details-teamScore{
 display: flex;
 justify-content: flex-start;
}

.match-country-name{
    font-size: 13px;
    margin-top: 10px;
    color: #fff;
    opacity: 0.8;
}
.match-details-other {
    width: 95%;
    border-radius: 20px;
    border: 1px solid #fff;
    display: flex;
    padding: 10px;
    padding-inline: 15px;
    margin-top: 12px;
}
.match-score-container {
    position: relative;
    width: fit-content;
    height: fit-content;
}
.match-score {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.match-details-other-details {
    text-align: center;
    font-size: 13px;
    color: #ffffff96;
}
.match-details-other-title {
    text-align: center;
    font-size: 13px;
    color: #fff;
    font-weight: var(--default-font-weight-bold);
}

#dashbpard-fantasyStadium-sec0 {
    background-image: var(--fantasy-stadium-bg);
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
}
.match-list-content-sec.content-section{
    min-height: unset;
}

.fantasyStadium-title-dashboard {
    padding-top: 10rem;
    font-size: var(--page-title-font-size);
    font-weight: var(--default-font-weight-bold);
    color: var(--default-text-color);
    text-align: center; 
    margin-bottom: 15px;
}

#fantasyStadium-content-matchList-dashboard{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#fantasyStadium-content-matchList-dashboard .fantasyStadiumBtn{
    margin-bottom: 5rem;
    margin-top: 4rem;
}
#matchList-match-data{
    display: flex;
    justify-content: center;
}

.dashboard-football{
    position: absolute;
}

.fantasyStadiumBtn{
    position: relative;
}

.dashboard-football {
    position: absolute;
    /* width: 30px; */
    bottom: 0;
    right: -25px;
}

.dashboard-football-img{
    width: 35px;
}
.fantasyStadiumBtn .ts-btn {
    min-width: 200px;
    padding-inline: 1rem;
}

.matchList-match-data.content-section{
    min-height: unset;
}

#matchList-match-data .content-section{
    padding-inline: 7rem;
}

.euro2024-card-result .result-prize-value-display{
    position: absolute;
    top: 91%;
    left: 7%;
    z-index: 5;
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thick);
    max-width: 80%;
    overflow: hidden;
    /* word-break: break-all; */
    text-overflow: ellipsis;
    white-space: nowrap;
}

.euro2024-card-result.result-card-div{
    border-radius: 25px;
}

.euro-nft-category{
    display: flex;
    justify-content: center;
    border: 0.5px solid #ffffff33;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 1rem;
    margin-left: 1rem;
}

.euro-nft-category-name{
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 17px;
    font-weight: var(--default-font-weight-bold);
    max-width: 20%;
}

.euro-prize-pool-div{
    padding-top: 0;
    padding-bottom: 0;
}

#matchList-match-data .content-section{
    min-height: unset;
    justify-content: center;
    margin-bottom: 1rem;
}

#fantasyStadium-sec0.content-section{
    min-height: unset;
}

.match-list-content-sec{
    justify-content: center;
}

.prize-pool-prize-div-euro-24{
    padding-top: 0;
    padding-bottom: 0;
}

body.is-fundIn-section .select2-dropdown {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: var(--default-border-image);
    padding: 2px;
    border-radius: 25px;
}

body.is-fundIn-section .select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    padding: 1.5rem 0;
    background: var(--primary-background-color);
    border-radius: 25px;
    border: 1px solid var(--default-border-image);
    border-image: var(--default-border-image);
}

body.is-fundIn-section .select2-container--default .select2-results__option {
    padding: 5px 15px;
    padding: 0.5rem 1.5rem;
    color: var(--btn-primary-text-color);
}

body.is-fundIn-section .select2-container--default .select2-results__option.select2-results__option--highlighted, body.is-fundIn-section .select2-container--default .select2-results__option[aria-selected=true]{    background-image: var(--default-background-gradient);
    background-image: var(--default-background-gradient);
}



/* background-image: var(--default-background-gradient); */

#fantasyStadium-sec3.content-section ,.fantasyStadium-sec4-class.content-section{
    min-height: unset;
}

.top-Up-option-container {
    justify-content: space-around;
    padding: 2rem 1rem;
}

.top-Up-option {
    height: 100%;
    width: 100%;
    border-radius: 30px;
    background: #1D1730;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#topUpOptionModal .modal-dialog {
    max-width: 450px;
    margin: 1.75rem auto;
}

.top-Up-option-img{
    width: 98px;
}

.top-Up-option-desc{
    margin-top: 19px;
    font-size: var(--default-font-size);
}
.top-up-option-container-inner{
    background: var(--default-border-image);
    border-radius: 32px;
    height: 200px;
    width: 180px;
}
.top-up-option-container-inner:hover{
    cursor: pointer;
    padding: 3px;
}

.packagePurchaseContainer , .top-up-cash-option {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px !important;
    font-weight: 100;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.packagePurchaseContainer input ,.top-up-cash-option input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
  
.pay-checkmark,.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: var(--btn-secondary-background-color);
    border-radius: 50%;
}

.pay-checkmark{
    top: 6px;
}
  
.packagePurchaseContainer input:checked ~ .checkmark  , .top-up-cash-option input:checked ~ .pay-checkmark {
    background-color: #6C51FF;
}
  
.checkmark:after  , .pay-checkmark:after{
    content: "";
    position: absolute;
    display: none;
}
  
.packagePurchaseContainer input:checked ~ .checkmark:after , .top-up-cash-option input:checked ~ .pay-checkmark:after {
    display: block;
}

.packagePurchaseContainer .checkmark:after , .top-up-cash-option .pay-checkmark:after {
    top: 23%;
    left: 22%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.packagePurchase-container{
    background: #1D1730;
    border-radius: 33px;
    padding: 2rem;
}

.package-name{
    font-size: var(--default-font-size);
}

.package-price {
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thick);
    max-width: 60%;
}
.packagePurchaseContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cash-topUp-paymentType {
    height: 70px;
    font-size: var(--default-font-size);
    border-radius: 33px;
    background: #1D1730;
    border-radius: 20px;
    padding-inline: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    padding-inline: 2rem;
}
.payment-name{
    font-size: 15px;
}

.cash-Payment-Type{
    font-weight: var(--default-font-weight-bold);
}
.btn-secondary.cash-fund-in-btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary.cash-fund-in-btn-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-secondary.cash-fund-in-btn-secondary.dropdown-toggle,
.btn-secondary.cash-fund-in-btn-secondary.active, 
.btn-secondary.cash-fund-in-btn-secondary:active, 
.btn-secondary.cash-fund-in-btn-secondary:focus, 
.btn-secondary.cash-fund-in-btn-secondary:hover, 
.show>.btn-secondary.cash-fund-in-btn-secondary.dropdown-toggle{
    background-color: var(--btn-secondary-background-color);
    color: var(--btn-secondary-text-color);
    border: unset;
    border-image: unset;
}

.payment-option-img{
    width: 50px;
}

.top-up-cash-pay-option{
    width: 100%;
}

.top-up-cash-option {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 !important;
}

.cash-topUp-paymentType{
    margin-bottom: 1rem;
}
.euro-price-pool .card-listing-row > div:nth-child(2) {
    width: 50%;
    padding-left: 10px;
    text-align: right;
    word-break: break-word;
}

.package-image {
    display: flex;
    justify-content: end;
    align-items: center;
}

.collections-nav1.siedamemu {
    /* gap: 20px; */
    overflow-x: unset;
}
.collections-nav1.gamemenu {
    height: auto;
}
.collections-nav1.livemenu{
    height: 420px;
}
.collections-nav1,
.collections-nav {
    white-space: nowrap;
    overflow-x: auto;
    display: flex;
    /* gap: 12px; */
    padding-left: 0rem;
    height: 130px;
    /* overflow: hidden; */
    /* overflow-y: scroll; */
  
    /* margin-top: 2rem; */
    /* padding-bottom: 1.5rem; */
}
.page-title-text{
    text-align: center;
font: normal normal bold 36px/50px Metropolis;
letter-spacing: 0px;
color: #FFFFFF;
/* opacity: 1; */
}
.recommendedtitle{
    text-align: center;
font: normal normal bold 20px/50px Metropolis;
letter-spacing: -0.6px;
color: #FFFFFF;
}
.gemalistingpage-display .cradbox{
    margin: 10px;
    height: unset;
}
.gemalistingpage-display{
    justify-content: space-between;
}
.gemalistingpage-display .crad {
    width: 100% !important;
/*    height: 150px;   */
    height: unset;  
}
.gemalistingpage-display .crad img{
    height: auto;
    width: 100%;
}
.gamecardtitle{
    /* display: none; */
    margin: 10px 0px;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    white-space: initial;
    overflow-wrap:anywhere;
    overflow: visible;
    padding-inline: 5px;
}
.popular-rows .crad .img,
.recommended-rows .crad .img{
    height: 200px;
    /* padding-bottom: 40px; */
}
.boxgame{
    height: 100%;
    padding: 18px;
    background-color: #00000061;
    opacity: 0.01;
    border-radius: 10px;
}
.collections-nav1::-webkit-scrollbar,
.collections-nav::-webkit-scrollbar {
   display: none;
  }
  .crad {
    /* width: 235px !important; */
    /* width: 100%; */
    width: 100% !important;

  
    padding: 0 ;
    /* padding-bottom: 30px; */
    /* margin-right: 10px; */
}
.crad .img{
/*height: 300px;*/
	
height: 200px;
    width: 100%;
    /*width: 100%;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 15px;
}
.cradbox{
    height: 97%;  
  padding: 6px;
width: 225px !important;

  /*  border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
    border-radius: 20px;
    background: #ffffff1d 0% 0% no-repeat padding-box;
*/    
margin: 5px;
}
.cradbox:hover{
border-bottom: solid 1px #fff;
padding:5px;
    border-top: solid 1px #fff;
    border-radius: 20px;
    background:linear-gradient(90deg, #E2AFFF 0%, #6C51FF 100%);
}
.gemalistingpage {
    overflow-x: auto;
    flex-wrap: nowrap;
    max-width: 100%;
    justify-content: safe center;
    align-items: safe center;
    display: inline-block;
}
.gemalistingpage1, .gemalistingpage {
    padding: 6px;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
    border-radius: 20px;
    background: #ffffff1d 0% 0% no-repeat padding-box;
    margin: 5px;
    /* gap: 12px; */
}
.gemalistingpage-mobile,
.gemalistingpage1,
.gemalistingpage{
    padding: 6px;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
    border-radius: 20px;
    background: #ffffff1d 0% 0% no-repeat padding-box;
    margin: 5px;
    /* white-space: nowrap;
    overflow-x: auto;
    display: flex; */
    /* gap: 12px; */
    /* padding-left: 0rem; */
}
.game-category-menu-width {
    width: 170px !important;
    max-width: 170px !important;
    flex: 0 0 170px !important;
}
.classification {
    width: 20px;
height:17px
}
.gamepage{
    /* background-color: #000; */
    overflow: hidden;
    /* margin-top: 48px; */
    padding-top: 66px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
}
.gemalistingpage1,
.gemalistingpage-mobile {
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
}

.gemalistingpage-mobile{
    font-weight: 400;
}

.classificationdiv.active{
    background-image: linear-gradient(90deg, #E2AFFF 0%, #6C51FF 100%);
    padding: 7px;
    border-radius: 50px; 
    font-weight: 600;
}
.classificationdiv{
    margin: auto;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    display: flex;
    justify-content: center;
}
.classificationdiv img{
margin : 0 10px
}
.categoryd{
    text-align: center;
font: normal normal 600 14px/22px Inter;
letter-spacing: 0px;
color: #FFFFFF;
}
*{

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.div1{

    width: 100%;

    /* height: 250px; */

    margin: 60px auto 0px auto;

    /* border: 2px solid lightgreen; */

    position: relative;

    overflow: hidden;

}

.ul_img{

    position: relative;

    top: 0;

    left: 0;

}

.ul_img li{

    float: left;

    /* width: 125px; */

    /* height: 125px; */

    /*border: 1px solid red;*/

}

.ul_img li img{

    width: 100%;

    height: 100%;


}
.div2{

    width: 100%;

    /* height: 250px; */

    margin: 60px auto 0px auto;

    /* border: 2px solid lightgreen; */

    position: relative;

    overflow: hidden;

}

.ul_img2{

    position: relative;

    top: 0;

    left: 0;

}

.ul_img2 li{

    float: left;

    /* width: 125px; */

    /* height: 125px; */

    /*border: 1px solid red;*/

}

.ul_img2 li img{

    width: 100%;

    height: 100%;


}
.classificationdiv-mobile{
    line-height: 40px;
display:flex;
}
.gemalistingpage-display{
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill, 225px);
    grid-gap: 10px;
}

.modal-dialog--fundIn {
	max-width: 50%;
	height:90%;
	margin:auto;
	margin-top: 10px;
}

#qrIframe {
	height: 100%;
	width: 100%;
}

#iframe_modal {
	padding: 0 !important;
}

.mbh-container{
	width: 100%;
}

@media (min-width: 768px){
.mbh-box{
	flex: 0 0 47.66667%; 
        max-width: 47.66667%;
}
}

.mbh-box{
	position: relative;
  	padding: 2rem;
	margin: 0 auto;
  	border-radius: 20px;
  	border: 2px solid rgba(82, 50, 128, 1);
  	z-index: 1;
  	overflow: hidden;
	background: linear-gradient(45deg, #030614, #2a194d);
}

.mbh-box::before{
	content: "";
  	position: absolute;
  	inset: 0;
  	border-radius: 20px;
  	padding: 2px;
	margin: 2px;
  	background: linear-gradient(90deg, #9798d7, #9798d7);
	box-sizing: content-box;
  	-webkit-mask: 
  	  linear-gradient(#fff 0 0) content-box, 
  	  linear-gradient(#fff 0 0);
  	-webkit-mask-composite: xor;
  	mask-composite: exclude;
  	z-index: 0;
}

.mbh-title{
	color: #fff;
	font: normal normal bold 20px / 1.15 Metropolis;
	margin-bottom: 1.5rem;
	min-height: 3.6rem;
	max-height: 5rem;
}

.mbh-img{
	margin: 0 auto auto auto;
	display: block;
	width: 100%;
	max-height: 100%;
	height: auto;
}

.win-box{
	background: #262339;
	//box-shadow: inset 2px 2px 20px #FFFFFFBF;
    	border-radius: 15px;
    	margin-right: 10px;
    	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.win-container{
	min-height: 7rem;
    	max-height: 9rem;
	margin: 0;
	padding: 0 1rem;
	width: 100%;
}

.win-title{
	font-size: 20px;
    	font-weight: 900;
    	color: #fff;
	margin: auto 0;
}

.win-img{
        margin: 0 auto auto auto;
}

.win-img img {
  	max-height: 100%;
  	width: 100%;
  	height: auto;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	object-fit: contain;
}
.win-record {
	color: white;
	font-size: 14px;
	padding: 10px;
	margin-bottom: 8px;
}
.user-icon {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-right: 1rem;
	padding: 0.4rem;
	object-fit: contain;
	background: linear-gradient(to bottom, #3260be, #0a2f9f);
	color: #262339;
}
.amount {
	font-size: 15px;
	color: #b4a78f ! important;
}
.mhb-d-none{
	display: none;
}