@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;900&display=swap');

html {
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth;
}


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

@keyframes typing {
    from {
        width: 0;
    }
}

body {
    font-family: 'Poppins', sans-serif;
    color: #e5e5e5;
    position: relative;
    min-height: 100vh;
}

.noLayout {
    min-height: 100vh;
    background-image: url('../img/illustrations/lucasayres_Design.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.layout-wrapper {
    min-height: 100vh;
    background-image: url('../img/illustrations/kkued_Dark.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#loader {
    position: absolute;
    height: 100%;
    top: 20%;
    width: 100%;
    z-index: 100;
}

#loaderSmall {
    width: 100%;
    z-index: 100;
    height: 305px;
    position: relative;
    top: 25%;
}

    #loader svg, #loaderSmall svg {
        width: 100%;
    }

/* Style for the loader */
.btnLoader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Style for the spinner */
.spinner {
    border: 3px solid #fff;
    border-left: 3px solid #854DFF;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.padLR {
    padding: 0 80px !important;
}


.themeTextColor {
    font-weight: 600;
    color: #854DFF !important;
}

.themeBtn {
    color: #fff !important;
    text-decoration: none;
    padding: 8px 30px;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
    background: #854DFF;
    font-weight: 500;
}

    .themeBtn:hover {
        background-color: #8B008B;
        color: rgba(255, 255, 255, 1);
        box-shadow: 0 6px 20px 0px #8b008b9e;
    }

.fs24 {
    font-size: 24px;
}



button[type=submit] {
    position: relative;
}

.btn-secondary {
    color: #fff !important;
    border-radius: 10px;
}


.btmSpacingM {
    margin-bottom: 40px;
}

.btmSpacingL {
    margin-bottom: 60px;
}

.btmSpacingSection {
    margin-bottom: 120px;
}

.mb150 {
    margin-bottom: 150px;
}

.topMinus50 {
    top: -50px;
    z-index: 0;
}

.mt-100 {
    margin-top: 100px;
}

.w95 {
    width: 95% !important;
}

.mtop120 {
    margin-top: 120px;
}

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

.flexBetween {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #e5e5e5 !important;
}

.dataTables_wrapper .dataTables_filter {
    padding-bottom: 20px;
}

.dataTables_wrapper .dataTables_processing {
    height: 65px;
    background: linear-gradient(to right, rgb(255 255 255 / 0%) 0%, rgb(41 98 255 / 75%) 25%, rgb(41 98 255 / 71%) 75%, rgb(255 255 255 / 0%) 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_length select {
    background: linear-gradient(to bottom, #1485e6 0%, #002b99 100%);
    color: #fff !important;
    border: 1px solid #1485e6;
}


.page-item.active .page-link {
    background-color: #2a62ff;
    border-color: #2a62ff;
}


.order-1 h6 {
    color: #cbcbe2;
}

.dashAccDetails ul li {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    padding-bottom: 7px;
}

.selectAccount h4, .selectAccount h5 {
    color: #ffffffde;
}

.selectAccount h5 {
    padding-bottom: 8px;
}

.selectAccount .card-title {
    border-radius: 0.5rem;
}

.selectAccount .title {
    background: #1a1c2c;
    border: 9px solid #656565a6;
}

.selectAccount ul {
    padding: 15px 33px;
    position: relative;
    z-index: 2;
}


.accDetails .card {
    height: 110%;
}

.selectAccount .btn {
    z-index: 2;
}


.selectAccount ul li {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    font-size: 18px;
}

    .selectAccount ul li .accValue {
        font-weight: 500;
        color: #ffffffde;
    }

.accDetails .card-title h4 {
    color: #ffffffba;
}

.accDetails ul li {
    color: #ffffffba;
    font-weight: normal;
}

.passwordDiv {
    display: flex;
    align-items: center;
    width: 100%;
}


.dashPassPos {
    right: 50px;
}

.inputboxToText {
    color: #ffffffba;
    border: none;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    padding: 0px;
    box-sizing: unset;
    text-align: left;
    width: inherit;
}

.inputPasswordPad {
    padding: 1.5rem 0;
}

.copy-icon {
    cursor: pointer;
}

.selectAccount li small {
    font-size: 60%;
}

.order-2 .card-body li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}

.topup p.card-text {
    font-size: 16px;
    line-height: 34px;
    font-weight: 500;
    padding-bottom: 7%;
}


.topup ul {
    padding: 0 0px;
}

    .topup ul li {
        list-style-type: none;
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        line-height: 34px;
        font-weight: 500;
    }

.download i {
    font-size: 150px;
}

.download .col-md-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fefeff1a;
}

.btn-sm {
    border-radius: 5px;
    padding: 4px 20px
}

.tradingOverview ul {
    padding: 0px;
}

.tradingOverview .pagination {
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
    cursor: pointer;
}

.infos {
    margin-top: 20px;
    display: flex;
    justify-content: end;
}

.tradingOverview .pagination li a {
    padding: 4px 12px;
    border-radius: 4px;
}


.tradingOverview li {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}

.menuStartNew {
    position: absolute;
    bottom: 0px;
}

.closedTrades .search-field {
    display: none;
}

.closedTrades .actionBar {
    display: none;
}

.certificate i {
    padding-right: 15px;
}

.certificate .bx-check-circle {
    color: green;
}

.certificate .bx-x-circle {
    color: red;
}

.certificate p.card-text {
    color: #a3a4cc;
}

.dataTables_filter {
    float: right;
}


#inviteTransList_filter {
    margin-bottom: 25px;
}
    /* Adjust the search input style */
    #inviteTransList_filter input[type="search"] {
        padding: 5px; /* Adjust the padding as needed */
        border-radius: 4px; /* Add border-radius for rounded corners */
        border: 1px solid #ccc; /* Add border for visual separation */
        outline: none; /* Remove outline */
        transition: border-color 0.2s; /* Add a transition effect */
        width: 125px;
    }

        /* Style the search input when focused */
        #inviteTransList_filter input[type="search"]:focus {
            border-color: #007bff; /* Change border color on focus */
        }

