/*# sourceMappingURL=custom.min.css.map */
/*.text-primary {
    color: #0066a5 !important;
}*/

    .navbar-header {
    width: auto;
}

.container-fluid {
    padding: 0 0px 0px;
}

[data-layout="horizontal"] .menu-dropdown {
    top: 47px;
}

.navbar-nav.traderLogo {
    margin: 0px;
    padding: calc(17px * 0.5) 0;
    margin-right: 6px;
}

.auth-one-bg {
    background-image: url("https://pic.islamicly.com/web/signin/islamicly-auth-bg.jpg");
    background-position: center;
    background-size: cover;
}

    .auth-one-bg .bg-overlay {
        background: linear-gradient(to top, #6db838, #3fa6f2);
        opacity: 0.8;
    }

.error {
    color: red;
    margin: 0px;
    margin: 15px 0px !important;
}

.bootoast.alert {
    display: flex;
    align-items: center;
}

    .bootoast.alert .close {
        border: 0px;
        background: transparent;
        color: #fff;
        font-size: 17px;
    }

.mobileLogin .userPhone {
    display: block;
    position: absolute;
    top: 43%;
    z-index: 9999;
    width: 100%;
}

.userPhone .d-flex {
    background: #319945;
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 36px 30px;
    border-radius: 8px;
}

.userPhone p {
    color: #fff;
    margin: 0;
    font-size: 15px;
    font-weight: 100;
}

.userPhone img {
    position: absolute;
    right: -19px;
    top: -40px;
    width: 181px;
}

.mobileLogin .bottomTestMobile {
    bottom: 15vh;
}

.login-social--loginIsl {
    position: relative;
}

.bottomTestMobile {
    position: absolute;
    bottom: 50px;
    z-index: 9999999;
    color: #404040;
    display: block;
    text-align: center;
    width: 100%;
    line-height: 1.2;
    font-weight: 200;
    font-size: 16px;
    letter-spacing: 0.5px;
    margin: 0;
}

.islamicly-LoginSignupPage {
    height: calc(100vh - 300px);
    justify-content: center;
    align-items: center;
}

.form-group {
    margin-bottom: 1rem;
}

.form-select:focus {
    color: var(--vz-body-color);
    background-color: var(--vz-input-bg-custom);
    border-color: var(--vz-primary-border-subtle);
    outline: 0;
    -webkit-box-shadow: 0 0 1 0.25rem rgba(var(--vz-primary-rgb), 0.25);
    box-shadow: 0 0 1 0.25rem rgba(var(--vz-primary-rgb), 0.25);
}

/*Signup Page*/
.card .auth-one-bg {
    background-image: url("/Content/assets/images/auth-one-bg.jpg");
    background-image: url("/Content/assets/images/auth-one-bg1.jpg");
    background-image: url("/Content/assets/images/auth-one-bg3.jpg");
    background-position: center;
    background-size: cover;
}
/*Signup Page*/

.carousel-item {
}

    .carousel-item.active {
    }

    .carousel-item .caption {
        text-align: left;
    }

        .carousel-item .caption h1 {
            color: #fff;
            font-size: 1.3rem;
            margin-bottom: 0.3rem;
        }

        .carousel-item .caption p {
            color: #dfdfdf;
            font-size: 0.9rem;
            margin: 0px;
            margin-bottom: 1.5rem;
        }

        .carousel-item .caption img {
            max-height: 20vh;
            display: flex;
        }

            .carousel-item .caption img.slide1 {
                max-height: 30vh;
                margin: 0 auto;
            }

            .carousel-item .caption img.slide2 {
                max-height: 25vh;
                margin: 0 auto;
            }

        .carousel-item .caption ul {
            list-style-type: none;
        }

            .carousel-item .caption ul li {
                display: flex;
                align-items: center;
                margin-bottom: 0.5rem;
            }

                .carousel-item .caption ul li .material-icons {
                    font-size: 13px;
                    margin-right: 5px;
                    background: #fff;
                    padding: 2px;
                    border-radius: 20px;
                    color: #000;
                }

        .carousel-item .caption img.slide5 {
            max-height: 15vh;
            margin: 0 auto;
        }

.brokerDivFlex {
    display: flex;
}

.brokerDivFlex-item {
    width: 24%;
    margin: 0px 0.5%;
    margin-bottom: 5px;
}

    .brokerDivFlex-item .bg {
        background: #eff4f5;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px 0px;
    }

        .brokerDivFlex-item .bg img {
            max-height: 30px;
        }

.footer {
}

.footer-column {
    justify-content: space-between;
    display: flex;
    width: 100%;
    align-items: center;
}

    .footer-column ul {
        margin: 0px;
        display: flex;
        list-style-type: none;
    }

    .footer-column li {
        margin-left: 15px;
    }

        .footer-column li a {
            color: #333;
        }

    .footer-column p {
        margin: 0px;
    }

.footer {
    bottom: 0;
    padding: 12px calc(1.5rem * .5);
    height: 40px;
    z-index: 999;
}

.footer-column p {
    font-size: 13px;
}

.footer-column li a:hover {
    color: #50c3e6 !important;
}

.card-header-tabs .nav-item a {
    font-size: 13px;
    color: #7c7c7c !important;
}

.card {
    margin: 10px 0;
    margin-bottom: 0.7rem;
}

.input-step {
    height: 45.5px;
}

.text-muted strong {
    font-weight: 600;
}

.list-group-item.alert-danger {
    background: #f5b3b3;
    color: #a70000;
    background: #fad9d9;
}

.form-control:hover {
    box-shadow: none;
    border: 1px solid rgba(120,130,140,.13);
    background: transparent !important;
    color: #333;
}

.page-content {
    min-height: calc(100vh - 80px);
}

.table-hover tbody tr:hover {
    background-color: transparent;
}

.form-check-input[type=radio] {
    margin-top: 0.2rem;
}

/* .list-group-item.alert-danger h6, .list-group-item.alert-danger p.text-muted {
        color: #a70000 !important;
    }*/

.btn {
    padding: 4px 10px 4px !important;
    height: auto !important;
}

.card-header .btn {
    padding: 7px 10px 7px !important;
    height: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.isl-universe .form-control {
    height: auto;
}

select {
    word-wrap: normal;
    padding: 0px 15px;
}

.isl-universe .card-header {
    padding: 1rem 0px;
}

.isl-selected-count {
    background: transparent linear-gradient(180deg,#6dc069 0,#28b5e0 100%);
    margin: 0;
    padding: 10px 10px 3px;
    border-radius: 20px;
    margin-right: 14px;
    cursor: pointer;
    color: #fff;
}

.isl-table-top .isl-table-top--pane {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
}

    .isl-table-top .isl-table-top--pane li {
        background: #24282e;
        border-left: 0 solid #a5bbc9;
        border-radius: 10px;
        cursor: pointer;
        height: 54px;
    }

.SelectionFilterUniverse li span {
    font-size: 12px;
}

    .SelectionFilterUniverse li span.material-icons {
        position: relative;
        background: #8e0000;
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        border-radius: 50%;
        right: -6px;
        top: 2px;
        padding: 5px;
        cursor: pointer;
    }

.container-fluid .row:nth-child(even) {
    background: transparent;
}

.isl-universe--filter .card {
    padding: 0px;
}

.isl-universe--filter .card-body.active {
    background: #ede7fb;
}

.input-group .input-group--radiobox {
    margin-left: 0px;
    --vz-form-select-bg-img: url('data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23363d48' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e');
    display: block;
    width: auto;
    padding: 0.47rem 2.7rem 0.4rem 0.9rem;
    font-size: .825rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--vz-body-color);
    background-color: var(--vz-input-bg-custom);
    background-image: var(--vz-form-select-bg-img),var(--vz-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right 0.9rem center;
    background-size: 16px 12px;
    border: var(--vz-border-width) solid var(--vz-input-border-custom);
    border-radius: 0px 0.25rem 0.25rem 0;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-left: 0px;
    margin-left: -2px;
}

.input-group .form-check-inline .form-check-label {
    vertical-align: middle;
    margin-bottom: -2px;
    padding: 0px;
}

.isl-universeMain .page-title-box {
    margin: -19px 0 0 0;
    padding: 1.2rem 0 0rem;
}

.table tr td .material-icons {
    color: green;
}

    .table tr td .material-icons.red {
        color: red;
    }

.isl-watchlistDetails {
}

.isl-watchlistDetails--top {
}

    .isl-watchlistDetails--top .back-icons {
        background: #39c4ed;
        background: #66696a;
        padding: 8px 5px;
        border-radius: 20px;
    }

        .isl-watchlistDetails--top .back-icons img {
            max-height: 20px;
        }

.isl-watchlistDetails--row__table .alert {
    padding: 0.4rem 0.8rem;
}

.isl-watchlistDetails--row .table-card {
    margin: -1rem 0rem;
}

.isl-watchlistDetails .page-title-box {
    padding: 1.2rem 0 0.5rem;
}

.isl-watchlistDetails .breadcrumb-item + .breadcrumb-item::before {
    font-family: "Material Design Icons";
    font-size: 15px;
    line-height: 37px;
}

.isl-watchlistDetails .breadcrumb-item.active {
    display: flex;
    align-items: center;
}

.ribbon-box h5 {
    text-transform: uppercase;
    font-size: 13px;
    min-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-card .table {
    position: relative;
    border-collapse: collapse;
}

    /*.table-card .table th {
        background: white;
        position: sticky;
        top: 0;
    }*/
/*.explore-box {
    border-radius: 9px;
    overflow: hidden;
}*/
.isl-articles .card {
    margin: 0px 0;
    margin-bottom: 0.7rem;
    padding: 0px;
}

.explore-box .explore-img {
    height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}
/*.isl-articles .explore-box h5 {
min-height: 80px;
display: flex;
align-items: center;
}*/
.isl-articles .explore-box h5 a {
    font-size: 18px;
    color: var(--vz-heading-color);
    line-height: 1.4;
}

    .isl-articles .explore-box h5 a:hover {
        color: var(--vz-link-hover-color);
    }

.isl-articles .explore-box p {
    font-size: 15px;
    line-height: 1.4;
}

.isl-articles .explore-box .link-hover--new a.text-success .icons {
    transition: all 1s;
}

.isl-articles .explore-box .link-hover--new a.text-success:hover .icons {
    padding-left: 5px !important;
}

.isl-articles .explore-box .bookmark-icon .btn {
    padding: 4px 10px 4px !important;
    height: auto !important;
    width: auto;
}

.isl-viwes {
    display: flex;
    margin: 0px;
}

    .isl-viwes .replyChatBubble {
        display: flex;
        align-items: center;
        margin-right: 5px;
        color: var(--vz-success);
        font-weight: 600;
        font-size: 14px;
    }

        .isl-viwes .replyChatBubble span {
            font-size: 16px;
            color: var(--vz-secondary-color);
            margin-right: 4px;
        }

table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_desc_disabled:after {
    font-family: "Material Design Icons" !important;
}


table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: inherit;
}

table.table-bordered.dataTable {
    border-right-width: 0;
    table-layout: fixed;
    white-space: inherit;
}

.isl-stockDetails {
}

.brokerImg {
    display: flex;
    flex-wrap: wrap;
}

    .brokerImg .bg {
        background-color: var(--vz-white) !important;
        margin: 5px;
        padding: 5px;
        width: calc(25% - 10px);
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .brokerImg .bg img {
            max-height: 45px;
        }

.overAllComplaint--addDiscussion__strip {
    background: #1e222d;
    border-color: #434651;
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-start;
}

    .overAllComplaint--addDiscussion__strip p, .reply-chatrightSection .material-icons {
        color: #e8e8e8;
    }

        .overAllComplaint--addDiscussion__strip p:first-child {
            margin-left: 5px;
            font-size: 17px;
            font-weight: 500 !important;
        }

    .overAllComplaint--addDiscussion__strip p {
        font-size: 0.7vw !important;
    }

        .overAllComplaint--addDiscussion__strip p .value {
            color: #28b5e1;
            font-weight: 700;
            font-size: 25px;
        }

    .overAllComplaint--addDiscussion__strip p {
        margin-bottom: 0;
        color: #a5bbc9;
        font-size: 12px;
        line-height: 1.2;
        border-right: 2px solid #3e4750;
        flex-grow: 1;
        margin-left: 16px;
    }

[data-bs-theme="dark"] .main-content .logo-light {
    display: inline-block;
}

[data-bs-theme="dark"] .main-content .logo-dark {
    display: none;
}

[data-bs-theme="light"] .main-content .logo-light {
    display: none;
}

[data-bs-theme="light"] .main-content .logo-dark {
    display: inline-block;
}

.investRight .btn-investment {
    background: #dc7c01;
    color: #fff;
    font-size: 17px;
    display: flex;
    padding: 7px 30px 5px 25px;
    border: 0px;
}

.noPurifyValue {
    height: auto;
    display: block;
    justify-content: center;
    align-items: center;
}

.holdingPageDiv .borkerBox {
    height: 75px;
}

.borkerBox {
    padding: 0px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.9rem;
}

    .borkerBox .boxPadd {
        padding: 15px 10px;
        border: 1px dashed #fff;
        width: 100%;
        border-radius: 6px;
        /* margin-bottom: 5px; */
        margin-top: 10px;
        cursor: pointer;
        box-shadow: 0px 0px 2px #ccc;
        transition: all .3s ease;
        height: 100% !important;
        position: relative;
    }

.holdingPageDiv .borkerBox .boxPadd {
    position: relative;
    padding: 0px;
}

.holdingPageDiv .borkerBox .boxPadd {
    margin-top: 0px;
}

    .holdingPageDiv .borkerBox .boxPadd label {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 75px;
    }

    .holdingPageDiv.table .borkerBox .boxPadd img {
        max-width: 100%;
        max-height: 35px;
        width: auto;
    }
.borkerBox .boxPadd img {
    max-width: 100%;
    max-height: 35px;
    width: auto;
    margin: 0 auto;
    display: block;
}

.borkerBox .boxPadd h4 {
    display: none;
}
.borkerOption {
    background: #d7d7d7;
}
#snaptradeModalUniv .borkerBox .boxPadd img {
    max-width: 100%;
    max-height: 35px;
    width: auto;
    margin: 0 auto;
    display: block;
}
#snaptradeModalUniv .borkerBox .boxPadd h4 {
    display: none;
}
.holdingPageDiv .borkerBox .boxPadd img {
    max-width: 100%;
    max-height: 50px;
    width: auto;
}
.holdingPageDiv .table tr th, .holdingPageDiv .table tr td {
    padding: 0.5rem 0.5rem;
    vertical-align: middle;
}


input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.checkbox input[type=checkbox] {
    display: none;
}

.holdingPageDiv .borkerBox .boxPadd div:nth-child(2) {
    width: 40%;
}

.bottomPosSelect {
    position: absolute;
    bottom: 0px;
    background: #0e95cb;
    padding: 2px 15px 0px;
    color: #fff;
    border-radius: 10px;
    font-size: 13px;
    margin-bottom: -10px;
    width: fit-content !important;
}

.tradeStepper.holdingPageDiv {
    position: relative;
    height: calc(100vh - 220px);
}

.holdingPageDiv .inside-title:before, .holdingPageDiv .selectedBrokerDiv .inside-title:before {
    width: 28px;
    height: 5px;
    display: block;
    content: "";
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin-left: -14px;
    background-color: #0cb3ff;
}

.holdingPageDiv .inside-title:after, .holdingPageDiv .selectedBrokerDiv .inside-title:after {
    width: 100px;
    height: 1px;
    display: block;
    content: "";
    position: relative;
    margin-top: 10px;
    left: 50%;
    margin-left: -50px;
    background-color: #0cb3ff;
}

.holdingPageDiv .selectedBrokerDiv .borkerBox {
    height: auto;
}

.investRight .btn-investment {
    background: #dc7c01;
    color: #fff;
    font-size: inherit;
    display: flex;
    padding: 7px 30px 5px 25px;
    border: 0px;
}

#userHoldingGridList {
    height: auto;
    display: block;
}

:root, [data-bs-theme=light] {
    --vz-secondary: #ff5800;
    --vz-secondary-text-emphasis: #e14e00;
}

.isl-articles .table > tbody > tr > td,
.isl-articles .table > tbody > tr > th,
.isl-articles .table > tfoot > tr > td,
.isl-articles .table > tfoot > tr > th,
.isl-articles .table > thead > tr > td,
.isl-articles .table > thead > tr > th {
    padding: 7px 10px;
    vertical-align: middle;
    line-height: 1.6;
    cursor: pointer;
    word-break: break-word !important;
}

.isl-articles .table thead.table-light tr {
    background-color: var( --vz-table-bg) !important;
}

.isl-articles .table .user-image {
    height: 29px;
    border-radius: 50%;
    margin-right: 5px;
}

.isl-articles div.dataTables_wrapper div.dataTables_filter,
.isl-articles div.dataTables_wrapper div.dataTables_info {
    display: none;
}

.reply-chatrightSection {
    display: flex;
    justify-content: flex-end;
    height: auto;
}

    .reply-chatrightSection p {
        margin: 0;
    }

    .reply-chatrightSection span:not(:last-child) {
        border-right: 1px solid #ccc;
        padding-right: 7px;
        margin-right: 7px;
    }

.chatSection-left--actions {
    margin: 0px;
    justify-content: flex-end;
}

    .chatSection-left--actions .replyChatBubble, .reply-chatrightSection span {
        display: flex;
        justify-content: center;
        align-self: center;
        font-size: auto;
        align-items: center;
    }

    .chatSection-left--actions span:last-child {
        border-right: 0 solid #3e4750;
        padding-right: 0.2vw;
        margin-left: 0.1vw;
    }

.border-bottom-custom {
    border-bottom: 1px solid rgba(120,130,140,.13);
}

.alert-label-icon.alert-success .label-icon {
    background-color: rgb(11 181 9 / 10%);
}

.isl-billing .ribbon-box .ribbon {
    left: -13px;
}

.isl-billing .ribbon-box h5 {
    min-height: auto;
    font-size: 1.03125rem;
    display: block;
}

.ribbon-box .ribbon-secondary {
    background: #db6208;
}

    .ribbon-box .ribbon-secondary.ribbon-shape::before {
        border-left-color: #db6208;
        border-top-color: #db6208;
    }

    .ribbon-box .ribbon-secondary.ribbon-shape::after {
        border-left-color: #db6208;
        border-bottom-color: #db6208;
    }

.card.card-add {
    padding: 100px;
    width: 100%;
    height: 294px;
    cursor: pointer;
}

.customLayout {
    width: 100% !important;
}

.islMarketPayment .country-market--list {
    margin-top: 10px;
}

    .islMarketPayment .country-market--list ul {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

  

        .islMarketPayment .country-market--list li.active {
            color: rgba(255, 255, 255, 0.9);
            border: 1px dashed #ccc;
        }

            .islMarketPayment .country-market--list li.active .material-icons {
                visibility: visible;
                position: relative;
                top: 3px;
            }

.dark-theme .nav-menu, .dark-theme footer {
    display: none;
}

#billing {
    margin-top: 0px !important;
}

.dark-theme footer.footer {
    display: block;
}

.customLayout {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    background: #2a2d42 !important;
    height: 90.6vh;
}

.dark-theme {
    height: 97.5vh;
    background: transparent !important;
}

.islMarketPayment-navigation--top ul li.active {
    color: #fff;
}

.islMarketPayment-navigation--top ul li {
    display: flex;
    justify-content: center;
    width: 25%;
    font-size: 16px;
    color: #b3afaf;
    cursor: pointer;
    letter-spacing: 0.7px;
    align-items: center;
    border-radius: 8px;
    margin-top: 10px;
}

#marketPaymentList {
    height: 67vh;
}

.islMarketPayment .btn-isl-success--proceedPlan {
    margin-left: 0%;
    margin-top: 0vh;
    border-radius: 8px;
    height: 46px;
    width: 100%;
    margin-bottom: 0px !important;
}

.islMarketPayment-selectedBox--counter {
    width: auto%;
}

.islMarketPayment-selectedBox--marketDiscount {
    width: auto%;
}

.islMarketPayment .country-market--list {
    margin-left: 5px;
}

.dark-theme .form-control {
    font-size: 15px;
}

.subscription-add {
    height: 400px;
    max-height: 400px;
    min-height: 400px;
}

.subscription-add--body {
    padding: 6px 10px 7px 15px;
}

    .subscription-add--body p {
        margin-bottom: 3px;
        color: #2a2d42;
    }

.islMarketPayment .isl-paymentForBoth .nav-pills .nav-link.active {
    background: #ff6c00;
}

.isl-paymentForBoth--plans .title {
    text-align: left;
}

.islMarketPayment .isl-paymentForBoth--plans .title h1 {
    color: #333;
    justify-content: flex-start;
}

.islMarketPayment .isl-checkoutPaymentStrip .isl-paymentForBoth--plans .title h1, .islMarketPayment .isl-checkoutPaymentStrip .isl-paymentForBoth--plans .title span {
    color: #dadada;
}

.islMarketPayment .isl-paymentForBoth--plans .title span {
    color: #333;
    font-size: 13px;
}

.no-subscription--strip.orange {
    background: #dccb06;
    color: #000;
    padding: 9px;
    text-align: center;
    width: 100%;
    font-size: 1vw;
    font-weight: 600;
    margin-top: 12px;
}

.checkout-btn .btn-isl {
    margin-right: 5px;
    color: #fff;
    padding: 12px 5px;
    font-size: 17px;
    background: #000000;
    width: 230px;
    text-align: center;
    font-weight: 500;
}

.checkout-btn .btn-isl-primary {
    background: #17688e;
}

.checkout-btn .btn-isl-success {
    background: #189f00;
}

.islMarketPayment .isl-paymentForBoth .nav-pills .nav-link {
    padding: 20px 1px 20px;
}

.price-select--icons {
    position: relative;
    left: -9px;
}

.promoCodeDiv input:first-child {
    border-radius: 6px 0px 0px 6px;
}

.promoCodeDiv input:last-child {
    border-radius: 0px 6px 6px 0px;
}

.isl-subscription {
}


.islMarketPayment-navigation--top ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 0px dashed #817f87;
    padding-bottom: 0px;
    margin-top: 0px;
    margin: 0px;
    padding: 0px;
}
    .islMarketPayment-navigation--top ul li:not(:last-child) {
        border-right: 1px solid #bdbdbd;
        border-radius: 0px;
    }
    .islMarketPayment-navigation--top ul li.active {
        color: var(--vz-success-text-emphasis);
    }
