
.invested-shemes {
    padding: 70px 0px;
    margin-bottom: 200px;
}

.invested-shemes .my-plan {
    font-family: Titillium;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 25px;
    color: #767373;
}

.invested-shemes .title {
    font-family: Titillium;
    font-weight: 400;
    font-size: 40px;
    font-style: normal;
    line-height: 25px;
    color: #000000;
}

.invested-shemes .text {
    font-family: Titillium;
    font-weight: 400;
    font-size: 13px;
    font-style: normal;
    line-height: 25px;
    color: #767373;
}

.invested-shemes .invested-shemes-withdraw-link {
    background: #000000;
    color: #fff !important;
}

.invested-shemes .invested-shemes-withdraw-link::after {
    background-image: url(/assets/img/arrow-right-white.png) !important;

}

.settings-button {
    margin-right: 1rem;
    margin-left: 0px;
}

.settings-button img {
    margin-bottom: 4px;
    margin-left: 4px;
}

.settings-button::after {
    background-image: none;
    width: 0px;
}

.h-fit-content {
    height: fit-content;
}


.total-balance .total-balance-details, .total-balance .tb-links{
    padding: 2rem;
    background: #fff;
}

.total-balance .tb-title{
    font-family: Titillium;
    font-weight: 600;
    font-size: 18px;
    font-style: normal;
    line-height: 25px;
    color: #93A4A0;
}

.total-balance .tb-value{
    font-family: Titillium;
    font-weight: 400;
    font-size: 30px;
    font-style: normal;
    line-height: 25px;
    color: #000000;
}

.total-balance .tb-label{
    font-family: Titillium;
    font-weight: 400;
    font-size: 13px;
    font-style: normal;
    line-height: 25px;
    color: #A3A3A3;
}

.tb-links {
    border-top: 0.5px solid #D0CFCF;
}

.tb-links .tb-link {
    text-decoration: none;
    font-family: Titillium;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    line-height: 25px;
    color: #008D9A;

    margin-right: 3rem;
}

.tb-links .tb-link img {
    margin-right: 1rem;
}

.tb-links .tb-link:hover {
    text-decoration: underline;
}

.actve-plans {
    padding: 50px 0px;
}

.actve-plans .active-plans {
    text-decoration: none;
    font-family: Titillium;
    font-weight: 400;
    font-size: 26px;
    font-style: normal;
    line-height: 25px;
    color: #000
}

.actve-plans .active-plan {
    display: flex;
    flex-direction: row;
    padding: 2rem;
    background: #fff;
    border-bottom: 4px solid #008D9A;
}

.actve-plans div {
    margin-right: 1rem;
}

.active-plan{
    margin-bottom: 1rem;
}

.active-plan .active-plan-title {
    font-family: Titillium;
    font-weight: 600;
    font-size: 15px;
    font-style: normal;
    line-height: 36px;
    color: #000;
    margin-bottom: 0px;
}

.active-plan .active-plan-label {
    font-family: Titillium;
    font-weight: 400;
    font-size: 13px;
    font-style: normal;
    line-height: 36px;
    color: #A7A7A7;
    margin-bottom: 0px;
}

.active-plan .active-plan-small-amount {
    font-family: Titillium;
    font-weight: 700;
    font-size: 13px;
    font-style: normal;
    line-height: 36px;
    color: #000000;
    margin-bottom: 0px;
}

.active-plan .img {
    margin-right: 1rem;
}

.active-plan .date{
    font-family: Titillium;
    font-weight: 400;
    font-size: 15px;
    font-style: normal;
    line-height: 36px;
    color: #323232;
    margin-bottom: 0px;
}

.actve-plans .active-plan-amount {
    font-family: Titillium;
    font-weight: 600;
    font-size: 15px;
    font-style: normal;
    line-height: 36px;
    color: #000000;
    margin-bottom: 0px;
}

.ml-0 {
    margin-left: 0px !important;
}

.c-d-flex {
    display: flex;
}

@media only screen and (max-width: 598px) {
    .active-plan div {
        margin: auto;

    }

    .actve-plans .active-plan {
        display: block;
    }

    .active-plan .img1 img {
        transform: rotate(90deg);
    }
    .actve-plans div {
        margin-right: 0px;
    }

    .c-d-flex {
        display: inline-block;
    }
    .c-d-flex a {
        display: inline-block;
        margin-bottom: 1rem;
    }

    .c-d-flex a:nth-child(3) {
        padding: 0px;
        height: 49px;
        width: 50px;
        position: relative;
    }
    .c-d-flex a:nth-child(3) img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: auto;
    }
}