#inviteTransList_info {
    margin-top: 16px;
}

#inviteRegList_info {
    margin-top: 16px;
}

#inviteRegList_paginate {
    margin-top: 16px;
}

#inviteTransList_paginate {
    margin-top: 16px;
}
/*svg animated*/
svg#freepik_stories-product-quality:not(.animated) .animable {
    opacity: 0;
}

svg#freepik_stories-product-quality.animated #freepik--background-complete--inject-12 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideRight;
    animation-delay: 0s;
}

svg#freepik_stories-product-quality.animated #freepik--Stars--inject-12 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;
    animation-delay: 0s;
}

svg#freepik_stories-product-quality.animated #freepik--speech-bubble--inject-12 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) fadeIn;
    animation-delay: 0s;
}

svg#freepik_stories-product-quality.animated #freepik--Clipboard--inject-12 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft;
    animation-delay: 0s;
}

svg#freepik_stories-product-quality.animated #freepik--Character--inject-12 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp,1.5s Infinite linear floating;
    animation-delay: 0s,1s;
}

@keyframes slideRight {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: inherit;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes floating {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}


svg#freepik_stories-digital-transformation:not(.animated) .animable {
    opacity: 0;
}

svg#freepik_stories-digital-transformation.animated #freepik--background-complete--inject-1 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;
    animation-delay: 0s;
}

svg#freepik_stories-digital-transformation.animated #freepik--Table--inject-1 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft;
    animation-delay: 0s;
}

svg#freepik_stories-digital-transformation.animated #freepik--Device--inject-1 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;
    animation-delay: 0s;
}

svg#freepik_stories-digital-transformation.animated #freepik--Character--inject-1 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft;
    animation-delay: 0s;
}

svg#freepik_stories-digital-transformation.animated #freepik--Arrows--inject-1 {
    animation: 1.5s Infinite linear floating;
    animation-delay: 1.5s;
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: inherit;
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes floating {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

svg#freepik_stories-select:not(.animated) .animable {
    opacity: 0;
}

svg#freepik_stories-select.animated #freepik--background-simple--inject-1--inject-5 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) fadeIn;
    animation-delay: 0s;
}

svg#freepik_stories-select.animated #freepik--Desk--inject-1--inject-5 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideRight;
    animation-delay: 0s;
}

svg#freepik_stories-select.animated #freepik--Plants--inject-1--inject-5 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0s;
}

svg#freepik_stories-select.animated #freepik--Frames--inject-1--inject-5 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomOut;
    animation-delay: 0s;
}

svg#freepik_stories-select.animated #freepik--Device--inject-1--inject-5 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft,1.5s Infinite linear floating;
    animation-delay: 0s,1s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slideRight {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes zoomOut {
    0% {
        opacity: 0;
        transform: scale(1.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes floating {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

svg#freepik_stories-product-quality:not(.animated) .animable {
    opacity: 0;
}

svg#freepik_stories-product-quality.animated #freepik--Clipboard--inject-31 {
    animation: 1.5s Infinite linear floating;
    animation-delay: 0s;
}

@keyframes floating {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

svg#freepik_stories-business-failure:not(.animated) .animable {
    opacity: 0;
}

svg#freepik_stories-business-failure.animated #freepik--background-complete--inject-1 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft;
    animation-delay: 0s;
}

svg#freepik_stories-business-failure.animated #freepik--Floor--inject-1 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomOut;
    animation-delay: 0s;
}

svg#freepik_stories-business-failure.animated #freepik--Bars--inject-1 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft,1.5s Infinite linear floating;
    animation-delay: 0s,1s;
}

svg#freepik_stories-business-failure.animated #freepik--Sheets--inject-1 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft;
    animation-delay: 0s;
}

svg#freepik_stories-business-failure.animated #freepik--speech-bubble--inject-1 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0s;
}

