body {
    margin: 0;
    padding: 0;
}

/* p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
div {
    word-wrap: break-word;
    word-break: break-word;
} */

@font-face {
    font-family: MuseoSans-300;
    src: url(../font/MuseoSansRounded300.woff2);
}

@font-face {
    font-family: MuseoSans-500;
    src: url(../font/MuseoSansRounded500.woff2);
}

@font-face {
    font-family: MuseoSans-700;
    src: url(../font/MuseoSansRounded700.woff2);
}

@font-face {
    font-family: MuseoSans-900;
    src: url(../font/MuseoSansRounded900.woff2);
}

@font-face {
    font-family: Manrope-Medium;
    src: url(../font/Manrope-Medium.woff2);
}

:root {
    /* font  */
    --museosans-300: "MuseoSans-300", sans-serif;
    --museosans-500: "MuseoSans-500", sans-serif;
    --museosans-700: "MuseoSans-700", sans-serif;
    --museosans-900: "MuseoSans-900", sans-serif;
    --manrope-medium: "Manrope-Medium", sans-serif;
    /* color  */
    --dark-blue: #101928;
    --gold: #dbbe34;
    --light-blue: #1d2739;
    --grey-d0d: #d0d5dd;
    --primary-gold: #d6b129;
    --para-grey: #98a2b3;
    --grey-b4b: #b4b4b4;
    --blue-475: #475367;
    --blue-b4b: #b4b8c0;
    --yellow-695: #695d11;
}

/* font  family*/
.museo-300 {
    font-family: var(--museosans-300);
}

.museo-500 {
    font-family: var(--museosans-500);
}

.museo-700 {
    font-family: var(--museosans-700);
}

.museo-900 {
    font-family: var(--museosans-900);
}

.manrope-medium {
    font-family: var(--manrope-medium);
}

/* color  */
.color-gold {
    color: var(--gold);
}

.color-primary-gold {
    color: var(--primary-gold);
}

.color-grey-d0d {
    color: var(--grey-d0d);
}

.label-white {
    color: #e4e7ec;
}

.color-dark-blue {
    color: var(--dark-blue);
}

.color-para-grey {
    color: var(--para-grey);
}

.color-grey-b4b {
    color: var(--grey-b4b);
}

.color-c1c-grey {
    color: #c1ccdd;
}

.color-667-grey {
    color: #667185;
}

.color-blue-475 {
    color: var(--blue-475);
}
.color-blue-b4b {
    color: var(--blue-b4b);
}

.color-light-blue {
    color: var(--light-blue);
}

.color-yellow-695 {
    color: var(--yellow-695);
}

/* bg  */
.light-blue-bg {
    background-color: var(--light-blue);
}

.dark-blue-bg {
    background-color: var(--dark-blue);
}

.gold-bg {
    background-color: var(--gold);
}

.blue-475-bg {
    background-color: var(--blue-475);
}

.primary-gold-bg {
    background-color: var(--primary-gold);
}

/* custom-font  */