.islMarketPayment .country-market--list ul {
    width: 100%;
    padding: 0px;
    display: block;
}
.islMarketPayment .country-market--list li {
    width: calc(20% - 13px);
    margin: 5px 6px;
    border: 1px dashed #2a2d42;
    padding: 2px 10px;
    position: relative;
    display: flex;
    padding: var(--vz-list-group-item-padding-y) var(--vz-list-group-item-padding-x);
    color: var(--vz-list-group-color);
    background-color: var(--vz-list-group-bg);
    border: var(--vz-list-group-border-width) solid var(--vz-list-group-border-color);
}
    .islMarketPayment .country-market--list li.active {
        color: var(--vz-success);
        border: 1px dashed #ccc;
        font-weight: 500;
    }

        .islMarketPayment .country-market--list li.active .material-icons {
            visibility: visible;
            position: absolute;
            right: 10px;
            top: 14px;
        }

.btn.btn-lg {
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x) !important;
}

.btn.btn-lg.py-2 {
    padding: 0.4rem 1rem !important;
}
.btn-label.btn-lg .label-icon {
    width: 48.5px;
}
.islMarketPayment .isl-paymentForBoth .nav-pills .nav-link.active {
    background: #ff6c00;
}
.isl-paymentForBoth--plans {
    background: #fff;
    border-radius: 10px;
    padding: 10px 15px;
    justify-content: space-between;
    margin-top: 10px;
    border: 1px dashed #ccc;
    box-shadow: 0px 0px 6px #ccc;
}
    .isl-paymentForBoth--plans.active {
        background: #a5a5a5;
        background: #dcf6e9;
    }
    .isl-paymentForBoth--plans .title {
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .isl-paymentForBoth--plans .title {
        text-align: left;
    }
.islMarketPayment .isl-paymentForBoth--plans .title h1 {
    color: #333;
    justify-content: flex-start;
}

.islMarketPayment .isl-paymentForBoth--plans .title h1 {
    font-size: 1vw;
    line-height: 1;
    color: #dadada;
    font-weight: 400;
}
.islMarketPayment .isl-paymentForBoth--plans .title h1 {
    color: #333;
    justify-content: flex-start;
}
.isl-paymentForBoth--plans [type="radio"]:checked + label, .isl-paymentForBoth--plans [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
    .isl-paymentForBoth--plans [type="radio"]:checked + label:before, .isl-paymentForBoth--plans [type="radio"]:not(:checked) + label:before {
        content: "";
        position: absolute;
        left: 0;
        top: -6px;
        width: 18px;
        height: 18px;
        border: 1px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }

    .isl-paymentForBoth--plans [type="radio"]:checked + label:after, .isl-paymentForBoth--plans [type="radio"]:not(:checked) + label:after {
        content: "";
        width: 12px;
        height: 12px;
        background: #ff6c00;
        position: absolute;
        top: -3px;
        left: 3px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    .isl-paymentForBoth--plans [type="radio"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
.islMarketPayment .isl-paymentForBoth--plans .title span {
    color: #333;
    font-size: 13px;
}
.isl-paymentForBoth--plans .price h1 {
    color: #17688e;
    margin: 0;
    text-align: right;
    font-size: 24px;
}
.islMarketPayment .isl-paymentForBoth--plans .price h1 {
    font-size: 1vw;
    line-height: 1.2;
    font-weight: 600;

}
.isl-paymentForBoth--plans .price p {
    margin: 0;
    font-size: 14px;
}
.isl-paymentForBoth--plans .price p {
    color: #000;
}
.addCard-isl--webAPP .form-control {
    padding: 12px 20px !important;
    height: 46px !important;
    border-radius: 6px !important;
    background: red;
    border-bottom: 1px solid #ccc;
    color: #fffc;
    margin: 5px 0 !important;
    border: 0;
    font-size: 13px;
    display: block;
    width: 100%;
    padding: 0.5rem 0.9rem;
    font-size: .825rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--vz-body-color);
    background-color: var(--vz-input-bg-custom);
    background-clip: padding-box;
    border: var(--vz-border-width) solid var(--vz-input-border-custom);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--vz-border-radius);
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.isl-checkout .isl-paymentForBoth--plans {
    background: 0 0;
    position: relative;
    border-bottom: 0px dashed #ccc;
    width: 90%;
    margin: 0 0 0 10%;
    border-radius: 0;
    padding: 0px;
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
}
    .isl-checkout .isl-paymentForBoth--plans.alert {
        --vz-alert-bg: transparent;
        --vz-alert-padding-x: 1rem;
        --vz-alert-padding-y: 0.8rem;
        --vz-alert-margin-bottom: 1rem;
        --vz-alert-color: inherit;
        --vz-alert-border-color: transparent;
        --vz-alert-border: var(--vz-border-width) solid var(--vz-alert-border-color);
        --vz-alert-border-radius: var(--vz-border-radius);
        --vz-alert-link-color: inherit;
        position: relative;
        padding: var(--vz-alert-padding-y) var(--vz-alert-padding-x);
        margin-bottom: var(--vz-alert-margin-bottom);
        color: var(--vz-alert-color);
        background-color: var(--vz-alert-bg);
        border: var(--vz-alert-border);
        border-radius: var(--vz-alert-border-radius);
    }

        .isl-checkout .isl-paymentForBoth--plans.alert.alert-info {
            --vz-alert-color: var(--vz-info-text-emphasis);
            --vz-alert-bg: var(--vz-info-bg-subtle);
            --vz-alert-border-color: var(--vz-info-border-subtle);
            --vz-alert-link-color: var(--vz-info-text-emphasis);
        }
        .isl-checkout .isl-paymentForBoth--plans.alert.alert-warning {
            --vz-alert-color: var(--vz-warning-text-emphasis);
            --vz-alert-bg: var(--vz-warning-bg-subtle);
            --vz-alert-border-color: var(--vz-warning-border-subtle);
            --vz-alert-link-color: var(--vz-warning-text-emphasis);
        }
        .isl-checkout .isl-paymentForBoth--plans.alert.alert-success {
            --vz-alert-color: var(--vz-success-text-emphasis);
            --vz-alert-bg: var(--vz-success-bg-subtle);
            --vz-alert-border-color: var(--vz-success-border-subtle);
            --vz-alert-link-color: var(--vz-success-text-emphasis);
        }


.price-select--icons {
    position: absolute;
    background: #13c56b;
    width: 40px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.price-select--icons {
    position: relative;
    left: -17px;
}

.isl-subscription.customLayout {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    background: var(--vz-secondary-bg) !important;
    height: auto;
}
.isl-articles--details img {
    max-width: 100% !important;
    display: block;
    margin: 0 auto;
}
.isl-articles--details p {
    line-height: 1.5;
    font-size: 15px;
}

.isl-articles--details p u {
    font-size: 20px;
    color: var(--vz-success-text-emphasis);
    color: var(--vz-primary-text-emphasis);
    color: var(--vz-info-text-emphasis);
}

    .isl-articles--details p u em {
        font-size: 14px;
        color: var(--vz-link-color);
    }
.isl-articles--details__similar img {
    max-width: 100% !important;
    display: block;
    margin: 0 0;
}

.menu-dropdown {
    position: absolute;
    min-width: 15rem !important;
}
.modal-header {
    flex-direction: row-reverse;
}
.universe-listBottom--nostockParents {
    border-bottom: 1px dashed #ccc;
}
.universe-listBottom--nostock {
    background: var(--vz-success-text-emphasis);
    margin-top: 30px;
    border-radius: 10px;
    padding: 12px 25px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    width: 50%;
    margin: 30px auto 0;
    position: relative;
    top: 26px;
}

.universe-listBottom--nostock {
    cursor: pointer;
}
    .universe-listBottom--nostock p {
        margin: 0;
    }
 .table > thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 9;
}
.modal .card-header {
    padding-bottom: 10px;
}
.modal .card-body {
    margin-bottom: 10px;
}
.contentsidebarright ul {
    padding: .5rem 1rem .5rem 2rem
}
.contentsidebarright .striptop {
    background: #319945;
    color: #fff;
    padding: 30px 20px 15px
}

.contentsidebarright ul li {
    list-style: disc;
    color: #319945;
    font-size: 20px;
    margin-top: 12px;
    line-height: 1.1
}

    .contentsidebarright ul li span {
        color: #FFF;
        font-size: 14px;
        font-weight: 100
    }

.contentsidebarright .striptop span {
    font-size: 18px;
    line-height: .7
}

.sidebar {
    height: 86%;
    width: 350px;
    position: fixed;
    top: 11vh;
    right: -350px;
    background-color: #484F57;
    box-shadow: 0 1rem 5rem rgba(0,0,0,.4);
    transition: transform .7s ease-in-out;
    z-index: 99999;
    transition-delay: 1s;
    border: 0 solid #a5bbc9
}
.sidebar--title {
    font-size: .8vw
}
.divSearchPosition {
    display: none
}

.divSearchPosition {
    position: absolute;
    background: #1a1e24;
    width: 100%;
    padding: 20px;
    z-index: 99;
    border-radius: 10px;
    box-shadow: 0 0 4px #505050;
    top: 32px
}

    .divSearchPosition ul {
        max-height: 200px;
        overflow-y: auto
    }

        .divSearchPosition ul li {
            color: #ccc;
            border-bottom: 1px solid #ccc;
            padding: 6px 0;
            font-size: 12px
        }

.myInput::focus .divSearchPosition, .myInput:focus .divSearchPosition {
    display: block
}

.ui-datepicker {
    z-index: 99999 !important;
    background: #fff;
    width: 300px;
}
.ui-datepicker-header {
    width: 100%;
    position: relative;
}
.ui-datepicker-prev {
    position: absolute;
    left: 10px;
    top: 5px;
}
.ui-datepicker-next {
    position: absolute;
    right: 10px;
    top: 5px;
}
.ui-datepicker-title {
    padding-top: 25px;
    text-align: center;
}
.ui-datepicker-calendar {
    width: calc(100% - 10px);
    padding: 1rem;
    margin: 15px;
}
.ulRedDotList ul {
padding-left: 0px;
}
.ulRedDotList ul li {
    list-style-type: none;
}
.ulRedDotList ul li::marker {
    display: none;
}
table.fold-table > tbody > tr.view td, table.fold-table > tbody > tr.view th {
    cursor: pointer;
}

    table.fold-table > tbody > tr.view td:last-child,
    table.fold-table > tbody > tr.view th:last-child {
        position: relative;
        padding-right: 20px;
    }

    table.fold-table > tbody > tr.view td:first-child,
    table.fold-table > tbody > tr.view th:first-child {
        width: 70%;
    }

   

/* table.fold-table > tbody > tr.view:nth-child(4n-1) {
            background: #323131;
        }*/

table.fold-table > tbody > tr.view:hover {
    background: #222222;
}

table.fold-table > tbody > tr.view.open {
    background: #0070be;
    background: #2b2c2c;
    background: #25494c;
    color: white;
}

    table.fold-table > tbody > tr.view.open td:last-child:before, table.fold-table > tbody > tr.view.open th:last-child:before {
        transform: rotate(-180deg);
        color: #fff;
    }

table.fold-table > tbody > tr.fold {
    display: none;
}

    table.fold-table > tbody > tr.fold.open {
        display: table-row;
        background: #25494c;
    }

.fold-content {
    padding: 0.5em;
}

    .fold-content h3 {
        margin-top: 0;
    }

    .fold-content > table {
        border: 2px solid #ccc;
    }

        .fold-content > table > tbody tr:nth-child(even) {
            background: #000;
        }

table.fold-table > tbody > tr > td, table.fold-table > tbody > tr > th, table.fold-table > tfoot > tr > td, table.fold-table > tfoot > tr > th, table.fold-table > thead > tr > td, table.fold-table > thead > tr > th {
    border-top: 0px solid rgba(120,130,140,.13);
    vertical-align: top;
    line-height: 1;
    text-align: left;
}

table.fold-table > tbody > tr.fold .fold-content th:nth-child(1) {
    width: 30%;
}

table.fold-table > tbody > tr.fold .fold-content th:nth-child(2) {
    width: 20%;
}

table.fold-table > tbody > tr.fold .fold-content th:nth-child(3) {
    width: 15%;
}

table.fold-table > tbody > tr.fold .fold-content th:nth-child(4) {
    width: 20%;
}

table.fold-table > tbody > tr.fold .fold-content th:nth-child(5) {
    width: 15%;
}

.fold-table.table tbody tr th {
    border-bottom: 1px solid #5c5a5a;
    vertical-align: middle;
}

.fold-content > table {
    border: 0px solid #ccc;
}

    .fold-content > table tr th, .fold-content > table tr td {
        border: 0px solid #ccc;
        border-bottom: 1px solid #5c5a5a;
    }

.islamicly--content__help .nav-item .nav-link.active, .islamicly--content__help .nav-item .nav-link {
    justify-content: center;
}

    .islamicly--content__help .nav-item .nav-link, .islamicly--content__help .nav-item .nav-link.active {
        width: auto;
    }

table.fold-table > tbody > tr.view:hover {
    background: #FFEB3B;
    background: #25494c;
    color: #fff;
}

.fold-content > table > tbody tr:nth-child(even) {
    background: transparent;
}

table.fold-table > tbody > tr.view.open {
    background: #0070be;
    background: #FFEB3B;
    background: #25494c;
    color: white;
}

.chatSection-left--actions {
    display: flex;
    align-items: center;
}
.isl-articles {}
    .isl-articles .rounded-circle .avatar-sm {
        height: 4rem;
        width: 4rem;
        border-radius: 50%;
    }
.brokerImg .bg {
    position: relative;
}

.brokerImg .bg.bg-success-subtle {
    background-color: var(--vz-success-bg-subtle) !important;
}
.right-0 {
    right: 0px;
}
.scroll-universeGrid .cursor-pointer a:hover {
    text-decoration: none !important;
}
.isl-universeMain {
    position: relative;
}
.isl-loaderV5 {
    position: absolute;
    height: calc(100vh - 150px);
    width: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(102, 145, 231, 0.3);
}


















.loaderUniverseData {
    width: 250px;
    height: 49px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: helvetica,arial,sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    color: #ce4233;
    letter-spacing: .2em;
    background: #000;
    width: 89.3%;
    z-index: 99;
    margin-left: 43px
}

    .loaderUniverseData::before, .loaderUniverseData::after {
        content: "";
        display: block;
        width: 15px;
        height: 7px;
        left: 46%;
        background: #ce4233;
        position: absolute;
        -webkit-animation: load .7s infinite alternate ease-in-out;
        animation: load .7s infinite alternate ease-in-out
    }

    .loaderUniverseData::before {
        top: 0
    }

    .loaderUniverseData::after {
        bottom: 0
    }

@-webkit-keyframes load {
    0% {
        left: 46%;
        height: 30px;
        width: 15px
    }

    50% {
        height: 8px;
        width: 40px
    }

    100% {
        left: 54%;
        height: 30px;
        width: 15px
    }
}



.loaderUniverseData {
    width: 250px;
    height: 49px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: helvetica,arial,sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    color: #CE4233;
    letter-spacing: .2em;
    background: #000;
    width: 89.3%;
    z-index: 99;
    margin-left: 43px
}

    .loaderUniverseData::before, .loaderUniverseData::after {
        content: "";
        display: block;
        width: 15px;
        height: 7px;
        left: 46%;
        background: #CE4233;
        position: absolute;
        -webkit-animation: load .7s infinite alternate ease-in-out;
        animation: load .7s infinite alternate ease-in-out
    }

    .loaderUniverseData::before {
        top: 0
    }

    .loaderUniverseData::after {
        bottom: 0
    }



.islMarketPayment .country-market--list {
    margin-left: 20px;
    margin-top: 30px
}

    .islMarketPayment .country-market--list li {
        float: left;
        width: calc(25% - 1%);
        color: var(--vz-text-info);
        font-size: 14px;
        margin: 5px 0;
        padding-left: 20px;
        cursor: pointer;
        letter-spacing: .6px;
        margin-right: 1%;
    }

        .islMarketPayment .country-market--list li .material-icons {
            visibility: hidden
        }

        .islMarketPayment .country-market--list li.active {
            color: rgba(255,255,255,.8)
        }

            .islMarketPayment .country-market--list li.active .material-icons {
                visibility: visible
            }

#marketPaymentList {
    height: 45vh
}

.islMarketPayment .btn-isl-success--proceedPlan {
    margin-left: 2%;
    margin-top: 4vh;
    border-radius: 8px
}

.islMarketPayment .custom-dropdown select {
    background-color: #33373e;
    font-size: 12px;
    border-radius: 8px;
    padding: 10px 15px;
    width: 100%
}

.islMarketPayment .custom-dropdown::before {
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 8px;
    background-color: #33373e
}

.islMarketPayment .isl-paymentForBoth .nav-pills {
    width: 100%
}

    .islMarketPayment .isl-paymentForBoth .nav-pills .nav-link {
        border-radius: 8px;
        padding: 10px 1px 10px;
        font-size: .8vw;
        font-weight: 400
    }

        .islMarketPayment .isl-paymentForBoth .nav-pills .nav-link .material-icons {
            font-size: .8vw;
            margin-right: 10px
        }

        .islMarketPayment .isl-paymentForBoth .nav-pills .nav-link.active {
            background: #149809
        }

.islMarketPayment .btn-isl-success {
    position: relative
}

.market-select--list__count {
    background: #101010;
    border-radius: 10px;
    align-items: center;
    position: relative
}

    .market-select--list__count .input-group {
        margin-left: 15px
    }

    .market-select--list__count .custom-dropdown select {
        background-color: #33373e;
        font-size: 11px;
        border-radius: 8px;
        padding: 4px 15px;
        width: 100%
    }

    .market-select--list__count .custom-dropdown {
        width: 90%
    }

.market-select--list__count--price {
    display: flex;
    background: #fff;
    border-radius: 0 10px 10px 0;
    color: #1a1e24;
    font-size: 19px;
    font-weight: 600;
    padding: 8px;
    width: 20%;
    justify-content: center;
    align-items: center
}

    .market-select--list__count--price span {
        font-size: 12px;
        position: relative;
        top: 2px
    }

.market-select--list__count--action span {
    position: absolute;
    right: -10px;
    font-size: 16px !important;
    top: 15px;
    color: red;
    right: -25px;
    cursor: pointer
}

.market-select--list__count--price.disabled {
    opacity: .5
}

.market-select--choice__count {
    background: #35393e;
    border-radius: 10px 0 0 10px;
    align-items: center;
    position: relative;
    background: transparent linear-gradient(180deg,#54585d 0,#262a30 100%) 0 0 no-repeat padding-box;
    color: #fff;
    font-size: 12px;
    letter-spacing: .6px;
    height: 44px;
    padding-left: 20px;
    width: 100%;
    float: right;
    margin-left: 20px
}

    .market-select--choice__count.primary {
        background: transparent linear-gradient(180deg,#028d87 0,#002881 100%) 0 0 no-repeat padding-box
    }

    .market-select--choice__count.secondary {
        background: transparent linear-gradient(180deg,#b18f1f 0,#bf3502 100%) 0 0 no-repeat padding-box
    }

.havePromoCode {
    font-size: 11px !important;
    color: rgba(255,255,255,.6) !important
}

    .havePromoCode span {
        font-size: 13px !important;
        color: rgba(255,255,255,.9) !important;
        text-decoration: underline;
        cursor: pointer
    }

    .havePromoCode.applied span {
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .havePromoCode.applied span.material-icons {
            color: red !important;
            cursor: pointer
        }

.islMarketPayment-selectedBox {
    display: flex;
    width: 100%;
    align-items: center;
    margin-right: -3px
}

.islMarketPayment-selectedBox--counter {
    background: #275cd3 0 0 no-repeat padding-box;
    box-shadow: 0 0 6px #0000004d;
    border-radius: 10px 0 0 10px;
    width: 30%;
    margin-bottom: 0 !important;
    opacity: 1;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .islMarketPayment-selectedBox--counter span.counter {
        background: #24282e 0 0 no-repeat padding-box;
        float: left;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        font-size: 21px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        margin-right: 12px
    }

    .islMarketPayment-selectedBox--counter p {
        justify-content: center;
        align-items: center
    }

.islMarketPayment-selectedBox--marketDiscount {
    width: 70%;
    background: transparent linear-gradient(180deg,#028d87 0,#002881 100%) 0 0 no-repeat padding-box;
    font-size: 14px !important;
    font-weight: 600;
    letter-spacing: 0 !important;
    text-align: right;
    padding-right: 20px;
    color: #fff !important;
    height: 95px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

    .islMarketPayment-selectedBox--marketDiscount p {
        font-size: 14px;
        letter-spacing: .6px;
        color: rgba(255,255,255,.9) !important
    }

    .islMarketPayment-selectedBox--marketDiscount span {
        font-weight: 400;
        color: #ccc;
        font-size: 13px
    }
.islMarketPayment .country-market--list li.active {
    color: #009688;
}

.isl-table-top .isl-table-top--pane li {
    background: #38454a;
    border-radius: 10px;
    cursor: pointer;
    height: auto;
    text-align: center;
    color: #fff;
}

.web-app .isl-invest--stars__stocks-list--item__content-heading {
    color: #3e3e3e !important;
}

[data-bs-theme=dark] .footer-column li a {
    color: #878a99;
}


.md-stepper-horizontal {
    display: table;
    width: 100%;
    margin: 0 auto;
}

    .md-stepper-horizontal .md-step {
        display: table-cell;
        position: relative;
    }

        /* .md-stepper-horizontal .md-step:hover,
        .md-stepper-horizontal .md-step:active {
            background-color: rgba(0,0,0,0.04);
        }*/

        .md-stepper-horizontal .md-step:active {
            border-radius: 15% / 75%;
        }

        .md-stepper-horizontal .md-step:first-child:active {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .md-stepper-horizontal .md-step:last-child:active {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .md-stepper-horizontal .md-step:hover .md-step-circle {
            background-color: #757575;
        }

        .md-stepper-horizontal .md-step:first-child .md-step-bar-left,
        .md-stepper-horizontal .md-step:last-child .md-step-bar-right {
            display: none;
        }

        .md-stepper-horizontal .md-step .md-step-circle {
            width: 30px;
            height: 30px;
            margin: 0 auto;
            background-color: #999999;
            border-radius: 50%;
            text-align: center;
            line-height: 30px;
            font-size: 16px;
            font-weight: 600;
            color: #FFFFFF;
        }

    .md-stepper-horizontal.green .md-step.active .md-step-circle {
        background-color: #00AE4D;
    }

    .md-stepper-horizontal.orange .md-step.active .md-step-circle {
        background-color: #F96302;
    }

    .md-stepper-horizontal .md-step.active .md-step-circle {
        background-color: rgb(33,150,243);
    }

    .md-stepper-horizontal .md-step.done .md-step-circle:before {
        font-family: 'FontAwesome';
        font-weight: 100;
        content: "\f00c";
    }

    .md-stepper-horizontal .md-step.done .md-step-circle *,
    .md-stepper-horizontal .md-step.editable .md-step-circle * {
        display: none;
    }

    .md-stepper-horizontal .md-step.editable .md-step-circle {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

        .md-stepper-horizontal .md-step.editable .md-step-circle:before {
            font-family: 'FontAwesome';
            font-weight: 100;
            content: "\f040";
        }

    .md-stepper-horizontal .md-step .md-step-title {
        margin-top: 5px;
        font-size: 16px;
        font-weight: 400;
    }

    .md-stepper-horizontal .md-step .md-step-title,
    .md-stepper-horizontal .md-step .md-step-optional {
        text-align: center;
        color: rgba(0,0,0,.26);
    }

    .md-stepper-horizontal .md-step.active .md-step-title {
        color: rgba(0,0,0,.87);
    }

    .md-stepper-horizontal .md-step.active.done .md-step-title,
    .md-stepper-horizontal .md-step.active.editable .md-step-title {
        font-weight: 400;
    }

    .md-stepper-horizontal .md-step .md-step-optional {
        font-size: 12px;
    }

    .md-stepper-horizontal .md-step.active .md-step-optional {
        color: rgba(0,0,0,.54);
    }

    .md-stepper-horizontal .md-step .md-step-bar-left,
    .md-stepper-horizontal .md-step .md-step-bar-right {
        position: absolute;
        top: 15px;
        height: 1px;
        border-top: 1px solid #DDDDDD;
    }

    .md-stepper-horizontal .md-step .md-step-bar-right {
        right: 0;
        left: 50%;
        margin-left: 20px;
    }

    .md-stepper-horizontal .md-step .md-step-bar-left {
        left: 0;
        right: 50%;
        margin-right: 20px;
    }

.table.inside-table tr th {
    border-bottom: 0px;
}
.table.inside-table tr td {
    border: 0px;
}
.table.inside-table {
    margin: 0px;
}


@media (min-width: 801px) {
    .desktopLogin {
            display: block;
        }

        .mobileLogin {
            display: none;
        }
    }

    @media (max-width: 800px) {
        .desktopLogin {
            display: none;
        }

        .mobileLogin {
            display: block;
        }
    }


.alert-dark.active {
    --vz-alert-color: var(--vz-success-text-emphasis);
    --vz-alert-bg: var(--vz-success-bg-subtle);
    --vz-alert-border-color: var(--vz-success-border-subtle);
    --vz-alert-link-color: var(--vz-success-text-emphasis);
}

#page-topbar {
    background-color: #0070bd;
    border-bottom: 0px solid #0070bd;
    background: linear-gradient(320deg, #11af30, #0e8ba7);
}
.navbar-header .btn-topbar {
    color: #ededed;
}
    .navbar-header .btn-topbar.active, .navbar-header .btn-topbar:active, .navbar-header .btn-topbar:focus, .navbar-header .btn-topbar:hover {
        background-color: transparent !important;
    }
.app-search .form-control {
    box-shadow: none;
    border: 1px solid rgba(233, 233, 233, 0.2);
    background: #ccc;
    background: #d4f5ef;
    color: #eee;
}

/*.form-control:hover {
    box-shadow: none;
    border: 1px solid rgba(233, 233, 233, 0.7);
    background: transparent;
    color: #eee;
}*/


[data-bs-theme=dark][data-topbar=dark] .app-search .form-control {
    background: #5dafa0;
}


@media (max-width: 1500px) {
    .card-radio .form-check-label {
        padding-right: 32px;
        padding: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .topbar-user {
        background-color: #0fc3c3;
        background-color: #27853d;
    }
}


/*Auto Complete Start*/
.list-autocomplete {
    padding: 0;
}

    .list-autocomplete em {
        font-style: normal;
        background-color: #e1f2f9;
    }

.hasNoResults {
    color: #aaa;
}

.hasNoResults,
.btn-extra {
    display: block;
    padding: 10px;
}

.hasNoResults {
    color: #aaa;
}

.btn-extra {
    width: 100%;
    border-top: .5px solid #d2d2d2;
}

.open > .dropdown-menu, .show > .dropdown-menu {
    display: block;
    width: 100%;
}
.list-autocomplete .dropdown-item {
    padding: 0.3rem 0.35rem;
    border-bottom: 1px solid #efefef;
    font-size: 12px;
}
/*Auto Complete End*/

h6 span.overflow-ellipsis {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-autocomplete.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #ffffff;
    background: #3992ad !important;
    box-shadow: 0px 0px 4px #ccc;
}

    .ui-autocomplete.ui-widget-content a {
        color: #ffffff;
    }
    .ui-autocomplete.ui-widget-content a:hover {
        color: #000;
    }
.table th, .table .thead-light th {
    color: #ebebeb;
    background-color: #0d408d;
    border-color: #dee2e6;
}



:root {
    --line-border-fill: #3498db;
    --line-border-empty: #e0e0e0;
    --progress-zIndex: -1;
}



.progress-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    max-width: 100%;
    position: relative;
    width: 500px;
    margin: 0 auto;
}

    .progress-container::before {
        background-color: var(--line-border-empty);
        content: "";
        height: 4px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        z-index: var(--progress-zIndex);
    }
    .progress-container.active::before {
        background-color: var(--line-border-fill);
    }
    .progress-container .progress {
        background-color: var(--line-border-fill);
        height: 4px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: 0.4s ease;
        width: 0%;
        z-index: var(--progress-zIndex);
    }

    .progress-container .circle {
        position: relative;
        margin-top: 60px;
        font-size: 17px;
    }

    .progress-container .circle span {
        align-items: center;
        background-color: #fff;
        border: 3px solid #e0e0e0;
        border-radius: 50%;
        color: #999;
        display: flex;
        height: 30px;
        justify-content: center;
        transition: 0.4 ease;
        width: 30px;
    }
        .progress-container .circle span {
            position: absolute;
            top: -35px;
            font-size: 15px;
        }
        .progress-container .circle:first-child span {
            position: absolute;
            left: 0px;           
        }
        .progress-container .circle:last-child span {
            position: absolute;
            right: 0px;
        }

        .progress-container .circle.active span {
            border-color: var(--line-border-fill);
        }

        .progress-container .circle.completed span {
            border-color: var(--line-border-fill);
            background-color: var(--line-border-fill);
            color: #fff;
        }

.ShariahScreeningPage h3.title {
    color: #41bdeb !important;
    font-size: 18px;
    width: 100%;
}
.ShariahScreeningPage .introContent p {
    font-size: 16px;
}
.ShariahScreeningPage .txtColor {
    color: #41bdeb;
    font-weight: 600;
}

.ListBorRadius {
    box-shadow: 0 0 3px #343a4f;
    border-radius: 10px;
    background: var(--vz-info-bg-subtle);
    padding: 11px;
    color: var(--vz-info-text-emphasis) !important;
}
.listOfRole img.roleIcon {
    width: 23px;
    height: 23px;
    position: absolute;
    left: 10px;
}
.listOfRole ul li {
    list-style: none;
}
.fw-500 {
    font-weight: 500;
}

.purificationDiv {
    height: calc(100vh - 250px);
}
    .purificationDiv .islamicly--content__universe--Grid {
        height: 100%;
    }

    .purificationDiv .islamicly--content__universe--Grid .row {
        height: 100%;
    }


.loaderUniverseData {   
    background: transparent;
    margin-left: 0px;
    width: 100%;
}





p span.overflow-ellipsis {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.addNew-portfolio .userTupeCheckbox li {
    width: 31.7%;
    float: left;
    margin-right: 7px;
}
.userTupeCheckbox label [type="checkbox"] {
    display: none;
}

.userTupeCheckbox label {
    position: relative;
    cursor: pointer;
    margin-right: 10px;
    background: #ace7ff;
    font-size: 13px;
    width: 90%;
    border-radius: 8px;
    box-shadow: 0 3px 3px 0 #ddd;
}
.userTupeCheckbox [type="checkbox"] + span {
    display: inline-block;
    width: 100%;
    padding: 1em;
    border-radius: 8px;
    text-align: center;
}
.createProtfolioModelClass .signin-other-title .title {
    display: flex;
    justify-content: center;
    z-index: 9;
    background-color: var(--vz-secondary-bg);
    padding: 2px 16px;
    /* margin: 0 auto; */
    margin: 0 auto;
    text-align: center;
    width: fit-content;
}

.createProtfolioModelClass .signin-other-title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    border-top: 1px dashed #b1b1b1;
    top: 11px;
}

[data-bs-theme=dark][data-topbar=dark] .form-control:hover {
    color: #fff;
}
[data-bs-theme=dark][data-topbar=dark] .purificationDiv--table th {
    color: #fff;
}

[data-bs-theme=dark][data-topbar=dark] table.fold-table > tbody > tr.view:hover th {
    color: #fff;
}

[data-bs-theme=dark][data-topbar=dark] .purificationDiv--table .fold-content .table th {
    color: #212529;
}

[data-bs-theme=dark][data-topbar=dark] .purificationDiv--table .fold-content .table td {
    color: #444;
}
[data-bs-theme=dark][data-topbar=dark] .islMarketPayment .country-market--list li {
    color: rgb(223 223 223 / 80%);
    border: 1px dashed #a9a9a9;
    padding: 5px 20px;
}
[data-bs-theme=dark][data-topbar=dark] .islMarketPayment-selectedBox--counter span.counter,
[data-bs-theme=dark][data-topbar=dark] .islMarketPayment-selectedBox--counter p {
    color: #fff !important;
}

[data-bs-theme=light] .body-dark, [data-bs-theme=dark][data-topbar=dark] .body-light {
    display: none;
}

[data-bs-theme=dark][data-topbar=dark] .body-dark, [data-bs-theme=light] .body-light {
    display: block;
}
.topbar-head-dropdown .btn.show, .btn:first-child:active {
    color: #ededed;
}
.header-item .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25) !important;
}

/*[data-bs-theme=light] #chartArea svg g {
    fill: #000 !important;
}
[data-bs-theme=dark][data-topbar=dark] #chartArea svg g {
    fill: #fff !important;
}*/


.text-gold {
    background: linear-gradient(to right, #f3ad3b, #f7dd80);
    background-clip: text;
    color: transparent;
    margin-top: 15px;
    margin-bottom: 10px;
}
.btn-soft-gold {
    background: #fff7eb;
    border-color: #fdf0da;
    color: #f4ba55;
}
.btn-soft-gold:hover {
    background: #f4ba55;
    border-color: #f4ba55;
    color: #fff !important;
}
.btn-gold {
    background-color: #2B2B2B !important;
    border-color: #2B2B2B !important;
    color: #fff !important;
}
.isl-gold--accInfo__list-img {
    height: 40px;
    margin-bottom: 5px;
}
.isl-gold--accInfo__list .text-label {
    background: linear-gradient(to right, #f3ad3b, #f7dd80);
    background-clip: text;
    color: transparent;
    font-size: 16px;
}
.isl-gold--accInfo__list .text-value {
    background: linear-gradient(to right, #f3ad3b, #f7dd80);
    background-clip: text;
    color: transparent;
    font-size: 22px;
    font-weight: 600;
}
.isl-gold--accInfo__list .text-label {
    background: linear-gradient(to right, #f3ad3b, #f7dd80);
    background-clip: text;
    color: transparent;
    font-size: 16px;
}
.w-30 {
    width: 30%;
}
.goldInvestment {
    border-radius: 8px;
    background: #ffffea url('https://pic.islamicly.com/web/gold/dashboardGold.png');
    background: #ffffea url('https://pic.islamicly.com/web/gold/Green-Bglocker12.jpg');
    background: #ffffea url('https://pic.islamicly.com/web/gold/Green-Bglocker1-.png');
    background: #ffffea url('https://pic.islamicly.com/web/gold/dashboardGold2.png');
    background: #ffffea url('https://pic.islamicly.com/web/gold/dashboardGold3.png');
    background: #ffffea url('https://pic.islamicly.com/web/gold/dashboardGold5.png');
    background: #ffffea url('https://pic.islamicly.com/web/gold/SGLBG.png');
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
    /*background-position: 0px -35px;*/
}

    .goldInvestment .card-header {
        background: transparent !important;
        border: 0px !important;
    }

    .goldInvestment .card-footer {
        background: transparent !important;
        border: 0px !important;
    }


.isl-goldDashboard .isl-realGoldBox {
    background: #ffecca;
    padding: 15px;
    /* border: 1px solid #033a37; */
    border-radius: 8px;
    box-shadow: 0px 0px 3px #033a37;
    background: #124643;
    padding: 15px 5px;
    /* border: 1px solid #033a37; */
    border-radius: 8px;
    box-shadow: 0px 0px 1px #033a37;
}

.isl-realGoldBox.isl-gold--purchase .form-check-input {
    --vz-form-check-bg: var(--vz-input-bg-custom);
    width: 1.5em;
    height: 1.5em;
}
.isl-realGoldBox.isl-gold--purchase .form-radio-outline .form-check-input:checked[type=radio]::before {
    top: -3px;
    position: absolute;
    font-size: 16px;
    left: 1px;
}
.isl-realGoldBox.isl-gold--purchase .form-check label {
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    margin-left: 5px;
}



.isl-gold--accInfo h4 {
    background: linear-gradient(to right, #f3ad3b, #f7dd80);
    background-clip: text;
    color: transparent;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 30px;
    margin: 0px;
}
hr.gold-custom {
    border-right: 2px solid #ffa700;
    width: 90%;
    margin: 1rem auto;
    opacity: 0.9;
}
.gold-custom {
    border-right: 2px solid #ffa700;
    /*width: 90%;
    margin: 1rem auto;*/
    opacity: 0.9;
}
.isl-realGoldBox.isl-gold--purchase .isl-gold--purchase__title {
    font-size: 40px;
    color: #d99a29 !important;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 30px;
    color: #d99a29 !important;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: center;
}
.isl-realGoldBox.isl-gold--purchase .isl-gold--purchase__live {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin: 10px 0px 10px;
}
.isl-gold--purchase__live {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin: 10px 0px 10px;
}
    .isl-realGoldBox.isl-gold--purchase .isl-gold--purchase__live .color-red {
        color: #FF0000;
    }
.isl-gold--purchase__live .color-red {
    color: #FF0000;
}


.blinking {
    -webkit-animation: 1s blink ease infinite;
    -moz-animation: 1s blink ease infinite;
    -ms-animation: 1s blink ease infinite;
    -o-animation: 1s blink ease infinite;
    animation: 1s blink ease infinite;
}



@keyframes blink {
    from, to {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    from, to {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    from, to {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@-ms-keyframes blink {
    from, to {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@-o-keyframes blink {
    from, to {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.isl-realGoldBox.isl-gold--purchase .isl-gold--purchase__price {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin: 15px 0px 10px;
}
    .isl-realGoldBox.isl-gold--purchase .isl-gold--purchase__price span {
        background: linear-gradient(45deg, #ffda45, #ffa425) !important;
        color: #fff;
        font-size: 14px;
        padding: 5px 10px;
        border-radius: 6px;
    }
    .isl-realGoldBox.isl-gold--purchase .isl-gold--purchase__price .small {
        font-size: 18px;
    }

    .isl-gold--purchase__price span {
        background: linear-gradient(45deg, #ffda45, #ffa425) !important;
        color: #fff;
        font-size: 14px;
        padding: 5px 10px;
        border-radius: 6px;
    }
.isl-gold--purchase__price .small {
    font-size: 18px;
}
.sip_buy_gold_item {
    display: flex;
    align-items: center;
    position: relative;
    width: 98%;
    background: #ffffff;
    border: 1px solid #e8ebea;
    box-shadow: 0px 4px 8px rgba(95, 108, 108, 0.07);
    border-radius: 10px;
    padding: 15px 40px;
    cursor: pointer;
}
.sip_buy_gold_item {
    border-radius: 10px;
    padding: 10px 25px;
    background: #2B2B2B;
    border-color: #2B2B2B;
}
.earned_gold_info, .active_sip_wrapper, .total_bal_wrapper, .new_user_banner, .sip_buy_gold_item {
    transition: all 0.25s ease-in-out;
}
    .sip_buy_gold_item img {
        height: 35px;
    }
    .sip_buy_gold_item .item_info {
        margin-left: 35px;
    }
.bold_black_text {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.5px;
    color: #111111;
    margin: 5px 0;
    text-align: left;
}
.sip_buy_gold_item .bold_black_text {
    color: #ffffff;
    margin: 0px;
}
.sip_buy_gold_item .item_info span {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
}
.sip_buy_gold_item .item_info span {
    color: #dddddd;
}

.go_to_icon {
    position: absolute;
    right: 20px;
    top: 45%;
    transform: translateY(-45%);
}
.sip_buy_gold_item img.go_to_icon {
    height: 15px;
}
.isl-realGoldBox.isl-gold--purchase .isl-gold--purchase__title {
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 30px;
}
.isl-realGoldBox.isl-gold--purchase .isl-gold--purchase__live {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin: 5px 0px 10px;
    text-align: center;
}
.isl-realGoldBox.isl-gold--purchase .isl-gold--purchase__price {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    margin: 15px 0px 10px;
}
    .isl-realGoldBox.isl-gold--purchase .isl-gold--purchase__price .small {
        font-size: 13px;
    }
.isl-gold--accInfo__list .isl-gold--purchase__live {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin: 5px 0px 10px;
    text-align: center;
}
.isl-gold--purchase__price {
    font-size: 26px;
    color: #fff;
    color: #000;
    font-weight: bold;
    margin: 15px 0px 10px;
}
 .isl-gold--purchase__price .small {
    font-size: 13px;
}
   
.isl-realGoldBox.isl-gold--purchase .form-floating > .form-control {
    padding: 0rem .9rem;
    height: calc(2.5rem + calc(var(--vz-border-width)* 2));
    min-height: calc(1.5rem + calc(var(--vz-border-width)* 2));
}
.isl-realGoldBox.isl-gold--purchase .form-floating > label {
    padding: 0.6rem .9rem;
}
.isl-realGoldBox.isl-gold--purchase .form-floating > .form-control:focus ~ label::after {
    inset: 0.6rem .45rem;
}
.isl-realGoldBox.isl-gold--purchase .isl-gold--calculations .btn {
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    padding: 0.2rem 0.3rem !important;
}
.isl-realGoldBox.isl-gold--purchase .popular-buy {
    bottom: -23px;
    left: 0px;
    width: 100%;
    background: #033A37;
    text-align: center;
    color: #fff;
    padding: 3px;
    border-radius: 0px 0px 10px 10px;
}
.isl-realGoldBox.isl-gold--purchase .bold_black_text {
    font-weight: 600;
    font-size: 15px;
}
.isl-realGoldBox.isl-gold--purchase .sip_buy_gold_item {
    padding: 7px 25px;
}
    .isl-realGoldBox.isl-gold--purchase .sip_buy_gold_item .item_info span {
        font-size: 12px;
    }
.isl-realGoldBox.isl-gold--purchase {}




/*.goldInvestment1 .isl-gold--accInfo__list-img {
    height: 25px;
    margin-bottom: 5px;
}*/
/*.goldInvestment1 .isl-gold--accInfo__list .text-label {
    font-size: 14px;
}
.goldInvestment1 .isl-gold--accInfo__list .text-value {
    font-size: 18px;
}*/
.goldInvestment1 .isl-gold--purchase__title {
    font-size: 36px;
}

.goldInvestment1 .isl-gold--purchase__alert {
    font-size: 14px;
    max-width: 300px;
    color: #fff;
}
.goldInvestment1 {
    position: relative;
}

.goldInvestment1 .isl-gold--accInfo h4::before,
.goldInvestment1 .isl-gold--accInfo h4::after {
    display: inline-block;
    content: "";
    border-top: 2px solid #f3ad3b;
    width: 4vw;
    margin: 0 1rem;
    transform: translateY(-0.4rem);
    background: url('https://pic.islamicly.com/web/gold/boredr1.png');
}


.goldInvestment1 .isl-gold--accInfo h4 {
    font-size: 26px;
    font-weight: bolder;
}

.isl-gold--purchase__live-pos {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0px;
    background: red;
    background: #ffb726;
    padding: 2px 6px;
    border-radius: 0px 7px 0px 3px;
}
.isl-gold--purchase__live.isl-gold--purchase__live-pos .color-red {
    color: #ffffff;
    font-size: 16px;
}
.goldInvestment1 .isl-gold--purchase__price {
    font-size: 18px;
}

.wrapper {
    overflow-x: hidden;
}


.my-slider {
    padding: 20px 4vw;
}
    .my-slider.slick-slider {
        margin-bottom: 0px;
    }
.slick-initialized .slick-slide {
   /* background-color: #b32532;
    color: #FFF;
    height: 200px;*/
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}



.slick-next, .slick-prev {
    z-index: 5;
}

.slick-next {
    right: 15px;
}

.slick-prev {
    left: 15px;
}

    .slick-next:before, .slick-prev:before {
        color: #f3ad3b;
        font-size: 26px;
    }
.my-slider--item {
    margin-top: 0px;
}
.my-slider--item__list {
    margin-top: 15px;
}
.my-slider .my-slider--item h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}
.my-slider .my-slider--item img {
    display: block;
    margin: 10px auto 10px;
}
.my-slider .my-slider--item p {
    font-size: 15px;
    color: #eee;
    font-weight: 400;
}
.my-slider--item .btn-gold {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0;
    padding: 0px 10px !important;
    font-size: 16px !important;
}
.my-slider--item .btn-gold img {
    margin-right: 6px;
}
.my-slider--item__list .flex-shrink-0 {
    width: 33.33%;
}
.my-slider--item__list img {
    max-height: 35px;
}

.goldInvestment {
    background-position: right;
}

.isl-goldScreening h4 {
    font-size: 16px;
}

    .isl-goldScreening h4.f-s-22 {
        font-size: 22px;
    }

.isl-goldScreening .badge {
    font-size: 10px;
}
.isl-goldScreening .holdingBody {
    border-left: 2px solid #ededed;
    margin: 3px 0px;
    height: calc(100% - 3px);
}
/*.isl-goldScreening {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-primary-rgb), var(--vz-bg-opacity)) !important;
}
    .isl-goldScreening .card, .isl-goldScreening .card-header {
        background: transparent;
    }*/











.goldInvestment.islamiclyInvestment {
    border-radius: 8px;
    background: #ffffea url('https://pic.islamicly.com/web/portal/BG.png');
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: 0px -35px; */
}
.islamiclyInvestment .isl-gold--purchase__live-pos {
    background: #ffdb92;
}
.islamiclyInvestment .isl-gold--accInfo h4 {
    color: #033a37 !important;
}
.goldInvestment1.islamiclyInvestment .isl-gold--accInfo h4::before,
.goldInvestment1.islamiclyInvestment .isl-gold--accInfo h4::after {
    display: inline-block;
    content: "";
    border-top: 2px solid #033a37;
    width: 4vw;
    margin: 0 1rem;
    transform: translateY(-0.4rem);
    background: url(https://pic.islamicly.com/web/gold/boredr1.png);
}
.text-gold-primary {
    color: #033a37 !important;
}
.islamiclyInvestment .input-step {
    height: 38.5px;
}

.islamiclyInvestment .input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem .9rem;
    font-size: .825rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #033a37;
    border: 1px solid #033a37;
}





.islamiclyInvestment .isl-gold--purchase__live-pos.left-0 {
    left: 0px;
}

.islamiclyInvestment .isl-gold--purchase__live-pos.right-auto {
    right: auto !important;
}
.dashboard-allCountry .goldInvestment .card-footer {
    background: transparent !important;
    border: 0px !important;
    border-top: 1px solid var(--vz-border-color) !important;
}

.dashboard-allCountry .isl-gold--accInfo__list .d-flex .flex-grow-1 {
    width: 50%;
}

.dashboard-allCountry .isl-gold--accInfo__list .border-dashed {
    border: 1px dashed #b99b5b !important;
}

.dashboard-allCountry .nav-tabs-custom.card-header-tabs {
    margin-top: 0rem;
}
.dashboard-allCountry .nav-tabs-custom.card-header-tabs .nav-link {
    padding: 0rem 0rem;
    margin-bottom: 0px;
}
.dashboard-allCountry .nav-tabs-custom .nav-item {
    position: relative;
    width: 33%;
}
    .dashboard-allCountry .nav-tabs-custom .nav-item .nav-link.active {
        color: #6691e7;
        background: #6691e7;
    }

        .dashboard-allCountry .nav-tabs-custom .nav-item .nav-link.active .text-muted {
            color: var(--vz-gray-300) !important;
        }

        .dashboard-allCountry .nav-tabs-custom .nav-item .nav-link.active h4 {
            color: var(--vz-white) !important;
        }
.dashboard-allCountry .isl-gold--accInfo__list-img {
    height: 30px;
    margin-bottom: 0px;
}

.dashboard-allCountry .dashboard-countryTab .bg-light {
    --vz-bg-opacity: 1;
    background-color: transparent !important;
}
[data-bs-theme=dark][data-topbar=dark] .dashboard-allCountry .dashboard-countryTab .bg-light {
    --vz-bg-opacity: 1;
    background-color: rgb(243,246,249) !important;
}
[data-bs-theme=dark][data-topbar=dark] .dashboard-allCountry .text-gold-primary {
    color: #fff !important;
}

.dashboard-allCountry .form-floating > .form-control,
.dashboard-allCountry .form-floating > .form-control-plaintext,
.dashboard-allCountry .form-floating > .form-select,
.dashboard-allCountry .input-step {
    height: calc(3rem + calc(var(--vz-border-width)* 2));
    min-height: calc(3rem + calc(var(--vz-border-width)* 2));
    line-height: 0.8;
    background: transparent;
}
.dashboard-allCountry .form-control:disabled,
.dashboard-allCountry .form-control:disabled:hover {
    background: #ebebeb !important;
}
.bg-gold-subtle {
    background: linear-gradient(to right, #f3ad3b, #f7dd80);
    background: #fde0b2;
    background: #ffeed2;
    background: #f7ead5;
}
.dashboard-allCountry .isl-gold--purchase__live-pos {
    padding: 6px 6px;
}

.dashboard-allCountry  .my-slider {
    padding: 20px 1vw;
}
.dashboard-allCountry .slick-next {
    right: 5px;
}
.dashboard-allCountry .slick-prev {
    left: 0px;
}

.dashboard-allCountry .isl-gold--accInfo__list .text-label {
    font-size: 14px;
}

.dashboard-allCountry .isl-gold--accInfo__list .text-value {
    font-size: 17px;
}
.dashboard-allCountry .my-slider .my-slider--item p {
    font-size: 12px;
}
.dashboard-allCountry .my-slider .my-slider--item h3 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.dashboard-allCountry  .islamiclyInvestment .input-group-text {
    color: #383838;
    background-color: #e5e5e5;
    border: 1px solid #ebebeb;
}
.goldInvestmentGoldNew .isl-goldDashboard .isl-realGoldBox {
    box-shadow: none;
    background: transparent;
}
.goldInvestmentGoldNew.goldInvestment1 .isl-gold--purchase__price {
    font-size: 21px;
    color: #fff;
}
.goldInvestmentGoldNew .card-header-tabs .nav-link.active {
    background-color: transparent;
    border-bottom-color: var(--vz-card-bg);
    color: #fff !important;
    border-bottom: 2px solid #fff;
    max-width: max-content;
    margin: 0 auto;
}
.goldInvestmentGoldNew .card-header-tabs .nav-item a {
    font-size: 13px;
    color: #d9d9d9 !important;
}
.goldInvestmentGoldNew .btn {
    width: 100%;
}
.goldInvestmentGoldNew .popular-buy {
    bottom: -23px;
    left: 0px;
    width: 100%;
    background: #0083e1;
    text-align: center;
    color: #fff;
    padding: 3px;
    border-radius: 0px 0px 10px 10px;
}
.goldInvestmentGoldNew .form-check label {
    cursor: pointer;
    color: #fff;
}
.goldInvestmentGoldNew .isl-gold--calculations .col {
    max-width: 25% !important;
    padding: 0px 5px;
}
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item {
    flex-wrap: wrap;
}
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__pic {
    width: 20%;
    margin-right: 2%;
}
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__content {
    width: 70%;
    margin-right: 1%;
}
.goldInvestmentGoldNew {}
.goldInvestmentGoldNew {}

.dashboard-allCountry .isl-invest--stars__stocks-list--item__content-heading {
    color: #333 !important;
    font-size: 17px;
    font-weight: 600;
}
.dashboard-allCountry .isl-invest--stars__stocks-list--item__content-desc {
    width: 100%;
    display: flex;
    font-size: 13px;
    line-height: 1.4;
    color: #333;
    margin-bottom: 5px;
}
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item {
    height: 180px;
    padding: 15px;
    margin-top: 10px;
}
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__amount {
    width: 30%;
    margin-right: 1%;
}
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__change {
    width: 25%;
    margin-right: 1%;
}
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__action {
    width: 39%;
}

.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__amount-value,
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__change-value,
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__rebalance-value,
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__date-value {
    color: #7e7e7e;
}


.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item:hover {
    background: transparent;
    border-radius: 6px;
}
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item:hover  a {
    text-decoration: none;
}
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__amount-middle,
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__change-middle,
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__action-middle,
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__rebalance-middle,
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__date-middle {
    margin-top: 10px;
}
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__content-heading {
    color: #333 !important;
}

.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__content-desc,
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__content-author,
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__amount-label,
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__change-label,
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__rebalance-label,
.dashboard-allCountry .web-app .isl-invest--stars__stocks-list--item__date-label {
    color: #6c6c6c;
}


.dashboard-allCountry .sip_buy_gold_item {
    border-radius: 10px;
    padding: 6px 25px;
    background: #2B2B2B;
    border-color: #2B2B2B;
    width: fit-content;
}
    .dashboard-allCountry .sip_buy_gold_item .item_info {
        margin-left: 15px;
        margin-right: 20px;
    }
.dashboard-allCountry .sip_buy_gold_item img {
    height: 26px;
}
.dashboard-allCountry .bold_black_text {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.5px;
margin: 0px;
}
.dashboard-allCountry .sip_buy_gold_item .item_info span {
    font-size: 12px;
    line-height: 18px;
    margin: 0px;
}
.dashboard-allCountry  {}

.form-radio-outline.form-radio-success .form-check-input:checked[type=radio] {
    color: #13c56b;
    background-color: transparent;
    border-color: #13c56b;
}

.form-radio-outline .form-check-input:checked[type=radio]::before {
    content: "\f0765";
    font-family: "Material Design Icons";
    top: 0;
    position: absolute;
    font-size: 8px;
    left: 2.2px;
}


/*Moon css*/
.isl-moonlist {}
.isl-moonlist--item {
    text-decoration: none !important;
    margin-bottom: 10px;
    padding: 10px 0px;
    border-bottom: 1px dashed #ccc;
}
.isl-moonlist--item-img {
    max-height: 45px;
}
.isl-invest--stars .isl-moonlist a:hover {
    text-decoration: none !important;
}
.isl-invest--stars .isl-moonlist .isl-moonlist--item-img {
    max-height: 70px;
}

.isl-invest--stars .flex-direction-row {
    flex-direction: row;
}

.isl-invest--stars .isl-moonlist--item {
    text-decoration: none !important;
    margin-bottom: 0px;
    padding: 0px 0px;
    border-bottom: 0px dashed #ccc;
}

.card.invested {
    border: 2px solid #50c3e6;
    background: #f6fdff;
}

.moon-advanceFilter .custom-control-label {
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 3px;
}

.sipInvestment {}

.isl-moonlistLanding .isl-moonlist--item-img {
    max-height: 65px;
}
.isl-moonlistLanding .isl-moonlist--item {
    text-decoration: none !important;
    margin-bottom: 0px;
    padding: 0px 0px;
    border-bottom: 0px dashed #ccc;
}

.text-moon-primary {
    color: #374782 !important;
    color: #22315B !important;
}
.text-moom-para {
    color: #374782 !important;
}

.isl-invest--stars .stockLogo {
    max-height: 30px;
    margin-right: 10px;
}
.isl-invest--stars h5 {
    margin-bottom: 0px;
}

.isl-moonInvest {}
.isl-moonInvest--box {
    background: #374782;
    background: linear-gradient(90deg, #374782 0%, #374782 35%, #22315B 100%);
}

    .isl-moonInvest--box img {
        max-height: 30px;
        margin-bottom: 10px;
    }

.isl-moonInvest--box p {
    color: #fff;
    margin-bottom: 10px;
}

    .isl-moonInvest--box h3 {
        color: #fff;
        margin: 0px;
    }

.isl-invest--stars .isl-moonlist--item a:first-child{
    width: 40%;
}
.isl-invest--stars .isl-moonlist--item a:nth-child(2) {
    width: 15%;
}

.isl-invest--stars .isl-moonlist--item a:nth-child(3) {
    width: 15%;
}
.isl-invest--stars .isl-moonlist--item a:nth-child(4) {
    width: 15%;
}



.strategy-list--item {
    transition: all 0.5s;
}
    .strategy-list--item .border-color-grey {
        position: relative;
    }
.strategy-list--item__desc {
    font-size: 16px;
    margin-bottom: 5px !important;
    color: #666;
}
.strategy-list--item__title {
    font-size: 20px;
    color: #333;
    font-weight: 600;
}



.nav-tabs-custom.nav-tabs-custom--fullwidth .nav-item {
    position: relative;
    width: 20%;
    background: #ccc;
    display: flex;
    justify-content: center;
    display: inline-block;
    position: relative;
}


    /*.nav-tabs-custom.nav-tabs-custom--fullwidth .nav-item::before,*/
    .nav-tabs-custom.nav-tabs-custom--fullwidth .nav-item::after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 100%;
        position: absolute;
        top: 0;
    }

    .nav-tabs-custom.nav-tabs-custom--fullwidth .nav-item::before {
        background: linear-gradient(-65deg, transparent 49%, white 51% 100%);
        left: 0;
    }

    .nav-tabs-custom.nav-tabs-custom--fullwidth .nav-item::after {
        background: linear-gradient(65deg, transparent 49%, white 51% 100%);
        right: 0;
    }

    .nav-tabs-custom.nav-tabs-custom--fullwidth .nav-item .nav-link {
        border: none;
        font-weight: 400;
        width: 100%;
        text-align: center;
    }

        .nav-tabs-custom.nav-tabs-custom--fullwidth .nav-item .nav-link.active {
            background: #6691e7;
            color: #fff !important;
        }
.islmoon-chooseUs .islStrategy-boxChoose--item img {
    max-height: 70px;
}
.islStrategy-boxChoose .islStrategy-boxChoose--item img {
    max-height: 65px;
}




.strategy-list {
}

.strategy-list--item {
    transition: all 0.5s;
}

    .strategy-list--item:hover {
        transform: scale(1.02);
    }

.accordion-item .strategy-list--item:hover {
    transform: scale(1.0);
}

.strategy-list--item__desc {
    font-size: 16px;
    margin-bottom: 5px !important;
    color: #666;
}

.strategy-list--item__logo {
    height: 75px;
}

.strategy-list--item__title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

.strategy-list--item__button {
    min-width: 150px;
    display: flex;
    justify-content: center;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.strategy-list--itemBottom {
}

.strategy-list--item__label {
    font-size: 12px;
    margin-bottom: 2px !important;
    color: #666;
}

.strategy-list--item__value {
    font-size: 16px;
    color: #444;
    font-weight: 600;
}

.strategy-list--item .boxHover {
    z-index: 10;
    display: none;
    padding: 0px 0px;
    margin-top: 0px;
    margin-left: 0px;
    width: fit-content;
}

.strategy-list--item__value:hover .boxHover {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-top: 25px;
    margin-left: -11px;
}

.strategy-list--item .boxHover table {
    width: 100%;
}

    .strategy-list--item .boxHover table th {
        padding: 0.2rem 0.6rem;
        text-align: center;
        font-size: 16px !important;
        text-align: left;
    }

    .strategy-list--item .boxHover table th {
        padding: 0.2rem 0.6rem;
        text-align: center;
        font-size: 16px !important;
        text-align: left;
        background: var(--vz-star-theme-color) !important;
        color: #fff;
        /*font-size: 15px !important;*/
    }

    .strategy-list--item .boxHover table td {
        padding: 0.2rem 0.6rem;
        text-align: center;
        font-size: 14px !important;
        font-weight: 500 !important;
        text-align: left;
    }

.strategy-list--item .boxHover:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-bottom: 15px solid var(--vz-star-theme-color);
    border-left: 15px solid transparent;
    position: absolute;
    top: -13px;
    left: 0px;
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.p-abs {
    position: absolute;
}
.strategy-list--item__invested {
    background: #10a75b;
    border-radius: 20px;
    padding: 1px 10px;
    color: #fff;
    top: -25px;
    right: -15px;
    font-size: 12px;
}

.mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p {
    margin: 0 0 12px;
}
.border-color-grey {
    border-color: #ccc !important;
}
.border-bottom-1 {
    border-bottom: 1px solid;
}

.strategy-list--itemBottom {
}

.border-right-2 {
    border-right: 2px solid;
    padding-right: 5px;
    margin-right: 5px;
}
.border-color-theme {
    border-color: #ccc;
}
.float-end {
    float: inline-end;
}




.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.border-bottom-2 {
    border-bottom: 2px solid #ccc !important;
}

.strategy-list--item__body .flex-grow-1.strategy-list--item__body-customWidth {
    width: 40%;
    max-width: 40%;
}

.strategy-list--item a:hover {
    text-decoration: none;
}

.strategy-list--item__logo {
    height: 50px;
}

.strategy-list--item {
    transition: all 0.5s;
    background: #fff;
}

.strategy-list--item__title {
    font-size: 17px;
    color: #444444;
    font-weight: 500;
}

.strategy-list--item__value {
    font-size: 14px;
    color: #444;
    font-weight: 400;
}

.strategy-list--item__invested {
    background: #10a75b;
    border-radius: 20px;
    padding: 1px 10px;
    color: #fff;
    top: -27px;
    left: -18px;
    font-size: 12px;
    right: auto;
}

.strategy-list--item__desc {
    font-size: 15px;
}

.strategy-list--item__title {
    font-size: 1.03rem;
    color: #444444;
    font-weight: 500;
}

.isl-invest--stars__stocks-filterLeft .switch-field {
    display: flex;
    margin-bottom: 0px;
    overflow: hidden;
}
    .isl-invest--stars__stocks-filterLeft .switch-field input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }
    .isl-invest--stars__stocks-filterLeft .switch-field label {
        background-color: #f5f5f5;
        color: rgba(0, 0, 0, 0.6);
        font-size: 14px;
        line-height: 1;
        text-align: center;
        padding: 14px 10px;
        margin-right: -1px;
        border: 1px solid #f5f5f5;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
        transition: all 0.1s ease-in-out;
        width: 20%;
    }
    .isl-invest--stars__stocks-filterLeft .switch-field.gender label {
        width: 50%;
    }
    .isl-invest--stars__stocks-filterLeft .switch-field label:first-of-type {
        border-radius: 4px 0 0 4px;
    }

    .isl-invest--stars__stocks-filterLeft .switch-field input:checked + label {
        background-color: #31b0d5;
        box-shadow: none;
        color: #fff;
    }
.isl-invest--stars__stocks-filterLeft .custom-control {
    position: relative;
    display: block;
    min-height: 2rem;
    padding-left: 1.5rem;
}

.strategy-list--item a:hover .strategy-list--item__title {
    color: #0062cc;
}

@media (min-width: 1200px) {
    .display-7 {
        font-size: 2rem;
    }
}

.card.card-moon {}
.card.card-moon h6 {
    color: #fff;
}
    .card.card-moon .text-muted {
        color: #fff !important;
    }
    .card.card-moon .nav-tabs-custom .nav-item .nav-link {
        color: #d3d3d3 !important;
        background: transparent;
    }
    .card.card-moon .nav-tabs-custom .nav-item .nav-link.active {
        color: #fff !important;
    }

.coming-soon-text {
    font-weight: 500;
    text-transform: uppercase;
    color: #fff !important;
    text-shadow: 3px 4px #959595;
}


.card.card-moon  .nav-tabs-custom .nav-item .nav-link::after {
    background: #ffffff;
    height: 2px;
}

.goldInvestment.islamiclyInvestment {
    border-radius: 8px;
    background: url('https://pic.islamicly.com/web/portal/dashboardStock.png');
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: 0px -35px; */
    /* background: #182743; */
}
    .goldInvestment.islamiclyInvestment .card-title {
        color: #fff;
    }

.goldInvestment.goldInvestment1 .form-control:hover,
.goldInvestment.goldInvestment1 .form-control:focus {
    box-shadow: none;
    border: 1px solid rgba(120, 130, 140, .13);
    background: #fff !important;
    color: #333;
}
.goldInvestment.goldInvestment1 .form-floating > label {
    color: rgba(var(--vz-body-color-rgb), .65);
}

.popular-buy {
    bottom: -23px;
    left: 0px;
    width: 100%;
    background: #033A37;
    text-align: center;
    color: #fff;
    padding: 3px;
    border-radius: 0px 0px 10px 10px;
}
.bg-moon2 {
    background: #2f3e72;
}
.bg-overlay-pattern {
    background-image: url(../images/landing/bg-pattern.png);
    background-color: transparent;
    background-position: center;
    background-size: cover;
    opacity: .2;
}

.strategy-list--item__invested {
    background: #10a75b;
    border-radius: 20px;
    padding: 1px 10px;
    color: #fff;
    top: -25px;
    left: auto;
    right: -60px;
}
.p-t-40 {
    padding-top: 40px;
}
.p-b-30 {
    padding-bottom: 40px;
}

.card.crm-widget {
    background: linear-gradient(90deg, #FFF 0%, #FFFBE1 58.27%, #D2D2FF 102.04%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.crm-widget .col {
    border-right: 1px solid var(--vz-border-color);
    text-align: center;
}

.crm-widget .col {
    border-right: 1px solid #dddddd;
    text-align: center;
}

.isl-moonlist .isl-moonlist--item:last-child {
    border-bottom: 0px dashed #ccc;
}

[data-bs-theme=dark][data-topbar=dark] .dashboard-investment-info h5.text-muted {
    color: #666 !important;
}

[data-bs-theme=dark][data-topbar=dark] .dashboard-investment-info h3 {
    color: #000;
}

/*.goldInvestment.goldInvestment1.goldInvestmentGoldNew {
    background: #fff !important;
}*/

[data-bs-theme=dark][data-topbar=dark] .goldInvestment.goldInvestment1 .form-control:hover,
[data-bs-theme=dark][data-topbar=dark] .goldInvestment.goldInvestment1 .form-control:focus {
    box-shadow: none;
    border: 1px solid rgba(120, 130, 140, .13);
    background: #262a2f !important;
    color: #fff;
}
[data-bs-theme=dark][data-topbar=dark] .goldInvestmentGoldNew .btn {
    color: #fff !important;
}
[data-bs-theme=dark][data-topbar=dark] .isl-gold--purchase__alert {
color: #000;
}
[data-bs-theme=dark][data-topbar=dark] .position-relative .position-absolute.left-10 p {
    color: #666;
}

[data-bs-theme=dark][data-topbar=dark] .isl-gold--purchase .form-control:hover,
[data-bs-theme=dark][data-topbar=dark] .isl-gold--purchase .form-control:focus {
    box-shadow: none;
    border: 1px solid rgba(120, 130, 140, .13);
    background: #262a2f !important;
    color: #fff;
}

[data-bs-theme=dark][data-topbar=dark] .isl-gold--calculations .btn.btn-light {
    color: #fff !important;
}
[data-bs-theme=dark][data-topbar=dark] .form-check-input {
    background-color: #fff;
}
[data-bs-theme=dark][data-topbar=dark] body {
    background: #ecf9fd;
    background-color: var(--vz-body-bg);
}
[data-bs-theme=dark][data-topbar=dark] .isl-shariahRealGold .text-gold-primary {
    color: #ebebeb !important;
}
[data-bs-theme=dark][data-topbar=dark] .isl-shariahRealGold .text-dark-emphasis {
    color: #939393 !important;
}
[data-bs-theme=dark][data-topbar=dark] .isl-gold--features .img-fluid {
    height: 55px;
    background: #fff;
    padding: 10px;
    border-radius: 6px;
}
[data-bs-theme=dark][data-topbar=dark] .isl-gold--invest i {
    cursor: pointer;
    color: #73cfeb;
}
[data-bs-theme=dark][data-topbar=dark] .isl-gold--deliver .text-gold-primary {
    color: #c7c7c7 !important;
}
[data-bs-theme=dark][data-topbar=dark] .gold-subTitle {
    color: #c7c7c7 !important;
}
[data-bs-theme=dark][data-topbar=dark] .isl-gold--deliver  .table > :not(caption) > * > * {
    color: #c3c3c3 !important;
}
[data-bs-theme=dark][data-topbar=dark] .isl-gold--deliver .text-dark-emphasis {
    color: #cdcdcd !important;
}
[data-bs-theme=dark][data-topbar=dark] .isl-gold--deliver .bg-gold-primary {
    background: #d7d7d7;
}
[data-bs-theme=dark][data-topbar=dark] .lease_amt_container label .lbl_txt {
    color: #c3c3c3;
}
[data-bs-theme=dark][data-topbar=dark] .lbl_desc1 {
    color: #dbdbdb;
    padding-right: 20px;
}
[data-bs-theme=dark][data-topbar=dark] .checkmark,
[data-bs-theme=dark][data-topbar=dark] .autoLeaseConsent input[type=checkbox] {
    border: 1px solid #ffffff;
}
[data-bs-theme=dark][data-topbar=dark] .isl-gold--deliver .goldBrekup-desc  .text-dark-emphasis {
    color: #ebebeb !important;
}
[data-bs-theme=dark][data-topbar=dark] .isl-gold--deliver .goldBrekup-desc .text-gold-primary {
    color: #ffffff !important;
}
[data-bs-theme=dark][data-topbar=dark] .isl-gold--deliver .goldBrekup-desc .text-gold {
    color: #fff !important;
}
[data-bs-theme=dark][data-topbar=dark] .isl-gold--deliver .isl-gold--invest .btn-gold {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #2e2e2e !important;
}

[data-bs-theme=dark][data-topbar=dark] .isl-gold--deliver .goldBrekup-desc .input-group .flex-grow-1 {
    width: calc(100% - 100px);
}

[data-bs-theme=dark][data-topbar=dark] .md-stepper-horizontal .md-step.active .md-step-title {
    color: rgb(201 201 201 / 87%);
}
[data-bs-theme=dark][data-topbar=dark] .md-stepper-horizontal .md-step .md-step-title,
[data-bs-theme=dark][data-topbar=dark]  .md-stepper-horizontal .md-step .md-step-optional {
    text-align: center;
    color: rgb(225 225 225 / 60%);
}
[data-bs-theme=dark][data-topbar=dark] .strategy-list--item.bg-success-subtle .strategy-list--item__title {
    font-size: 1.03rem;
    color: #e5e5e5;
    font-weight: 500;
}
[data-bs-theme=dark][data-topbar=dark] .strategy-list--item.bg-success-subtle .strategy-list--item__desc {
    color: #bbbbbb;
}
[data-bs-theme=dark][data-topbar=dark] .strategy-list--item.bg-success-subtle .strategy-list--item__label {
    color: #c3c3c3;
}
[data-bs-theme=dark][data-topbar=dark] .strategy-list--item.bg-success-subtle .strategy-list--item__value {
    color: #fbfbfb;
}
[data-bs-theme=dark][data-topbar=dark] a.text-dark,
[data-bs-theme=dark][data-topbar=dark] a.text-dark {
    color: #f3f3f3 !important;
}
[data-bs-theme=dark][data-topbar=dark] .isl-invest--stars .text-dark-emphasis {
    color: #d1d1d1 !important;
}
[data-bs-theme=dark][data-topbar=dark] .embed-refresh-v2 .dark .nav-primary--refresh .comment-count {
    color: rgb(0 0 0 / 70%);
}
[data-bs-theme=dark][data-topbar=dark] .dark .tab-conversation--refresh.active > a {
    color: rgb(0 0 0 / 70%) !important;
}
[data-bs-theme=dark][data-topbar=dark] .dark .post-menu .dropdown-toggle-wrapper .username--refresh,
[data-bs-theme=dark][data-topbar=dark] .dark .user-menu .dropdown-toggle-wrapper .username--refresh {
    color: rgb(0 0 0 / 70%);
}
[data-bs-theme=dark][data-topbar=dark] .dark ._editor-expanded_ylcfx_13 {
    border-bottom: 2px solid rgb(0 0 0 / 20%);
}
[data-bs-theme=dark][data-topbar=dark] .dark ._editor-expanded_ylcfx_13,
[data-bs-theme=dark][data-topbar=dark] .dark ._editor_ylcfx_13 {
    color: #000000;
}

.embed-refresh-v2 .post-menu .dropdown-toggle-wrapper .username--refresh, .embed-refresh-v2 .user-menu .dropdown-toggle-wrapper .username--refresh {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

.embed-refresh-v2 .dark .nav-primary--refresh .comment-count {
    color: rgb(0 0 0 / 70%);
}

.dis-img {
    max-height: 180px;
    max-height: 150px;
    float: right;
}

.strategy-discover--wealthBuild .line-height-4 {
    line-height: 1.7;
}

.strategy-discover--wealthBuild {
    background-color: #3c3a81;
    background-image: url('https://assets.smallcase.com/images/banners/banner-large.avif');
    background-position-x: right;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.dis-icons {
    max-height: 70px;
    margin-bottom: 20px;
    transition: all 1s;
}
.strategy-discover--topPicks__item p {
    transition: all 1.5s;
}

.strategy-discover--topPicks__item:hover .dis-icons {
    transform: rotate(360deg)
}

.strategy-discover--topPicks__item:hover p {
    transform: scale(1.1);
}

.strategy-discover--allCollections {}
    .strategy-discover--allCollections .strategy-list--item {
        transition: all 0.5s;
        background: #fff;
        min-height: 135px;
        border-radius: 6px;
        display: flex;
        align-items: center;
    }

.strategy-discover--allTop .strategy-list a {
    text-decoration: none !important;
}

.rzslider .rz-pointer {
    top: -8px !important;
    z-index: 3;
    width: 19px !important;
    height: 19px !important;
    cursor: pointer;
    background-color: #0db9f0;
    border-radius: 16px;
    transition: all linear 0.3s;
}

    .rzslider .rz-pointer:after {
        position: absolute;
        top: 6px !important;
        left: 6px !important;
        width: 8px;
        height: 8px;
        background: #ffffff;
        border-radius: 4px;
        content: '';
    }
.rzslider {
    margin-right: 5px !important;
    width: 95% !important;
}
.price-range-slider {
    margin-left: -20px;margin-top: 5px;
    width: calc( 100% + 20px ) !important;
}



@media (max-width: 1500px) {
    [data-layout=horizontal] .navbar-menu .navbar-nav .nav-link {
                color: var(--vz-topnav-item-color);
                padding: .75rem 1rem;
            }

            .strategy-list--item__body .flex-grow-1.strategy-list--item__body-customWidth,
            .isl-invest--stars .isl-moonlist .strategy-list--item__body-customWidth {
                width: 55%;
                max-width: 55%;
            }
        }

        @media (min-width: 1200px) {
            .h3, h3 {
                font-size: 1.3rem;
            }
        }

.noUi-horizontal {
    height: 10px;
    background-color: #888 !important;
    box-shadow: inset 0 0px 0px #282626, 0 0px 4px #999999 !important;
}

.noUi-horizontal {
    height: 13px;
    background-color: #d1d1d1 !important;
    box-shadow: inset 0 0px 0px #959595, 1px 3px 4px #cbcbcb !important;
    border-radius: 40px;
}

.noUi-horizontal {
    height: 13px;
    background-color: #ededed !important;
    box-shadow: inset 0 0px 0px #bbbaba, 0px 0px 5px 2px #adadad !important;
    border-radius: 40px;
}

.noUi-connects {
    border-radius: 50px;
}
    .noUi-horizontal .noUi-handle {
        left: 0px;
    }
    .noUi-horizontal .noUi-handle {
        top: -5px;
    }

.noUi-horizontal .noUi-handle {
    height: 20px;
    width: 20px;
}

.strategy-list--item__Hover {
    position: relative;
}

.strategy-list--item__HoverShow {
    display: none;
    position: absolute;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 10px #ccc;
    top: 5px;
    left: 60px;
    width: max-content;
    z-index: 9;
}

.strategy-list--item__Hover:hover .strategy-list--item__HoverShow {
    display: block;
}

.strategy-list--item__HoverShow:before {
    content: "\A";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #003fff transparent transparent;
    position: absolute;
    left: -15px;
    top: 0px;
}

.stockLogo {
    max-height: 45px;
    margin-right: 6px;
}

.ri-accordion-header .border-left-2 {
    border-left: 2px solid #FFC970;
    padding: 0 15px;
    height: 100%;
}

.fs-30 {
    font-size: 26px;
}

.giftNotifications-content {
    background-color: #3c3a81;
    background-image: url('https://pic.islamicly.com/web/gold/recep-gold-gift-popup-bg.png');
    background-position-x: right;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: cover;
}






/*.noUi-horizontal {
    height: 8px;*/
    /* box-shadow: 0px 0px 10px #000; */
/*}

.noUi-target {
    box-shadow: inset 0 1px 1px #282626, 0 3px 6px 2px #999999;
}*/