svg#freepik_stories-business-failure.animated #freepik--Character--inject-1 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedRight,1.5s Infinite linear wind;
    animation-delay: 0s,1s;
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes zoomOut {
    0% {
        opacity: 0;
        transform: scale(1.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes floating {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes lightSpeedRight {
    from {
        transform: translate3d(50%, 0, 0) skewX(-20deg);
        opacity: 0;
    }

    60% {
        transform: skewX(10deg);
        opacity: 1;
    }

    80% {
        transform: skewX(-2deg);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wind {
    0% {
        transform: rotate( 0deg );
    }

    25% {
        transform: rotate( 1deg );
    }

    75% {
        transform: rotate( -1deg );
    }
}

.file-input {
    position: absolute;
    left: calc(50% - 160px);
    top: 0px;
}

    .file-input .custom-file-input {
        padding-top: 150px;
        padding-bottom: 150px;
        margin-top: -150px;
        display: block;
        position: absolute;
        color: #FFEB3B;
    }

    .file-input i {
        font-size: 80px;
        margin-left: 100px;
        position: relative;
        color: #FFEB3B;
    }

/*Trading plans*/
.eight-card-title {
    text-align: center;
    color: #fff;
    border-bottom: 2px solid #fff;
    line-height: 60px !important;
}

.card-eight-one {
    border: 2px solid #854DFF !important;
    border-radius: 12px !important;
    width: 32rem !important;
    padding: 0px 5px 10px 5px !important;
    position: relative;
}
.platform {
    position: absolute;
    bottom:0;
    width:100%;
}

.card-eight-align-one {
    padding-left: 10px;
    padding-right: 10px;
}

.eight-card-title-one {
    color: #fff;
    font-size: 1.25rem;
    line-height: 40px;
}

.active-state {
    opacity: 1;
    background-color: #854DFF !important;
}

.inactive-state {
    background-color: transparent !important;
    border: 2px solid #854DFF !important;
    opacity: 0.7;
}

.eight-btn-three-align {
    margin-top: 20px;
}

.eight-btn-three {
    background-color: #854DFF !important;
    border: 2px solid #854DFF !important;
    border-radius: 30px !important;
    color: #fff !important;
    font-size: 10px !important;
}

.card-eight-align-two {
    padding-left: 10px;
    padding-right: 10px;
}

.card-eight-align-three {
    padding-left: 10px;
    padding-right: 10px;
}

.eight-card-title-two {
    color: #fff;
    font-size: 1.25rem;
    line-height: 58px;
    margin-bottom: 0px;
}

.curren-btn {
    border: 2px solid #854DFF !important;
    color: #fff !important;
    border-radius: 30px !important;
    font-size: 12px !important;
    padding: 3px 10px 3px 10px !important;
}

.eight-card-title-three {
    color: #fff;
    font-size: 1.25rem;
    line-height: 40px;
}

.active-state2 {
    opacity: 1;
    background-color: #854DFF !important;
}

.inactive-state2 {
    background-color: transparent !important;
    border: 2px solid #854DFF !important;
    opacity: 0.7;
}

.bal-btn-one {
    color: #fff !important;
    border: 2px solid #fff !important;
    font-size: 12px !important;
    border-radius: 30px !important;
    padding: 3px 10px 3px 10px !important;
    margin-top: 15px;
}

.card-eight-two {
    border: 2px solid #854DFF !important;
    border-radius: 12px !important;
    padding: 20px 5px 10px 5px !important;
    width: 32rem !important;
}

    .card-eight-two .col-lg-2 {
        padding: 0px;
    }

.hr-line {
    border-bottom: 2px solid #fff;
    padding-top: 17px;
}

.card-eight-text-one {
    color: #fff;
    margin-left: -10px;
}

.card-eight-text-two {
    color: #fff;
}

.card-eight-text-three {
    color: #fff;
    margin-left: 9px;
}

.sec-eight-table tr td {
    color: #fff;
    font-size: 13px !important;
    padding-right: 0px;
    padding-bottom: 15px;
}

.sec-eight {
    margin-top: 100px;
}

.eight-btn-one {
    background-color: #854DFF !important;
    border: 2px solid #854DFF !important;
    border-radius: 30px !important;
    color: #fff !important;
    font-size: 10px !important;
}

.eight-btn-two {
    background-color: #854DFF !important;
    border: 2px solid #854DFF !important;
    border-radius: 30px !important;
    color: #fff !important;
    font-size: 10px !important;
}

.phase-table-btn {
    background-color: #854DFF !important;
    border: 1px solid #854DFF !important;
    color: #fff !important;
    font-size: 14px !important;
    width: 95%;
}

@media (min-width: 992px) {
    .nr-pad {
        padding: 5px !important;
    }

    .m-top {
        margin-top: -56px !important;
    }
}

.icon-cop {
    display: none;
}

@media (max-width: 540px) {

    .platform {
        position: unset;
    }
        /*    leaderboaer */
        .first-prize {
        position: absolute;
        bottom: 60px !important;
        width: 50px !important;
    }

    .bg-tab-1 {
        background-color: #1B224F;
        padding: 0px 20px 0px 20px;
        border-radius: 30px;
    }

    .rupesw {
        color: #fff;
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .rup-s {
        text-align: center;
    }

    .imgss {
        width: 50px;
        margin-top: 10px;
    }

    .nams {
        margin-left: 50px;
    }

    .val-num {
        margin-bottom: -23px;
    }

    .bg-tab {
        display: none;
    }

    .bg-tab-1 {
        display: block !important;
    }

    .leader-board-2 {
        padding: 8px 20px !important;
    }

    .gr-btns {
        margin-top: -32px !important;
        display: flex;
        justify-content: center;
    }

    .le-board {
        text-align: center !important;
    }

    .hold-three-card {
        display: flex;
        justify-content: center;
        margin-bottom: 15% !important;
        margin-top: 10% !important;
    }

    .leader-board {
        font-size: 13px !important;
    }

    .subscri {
        display: none !important;
    }

    .sam-crd {
        width: 9rem !important;
        background-color: #3C50D0;
        height: 12rem !important;
        border-radius: 30px 30px 7px 7px;
    }

    .sam-23 {
        width: 7rem !important;
        background-color: #354398;
        height: 9.6rem !important;
        margin-top: 37px !important;
        border-radius: 0px 20px 20px 0px;
    }

    .rank-list-name {
        text-align: center;
        margin-top: 0px !important;
    }

    .Adhi-card {
        width: 7rem !important;
        background-color: #2E3B86;
        border-radius: 20px 0px 0px 20px;
        margin-top: 37px !important;
        height: 9.6rem !important;
    }

    .human-prize {
        width: 50% !important;
    }

    .awards-1 {
        display: flex;
        justify-content: center;
        top: 10%;
        margin-top: -65px !important;
    }

    .rank-list-name-2 p {
        font-size: 17px !important;
    }

    .rank-list-name-2 h2 {
        color: #FFCC3E;
        font-size: 17px !important;
    }

    .sam-crd h4 {
        font-size: 13px !important;
    }

    .human-prize-1 {
        width: 50% !important;
    }

    .rank-list-name-3 h5 {
        font-size: 12px;
    }

    .rank-list-name-3 h3 {
        color: #07C55A;
        line-height: 15px !important;
        font-size: 15px !important;
    }

    .rank-list-name-3 p {
        font-size: 18px !important;
    }

    .rank-list-name h5 {
        font-size: 12px !important;
    }

    .rank-list-name h3 {
        color: #FF00FF;
        font-size: 14px !important;
    }

    .rank-list-name p {
        font-size: 18px !important;
    }

    .awards {
        display: flex;
        justify-content: center;
        top: 10%;
        margin-top: -25px !important;
    }
    /*    leaderboaer
*/ .icon-cop {
        display: block !important;
        padding: 10px !important;
    }

    .staus-col {
        justify-content: center !important;
    }

    .staus-div {
        padding: 10px 10px !important;
    }

    .copy-icos {
        display: block !important;
        padding: 10px !important;
    }

    .aff-table-align {
        display: block !important;
    }

    .top-change {
        margin-bottom: 10px !important;
    }

    .news-amount {
        display: none;
    }

    .sec-eight-table tr td {
        color: #fff;
        font-size: 11px !important;
        padding-right: 0px;
        padding-bottom: 15px;
    }

    .icon-move {
        margin-left: -20px !important;
    }

    #multiAcc .dropdown-menu {
        width: 100% !important;
    }

    #multiAcc .btn-secondary {
        font-size: 14px;
        font-weight: 600;
        background-color: #1f2a47 !important;
        border-radius: 3px;
        border: none;
        box-shadow: 0 0.5px 2px 1px rgb(211 250 255 / 68%);
        color: #fff !important;
        /*padding: 8px 0px !important;*/
    }

    .card-eight-two-align {
        display: block !important;
    }

    .card-eight-one {
        width: 100% !important;
    }

    .card-eight-two {
        width: 100% !important;
        margin-top: 30px;
    }

    .card-eight-text-one {
        font-size: 13px;
        color: #fff;
        position: relative;
        left: 100%;
    }

    .card-eight-text-two {
        color: #fff;
        position: relative;
        font-size: 13px;
        left: 7%;
    }

    .phase-table-btn {
        font-size: 14px !important;
        border-radius: 30px !important;
    }

    .card-eight-text-three {
        color: #fff;
        font-size: 13px;
        position: relative;
        right: -100%;
    }

    .new {
        left: 31% !important;
    }

    .new-2 {
        left: 10% !important;
    }

    .new-3 {
        right: 13% !important;
    }

    .new-4 {
        right: 0% !important;
    }
    /*
    .trading-plans-cont {
        padding: 0 !important;
    }*/
}

.inactive-state {
    background-color: transparent !important;
    border: 2px solid #854DFF !important;
    opacity: 0.7;
}

.active-state {
    opacity: 1;
    background-color: #854DFF !important;
}

.inactive-state2 {
    background-color: transparent !important;
    border: 2px solid #854DFF !important;
    opacity: 0.7;
}

.active-state2 {
    opacity: 1;
    background-color: #854DFF !important;
}

.hide-200 {
    display: none !important;
}

@media (min-width: 992px) {
    #sm-100 {
        display: none !important;
    }

    .clonen {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .mob-dnone {
        display: none;
    }
}

@media (min-width: 600px) {
    .desk-dnone {
        display: none;
    }
}


/*mutiAccountSelect*/
@media(min-width:992px) {

    #nav-select-mob {
        display: none !important;
    }

    .nav-select-mobs {
        display: none !important;
    }
}
/*/ Media Query for low resolution Tablets, Ipads /*/
@media (min-width: 541px) and (max-width: 980px) {

    #nav-select-mob {
        display: none !important;
    }

    .nav-select-mobs {
        display: none !important;
    }
}

@media(max-width:540px) {

    /*    .copy-1 {
        display: none !important;
    }*/

    .nav-select-lp {
        display: none !important;
    }

    .nav-select-mobs {
        display: block !important;
    }

    .si-heading {
        font-size: 100% !important;
    }

    .certificate p.card-text {
        color: #a3a4cc;
        margin-top: 20px;
    }

    .dashPassPos {
        right: 0px !important;
    }

    #nav-select-pc {
        display: none !important;
    }

        /*#nav-select-mob .dropdown-menu {
        width: 75% !important;*/
        /*        width: 200px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;*/
        /*}*/

        #nav-select-pc .btn-secondary, #nav-select-mob .btn-secondary {
            box-shadow: 0 -0.3px 2px 1px rgb(165 166 255) !important;
            width: 40% !important;
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }

    #multiAcc .btn-secondary {
        font-size: 14px;
        font-weight: 600;
        background-color: #35365f !important;
        border-radius: 3px;
        border: none;
        box-shadow: 0 0.5px 2px 1px rgb(211 250 255 / 68%);
        color: #fff !important;
        padding: 8px 0px !important;
    }
}