.fs-48 {
    font-size: 48px;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

.fs-10 {
    font-size: 10px;
}

.fs-49 {
    font-size: 49px;
}

.fs-70 {
    font-size: 70px;
}

.lt-2 {
    letter-spacing: 2px;
}

.outline-none {
    outline: none;
}

.transition-03 {
    transition: all 0.3s ease;
}

.primary-btn-custom {
    background-color: var(--primary-gold);
    border: 1px solid var(--primary-gold);
}

.primary-btn-custom:hover:not(:disabled):not(.disabled) {
    background-color: transparent;
    transition: all 0.3s ease;
}

.primary-btn-custom:disabled,
.primary-btn-custom.disabled,
.secondary-btn-custom:disabled,
.secondary-btn-custom.disabled {
    cursor: no-drop;
    filter: grayscale();
}

.secondary-btn-custom {
    background-color: transparent;
    border: 1px solid var(--primary-gold);
}

.secondary-btn-custom:hover:not(:disabled):not(.disabled) {
    background-color: var(--primary-gold);
    color: #ffffff;
    transition: all 0.3s ease;
}

.login-tag-div {
    rotate: -11deg;
    transform: translateY(9px) translateX(-4px);
}

.link:hover {
    color: var(--primary-gold) !important;
    transition: all 0.3s ease;
}

.terms-link:hover {
    text-decoration-line: underline !important;
}

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

input[type="number"] {
    -moz-appearance: textfield;
    /* Firefox */
    appearance: textfield;
    /* Reset the default appearance */
}

.referral-validation-icon {
    right: 8px;
}

.navbar-toggler-custom:focus {
    box-shadow: none !important;
}

.btn-close-custom:focus {
    box-shadow: none !important;
}

.side-bar-menu-link {
    border: 1px solid var(--primary-gold);
}

.side-bar-menu-link {
    color: #b4b4b4;
}

.side-bar-menu-link:hover {
    color: #ffffff;
    background-color: var(--primary-gold);
}

.side-bar-menu-link:hover .sidebar-link-icon {
    fill: #ffffff;
}

.side-bar-menu-link-active {
    color: #ffffff;
    background-color: var(--primary-gold);
}

.side-bar-menu-link-active .sidebar-link-icon {
    fill: #ffffff;
}

.app-bar-link-active {
    border-top: 3px solid var(--primary-gold);
    color: var(--primary-gold);
}

.app-bar-link-active .appbar-link-icon {
    fill: var(--primary-gold);
}

.main-content-wrapper-div {
    height: calc(100vh - 152px);
}

/* scrollbar  */

/* For Firefox */
/* html {
    scrollbar-width: thin;
    scrollbar-color: #4f4f4f var(--dark-blue);
} */

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

::-webkit-scrollbar-thumb {
    background-color: #4f4f4f;
    border-radius: 32px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

.main-layout-decor {
    filter: grayscale(1);
    opacity: 0.1;
}

/* dashboard home */

.profile-img-home {
    width: 64px;
    aspect-ratio: 1/1;
    border: 4px solid var(--light-blue);
}

.home-winning-amount-wrapper {
    padding: 1px;
    background: linear-gradient(0deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.272233893557423) 100%);
}

.home-winning-amount {
    background: linear-gradient(151deg,
            rgba(29, 39, 57, 1) 0%,
            rgba(50, 63, 88, 1) 50%,
            rgba(29, 39, 57, 1) 100%);
}

.pool-card-wrapper {
    background: linear-gradient(0deg,
            rgba(141, 113, 11, 1) 0%,
            rgba(214, 177, 41, 1) 100%);
}

.pool-card-bg {
    background-image: url(../img/pool-card-bg.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.pool-card-decor {
    mix-blend-mode: luminosity;
    width: 135px;
}

.amount-text-shadow {
    filter: drop-shadow(2.5px 3px 0px #0000003b);
}

.slot-progress-wrapper {
    background-color: #ffffff6f;
}

.slot-progress {
    height: 8px;
}

.pool-card-btn:hover:not(.disabled) {
    background-color: transparent !important;
    transition: all 0.3s ease;
    color: #ffffff;
}

.pool-card-btn.disabled {
    filter: opacity(0.5);
    cursor: not-allowed;
}

.pool-card-btn:disabled {
    cursor: no-drop;
    filter: grayscale();
}

.home-pool-card-filter {
    background-color: #ffffff3e;
    backdrop-filter: blur(6px);
}

.home-pool-card-filter-label {
    background-color: #ffffff28;
    border-top: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
}

.headline-border {
    height: 1px;
    background: linear-gradient(90deg,
            rgba(214, 177, 41, 0) 0%,
            rgba(214, 177, 41, 1) 50%,
            rgba(214, 177, 41, 0) 100%);
}

.heading-gradient {
    background: #e3c450;
    background: linear-gradient(to bottom, #e3c450 0%, #7d6715 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.heading-main-div {
    background: linear-gradient(0deg,
            rgba(214, 177, 41, 0) 0%,
            rgba(214, 177, 41, 0.03974089635854339) 100%);
}

.testimonial-card {
    background-color: #344054;
}

.testimonial-profile-img {
    width: 48px;
    aspect-ratio: 1/1;
}

.h-s2-testimonial-thumbnail-img {
    mix-blend-mode: luminosity;
    aspect-ratio: 179/136;
}

.h-s2-testimonial-thumbanil-div-wrapper-filter {
    background: linear-gradient(0deg,
            rgba(52, 64, 84, 1) 0%,
            rgba(52, 64, 84, 0) 100%),
        linear-gradient(90deg, rgba(52, 64, 84, 1) 0%, rgba(52, 64, 84, 0) 100%);
}

.btn-close-modal:focus {
    box-shadow: none !important;
}

.h-s3-bg-decor {
    transform: scaleX(-1);
    mix-blend-mode: luminosity;
    opacity: 0.1;
}

.h-s3-card-wrapper {
    background: linear-gradient(0deg,
            rgba(62, 77, 102, 0) 20%,
            rgba(62, 77, 102, 1) 100%);
    padding: 1px;
}

.h-s3-card {
    background: linear-gradient(0deg,
            rgba(52, 64, 84, 1) 0%,
            rgba(38, 48, 64, 1) 100%);
}

.h-s3-card-img {
    rotate: -20deg;
}

.h-s3-icon {
    width: 72px;
}

.winner-list-profile-img {
    width: 56px;
    aspect-ratio: 1/1;
}

.img-verified-tick {
    right: -4px;
    bottom: -4px;
}

.card-bottom-border {
    border-bottom: 1px solid var(--light-blue);
}

/* active-pool-view-page  */

.actv-pool-view-page-wrapper {
    background: linear-gradient(10deg,
            rgba(214, 177, 41, 0) 380px,
            rgba(208, 170, 37, 0.2778361344537815) 100%);
}

.actv-pool-view-bg-decor {
    width: 290px;
    mix-blend-mode: luminosity;
}

.actv-pool-view-s2-card-badge {
    color: #865503;
    background-color: #fef6e7;
}

.actv-pool-view-s2-card {
    border: 1px solid var(--blue-475);
}

.actv-view-s3-card-bg {
    background-color: #ffffff17;
}

.slot-checkbox-btn {
    border: 1px solid var(--blue-475);
    cursor: pointer;
    width: 54px;
}

.curreny-radio-btn {
    width: 95px;
}

.btn-check-slots:checked+.slot-checkbox-btn,
.slot-checkbox-btn.active,
.slot-checkbox-btn.show,
.slot-checkbox-btn:first-child:active,
:not(.btn-check-slots)+.slot-checkbox-btn:active {
    background-color: var(--primary-gold) !important;
    border-color: var(--primary-gold) !important;
}

.form-switch-custom-pools .form-check-input-custom-pools {
    width: 2.5em !important;
    height: 1.5em !important;
    background-image: url(../img/toggle-round.svg);
}

.form-check-input-custom-pools {
    background-color: #344054;
}

.form-check-input-custom-pools:checked {
    background-color: var(--primary-gold) !important;
}

.form-check-input-custom-pools:focus {
    box-shadow: none !important;
}

.invest-payment-label-div {
    border-bottom: 1px solid #344054;
}

/* my pools  */

.my-pools-card-spin-btn-wrapper {
    background: linear-gradient(0deg,
            rgba(162, 106, 13, 1) 0%,
            rgba(237, 198, 65, 1) 100%);
    padding: 1px;
    box-shadow: 12px 12px 29px 0px #10192869;
}

.my-pools-card-spin-btn-wrapper:hover {
    transition: all 0.3s ease;
    transform: translateY(-3px);
}

.my-pools-card-spin-btn {
    background-image: url(../img/mypools-card-spin-btn-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
}

.invest-bank-doc-upload {
    border: 2px dashed var(--grey-d0d);
    height: 170px;
}

.cursor-pointer {
    cursor: pointer !important;
}

.success-modal-div {
    background: linear-gradient(
        0deg,
        rgba(18, 145, 63, 0) 50%,
        rgba(18, 145, 63, 0.19940476190476186) 100%
    );
}

.pool-invest-modal-div-2 {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(90deg,
            rgba(55, 68, 91, 0) 0%,
            rgba(140, 156, 185, 0.315) 50%,
            rgba(55, 68, 91, 0) 100%) 1;
}

.gold-gradient-text {
    background: #604e0c;
    background: linear-gradient(to top, #604e0c 0%, #ffc800 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.grey-gradient-text {
    background: #604e0c;
    background: linear-gradient(90deg, #ffffff 0%, #bcbeff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.my-pool-view-icon {
    width: 80px;
}

/* wallet  */
.wallet-main-card-wrapper {
    background: linear-gradient(0deg,
            rgba(16, 25, 40, 0) 0%,
            rgba(40, 56, 85, 1) 100%);
    padding: 1px;
}

.wallet-main-card {
    background: linear-gradient(0deg,
            rgba(29, 39, 57, 0) 0%,
            rgba(29, 39, 57, 1) 100%);
}

.wallet-filter-btn-radio:checked+label {
    background-color: var(--primary-gold) !important;
}

.wallet-filter-btn-radio:checked+label .wallet-filter-btn-label {
    color: #ffffff;
}

.wallet-filter-btn-radio:checked+label .wallet-filter-btn-svg {
    fill: #ffffff;
}

.approve-clr {
    color: #40b869;
}

.pending-clr {
    color: #f5b546;
}

.decline-clr {
    color: #dd524d;
}

.winnings-bg-decor {
    width: 326px;
}

.active-badge-bg {
    background-color: #40b869;
}

.jewlery-select-modal-x-padding {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.jewlery-select-modal-y-padding {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.jewlery-radio {
    border-bottom: 1px solid;
    border-image: linear-gradient(90deg,
            rgba(55, 68, 91, 0) 0%,
            rgba(55, 68, 91, 1) 20%,
            rgba(55, 68, 91, 0) 70%,
            rgba(55, 68, 91, 0) 100%) 1;
}

.jewlery-select-wrapper input[type="radio"]:checked+.jewlery-radio {
    background-color: #344054;
}

.winning-voucher-modal-card {
    border-top: 1px solid var(--dark-blue);
    border-bottom: 1px solid var(--dark-blue);
}

.voucher-modal-redemption-info-ul {
    list-style-image: url(../img/voucher-modal-list-icon.svg);
}

/* profile  */
.profile-img-my-profile {
    width: 84px;
    aspect-ratio: 1/1;
    border: 4px solid var(--light-blue);
}

/*
.profile-grid-link {
    border: 0.5px solid #344054;
}

.profile-grid-link:hover {
    transition: all 0.3s ease;
    background-color: var(--primary-gold);
}
.profile-grid-link:hover .profile-grid-link-svg {
    transition: all 0.3s ease;
    fill: #ffffff;
}

.profile-grid-link:hover .profile-grid-link-label {
    transition: all 0.3s ease;
    color: #ffffff;
} */

.profile-grid-card {
    border: 1px solid transparent;
    background-color: var(--light-blue);
}

.profile-grid-card:hover {
    background-color: transparent;
    border: 1px solid #344054;
}

/* .profile-grid-card {
    border: 1px solid #344054;
}

.profile-grid-card:hover {
    border: 1px solid #344054;
    background-color: var(--light-blue);
} */

.profile-bottom-link:hover {
    transition: all 0.3s ease;
    color: var(--primary-gold);
}

.personal-info-img {
    width: 80px;
    aspect-ratio: 1/1;
}

.personal-info-img-overlay {
    background-color: #0000006c;
    opacity: 0;
}

.personal-info-img-wrapper:hover .personal-info-img-overlay {
    opacity: 1;
}

/* refer & earn  */

.refer-earn-card:hover {
    transition: all 0.3s ease;
    background-color: #3b4556;
}

.refer-earn-table-wrapper {
    border: 1px solid #344054;
}

.refer-earn-table {
    width: 100%;
    border-collapse: collapse;
}

.refer-earn-table th,
.refer-earn-table td {
    text-align: left;
    padding: 14px;
    /* min-width: 200px; */
}

.refer-earn-table tr:not(:last-child) {
    border-bottom: 1px solid #344054;
}

.refer-earn-table th {
    background-color: var(--light-blue);
    border-bottom: 1px solid #344054;
    font-family: var(--museosans-700);
    font-size: 14px;
    color: var(--primary-gold);
}

.refer-earn-table td {
    font-family: var(--museosans-500);
    font-size: 14px;
    color: var(--grey-d0d);
}

.refer-earn-table tr:hover {
    background-color: #15243e;
}

/* slot-machine  */

.spin-wheel-page-bg {
    background: linear-gradient(0deg,
            rgb(19 28 44) 0%,
            rgb(30 30 64) 30%,
            rgb(30 31 65) 100%);
}

.slot-machine-wrapper {
    background: linear-gradient(66deg,
            rgba(78, 135, 140, 1) 0%,
            rgba(248, 13, 113, 1) 22%,
            rgba(254, 222, 26, 1) 43%,
            rgba(41, 227, 255, 1) 63%,
            rgba(255, 186, 17, 1) 83%,
            rgba(253, 136, 16, 1) 100%);
    box-shadow: 0px 13px 17px 0px rgba(0, 0, 0, 0.25);
    height: 178px;
}

.slot-number-common {
    box-shadow: inset 0px 0px 8px 0px rgb(0 0 0 / 39%);
}

.slot-number-1 {
    background-color: #fc7f10;
}

.slot-number-2 {
    background-color: #00be99;
}

.slot-number-3 {
    background-color: #fec918;
}

.text-slot-number-1 {
    color: #fc7f10;
}

.text-slot-number-2 {
    color: #00be99;
}

.text-slot-number-3 {
    color: #fec918;
}

.slot-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.spin-btn-wrapper {
    background: linear-gradient(0deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%);
    padding: 1px;
}

.spin-btn-wrapper:hover {
    transition: all 0.3s ease;
    transform: translateY(-6px);
}

.main-spin-btn {
    background-image: url(../img/main-spin-btn-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.winner-modal-bg {
    background-image: url(../img/winner-modal-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.winner-modal-content-div-wrapper {
    background: linear-gradient(66deg,
            rgba(78, 135, 140, 1) 0%,
            rgba(248, 13, 113, 1) 22%,
            rgba(254, 222, 26, 1) 43%,
            rgba(41, 227, 255, 1) 63%,
            rgba(255, 186, 17, 1) 83%,
            rgba(253, 136, 16, 1) 100%);
    box-shadow: 0px 4px 114px 0px #0000002d;
}

.winner-modal-content-div {
    background: linear-gradient(0deg, #0e0639 0%, #11793e 100%);
}

.winner-modal-close-btn {
    top: 18px;
    right: 18px;
}

.modal-winner-div {
    background-image: url(../img/winner-modal-winner-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.slot-machine-winner-profile {
    width: 116px;
    aspect-ratio: 1/1;
}

.winner-modal-badge {
    background: linear-gradient(0deg,
            rgba(38, 18, 159, 1) 0%,
            rgba(163, 122, 252, 1) 100%);
    transform: translateY(-15px);
}

.winner-modal-slot-num {
    text-shadow: -2px 1px #89a730;
    letter-spacing: 24px;
}

.filter-grayscale {
    filter: grayscale(1);
}

label.error {
    color: #ff8a8a;
    margin-top: 6px;
    font-size: 14px;
}

.referral-input.error~#referral-error,
.referral-input.api-invalid:not(.empty)~#referral-error {
    display: block !important;
}

.referral-input.valid:not(.empty):not(.api-invalid)~#referral-valid {
    display: block !important;
}

.referral-validation-icon {
    display: none;
}

.badge-primary {
    color: #fff;
    background-color: #d6b129;
}

.badge-light-primary {
    color: #d6b129;
    background-color: #f1faff;
}

.badge-success {
    color: #fff;
    background-color: #50cd89;
}

.badge-light-success {
    color: #50cd89;
    background-color: #e8fff3;
}

.badge-info {
    color: #fff;
    background-color: #7239ea;
}

.badge-light-info {
    color: #7239ea;
    background-color: #f8f5ff;
}

.badge-warning {
    color: #fff;
    background-color: #ffc700;
}

.badge-light-warning {
    color: #ffc700;
    background-color: #fff8dd;
}

.badge-danger {
    color: #fff;
    background-color: #f1416c;
}

.badge-light-danger {
    color: #f1416c;
    background-color: #fff5f8;
}

.bank-account-item {
    border-color: #474646 !important;
    color: #fff;
}

.bank-account-item:hover,
.bank-account-item.active {
    border-color: #d6b129 !important;
    background-color: #232934;
}

.wallet-modal-details-divider {
    border-bottom: 1px solid #344054;
}

.leading-1 {
    letter-spacing: 1px;
}

.custom-popover {
    --bs-popover-max-width: 200px;
    --bs-popover-border-color: #d6b129;
    --bs-popover-header-bg: #d6b129;
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 0.5rem;
    --bs-popover-bg: #1d2739;
    --bs-popover-body-color: #ffffff;
}

.input-field:disabled {
    background-color: #374459 !important;
    color: white;
    cursor: no-drop;
}

.bank-acc-delete:hover .bank-acc-delete-btn-svg {
    fill: red;
    transition: all 0.3s ease;
}

.bank-acc-edit:hover .bank-acc-edit-btn-svg {
    fill: var(--primary-gold);
    transition: all 0.3s ease;
}

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

/* floating-button-whatsapp */

.floating_btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}

.contact_icon {
    background-color: #42db87;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translatey(0px);
    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 0 #42db87;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    transition: all 300ms ease-in-out;
}

.contact_icon svg {
    width: 34px;
}

/* MOZILLA-INDEX-PAGE-SWIPER-ISSUESOLVE  */
@-moz-document url-prefix() {
    .swiper-3d .swiper-wrapper {
        transform-style: flat;
    }
}

.copy-btn {
    background-color: #3c424c;
    font-size: 12px;
    border-radius: 6px;
    color: #fff;
    width: 28px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.copy-btn:hover {
    color: var(--gold);
}

.swiper-pagination-bullet {
    background-color: var(--grey-d0d) !important;
    opacity: 0.8;
}

.swiper-pagination-bullet-active {
    background-color: var(--gold) !important;
}

.newsfeed-card {
    width: 440px;
    aspect-ratio: 2/1;
}

.profile-edit-link:hover .profile-edit-link-icon {
    stroke: var(--gold);
    transition: all 0.3s ease;
}

.kyc-image-upload-div {
    aspect-ratio: 2/1;
    border: 2px dashed #fff;
}

.kyc-Pending-card {
    background-color: #fff61d26;
    border: 1px solid #d6b129;
}

.kyc-Rejected-card {
    background-color: #ff1d1d26;
    border: 1px solid #d62929;
}

.kyc-Approved-card {
    background-color: #2fff1d26;
    border: 1px solid #41d629;
}

.spin-countdown-counter {
    background-color: #4b4c75;
    color: #8385bf;
    text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
}

.spin-countdown-counter .colon {
    text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.18);
}

.upcoming-spins {
    background-image: url(../img/upcoming-spins-bg.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.upcoming-spins-carousel .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.upcoming-spins-swiper-text-gradient {
    background: linear-gradient(90.01deg,
            #001762 72.85%,
            #6d1e88 86.44%,
            #ad3b58 99.99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.leaderprof-card-grad {
    background: linear-gradient(45deg,
            rgba(29, 39, 57, 1) 6%,
            rgba(68, 64, 39, 1) 100%);
}

.leader-card-decor {
    mix-blend-mode: luminosity;
    width: 90px;
}

.leader-profile-img {
    aspect-ratio: 1/1;
    width: 112px;
}

.pm-badge {
    background-color: #b9f2ff26;
    color: #b9f2ff;
    border: 1px solid #b9f2ff;
}

.pc-badge {
    background-color: #ea6aff26;
    color: #ea6aff;
    border: 1px solid #ea6aff;
}

.po-badge {
    background-color: #ffd70026;
    color: #ffd700;
    border: 1px solid #ffd700;
}

.pd-badge {
    background-color: #c0c0c026;
    color: #c0c0c0;
    border: 1px solid #c0c0c0;
}

.leadership-history-table th {
    background-color: var(--dark-blue);
}

.leadership-history-table tr:hover {
    background-color: #34445f;
}

.leadership-history-table th {
    min-width: 120px;
}

:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,
:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,
:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,
:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,
:root[data-bs-theme="dark"] table.dataTable thead>tr>th.dt-orderable-asc:hover,
:root[data-bs-theme="dark"] table.dataTable thead>tr>th.dt-orderable-desc:hover,
:root[data-bs-theme="dark"] table.dataTable thead>tr>td.dt-orderable-asc:hover,
:root[data-bs-theme="dark"] table.dataTable thead>tr>td.dt-orderable-desc:hover {
    outline: none !important;
}

.dt-layout-cell {
    padding: 0 !important;
}

.dt-info,
.dt-paging {
    padding: 12px 14px !important;
}

div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:hover,
div.dt-container .dt-paging .dt-paging-button.disabled:active {
    cursor: default;
    color: #ffffffc7 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
    background: #3b3b3b !important;
    border: 1px solid #646464 !important;
}

div.dt-container .dt-paging .dt-paging-button {
    padding: 5px 12px;
    font-size: 12px;
}

.dt-layout-table {
    overflow-x: auto;
}

.dt-info {
    font-size: 12px;
}

.dt-empty {
    padding: 36px 0 !important;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left !important;
}

table.dataTable>tbody>tr>th,
table.dataTable>tbody>tr>td {
    padding: 16px 14px !important;
    text-wrap: nowrap;
}

input:not([type="checkbox"]) {
    background-color: #fff !important;
    color: #101928 !important;
}

.custom-checkbox {
    height: 18px;
    width: 18px;
    background-image: url(../img/checkbox.svg);
    cursor: pointer;
}

.custom-checkbox-input:checked+.custom-checkbox-label .custom-checkbox {
    background-image: url(../img/checkbox-checked.svg);
}

.top-eaners-card {
    padding: 14px;
    display: flex;
    gap: 8px;
    align-items: center;
    border-radius: 8px;
    background: linear-gradient(90deg, #1e2c43 0%, #111f36 100%);
}

.top-earners-card-wrapper:nth-child(1) .top-eaners-card {
    background: linear-gradient(90deg, #1f3558 0%, #b38f00 100%);
}
.top-earners-card-wrapper:nth-child(2) .top-eaners-card {
    background: linear-gradient(90deg, #1f3558 0%, #b5b5b5 100%);
}
.top-earners-card-wrapper:nth-child(3) .top-eaners-card {
    background: linear-gradient(90deg, #1f3558 0%, #8e4200 100%);
}

#top-earners-container[data-show-all="0"] :nth-child(n+7 of div.top-earners-card-wrapper){
    display: none;
}

.referral-item .text-gradient {
    background: #e3c450;
    background: linear-gradient(to bottom, #fff7ae 0%, #ffd12a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.44);
}

.setting-menu-toggle {
    padding: 10px;
    border: none;
    background: #202938;
    box-shadow: inset 2px 4px 6px #000000;
    border-radius: 14px;
}
.setting-menu-toggle div {
    background: linear-gradient(
        224.01deg,
        #081126 1.67%,
        #455371 57.08%,
        #021234 100%
    );
    border: 1px solid #445270;
    box-shadow: 2px 1px 16px #000000;
    border-radius: 10px;
    padding: 10px;
}

.dropdown-toggle.icon-toggle::after {
    display: none;
}

.dropdown-menu {
    padding: 0px;
    background: #ffffff;
    border: 1px solid #d3d3d3;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.36);
    border-radius: 8px;
    overflow: hidden;
}

.dropdown-menu .dropdown-item {
    padding: 10px;
    display: flex;
    gap: 6px;
    align-items: center;
    color: #1f2839;
}
.dropdown-menu .dropdown-item:hover {
    background: #e9f1ff;
}

.dash-analytics-div {
    background: url(../img/dash-analytics-bg.webp), linear-gradient(180deg, #263040 0%, #344054 100%);
    background-size: cover;
    background-position: top;
    background-repeat: repeat;
}

.dash-analytics-profile-img {
    width: 80px;
    aspect-ratio: 1/1;
}

.fs-24 {
    font-size: 24px;
}

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

.color-grey-A8A {
    color: #A8A8A8;
}

.fs-16 {
    font-size: 16px;
}

.fs-22 {
    font-size: 22px;
}

.color-yellow-ffd {
    color: #FFD821;
}

.dash-analytics-earning {
    text-shadow: 0px 4px 4px #0000006e;
}

.color-grey-b7b {
    color: #B7B7B7;
}

.bg-blue-1d2 {
    background-color: #1D2739;
}

.dash-analytics-cards {
    padding: 12px;
    border-radius: 12px;
}

.dash-analytics-div {
    background: url(../img/dash-analytics-bg.webp), linear-gradient(180deg, #263040 0%, #344054 100%);
    background-size: cover;
    background-position: top;
    background-repeat: repeat;
}

.dash-analytics-profile-img {
    width: 80px;
    aspect-ratio: 1/1;
}

.fs-24 {
    font-size: 24px;
}

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

.color-grey-A8A {
    color: #A8A8A8;
}

.fs-16 {
    font-size: 16px;
}

.fs-22 {
    font-size: 22px;
}

.color-yellow-ffd {
    color: #FFD821;
}

.dash-analytics-earning {
    text-shadow: 0px 4px 4px #0000006e;
}

.color-grey-b7b {
    color: #B7B7B7;
}

.bg-blue-1d2 {
    background-color: #1D2739;
}

.dash-analytics-cards {
    padding: 12px;
    border-radius: 12px;
}