@media (min-width:1900px) {
    .dashPassPos {
        right: 0px !important;
    }
}

@media (min-width:1500px) and (max-width:1890px) {
    .dashPassPos {
        right: 0px !important;
    }
}

@media (min-width:1400px) and (max-width:1490px) {
    .dashPassPos {
        right: 5px !important;
    }
}

#multiAcc .btn-secondary {
    font-size: 14px;
    font-weight: 600;
    background-color: #1b224f !important;
    border: none;
    box-shadow: inset 0px 0px 4px 1px rgb(143 90 227 / 68%);
    color: #fff !important;
    padding: 8px 25px;
}

#multiAcc .dropdown-menu {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    animation: dropdownAnimation .1s;
    background-color: #1b2146;
}

#multiAcc .dropdown-item.selected {
    background-color: #35365f !important;
    color: #854DFF !important;
    font-size: 13px;
}

#multiAcc .dropdown-item {
    color: #9fa0c7 !important;
    font-weight: 600;
    font-size: 13px;
}

    #multiAcc .dropdown-item:hover, #multiAcc .dropdown-item:focus {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg);
        transition: .5s;
    }

.acc-borders {
    border-bottom: 1px solid #444564 !important;
    border-top: 1px solid #444564 !important;
}

.dd-space-up {
    margin-bottom: 5px !important;
}

.dd-space-down {
    margin-top: 5px !important;
}
/*mutiAccountSelect*/


/*ChartImageAnimation*/
#freepik_stories-metrics {
    height: 315px;
    width: 100%;
}

svg#freepik_stories-metrics:not(.animated) .animable {
    opacity: 0;
}

svg#freepik_stories-metrics.animated #freepik--background-simple--inject-4 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedRight;
    animation-delay: 0s;
}

svg#freepik_stories-metrics.animated #freepik--Shadow--inject-4 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;
    animation-delay: 0s;
}

svg#freepik_stories-metrics.animated #freepik--Floor--inject-4 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;
    animation-delay: 0s;
}

svg#freepik_stories-metrics.animated #freepik--Chair--inject-4 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedRight;
    animation-delay: 0s;
}

svg#freepik_stories-metrics.animated #freepik--Furniture--inject-4 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft;
    animation-delay: 0s;
}

svg#freepik_stories-metrics.animated #freepik--Character--inject-4 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomOut;
    animation-delay: 0s;
}

svg#freepik_stories-metrics.animated #freepik--chart-4--inject-4 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedLeft;
    animation-delay: 0s;
}

svg#freepik_stories-metrics.animated #freepik--chart-3--inject-4 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomOut;
    animation-delay: 0s;
}

svg#freepik_stories-metrics.animated #freepik--chart-2--inject-4 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn,1.5s Infinite linear floating;
    animation-delay: 0s,1s;
}

svg#freepik_stories-metrics.animated #freepik--chart-1--inject-4 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp,1.5s Infinite linear floating;
    animation-delay: 0s,1s;
}

@keyframes lightSpeedRight {
    from {
        transform: translate3d(50%, 0, 0) skewX(-20deg);
        opacity: 0;
    }

    60% {
        transform: skewX(10deg);
        opacity: 1;
    }

    80% {
        transform: skewX(-2deg);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: inherit;
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes zoomOut {
    0% {
        opacity: 0;
        transform: scale(1.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes lightSpeedLeft {
    from {
        transform: translate3d(-50%, 0, 0) skewX(20deg);
        opacity: 0;
    }

    60% {
        transform: skewX(-10deg);
        opacity: 1;
    }

    80% {
        transform: skewX(2deg);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes floating {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
/*ChartImageAnimation*/

.chart-align {
    align-content: center;
    height: 460px;
    margin-bottom: 25px;
}

.pass-input-size {
    width: 85px;
}

.pass-input-span {
    display: flex;
    align-items: center !important;
}

@media(max-width:540px) {
    #basic-addon2.input-group-text i {
        font-size: 18px !important;
    }

    .copy-text {
        display: none !important;
    }

    .inputboxToText {
        text-align: right;
    }

    .inputPasswordPad {
        padding: 1.5rem;
    }

    .mob-acc-details {
        display: flex;
        padding-top: 2px;
        padding-bottom: 2px !important;
        align-items: center;
        justify-content: space-between;
    }

    .mob-acc-head {
        margin-right: 15px;
    }

    .acc-details-space {
        padding-top: 15px !important;
    }

    #multiAcc .dropdown-item {
        text-align: center;
    }

    .profit-box-align {
        text-align: center;
        width: 100%;
        display: block !important;
    }

    .flex-row {
        flex-direction: row !important;
    }

    .widget-align {
        margin-top: 30px;
    }
}

.withPayments .bxs-badge-check {
    color: #14e66a !important;
    font-weight: 600;
    font-size: 27px;
    position: absolute;
    top: 0;
    right: 0;
}

#withdrawModel .bx-check-circle {
    color: yellowgreen;
}

.plan-img {
    height: 97px;
}

    .plan-img.selected {
        background: #fff;
        border-radius: 11px;
        box-shadow: 0px 0px 14px 10px rgb(255 255 255 / 10%);
    }

#customFile input[type="file"] {
    display: none;
}


.profit-box-align {
    display: flex;
    align-items: end;
}

.box-paddings {
    padding-right: 10%;
    padding-left: 10%;
}

.box-paddings-lg {
    padding-right: 5%;
    padding-left: 5%;
}








/*affiliate*/

.aff {
    color: #854DFF !important;
    background-color: #fff !important;
    padding: 5px 20px 5px 20px;
    border-radius: 7px;
    font-weight: 700;
}

.bg-footer-themes {
    border-radius: 5px;
    color: #fff !important;
    opacity: .7;
}


.link-col {
    color: #854DFF !important;
    text-decoration: underline !important;
    font-size: 12px !important;
}

.si-heading {
    font-size: 11px;
    color: #fff !important;
    opacity: .8 !important;
}

.mor-lin {
    height: 50px !important;
}

#inp .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -8px;
    /*    border-top-left-radius: 0;
    border-bottom-left-radius: 0;*/
    background-color: #854DFF !important;
    color: #fff !important;
    z-index: 1 !important;
    border-radius: 7px !important;
    padding: 0px 35px 0px 35px;
    cursor: pointer;
}

#inp .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    height: 50px !important;
    pointer-events: none;
    border: 0px !important;
    background-color: #445061;
}

.bg-nxt {
    padding: 25px 0px 12px 0px !important;
}

#inp input::placeholder {
    color: #fff !important;
    text-decoration: underline !important;
}

.bgs {
    background-color: #232333 !important;
}

.copy-icos {
    display: none;
}


.ul-design {
    padding-left: 20px !important;
}

    .ul-design li {
        padding-bottom: 10px;
    }

.a-design {
    text-decoration: underline;
}

.a-design-new {
    text-decoration: underline;
    font-size: 13px;
    text-align: center;
}

.img-size-sm {
    height: 75px !important;
    margin-bottom: 5px
}

.img-size-lg {
    height: 100px !important;
}

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

.circle {
    width: 75px;
    height: 75px;
    background-color: #2a62ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
}

.progress-container {
    width: 75px;
    height: 75px;
    position: relative;
}

.progress-circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: transparent;
    border: 3px solid #f1f1f1; /* Gray border */
    position: relative;
}

.progress-fill {
    width: 75px;
    height: 75px;
    position: absolute;
    left: -3px;
    top: -3px;
    border-radius: 50%;
    background-color: transparent; /* Start with transparent background */
    border: 3px solid #854DFF; /* Progress color */
    clip: rect(0, var(--percentage), 75px, 0); /* Clip the circle to create progress effect */
    transform: rotate(0deg); /* Start with 0 degree rotation */
    transform-origin: center;
    animation: progress-animation 2s forwards; /* Animation for progress */
    z-index: 2;
}

.progress-text {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff; /* Text color */
    z-index: 3; /* Ensure text is on top */
    font-size: 16px;
}

@keyframes progress-animation {
    to {
        transform: rotate(calc(360deg * 0.8)); /* Fill the circle to 80% in the border (360deg * 0.8) */
    }
}

#TermModal .modal-title {
    color: #854DFF !important;
}

.staus-div {
    background-color: #171d37;
    padding: 10px 10px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    max-width: 275px;
}

.staus-col {
    display: flex;
    justify-content: end;
}

.ul-design-new {
    padding-left: 0px !important;
}

@media (max-width: 540px) {
    #accordionOne .file-input i, #accordionTwo .file-input i {
        margin-top: 60px !important;
        margin-left: 0px !important;
        position: unset !important;
    }

    #accordionOne .file-input .custom-file-input, #accordionTwo .file-input .custom-file-input {
        position: relative !important;
        left: 17% !important;
        top: 10px !important;
    }
}

/*affiliate*/


.admin-dash h2 {
    margin-top: 0.75rem;
    font-weight: 600;
}



.admin-dash .rounded {
    padding: 6px 8px;
}

.admin-dash h6 {
    margin-bottom: 0.75rem;
}

.admin-dash .summary i {
    font-size: 27px;
}

.admin-dash .summary h4 {
    margin-top: 0.75rem;
}

.admin-dash .summary .card-body {
    padding: 2rem;
}

.admin-dash h4 {
    margin-bottom: 0.75rem;
    font-weight: 600;
    font-size: 1.5rem;
}

.admin-dash .userDetails h4, .admin-dash .totalUsers i, .admin-dash .totalUsers h2 {
    color: #4BFFBE !important;
}

.admin-dash .totalUsers .rounded {
    background: #26394c;
}

.admin-dash .accountDetails h4, .admin-dash .totalAccounts i, .admin-dash .totalAccounts h2 {
    color: #FCFF76;
}

.admin-dash .totalAccounts .rounded {
    background: #4c4b269e;
}

.admin-dash .transactionDetails h4, .admin-dash .totalAmount i, .admin-dash .totalAmount h2 {
    color: #71dd37;
}

.admin-dash .totalAmount .rounded {
    background: #20401d;
}

.admin-dash .planDetails h4 {
    color: #854DFF;
}

.highcharts-legend-item text {
    color: white !important;
    fill: white !important;
}

@media (max-width: 540px) {
    .mob-pt-0 {
        padding-top: 0px !important;
    }

    .mob-pb-0 {
        padding-bottom: 0px !important;
    }
}

/*leader*/
.leader-board {
    font-size: 15px;
    font-weight: 400;
    background-color: #232957 !important;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #888888;
    box-shadow: none !important;
    color: #fff !important;
    padding: 8px 20px;
    cursor: pointer;
}

.leader-board-1 {
    font-size: 15px;
    font-weight: 400;
    background-color: #232957 !important;
    border-radius: 9px 0px 0px 9px;
    border: 1px solid #888888;
    box-shadow: none !important;
    color: #fff !important;
    padding: 8px 18px;
    cursor: pointer;
}

.leader-board-2 {
    font-size: 15px;
    font-weight: 400;
    background-color: #232957 !important;
    /*border-radius: 0px 9px 9px 0px;*/
    border-radius: 9px;
    border: 1px solid #888888;
    box-shadow: none !important;
    color: #fff !important;
    padding: 8px 30px;
    cursor: pointer;
}

.new-leader {
    border-radius: 8px 0px 0px 8px !important;
}

.new-leader-1 {
    border-radius: 0px 8px 8px 0px !important;
}

.non-radius {
    border-radius: 0px !important;
}

.rank-head th {
    color: #FFFFFF !important;
    font-size: 19px;
    text-transform: capitalize;
    border-bottom: none;
}

    .rank-head th:nth-child(1) {
        width: 150px;
    }

.rank-head td {
    border-bottom: none;
}

.ranksection td {
    font-size: 17px;
    font-weight: 500;
}

    .ranksection td img {
        border-radius: 50% !important;
        margin-right: 6px;
        width: 30px;
        height: 30px;
    }

.ranksection th {
    font-size: 17px;
    font-weight: 500;
    line-height: 42px;
    padding-left: 33px;
}

.bg-tab {
    background-color: #1B224F;
    padding: 0px 20px 0px 20px;
    border-radius: 30px;
}


.ranksection tr {
    background-color: #232957;
}

.prof {
    color: #5FFF00;
}

.draw {
    color: #F50D1B;
}

#space-tabel {
    border-spacing: 0px 15px;
    border-collapse: separate;
}

.three-crd {
    background-color: black;
    width: 21rem;
}

.hold-three-card {
    display: flex;
    justify-content: center;
    margin-bottom: 4%;
    margin-top: 20%;
}

    .hold-three-card .card-body .card-text {
        color: #EDF8D5;
    }

.awards {
    display: flex;
    justify-content: center;
    top: 10%;
    margin-top: -68px;
}

.human-prize {
    width: 30%;
    border-radius: 50%;
}

.sec-prize {
    border: 4px solid #981CEB;
}

.third-prize {
    border: 4px solid #00D95F;
}

.rank-list-name {
    text-align: center;
}

    .rank-list-name h3 {
        color: #FF00FF;
        /* padding: 0px; */
        font-weight: 700;
    }

    .rank-list-name p {
        font-size: 26px;
        margin-top: -10px;
    }

.rank-list-name-1 {
    text-align: center;
}

    .rank-list-name-1 h3 {
        color: #07C55A;
    }

.rank-list-name-2 {
    padding-top: 4.5rem;
}

    .rank-list-name-2 h2 {
        color: #ffed4d;
        font-weight: 700;
    }

    .rank-list-name-2 p {
        font-size: 26px;
        margin-top: -10px;
    }

.rank-list-name-3 p {
    font-size: 26px;
    margin-top: -12px;
}

.sam-crd {
    width: 19rem;
    background-color: #3C50D0;
    height: 17rem;
    border-radius: 30px 30px 0px 0px;
}

/*.human-prize-1 {
    width: 42%;
}*/
.human-prize-1 {
    width: 38%;
    border-radius: 50%;
    border: 7px solid #FFED4D;
}

.awards-1 {
    display: flex;
    justify-content: center;
    top: 10%;
    margin-top: -90px;
    position: relative;
}

.first-prize {
    position: absolute;
    bottom: 100px;
}
.first-post {
    position: absolute;
    width: 90%;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 90%;
}
.first-banner {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
}
.copy-btn-promo{
    display:flex;
    justify-content:center;
    align-items:center;
}
.btn-sms {
    border-radius: 5px;
    padding: 10px 0px;
    width: 100% !important;
}
.rank-list-name-3 {
    text-align: center;
}

    .rank-list-name-3 h3 {
        color: #07C55A;
        /* line-height: 0px; */
        font-weight: 700;
    }

.sam-23 {
    width: 20rem;
    background-color: #354398;
    height: 11rem;
    margin-top: 38px;
    border-radius: 0px 20px 20px 0px;
}

.Adhi-card {
    width: 20rem;
    background-color: #2E3B86;
    border-radius: 20px 0px 0px 20px;
    height: 12rem;
    margin-top: 23px;
}

.bg-tab-1 {
    display: none;
}

.lineheight-sm {
    line-height: 1.4;
}



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

.email-list {
    display: flex;
    flex-wrap: wrap;
}

.email-item {
    margin: 5px;
    padding: 5px;
    background-color: #1b224f;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

    .email-item span {
        margin-right: 5px;
    }

.remove-button {
    cursor: pointer;
}


/*inbox*/
.inboxshow {
    height: 600px;
    padding: 20px;
}

.in-title {
    font-size: 20px !important;
}

.in-main-title {
    height: 600px;
}

.in-main-post {
    height: 600px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.list li {
    list-style-type: none !important;
}

.notification-container::-webkit-scrollbar {
    display: none !important;
    -ms-overflow-style: none !important; /* IE and Edge */
    scrollbar-width: none !important;
}



.gradient-text {
    background: linear-gradient(to right, #fff, #f00); /* Adjust the colors as needed */
    -webkit-background-clip: text;
    color: transparent !important;
}


.carousel-container {
    margin-bottom: 2.5rem;
}

.myChallenges .plus {
    font-size: 3rem;
}

.myChallenges .getFunded {
    width: 90%;
    margin: auto;
}

.myChallenges .carousel-inner {
    position: unset;
}

.myChallenges .carousel-indicators {
    display: -webkit-inline-box;
    margin: 0;
    bottom: -1.5rem;
}

    .myChallenges .carousel-indicators li {
        background-color: #afb0f8;
        border: 1px solid #1B224F;
        border-radius: 50%;
        width: 10px;
        height: 10px !important;
        margin: 0 3px;
    }

    .myChallenges .carousel-indicators .active {
        background-color: #3173F7;
        width: 75px !important;
        border-radius: 37.5px; /* Half of the width */
    }



@media (min-width: 768px) {

    .carousel-container {
        margin-bottom: 1.5rem;
    }

    .myChallenges .carousel-indicators {
        display: none;
    }

    .myChallenges .carousel-inner {
        display: flex;
    }

    .myChallenges .carousel-item.active {
        width: 35% !important;
        margin-right: 2% !important;
    }

    .myChallenges .carousel-item {
        width: 35%;
        display: block;
        margin-right: 2% !important;
    }

    #myCarousel .carousel-item.active {
        width: 71% !important;
        margin-right: 2% !important;
    }
}

.myChallenges .carousel-item:nth-child(2) .card {
    background-color: #212121;
}

.myChallenges .carousel-item:nth-child(3) .card {
    background-color: #0D0D0D;
}

.font-weight-light {
    font-weight: 300;
}

.lossDetails h6 {
    color: #cbcbe2;
}

.color-green {
    color: #71dd37;
}

.color-red {
    color: #f23645;
}

.certificate .progress-bar {
    background-color: #854DFF;
}

.certificate .color-blue {
    color: #854DFF;
    font-weight: 700;
}

.payment-page .form-check {
    padding: 0px;
}

    .payment-page .form-check .form-check-input {
        margin-left: 0px;
        margin-right: 0.5em;
    }

.payment-page .payment-option {
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 15px;
}

.payment-option:hover {
    border-color: #007bff; /* Change border color on hover */
}

.payment-page .payment-option.selected {
    border-color: #007bff;
}

.payment-page .card-title {
    font-size: 1.5rem;
    font-weight: bold;
}

.payment-page .text-right {
    text-align: right;
}

.payment-page .total-amount {
    font-size: 2rem;
    font-weight: 600;
    border-bottom: 2px solid #fff; /* Solid line below total amount */
    padding-bottom: 5px; /* Add some padding to visually separate the line */
}

.payment-page .btn-no-radius {
    border-radius: 0;
}

.payment-page .confirm-button {
    margin-top: 20px;
}

.payment-page .card-title {
    font-size: 1.5rem; /* Larger font size */
    font-weight: bold; /* Bold font weight */
}


.btn-edit-coupon {
    position: absolute;
    top: -15px;
    right: -15px;
    border: none;
    color: #28b518;
    border-radius: 50%;
    padding: .5rem 0.6rem 0.5rem 0.6rem;
}

    .btn-edit-coupon:hover {
        background-color: #f0f0f0; /* Button background color on hover */
    }

.float-right {
    float: right;
}

.close {
    margin-left: 5px;
    cursor: pointer;
}

.couponError {
    display: none;
    color: #dc3545; /* Red color */
    font-size: 14px;
    margin-top: 5px;
}

    .couponError i {
        margin-right: 5px;
    }

#couponCode, #couponBtn {
    padding: 5px 15px;
}

#couponBtn {
    border-radius: 0px 4px 4px 0px !important;
    background: #143594;
    border: 1px solid #444564;
}

    #couponBtn.btn-success {
        background-color: #71dd37 !important;
    }

.form-check-label i {
    color: #fff;
    font-size: 16px;
}
.notification-card {
    border-left: 5px solid #f1f9ff;
    background-color: #001177;
    padding: 20px;
    border-radius: 0.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
}

.notification-icon {
    font-size: 2rem;
    color: #f1f9ff;
    margin-right: 15px;
}
#noChart {
    /* 1) make your container a flex‐box and size it */
    display: flex;
    justify-content: center; /* horizontal centering */
    align-items: center; /* vertical centering */
    overflow: hidden; /* hide any overflow when img is “cover” */
}

    #noChart img {
        /* 2) force the img to fill the container and cover */
        width: 40%;
        height: 100%;
        object-fit: cover; /* scales & crops to fill */
        object-position: center; /* centers the focal point */
    }
.search-bg {
    background: #1B224F !important;
}
.table-borderless tbody,.table-borderless tr, .table-borderless td {
    border: none !important;
}
.payoutAmount small {
    font-size: 1rem; /* smaller 'Loading...' initially */
}

.alert small {
    font-size: 0.85rem;
}