.dashboard-nav {
    border-bottom: 1px solid #f9f3f3;
    /* background: linear-gradient(91.69deg, #FFEBFC 0%, #D6CBFE 100%); */
    background: linear-gradient(224.79deg, #F2F4F7 -0.05%, #EFEBFF 100%);
    padding: 0px 120px;
}

.dashboard-nav-tab {
    display: flex;
    justify-content: start;
    align-items: center;
    font-family: manrope;
    margin-bottom: 1px solid grey;
}

.dashboard-nav-tab a {
    padding: 6px 16px 12px;
    cursor: pointer;
    color: var(--grey-400);
    font-size: 14px;
    font-size: 14px;
}

.btn-border {
    color: var(--grey-900) !important;
    font-weight: 600;
}

.dashboard-nav-tab .btn {
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    position: relative;
    font-size: var(--font-size-14);
}

.dashboard-nav-tab .btn-border::after {
    position: absolute;
    content: "";
    background: #101828;
    ;
    border-radius: 8px 8px 0px 0px;
    height: 6px;
    width: 100%;
    left: 0;
    bottom: 0;
}

.user-name {
    padding: 18px 120px 0;
}

.user-name .btn-dark {
    font-size: 1.267vw !important;
    font-weight: 600;
    border-radius: 8px;
}

.user-name .btn-light {
    font-family: 'Manrope';
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    font-size: 1.267vw;
    font-weight: 600;
    border-radius: 8px;
    color: rgba(16, 24, 40, 1);
}

.user-name-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 0; */
}

.user-name-div h1 {
    font-size: var(--font-size-24);
    font-weight: 700;
}

.user-name-div .btn {
    font-size: var(--font-size-16);
    font-weight: 600;
    width: 201px;
    height: 38px;
}

.broker-button {
    display: flex;
    justify-content: end;
    align-items: center;
}

.user-name-div .btn-outline-dark:hover {
    background-color: #000;
}

.new-user-subs-watchlist {
    margin: 3.9259vh 120px;
}

.create-risk-profile {
    font-family: manrope;
    margin: 28px 120px 2.9630vh;
}

.create-risk-profile-left .astrik,
.new-user-subs-watchlist .astrik {
    font-size: var(--font-size-web-42);
    font-weight: 700;
    font-family: manrope;
    line-height: var(--padding-80px);
    color: #98A2B3;
}

.new-user-percent-box-left {
    border-radius: 16px;
    border: 1px solid var(--grey-200, #EAECF0);
    background: #FFF;
    position: relative;
    height: 37.2593vh;
    padding: 3.7037vh 3.7037vh 2.2222vh;
}


.percent-box {
    width: 40%;
}

.percent-box span {
    font-family: Manrope;
    font-size: 3vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.percent-box p {
    color: var(--grey-900, #101828);
    font-family: Manrope;
    font-size: var(--font-size-18);
    font-style: normal;
    font-weight: 400;
    line-height: 4.8148vh;
    margin-bottom: 2.2407vh;
}


.new-user-percent-box-left .btn-grey-wright {
    font-size: var(--font-size-web-14);
    padding: 16px;
}


.graph-box {
    width: 60%;
    height: 29.6667vh;
}

.graph-box img {
    width: 100%;
}

.new-user-percent-box-left .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 3px;
    margin-left: 3px;
    background-color: #D0D5DD;
}

.new-user-percent-box-left .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -35px;
    left: 0;
    z-index: 15;
    width: 10%;
    margin-left: 0;
}

.new-user-percent-box-left .carousel-indicators .active {
    opacity: 1;
    background-color: #667085;
}

.level-up-journey {
    margin-bottom: 56px;
    padding: 0px 120px;
}

.level-up-journey-box {
    border-radius: 8px;
    border: 1px solid var(--Grey-200, #EAECF0);
    background: var(--Gradient-purple-grey-gradient, linear-gradient(225deg, #F2F4F7 -0.05%, #EFEBFF 100%));
    padding: 2.7778vh 2.534vw;
}

.level-up-journey-box-inner {
    display: flex;
    gap: 28px;
}

.level-text {
    width: 100%;
}

.level-up-journey-box .progress {
    border-radius: 4px;
    background: var(--White, #FFF);
    height: 30px;
}

.level-up-journey-box h5 {
    color: var(--Grey-900, #101828);
    font-family: Manrope;
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
}

.level-up-journey-box p {
    color: var(--Grey-500, #667085);
    /* Regular/16 regular */
    font-family: Manrope;
    font-size: var(--font-size-14);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    margin-bottom: 20px;
}

.level-up-journey-box .progress-bar-iprofile {
    border-radius: 4px;
    background: var(--Pink-Dark, #D57BC8);
}

.level-up-journey .card {
    border: 0;
    border-radius: 10px;
    background: var(--Grey-50, #F9FAFB);
    margin-bottom: 24px;
}


.level-up-journey-box {
    position: relative;
}


.level-img {
    height: 18.6111vh;
}

.level-img svg {
    max-height: 100%;
    width: 100%;
}

.top-arrow-img {
    position: absolute;
    top: 20px;
    right: 40px;
    transform: rotate(180deg);
}



.investment-accordion {
    padding: 24px;
    background: white;
    margin-top: 28px;
    border-radius: 12px;
}

.level-up-journey .card-header {
    background-color: white;
    border: 0;
    padding: 0;
}



.level-up-journey .investment-accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.level-up-journey .investment-accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 10px;
}

.level-up-journey .investment-accordion .card:last-of-type {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.investment-accordion .card-header[aria-expanded=false] {
    background-color: white;
}

.investment-accordion .card-header[aria-expanded=true] {
    background-color: rgba(255, 255, 255, 0);
}

.investment-accordion .card-header[aria-expanded=true] .arrow-down-accrdion {
    transform: rotate(0deg);
}


.investment-accordion .btn-link {
    padding: 0;
    margin-bottom: 14px;
    gap: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--Grey-600, #475467);
    /* Medium/18 */
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.investment-accordion .btn-link p {
    margin-bottom: 0;
    color: #475467; 
    font-size: 18px; 
    font-weight: 500;
}


.investment-accordion .card-header h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px 0px;
}

.investment-accordion .card-body {
    padding: 0px 64px 16px;
}


.investment-accordion .card-body p {
    color: var(--Grey-500, #667085);
    /* Regular/14 */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}







.trending-portfolios {
    padding: 0px 120px;
}

.trending-portfolios h2 {
    color: var(--Grey-900, #101828);
    font-family: Manrope;
    font-size: var(--font-size-28);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
}
#create-risk-profile h2 {
    color: var(--Grey-900, #101828);
    font-family: Manrope;
    font-size: var(--font-size-28);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
}

.trend-port {
    padding: 24px;
    border-radius: 10px;
    border: 1px solid var(--Grey-100, #F2F4F7);
    background: var(--White, #FFF);
    margin-bottom: 2rem;
}

.trending-portfolios .most-subcribe-button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 8px;
    background: var(--Grey-50, #F9FAFB);
    padding: 16px 24px;
    gap: 16px;
    height: 70px;
}

.trending-portfolios .most-subcribe-button:not(:last-child) {
    margin-bottom: 16px;
}

.trending-portfolios .trend-port h6 {
    color: var(--Teal-Dark, #579888);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 24px;
}

.trending-portfolios .most-subcribe-button p {
    color: var(--Grey-900, #101828);
    font-family: Manrope;
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
    line-height: 20px;
}


.create-risk-profile-left h4,
.new-user-subs-watchlist h1 {
    font-size: var(--font-size-web-22);
    font-weight: 500;
    margin-bottom: var(--padding-16px);
}

.create-risk-profile-left p {
    font-size: var(--font-size-16);
    color: #000000;
    opacity: .4;
    margin-bottom: 1rem;
    width: 500px;
}

.create-risk-profile-left a {
    /* color: #000000; */
    font-size: var(--font-size-16);
    font-weight: 600;
}

/* .create-risk-profile-left a img {
    /* filter: invert(1); */
/* } */

.create-risk-profile-left a:hover img {
    filter: invert(0);
}

.create-risk-profile-left .risk-top-img {
    position: absolute;
    bottom: 0;
    right: 52px;
}


.create-risk-profile-right-inner {
    background: #101828;
    padding: 3.7037vh;
    height: 100%;
    border-radius: 16px;
    /* width: 100%; */
    height: 37.2593vh;
}

.create-risk-profile-right-inner h5 {
    color: #ffffff;
    font-size: var(--font-size-20);
    margin-bottom: .5rem;
    font-weight: 700;
}



.create-risk-profile-right-inner h5 span {
    font-size: var(--font-size-12);
    font-weight: 400;
}


.important-text-risk {
    font-size: var(--font-size-12);
}

.create-risk-profile-right-inner .progress {
    margin-bottom: 2.2222vh;
    background: #404653;
    border-radius: 20px;
    height: 2.2222vh;
}

.create-risk-profile-right-inner .progress-bar {
    background: #ffffff;
    height: auto;
}



.profile-complete-button {
    position: absolute;
    bottom: 2.7778vh;
    z-index: 100;
    color: white;
    font-size: 1vw;
}

.profile-complete-button img {
    margin-left: 10px;
    background: white;
    border-radius: 50%;
    width: 33px;
    padding: 8px;
}

.grey-img-1 {
    position: absolute;
    bottom: 0;
    right: 15px;
    z-index: 10;
    border-radius: 16px;
    width: 36.7037vh;
}

.grey-img-2 {
    position: absolute;
    bottom: 0;
    right: 16px;
    border-radius: 16px;
    width: 33.7037vh;
}

.new-user-subs-watchlist .col-md {
    background-color: #EFEBFF;
    border-radius: 16px;
    padding: var(--padding-28px) var(--padding-40px) var(--padding-40px);
    position: relative;
}

.new-user-subs-watchlist .col-md .risk-top-img {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 18.131vw;
    height: 16.2037vh;
}

.new-user-subs-watchlist .col-md .cuate-img {
    position: absolute;
    right: 98px;
    bottom: 0;
    width: 26.287vw;
    height: 32vh;
}

.new-user-subs-watchlist p {
    font-size: var(--font-size-16);
    color: #000000;
    opacity: .4;
    margin-bottom: 6.2963vh;
    width: 800px;
    font-family: manrope;
}

.new-user-subs-watchlist a {
    /* color: #000000; */
    font-size: var(--font-size-16);
    font-weight: 600;
    font-family: manrope;
}

.new-user-subs-watchlist a img {
    filter: invert(1);
}

.new-user-subs-watchlist a:hover img {
    filter: invert(0);
}


.why-invest {
    padding: 0px 120px;
}

.why-invest-content .col-md-6 div, .why-invest-content .col-lg-4 div {
    position: relative;
    border-radius: 16px;
    border: 0.697px solid #EAECF0;
    background: #FFF;
    padding: 95px 24px 24px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
    flex: 1 0 0;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
    height: 100%;
}

why-invest-content .col-md-6 div, .why-invest-content .col-lg-4 div:hover {
    box-shadow: 0px -3px 24px 0px rgb(0 0 0 / 15%);
    transition: .3s ease all;
    margin-top: -3px;
}

.why-invest-content .col-md-6, .why-invest-content .col-lg-4{
    margin-bottom: 2rem;
}

.why-invest-content {
    border-radius: 16px;
}

.why-invest h2 {
    margin-top: 32px;
    margin-bottom: 32px;
    font-size: var(--font-size-28);
    font-weight: 700;
}

.why-invest img {
    top: 0;
    right: 0;
    margin-bottom: 1rem;
    position: absolute;
    height: 120px;
    width: 120px;
}

.why-invest h5 {
    font-size: var(--font-size-20);
    font-weight: 600;
    color: #101828;
}

.why-invest p {
    font-size: var(--font-size-16);
    font-weight: 460;
    color: #667085;
    font-family: manrope;
    margin-bottom: 0;
}

.tool-to-explore {
    padding: 30px 120px;
}

.tool-to-explore h2 {
    color: var(--grey-900);
    font-family: Manrope;
    font-size: var(--font-size-28);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.tool-to-explore h5 {
    font-size: var(--font-size-20);
    font-weight: 700;
    line-height: 25px;
    color: var(--grey-900);
    margin-bottom: 10px;
}

.tool-to-explore p {
    font-size: var(--font-size-16);
    font-weight: 400;
    font-family: manrope;
    /* margin-bottom: 0; */
    margin-bottom: 18px;
    opacity: 50%;
}

.tool-to-explore .col-lg-6 .explore-port1,
.tool-to-explore .col-lg-6 .explore-port2,
.tool-to-explore .col-lg-6 .explore-port3,
.tool-to-explore .col-lg-6 .explore-port4,
.tool-to-explore .col-md-12 .explore-port1,
.tool-to-explore .col-md-12 .explore-port2,
.tool-to-explore .col-md-12 .explore-port3,
.tool-to-explore .col-md-12 .explore-port4 {
    display: flex;
    padding: 20px;
    gap: 24px;
    height: 100%;
}

.tool-to-explore .col-lg-6,
.tool-to-explore .col-lg-6,
.tool-to-explore .col-lg-6,
.tool-to-explore .col-md-12,
.tool-to-explore .col-md-12,
.tool-to-explore .col-md-12,
.tool-to-explore .col-md-12{
    margin-bottom: 2rem;
} 

.explore-port-img-box {
    background: white;
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    padding: 29px;
}

.tool-to-explore .col-md-12 .explore-port1, .tool-to-explore .col-lg-6 .explore-port1 {
    border-radius: 16px;
    background: var(--gradient-purple-pink-gradient, linear-gradient(92deg, #FFEBFC 0%, #D6CBFE 100%));
}

.tool-to-explore .col-md-12 .explore-port2, .tool-to-explore .col-lg-6 .explore-port2 {
    border-radius: 16px;
    background: var(--gradient-purple-grey-gradient, linear-gradient(225deg, #F2F4F7 -0.05%, #EFEBFF 100%));
}

.tool-to-explore .col-md-12 .explore-port3 , .tool-to-explore .col-lg-6 .explore-port3 {
    border-radius: 16px;
    background: var(--gradient-purple-grey-gradient, linear-gradient(225deg, #F2F4F7 -0.05%, #EFEBFF 100%));
}

.tool-to-explore .col-md-12 .explore-port4, .tool-to-explore .col-lg-6 .explore-port4 {
    border-radius: 16px;
    background: var(--gradient-purple-pink-gradient, linear-gradient(92deg, #FFEBFC 0%, #D6CBFE 100%));
}

.tool-to-explore .btn {
    color: var(--Grey-900, #101828);
    /* Semibold (Heading)/16 semibold */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0;
}

.tool-to-explore .btn img {
    margin-left: 8px;
}



.user-dashboard-info {
    padding: 28px 120px;
}

.capital-box {
    background: linear-gradient(224.79deg, #F2F4F7 -0.05%, #EFEBFF 100%);

}

.current-value-box {
    background: linear-gradient(224.79deg, #F2F4F7 -0.05%, #EFEBFF 100%);
}

.pnl-box {
    background: linear-gradient(224.79deg, #F2F4F7 -0.05%, #EFEBFF 100%);
}


.pnl-box h4 span:last-child {
    font-size: var(--font-size-12);
}


.capital-box .card-body,
.current-value-box .card-body,
.pnl-box .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2.2222vh;
}


.capital-box .card-body img,
.current-value-box .card-body img,
.pnl-box .card-body img {
    /* height: 2.9630vh; */
    /* height: 30px; */
}


.user-dashboard-info .card {
    height: 240px;
    position: relative;
    border-radius: 12px;
    border: 0;
    margin-bottom: 2rem;
}

.user-dashboard-info .card h5 {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 1vh;
    text-align: left;
}

.card-body-text {
    padding: 1.4815vh 0;
}


.user-dashboard-info .card h4 {
    font-weight: 700;
    font-size: 28px;
}

.user-dashboard-info .card .card-footer-text p {
    margin-bottom: 0;
    color: #101828;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.5;
    font-style: italic;
}

.user-dashboard-info .card .card-footer-text {
    background-color: #ffffff00;
    color: #4F4F4F;
    text-align: left;
}

/* .user-dashboard-info .card .card-footer-text p:first-child {
    font-weight: 700;
    font-size: 0.85vw;
}

.user-dashboard-info .card-footer-text p:last-child {
    font-weight: 400;
    font-size: 1.008vw;
} */

.user-dashboard-info .card h6 {
    font-weight: 500;
    font-size: var(--font-size-16);
    margin-bottom: 1rem;
}

.profit-loss {
    position: absolute;
    font-size: var(--font-size-14);
    color: #838383;
    margin-top: 1rem;
    top: 59px;
    right: 20px;
    border: 1px solid;
    border-radius: 14px;
    padding: 2px 10px;
}

.risk-profile-box {
    background: #101828;
}

.grey-img-3 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    border-radius: 13px;
    width: 100%
}

.grey-img-4 {
    position: absolute;
    right: 1px;
    width: 100%;
    bottom: 0;
    border-radius: 13px;
}

.user-dashboard-info .card-footer a {
    font-size: var(--font-size-16);
    font-weight: 600;
    font-family: manrope;
    color: #000000;
    text-align: center;
}

.risk-score-meter {
    width: 100%;
    margin-top: 42px;
    position: relative;
    z-index: 100;
}

.risk-score-meter span:nth-child(1) {
    display: inline-block;
    width: 32%;
    height: 6px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    background: rgba(217, 47, 47, 1);
}

.risk-score-meter span:nth-child(2) {
    display: inline-block;
    width: 32%;
    height: 6px;
    border-radius: 0px;
    margin-left: -5px;
    background: rgba(245, 211, 122, 1);
}

.risk-score-meter span:nth-child(3) {
    display: inline-block;
    width: 32%;
    height: 6px;
    margin-left: -5px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    background: rgba(65, 184, 115, 1);
}

.risk-score {
    position: absolute;
    top: -31px;
    left: 20px;
    font-family: 'Manrope';
    font-weight: 500;
    color: white;
    background: grey;
    padding: 4px 5px;
    font-size: 12px;
    border-radius: 5px;
}

.risk-score::after {
    content: "";
    position: absolute;
    left: 7px;
    bottom: -17px;
    width: 0;
    height: 0;
    border-left: 4px solid #1d1c1c;
    border-right: 4px solid transparent;
    border-bottom: 16px solid #dbd5d5;
}

.risk-profile-card-footer {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.risk-profile-box h5 {
    font-size: var(--font-size-16) !important;
    font-weight: 500;
    margin-bottom: 1vh !important;
    color: #F2F4F7;
}

.risk-profile-box h6 {
    color: white;
    font-size: var(--font-size-22) !important;
    position: relative;
    z-index: 100;
    font-weight: 700 !important;
}


.re-asses {
    position: absolute;
    font-size: var(--font-size-16);
    bottom: 16px;
    font-family: manrope;
    color: #ffffff;
    z-index: 100;
    font-weight: 600;
}

.re-asses span {
    background-color: white;
    padding: 4px 7px 7px;
    border-radius: 50%;
}


.suggested-portfolio .inner-box-data {
    display: flex;
    justify-content: space-between;
}

.suggested-portfolio {
    /* background: #101828; */
    padding: 48px 120px 16px;
}



.suggested-portfolio .suggested-portfolio-heading {
    margin-bottom: 28px;
}

.suggested-portfolio .suggested-portfolio-heading h2 {
    color: #101828;
    font-family: Manrope;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.suggested-portfolio .suggested-portfolio-heading p {
    color: #101828;
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 150%;
}

.suggested-portfolio .suggested-portfolio-heading .btn-light {
    color: var(--Grey-900, #101828);
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 44px;
    display: flex;
    align-items: center;
    background-color: #F2F4F7;
    border-radius: 8px;
}

.suggested-portfolio .col-md-12 {
    display: flex;
    justify-content: center;
}

.suggested-portfolio .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.suggested-portfolio .nav-pills {
    gap: 24px;
    margin-bottom: 3.7037vh;
}

.suggested-portfolio .nav-pills .nav-link {
    color: #101828;
    text-align: center;
    /* Regular/16 regular */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    border-radius: 10px;
    background: var(--Grey-100, #F2F4F7);
}

.suggested-portfolio .nav-item .active {
    color: var(--Grey-900, #101828);
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    border-radius: 10px;
    padding: 10px 24px;
    background: var(--Gradient-Purple-pink-gradient, linear-gradient(92deg, #FFEBFC 0%, #D6CBFE 100%));
}

.suggested-portfolio .card {
    border-radius: 10px;
    height: 270px;
    border: 1px solid var(--Grey-200, #475467);
    background: var(--Grey-50, #252121);
    border: 1px solid var(--Grey-200, #475467);
    background: var(--Grey-50, #252121);
}


.suggested-portfolio .card-header {
    border-bottom: 0px;
    background-color: rgb(0 0 0 / 0%) !important;
    position: relative;
    padding-bottom: 0;
    color: #000;
    color: #000;
}

.suggested-portfolio .card-header h4 {
    font-size: 1.484vw;
    font-weight: 700;
    color: var(--Grey-900, #F9FAFB);
    color: var(--Grey-900, #F9FAFB);
}

.suggested-portfolio #pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
    color: #000;
}

.pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.suggested-portfolio #teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
    color: #000;
}

.teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.suggested-portfolio #purple-border {
    border-top: 5px solid var(--purple_dark);
    border-radius: 10px;
    color: #000;
}

.suggested-portfolio .card p {
    margin-bottom: 0;
    color: var(--Grey-500, #98A2B3);
    font-family: manrope;
}

.suggested-portfolio .card-header .badge {
    border-radius: 40px;
    border: 1px solid var(--Teal-Medium, #96DDCC);
    background: var(--Teal-light, #E5FFFB);
    color: var(--Teal-Dark, #579888);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    left: 0.7rem;
}

.suggested-portfolio .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    padding-top: 0;
    padding-bottom: 0;
}

.suggested-portfolio .card-body .inner-box-data {
    display: flex;
    justify-content: space-between;
}

.suggested-portfolio .card .card-body p {
    font-size: var(--font-size-12);
}

.suggested-portfolio .card .card-body h6 {
    font-size: var(--font-size-16);
    font-weight: 600;
    line-height: 21.86px;
    color: var(--Grey-600, #EAECF0);
}

.suggested-portfolio .card-body button {
    font-size: var(--font-size-14);
    font-family: manrope;
    height: 44px;
    width: 100%;
}

.suggested-portfolio .col-lg-4, .suggested-portfolio .col-md-6{
    margin-bottom: 2rem;
    /* display: flex; */
    justify-content: center;
}

.suggested-portfolio .btn-outline-light {
    color: var(--white-blue-shade);
    border-color: var(--semi-gray);
    font-size: var(--font-size-14);
    font-weight: 600;
    padding: 10px 32px 10px 48px;
    border-radius: 10px;
    width: 186px;
    height: 44px;
}

.suggested-portfolio .btn-outline-light:hover {
    color: var(--black-grey-shade);
    border-color: var(--btn-outline-light);
}

.suggested-portfolio .btn-outline-light:hover img {
    filter: invert(1);
}

.suggested-portfolio .portfolio-card {
    background-color: #F9FAFB !important;
    border-left: 1px solid #EAECF0 !important;
    border-right: 1px solid #EAECF0 !important;
    border-bottom: 1px solid #EAECF0 !important;
}

.suggested-portfolio .txt_red {
    background-color: transparent !important;
    color: #579888 !important;
}

 .suggested-portfolio .portfolio-title, .suggested-portfolio .cagr-value, .suggested-portfolio .cagr-label{
    color: #252121 !important;
}

.suggested-portfolio .portfolio-subtitle{
    color: #98A2B3 !important;
}

.suggested-portfolio .stat-label {
    color: #475467 !important;
    margin-bottom: 0 !important;
}

.suggested-portfolio .stat-value {
    color: #344054 !important;
    margin-bottom: 0 !important;

}

.suggested-portfolio .graph-container{
    background: none !important;
}

.suggested-portfolio .draw-badge-dark {
    color: #579888 !important;
    background-color: #E5FFFB !important;
    border: 1px solid #96DDCC !important;
}

.recommened-subscription-portfolio .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -52px;
    left: 12px !important;
    width: 48px !important;
    height: 35px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    z-index: 15;
}


.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}


.button-watchlist {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.recommened-subscription-portfolio {
    background: var(--navy_blue);
    padding: 48px 120px 48px;
}

/* .recommened-subscription-portfolio .nav-items .active{
    padding: 10px 24px;
    line-height: 24px;
} */


.recommened-subscription-portfolio .recommened-subscription-portfolio-heading {
    margin-bottom: 40px;
}

.recommened-subscription-portfolio .recommened-subscription-portfolio-heading h2 {
    /* font-family: Manrope; */
    color: var(--White, #FFF);
    font-size: var(--font-size-30);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.recommened-subscription-portfolio .recommened-subscription-portfolio-heading p {
    color: var(--Grey-300);
    /* font-family: Manrope; */
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 150%;
    /* 24px */
}

.recommened-subscription-portfolio .recommened-subscription-portfolio-heading .btn-light {
    color: var(--Grey-900, #101828);
    text-align: center;
    font-family: Manrope;
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 44px;
    display: flex;
    align-items: center;
}

.recommened-subscription-portfolio .col-md-12 {
    display: flex;
    justify-content: center;
}

.recommened-subscription-portfolio .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.recommened-subscription-portfolio .nav-pills {
    gap: 24px;
    margin-bottom: 54px;
}

.recommened-subscription-portfolio .nav-pills .nav-link {
    color: var(--Grey-400, #98A2B3);
    text-align: center;
    /* Regular/16 regular */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    border-radius: 10px;
    background: var(--Grey-100, #F2F4F7);
}

.recommened-subscription-portfolio .nav-item .active {
    color: var(--Grey-900, #101828);
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    border-radius: 10px;
    padding: 10px 24px;
    background: var(--Gradient-Purple-pink-gradient, linear-gradient(92deg, #FFEBFC 0%, #D6CBFE 100%));
}

.recommened-subscription-portfolio .card {
    border-radius: 10px;
    /* height: 270px; */
    border: 1px solid rgba(71, 84, 103, 1);
    background: rgba(37, 33, 33, 1);
}


.recommened-subscription-portfolio .card .btn-dark-wright {
    width: 100%;
    border-radius: 8px;
    font-weight: 600 !important;
    background: #ffffff !important;
    border: 1px solid var(--Grey-600, #475467) !important;
    font-family: manrope;
    color: #101828 !important;
    font-size: var(--font-size-web-12);
    padding: 14px;
}

.recommened-subscription-portfolio .card-header {
    border-bottom: 0px;
    background-color: rgb(0 0 0 / 0%) !important;
    position: relative;
}

.recommened-subscription-portfolio .card-header h4 {
    font-size: var(--font-size-web-16);
    font-weight: 700;
    color: var(--Grey-50, #F9FAFB);
}

.recommened-subscription-portfolio #pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.recommened-subscription-portfolio #teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.recommened-subscription-portfolio #purple-border {
    border-top: 5px solid var(--purple_dark);
    border-radius: 10px;
}

.recommened-subscription-portfolio .card p {
    margin-bottom: 0;
    font-family: manrope;
    font-size: 12px;
    color: var(--Grey-300, #D0D5DD);
}

.recommened-subscription-portfolio .card-header .badge {
    border-radius: 40px;
    border: 1px solid var(--Teal-Dark, #579888);
    background: var(--Grey-700, #344054);
    color: var(--Teal-Medium, #96DDCC);
    font-family: Manrope;
    font-size: 12px;
    padding: 2px 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    left: 0.7rem;
}

.recommened-subscription-portfolio .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 9px;
}

.recommened-subscription-portfolio .card-body .inner-box-data {
    display: flex;
    justify-content: space-between;
}

.recommened-subscription-portfolio .card .card-body p {
    font-size: var(--font-size-12);
}

.recommened-subscription-portfolio .card .card-body h6 {
    font-size: var(--font-size-16);
    font-weight: 600;
    line-height: 21.86px;
    color: var(--Grey-200, #EAECF0);
}

.recommened-subscription-portfolio .card-body .watchListBox {
    font-family: manrope;
    height: 50px;
    border-radius: 8px;
    border: 1px solid var(--Grey-600, #475467);
    background: var(--Grey-800, #1D2939);
}

.watchListBox{
    width: 50px;
    height: 35px;
    border-radius: 8px;
    background: none;
    /* color: white; */ 
    border: 1px solid rgba(71, 84, 103, 1);
}
.recommened-subscription-portfolio .card-body .watchListBox .fa-bookmark:before {
    content: "\f02e";
    filter: invert(1);
}


.recommened-subscription-portfolio .col-md-6, .recommened-subscription-portfolio .col-lg-4 {
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
}

.recommened-subscription-portfolio .btn-outline-light {
    color: var(--white-blue-shade);
    border-color: var(--semi-gray);
    font-size: var(--font-size-14);
    font-weight: 600;
    padding: 10px 32px 10px 48px;
    border-radius: 10px;
    width: 186px;
    height: 44px;
}

.recommened-subscription-portfolio .btn-outline-light:hover {
    color: var(--black-grey-shade);
    border-color: var(--btn-outline-light);
}

.recommened-subscription-portfolio .btn-outline-light:hover img {
    filter: invert(1);
}

.img-graph {
    width: 100%;
    height: 50px !important;
}

.img-graph img {
    width: 100%;
}

.recommened-subscription-portfolio .card-header {
    position: relative;
}


/* .recommened-subscription-portfolio .card-header::after {
    position: absolute;
    content: '';
    width: 90%;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: var(--Grey-600, #475467);
} */
} */


.recommended-blog .carousel-control-next {
    right: 176px;
}

.recommended-blog .card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgb(255 255 255 / 3%);
    border-top: 0;
}


.blog-div-right {
    padding: 0px 16px 0px 0px;
}


.blog-div-right .card {
    padding: 16px;
    border-radius: 16px;
}

.blog-div-right .card-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.blog-div-right .card-body p {
    margin-bottom: 0;
}



.truncate {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background: #fff;
}

.blog-heading-ai {
    color: var(--Grey-900, #101828);

    /* Medium/18 */
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    height: 50px;
}

.blog-div-right .card .ai-top-img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 16px;
    height: auto;
}

.read {
    color: var(--Grey-400, #98A2B3);
    font-feature-settings: 'salt' on, 'liga' off;
    /* Semibold (Heading)/14 semibold */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 171.429% */
}

.blog-text-ai {
    color: var(--Grey-500, #667085);

    /* Regular/16 regular */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.blog-div-right .card-footer a {
    color: var(--Pink-Dark, #D57BC8);
    /* Semibold (Heading)/16 semibold */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.other-blog-section .col-md-3 .carousel-control-prev {
    left: 22px;
    opacity: 1;
    max-height: 100%;
    bottom: 33px !important;
}

.other-blog-section .col-md-3 .carousel-control-next {
    left: 90px;
    opacity: 1;
    max-height: 100%;
    bottom: 33px !important;
}

.next-back-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    background: white;
    padding: 14px 17px;
    border-radius: 50%;
}

.carousel-control-prev-icon {
    background-image: url(/static/img/newIcons/arrow-right.svg?371023e665b1);
    transform: rotate(180deg);
    filter: grayscale(100%);
}

.carousel-control-next-icon {
    background-image: url('/static/img/newIcons/arrow-right.svg?371023e665b1');
    filter: grayscale(100%);
}

.recommended-blog {
    padding: 40px 120px;
    background: #FFEBFC;
}

.recommended-blog .col-md {
    padding: 1rem !important;
}

.recommended-blog-heading h5 {
    font-size: var(--font-size-42);
    font-weight: 400;
    margin-bottom: 10px;
}

.recommended-blog-heading p {
    font-size: var(--font-size-20);
    font-weight: 400;
    color: #101828;
    font-family: manrope;
}


.my-subscription {
    background-color: #ffffff;
    padding: 48px 120px;
}

.button-div {
    width: fit-content;
    background: rgba(242, 244, 247, 1);
    border-radius: 8px;
    padding: 6px;
    font-family: manrope;
}

.button-div .btn-dark {
    background: rgba(255, 255, 255, 1) !important;
    color: rgba(16, 24, 40, 1) !important;
    border-color: #ffffff !important;
    font-weight: 600;
}

.button-div .btn-light {
    color: #212529;
    background-color: #f2f4f7;
    border-color: #f2f4f7;
}

.inner-box-subscription {
    border: 1px solid rgba(242, 244, 247, 1);
    border-radius: 8px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
    margin-bottom: 32px;
}

.subs_box .portfolio-name-heading {
    padding: 1rem;
    border-bottom: 1px solid rgba(242, 244, 247, 1);
    display: flex;
}

.inactive-box .portfolio-name-heading {
    padding: 1rem;
    border-bottom: 1px solid rgba(242, 244, 247, 1);
    display: flex;
}

.subs_box_flex {
    display: flex;
    justify-content: space-around;
    /* padding: 1rem; */
    font-family: manrope;
    background: #F2F4F7;
}

.subs_box .portfolio-name-heading h2 {
    font-size: var(--font-size-24);
    font-weight: 600 !important;
    color: rgba(16, 24, 40, 1);
    line-height: 32px;
    margin-left: 10px;
}

.inactive-box .portfolio-name-heading h2 {
    font-size: var(--font-size-24);
    font-weight: 600 !important;
    color: rgba(16, 24, 40, 1);
    line-height: 32px;
    margin-left: 10px;
}

.subs_box_content {
    border-right: 1px solid #F2F4F7;
    padding: 10px;
    width: 17%;
    /* justify-content: center; */
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 8px;
}

.subs_box_flex .subs_box_content p:first-child {
    color: var(--grey-700);
    font-family: Manrope;
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 400;
}


.subs_box_flex .subs_box_content p:last-child {
    color: var(--grey-900, #101828);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


/* .subs_box_flex .subs_box_content:not(:last-child) ::after {
    position: absolute;
    content: "";
    background: rgba(242, 244, 247, 1);
    right: -30px;
    top: -17px;
    width: 2px;
    height: 84px;
} */

.inner-box-subscription .col-md-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-right: 2.5rem;
}

.inner-box-subscription .col-md-2::before {
    position: absolute;
    content: "";
    background: rgba(242, 244, 247, 1);
    left: -16px;
    top: 0px;
    width: 2px;
    height: 100%;
}

.inactive-box {
    font-family: manrope;
    margin-bottom: 2.5rem;
}

.inactive-info p:first-child {
    color: var(--grey-700);
    margin-bottom: 12px;
}

.inactive-info p:last-child {
    color: var(--grey-900);
    font-weight: 600;
}

.my-subscription .dropdown-toggle::after {
    display: none;
}

.my-subscription .dropdown-toggle {
    font-family: manrope;
    font-size: var(--font-size-16);
    font-weight: 600;
    padding: 15px 16px 15px 16px;
    border-radius: 8px;
    color: rgba(16, 24, 40, 1);
    background-color: rgba(242, 244, 247, 1);
}



.my-subscription .dropdown-menu.show {
    display: block;
    width: 600px;
    border: 0;
}

.my-subscription .filters-container {
    padding: 1rem;
    border: 0;
}

.filters-container .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
    margin-bottom: 1rem;
    ;
}

.filters-container .form-check-label-radio {
    padding-left: 0.5rem;
}

.my-subscription .dropdown-menu.show p {
    font-family: manrope;
    margin-bottom: 1rem;
    color: rgba(71, 84, 103, 1);
}

.inactive-box .card {
    border: 1px solid rgba(242, 244, 247, 1);
    border-radius: 8px;
    border-left: 5px solid rgba(250, 168, 241, 1);
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
}

.inactive-box .card-header {
    margin-bottom: 0;
    background-color: rgb(255 255 255 / 3%);
    border-bottom: 1px solid rgba(242, 244, 247, 1);
    padding: 1.3rem;
}


.inactive-box .card-header h2 {
    font-size: var(--font-size-24);
    color: var(--grey-900);
    margin-left: 10px;
}



.buttons-section .btn {
    font-family: manrope;
}

.buttons-section .btn-light {
    background-color: rgba(242, 244, 247, 1) !important;
}

.buttons-section .btn-dark {
    background-color: rgba(29, 41, 57, 1) !important;
}

.buttons-section .btn-dark:hover {
    background-color: white !important;
}

.filter-buttons {
    font-family: manrope;
    margin-top: 2rem;
    text-align: end;
    font-size: var(--font-size-16);
    font-weight: 600;
}

.filter-buttons .btn-dark {
    background: rgba(29, 41, 57, 1) !important;
    color: rgb(255, 255, 255) !important;
    border-color: #ffffff !important;
    font-weight: 500;
    padding: 11px 24px 11px 24px;
    margin-left: 1rem;
    border-radius: 8px;
    box-shadow: none !important;
}

.filter-buttons .btn-light {
    color: #212529;
    background-color: #f2f4f7;
    border-color: #f2f4f7;
    padding: 11px 24px 11px 24px;
    border-radius: 8px;
    box-shadow: none !important;
}


.watchlist {
    padding: 48px 120px;
    align-self: center;
}

.watchlist-container {
    font-family: manrope;
}

.watchlist-container {
    font-family: manrope;
    border-radius: 10px;
    margin-bottom: 2rem;
}

.remove-watchlist-text {
    text-align: center;
    border-radius: 7px;
}

.watchlist-container .card {
    border: 0;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
    padding: 1rem;
    border-radius: 10px;
    height: auto;
    max-width: 400px;
}

.watchlist-container h2 {
    font-size: var(--font-size-22);

}

.watchlist-container .card-header {
    background-color: transparent;
    color: #000000;
    border: 0;
    height: 88px;
}

.watchlist-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: black;
    padding-bottom: 10px;
}

.watchlist-container .watchlist-container-info {
    justify-content: space-between;
    margin: 10px 0px;
}

.watchlist-date{
    font-style: italic;
}
#watchlist-subscribe-btn {
    width: 80%;
}

.watchlist-container .watchlist-container-info p:first-child {
    font-size: var(--font-size-12);
    font-weight: 400;
    color: #667085;
    margin-bottom: 0;
}

.watchlist-container .watchlist-container-info p:last-child {
    font-size: var(--font-size-16);
    font-weight: 600;
    color: #101828;
    margin-bottom: 0;
}

.watchlist-container .watchlist-info p {
    font-size: var(--font-size-14);
    margin-bottom: 0;
    color: #000000;
    display: flex;
    justify-content: space-between;
}

.watchlist-info {
    padding: 1rem 0rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.watchlist-info p span {
    flex: 1;
    color: #667085;
}

.watchlist-container .watchlist-info p span:last-child {
    font-weight: 400;
    text-align: end;
}

.add-watchlist-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
}


.add-watchlist-button .btn {
    width: auto;
    height: 44px;
    padding: 8px 24px;
    border: 0;
    border: 1px solid white;
}

.add-watchlist-button .btn-dark-wright:hover {
    border: 1px solid var(--grey-900);
}

.remove-watchlist-text {
    cursor: pointer;
    border: 1px solid rgba(152, 162, 179, 1);
    padding: 13px;
    border: 1px solid rgba(152, 162, 179, 1);
    padding: 13px;
}

.watchlist-not-found {
    text-align: center;
    font-family: manrope;
}

.watchlist-not-found .fa-frown-open {
    font-size: var(--font-size-26);
    color: grey;
}

.news-letter-subscribe {
    padding: 48px 120px;
    position: relative;
}

.news-letter-subscribe h2 {
    font-size: var(--font-size-42);
    font-weight: 400;
    color: #1D2939;
}

.news-letter-subscribe p {
    font-size: var(--font-size-16);
    font-weight: 400;
    color: #667085;
    margin: 1.5rem 0rem 2rem;
    font-family: manrope;
}

.news-letter-subscribe .form-control {
    height: 52px;
    border-radius: 14px;
}

.news-letter-subscribe .input-group-text {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 14px;
    border-top-right-radius: 14px;
    font-family: manrope;
}

.news-letter-subscribe .input-group-append {
    background: #1D2939;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 14px;
    border-top-right-radius: 14px;
    border: 1px solid #1d2939;
}

.news-letter-subscribe .input-group-text {
    font-size: var(--font-size-16);
    font-weight: 600;
    color: #FFFFFF;
    background: transparent;
    border: 1px solid #1d2939;
    padding: 0 2rem;
}

.news-letter-subscribe img {
    position: absolute;
    bottom: 0;
    right: 30px;
    z-index: -1;
}

.btn-link:hover {
    text-decoration: none !important;
}

.watchlist-container .card:hover {
    box-shadow: 0px -3px 24px 0px rgb(0 0 0 / 15%);
    transition: .3s ease all;
    margin-top: -3px;
}

@media (max-width: 991px) {
    .top-arrow-img{
        top: 50px;
    right: 30px;    
}

.level-text {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

}


@media (min-width:768px) and (max-width:1366px) {

    .suggested-portfolio .card p {
        margin-bottom: 0;
        font-size: 12px;
    }

    .suggested-portfolio .card-body button {
        font-size: var(--font-size-12);
        height: 40px;
        width: 100%;
    }

    .suggested-portfolio .card-header h4 {
        font-size: 18px;
    }

    .suggested-portfolio .card .card-body h6 {
        font-size: var(--font-size-14);
    }

    .recommended-blog-heading h5 {
        font-size: var(--font-size-36);
        margin-top: 1rem;
        margin-bottom: .5rem;
    }

    .recommended-blog-heading p {
        font-size: var(--font-size-18);
    }


    .subs_box .portfolio-name-heading h2 {
        font-size: var(--font-size-18);
        font-weight: 600 !important;
        color: rgba(16, 24, 40, 1);
        line-height: 32px;
    }

    .inactive-box .portfolio-name-heading h2 {
        font-size: var(--font-size-18);
        font-weight: 600 !important;
        color: rgba(16, 24, 40, 1);
        line-height: 32px;
    }

    .my-subscription .card .card-header h2,
    .inactive-subscription .card .card-header h2 {
        color: #000000;
        font-size: var(--font-size-18);
    }

    .my-subscription .subs_box_content p:first-child,
    .inactive-subscription .inactive-info p:first-child {
        /* margin-top: 15px; */
        color: #344054;
        font-weight: 400;
        font-size: var(--font-size-13);
    }

    .my-subscription .subs_box_content p:last-child,
    .inactive-subscription .inactive-info p:last-child {
        color: #101828;
        font-weight: 600;
        font-size: var(--font-size-12);
    }

    /* Center on small screens */

    .my-subscription .subs_box_content .btn-outline-light {
        font-size: var(--font-size-16);
    }

    .watchlist-container h2 {
        font-size: var(--font-size-18);

    }

    .watchlist-container .watchlist-container-info p:first-child {
        font-size: var(--font-size-10);
    }

    .watchlist-container .watchlist-container-info p:last-child {
        font-size: var(--font-size-14);
    }

    .watchlist-container .watchlist-info p {
        font-size: var(--font-size-12);
    }

    .trending-portfolios .most-subcribe-button p {
        font-size: var(--font-size-12);
        line-height: 16px;
        font-weight: 500;
    }

    .trending-portfolios .most-subcribe-button {
        padding: 16px 16px;
        gap: 16px;
        height: 70px;
    }

    .buttons-section .btn {
        font-size: 14px;
    }

    .recommened-subscription-portfolio .card-body .watchListBox {
        height: 42px;
    }

    .recommened-subscription-portfolio .card .btn-dark-wright {
        font-size: var(--font-size-web-12);
        padding: 11px;
    }

}

.nav-link {
    cursor: pointer;
  }



@media (max-width: 1200px) {
    .suggested-portfolio{
        padding: 48px 20px 48px;
    }
    .recommened-subscription-portfolio{
        padding: 48px 20px 48px;
    }
    
}

   @media (max-width: 900){
    .suggested-portfolio .suggested-portfolio-heading h2 {
        font-size: var(--font-size-28);
    }

    .recommened-subscription-portfolio .recommened-subscription-portfolio-heading h2{
        font-size: var(--font-size-28);
    }
   }

.carousel-control-prev-icon,
.carousel-control-next-icon {
    border-radius: 50%;
    padding: 10px;
}




.landing-hero-section {
    padding: 3rem 0rem;
    scroll-margin-top: 32px;
}

.landing-hero-section {
    padding: 24px 120px;
    height: calc(100vh - 145px);
}


.landing-hero-section .col-md-6:last-child {
    display: flex;
    justify-content: end;
    align-items: center;
}


.landing-hero-section .learn-to-invest {
    color: #475467 !important;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.36px;
    padding: 4px 12px;
    text-transform: uppercase;
    background: #ffffffc9;
    border-radius: 80px;
    border: 1px solid #D0D5DD;
}

.landing-hero-section .maximum-design {
    color: var(--teal_dark) !important;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.36px;
    padding: 4px 12px;
    text-transform: uppercase;
    background: #ffffffc9;
    border-radius: 80px;
    border: 1px solid;
}

.landing-hero-section a span {
    font-weight: 700;
    line-height: 20px;
    color: var(--teal_medium);
}

.margin-Top-Div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: baseline;
}


.landing-hero-section .hero-heading {
    font-weight: 600;
    font-size: 54px;
    line-height: 73.69px;
    margin: 14px 0px;
}

.landing-hero-section .hero-text {
    font-family: manrope;
    color: var(--off_grey);
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 24px;
}

.landing-hero-section .btn-dark-wright {
    width: 334px;
    height: 50px;
    border-radius: 8px;
    padding: 12px 8px;
    font-size: 20px !important;
    line-height: 27.32px;
    margin-top: 20px;
}

.showStats-mf {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: manrope;
    margin: 25px 0;
}

.showStats-mf h6 {
    font-size: var(--font-size-28);
    font-weight: 600;
    line-height: 38.25px;
}

.showStats-mf p {
    margin-bottom: 0;
    color: var(--off_grey);
}

.showStats {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: manrope;
    margin: 44px 0 0px;
}

.showStats h6 {
    font-size: var(--font-size-28);
    font-weight: 600;
    line-height: 38.25px;
}

.showStats p {
    margin-bottom: 0;
    color: var(--off_grey);
    font-weight: 400;
    font-size: var(--font-size-16);
}

.off-text {
    font-size: var(--font-size-20);
    font-family: manrope;
    margin-top: 1rem !important;
    color: #575457;
}

.off-text span {
    color: var(--teal_dark);
}

.subs-fee {
    margin: 0 32px;
}

.top-banner-img {
    position: relative;
    text-align: end;
    height: 584px;
    width: 480px;
    background: linear-gradient(145.77deg, rgba(150, 221, 204, 0.7) 0.87%, rgba(217, 208, 252, 0.3) 100%);
    border-radius: 24px;
}

.managing-risk {
    font-weight: 500;
    position: absolute;
    left: 27px;
    top: 137px;
    height: 50px;
    width: 166px;
    border-radius: 16px;
    font-size: var(--font-size-18);
    padding: 10px;
    font-family: manrope;
    background: rgb(255, 255, 255);
    border: 1px solid #F2F4F7;
}

.managing-risk:hover,
.profit-earned:hover {
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
    cursor: auto !important;

}

.profit-earned:hover {
    color: #667085 !important;
}

.profit-earned {
    position: absolute;
    top: 56px;
    right: 46px;
    width: 142px;
    text-align: justify;
    height: 85px;
    font-size: var(--font-size-18);
    font-weight: 500;
    color: #667085;
    font-family: 'Manrope';
    border-radius: 16px;
    background-color: white;
}

.profit-earned span {
    font-size: var(--font-size-28);
    font-weight: 600;
    color: #101828 !important;
}


.left-animation {
    animation: leftInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}


.right-animation {
    animation: rightInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.right-animation1 {
    animation: rightInAnimation1 ease 4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}





@keyframes leftInAnimation {
    0% {
        margin-left: -100px;
    }

    100% {
        margin-left: -20px;
    }
}

@keyframes rightInAnimation {
    from {
        margin-left: 300px;
    }

    to {
        margin-left: 140px;
    }
}

@keyframes rightInAnimation1 {
    from {
        margin-left: 300px;
    }

    to {
        margin-left: 55px;
    }
}


.threebuttons {
    flex-direction: column;
}

.threebuttons_box {
    width: 100%;
}

.mf-block-home,
.equity-block-home,
.Pms-block-home {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 260px;
    margin-bottom: 38px;
    background: white;
    padding: 14px;
    border-radius: 14px;
}

.mf-inner-block,
.equity-inner-block,
.pms-inner-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
}

.mf-block-home svg:first-child {
    border-radius: 8px;
    background-color: var(--Teal-Medium, #96DDCC);
}

.equity-block-home svg:first-child {
    border-radius: 8px;
    background: var(--Purple-medium, #D9D0FC);
    width: 42px;
    height: 42px;
    padding: 8px;
}

.Pms-block-home svg:first-child {
    padding: 0px;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    border-radius: 8px;
    background: var(--pink-Dark);
}

.mf-block-home h5,
.equity-block-home h5,
.Pms-block-home h5 {
    color: var(--Grey-600, #475467);
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left;
}

.mf-block-home p,
.equity-block-home p,
.Pms-block-home p {
    color: var(--Grey-500, #667085);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 200% */
    margin-bottom: 0;
    text-align: left;
}

.equity-block-home {
    margin-left: 140px;
}

.Pms-block-home {
    margin-left: 70px;
}


/* .top-banner-img{
    background-image: url('/static/img/home/index-hero-section.svg?371023e665b1');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    height: 584px;
    width: auto;
    position: relative;
} */

.strip-img {
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    width: 100%;
}

.cross-frame {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}


.cta-button-box {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
}



.marquee {
    height: 36px;
    width: 180%;
    border: 1px solid #eed;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    background: var(--Grey-100, #F2F4F7);
}


.marquee--inner span img {
    width: 20px;
}

.orb {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 37.7px;
    float: left;
    position: relative;
}


.marquee--inner span .orb p:nth-child(2) {
    font-weight: 800 !important;
    margin: 0 8px;
}


.marquee--inner span .orb p {
    font-family: manrope;
    font-size: var(--font-size-12);
}

.marquee--inner span .orb p:nth-child(3) {
    margin: 0 8px;
}

.orb::after {
    content: "";
    position: absolute;
    right: -34px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #f2f4f7;
}



.investment_philosophy {
    padding: 3rem 7rem 1rem 7rem;
}

.investment_philosophy .heading_text h1 {
    color: var(--Grey-900, #101828);
    text-align: center;
    font-family: Manrope;
    font-size: var(--font-size-36);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 35px;
}

.investment_philosophy .col-lg-4 {
    margin-bottom: 36px;
}

.investment_philosophy .col-lg-4:nth-child(1) .card {
    border: 1px solid var(--Grey-200, #EAECF0);
    background: var(--Pink-light, #FFEBFC);
}

.investment_philosophy .col-lg-4:nth-child(2) .card {
    border: 1px solid var(--Grey-200, #EAECF0);
    background: var(--Teal-light, #E5FFFB);
}

.investment_philosophy .col-lg-4:nth-child(3) .card {
    border: 1px solid var(--Grey-200, #EAECF0);
    background: var(--Purple-Light, #EFEBFF);
}

.investment_philosophy .col-lg-4:nth-child(4) .card {
    border: 1px solid var(--Grey-200, #EAECF0);
    background: var(--Purple-Light, #EFEBFF);
}

.investment_philosophy .col-lg-4:nth-child(5) .card {
    border: 1px solid var(--Grey-200, #EAECF0);
    background: #FFEBF6;
}

.investment_philosophy .col-lg-4:nth-child(6) .card {
    border: 1px solid var(--Grey-200, #EAECF0);
    background: var(--Sage-light, #F8FFE5);
}

.investment_philosophy .col-md-4 h5 {
    font-size: var(--font-size-18) !important;
}

.investment_philosophy .col-md-4 p {
    font-size: var(--font-size-12);
    font-family: 'Manrope';
}

.investment_philosophy_inner .card {
    height: 233px;
    border: 0;
    padding: 64px 32px 24px;
    position: relative;
    border-radius: 16px;
    border: 1px solid var(--Grey-100, #F2F4F7);
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
}

.investment_philosophy_inner .card:hover {
    box-shadow: 0px -3px 24px 0px rgb(0 0 0 / 15%);
    transition: .3s ease all;
    margin-top: -3px;
}

.investment_philosophy_inner .card-body {
    padding: 0;
}

.investment_philosophy .col-lg-4 .card .card-img {
    position: absolute;
    width: auto;
    right: 0px;
    top: -1px;
}

.investment_philosophy_inner h5 {
    font-weight: 600;
    font-size: var(--font-size-24);
    color: var(--Grey-900, #101828);
    margin-bottom: 10px;
}

.investment_philosophy_inner p {
    font-family: 'manrope';
}

.investment_philosophy .card-footer {
    padding: 24px 0px 0px;
    background-color: rgb(255 255 255 / 3%);
    border-top: 0;
}

.investment_philosophy .card-footer a {
    color: #1D1D1D;
    transition: 1s all ease-out;
    font-family: 'Manrope';
    font-weight: 500;
}

.investment_philosophy .card-footer a:hover img {
    margin-left: 2px;
    transition: .3s all ease-in-out;
}

.investment_philosophy .card-footer a img {
    margin-bottom: .1rem;
}


.portfolio-card {
    background: rgba(37, 33, 33, 1);
    border-radius: 12px;
    color: #fff;
    overflow: hidden;
    position: relative;
    border: 1px solid #333;
    height: 100%;
    width: 100%;
    max-width: 360px;
  }
  
  .portfolio-title {
    font-weight: 600;
    font-size: 1.2rem;
  }
  
  .portfolio-subtitle {
    font-size: 0.85rem;
    color: #888ea8;
  }
  
  .badge-custom {
    padding: 4px 10px;
    font-size: 0.7rem;
    border-radius: 999px;
    display: inline-block;
    margin-top: 6px;
  }
  
  .badge-trending {
    background-color: #3c9c88;
    color: white;
  }
  
  .badge-new {
    background-color: #6366f1;
    color: white;
  }
  
  .graph-container {
    background: linear-gradient(to top, #222 40%, transparent);
    padding: 0 10px;
  }
  
  .card-bottom {
    font-size: 0.85rem;
  }
  
  .stat-label {
    font-size: 12.79px;
    font-weight: 400;
    color: #D0D5DD;
    margin-bottom: 2px;
  }
  
  .stat-value {
    font-weight: 600;
    margin: 0;
    color: #EAECF0;
  }
  
  .bookmark-icon {
    font-size: 1.2rem;
    color: #888;
    cursor: pointer;
    padding: 8px 15px;
    border: 1px solid rgba(71, 84, 103, 1);
    /* margin-top: -25px; */
  }

  /* p{
    margin: auto;
  } */
  



.explore-investment-portfolio .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.explore-investment-portfolio .nav-item .nav-link:hover {
    color: var(--white) !important;
}

.explore-investment-portfolio .active {
    color: rgb(11 11 11);
    background-color: var(--white);
    border-radius: 10px;
    padding: 6px 20px;
    font-family: manrope;
    font-weight: 600;
}


#portfolioContainer img,
.graphClass {
    display: none;
}

.img-graph {
    display: block !important;
    width: 100%;
}

.img-graph img {
    max-width: 100%;
}

.explore-investment-portfolio {
    background: var(--navy_blue);
    padding: 48px 120px;
}

.explore-investment-portfolio-heading h2 {
    color: white;
    font-weight: 600;
    font-size: var(--font-size-48);
    line-height: 65.57px;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.explore-investment-portfolio-heading p {
    font-weight: 400;
    font-family: manrope;
    font-size: var(--font-size-20);
    line-height: 28px;
    text-align: center;
    color: #EAECF0;
    margin: 0rem 0rem 3rem;
}

.explore-investment-portfolio .col-md-12 {
    display: flex;
    justify-content: center;
}

.explore-investment-portfolio .nav-pills {
    Padding: 4px 12px;
    width: max-content;
    background: var(--gray-blue-shade);
    border-radius: 16px;
    margin-bottom: 2rem !important;
}

.explore-investment-portfolio .nav-pills .nav-link {
    font-size: var(--font-size-16);
    line-height: 24px;
    font-family: manrope;
    color: var(--grey-light-blue);
    padding: 8px 20px;
}

.explore-investment-portfolio .nav-pills .nav-link.active,
.explore-investment-portfolio .nav-pills .show>.nav-link {
    color: rgb(11 11 11);
    background-color: var(--white);
    border-radius: 10px;
    padding: 8px 20px;
}

.explore-investment-portfolio .card {
    background-color: var(--dark-grey-blue);
    border: 1px solid var(--semi-gray);
    border-radius: 10px;
    height: 248px;
}

.explore-investment-portfolio .btn-outline-wright {
    padding: 10px 70px 10px 80px;
    font-size: var(--font-size-20);
    box-shadow: none !important;
    font-weight: 600;
    background-color: #252121;
    margin-top: 1rem;
}

.separating-dot {
    position: relative;
    margin-left: .5rem;
}

.separating-dot::after {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background-color: var(--light_gray);
    top: 9px;
    left: -7px;
    border-radius: 50%;
}


.explore-investment-portfolio .card-header {
    border-bottom: 0px;
    background-color: rgb(0 0 0 / 0%) !important;
    position: relative;
}


.explore-investment-portfolio .card-header h4 {
    font-size: var(--font-size-16);
    font-weight: 700;
    color: var(--white-blue-shade);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* background: #fff; */
}
/* 
.explore-investment-portfolio #pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.explore-investment-portfolio #teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.explore-investment-portfolio #purple-border {
    border-top: 5px solid var(--purple_dark);
    border-radius: 10px;
} */

p{
    margin: 0;
}


.explore-investment-portfolio .pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
  }
  
  .explore-investment-portfolio .teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
  }
  
  .explore-investment-portfolio .purple-border {
    border-top: 5px solid var(--purple_dark);
    border-radius: 10px;
  }
  

.explore-investment-portfolio .card p {
    margin-bottom: 0;
    color: var(--light_gray);
    font-family: manrope;
    font-size: var(--font-size-13);
}

.explore-investment-portfolio .portfolio-card:hover {
    box-shadow: 0px -3px 24px 0px rgb(0 0 0 / 15%);
    transition: .3s ease all;
    margin-top: -3px;
}

.explore-investment-portfolio .card-header .badge {
    font-family: manrope;
    border: 1px solid var(--teal-extra-light);
    border-radius: 40px;
    font-size: var(--font-size-12);
    font-weight: 600;
    line-height: 16.39px;
    background-color: var(--grey-shade);
    padding: 4px 12px;
    color: var(--cyan-medium);
    position: absolute;
    right: 17px;
    top: 15px;
}

.explore-investment-portfolio .card-body {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 12px;
    padding-top: 0;
}

.explore-investment-portfolio .card-body .inner-box-data {
    display: flex;
    justify-content: space-between;
}

.explore-investment-portfolio .card .card-body p {
    font-size: var(--font-size-12);
}

.explore-investment-portfolio .card .card-body h6 {
    font-size: var(--font-size-16);
    font-weight: 600;
    line-height: 21.86px;
    color: var(--grey-light-blue);
}

.explore-investment-portfolio .card-body button {
    font-family: manrope;
    padding: 14px 24px 14px 24px;
    font-size: var(--font-size-16);
    font-weight: 600;
    border-radius: 5px;
}

.explore-investment-portfolio .col-md-4 {
    margin-bottom: 1rem;
}

.explore-investment-portfolio .btn-outline-light {
    color: var(--white-blue-shade);
    border-color: var(--semi-gray);
    font-size: var(--font-size-14);
    font-weight: 600;
    padding: 10px 32px 10px 48px;
    border-radius: 10px;
    width: 186px;
    height: 44px;
}


.explore-investment-portfolio .btn-outline-wright:hover img {
    filter: invert(1);
}

.draw-badge-dark{
    border: 1px solid #579888;
    border-radius: 42.64px;
    font-size: 12.79px;
    font-weight: 600;
    line-height: 16.39px;
    background-color: #344054;
    padding: 1px 8px;
    color: #96DDCC;
    position: absolute;
    left: 15px;
    margin-top: 5px;
}

.canvas-div,
.live-return-blur {
    position: relative;
}

.blur-elements {
    filter: blur(6px);
    position: relative;
    user-select: none
}


.canvas-div .login-view {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-family: manrope;
    font-weight: 600;
    cursor: pointer;
}

.live-return-blur .login-view {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-family: manrope;
    font-weight: 600;
    font-size: var(--font-size-16);
    cursor: pointer;
}


.feature-in-the-news {
    padding: 80px 0px;
}

.feature-in-the-news .heading-text {
    text-align: center;
}

.feature-in-the-news .heading-text h4 {
    color: #101828;
    font-weight: 600;
    font-size: var(--font-size-36);
    line-height: 32.78px;
    text-align: Center;
    font-family: RB Galano Neue Test;
}

.feature-in-the-news h2 {
    color: #101828;
    font-weight: 500;
    font-size: var(--font-size-24);
    color: #101828;
    font-weight: 500;
    font-size: var(--font-size-24);
    text-align: Center;
    margin: 1rem auto;
    font-style: italic;
    font-family: DM Serif Display !important;
}

.feature-in-the-news a {
    display: block;
    height: 200px;
}

.feature-in-the-news img {
    display: block;
    width: auto !important;
    margin: 2rem auto 0rem;
}

.feature-in-the-news .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #667085;
}

.feature-in-the-news .carousel-indicators {
    bottom: -60px;
}

.wright-community {
    background-color: var(--purple_light);
    padding: 3rem 0rem;

}

.wright-community .carousel-inner {
    padding: 3rem 11rem;
}

.wright-community .carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #464343;
}

.wright-community .carousel-indicators {
    bottom: -30px;
}

.wright-community h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 49px;
    text-align: center;
    margin-bottom: 0rem;
}

.wright-community .quote-img {
    width: 25.8px;
    height: 23.38px;
    max-width: 100%;
    margin-bottom: 1.5rem;
}

.wright-community .card {
    border: 1px solid var(--purple_dark);
    border-radius: 13px;
    height: 265px;
    position: relative;
}

.quote-text {
    font-family: manrope;
    font-size: var(--font-size-16);
    line-height: 24px;
    margin-bottom: 2rem;
    color: var(--wrightblack);
}

.client-img-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 197.78px;
    height: 42.83px;
    font-family: manrope;
    position: absolute;
    bottom: 25px;
}

.wright-community .client-img-box .client-img {
    max-width: 100% !important;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid rgb(228, 226, 226);
    margin-right: .3rem;
}

.wright-community .client-img-box h6 {
    font-size: var(--font-size-15);
    font-weight: 600;
    color: var(--wrightblack);
}

.wright-community .client-img-box p {
    font-size: var(--font-size-13);
    font-weight: 600;
    color: var(--semi-light-grey);
}

.wright-community .owl-item img {
    display: block;
    max-width: 100% !important;
}

.wright-community .owl-dots,
.wright-community .owl-nav {
    text-align: center;
    margin-top: 2rem;
}

.wright-community .owl-dot.active,
.wright-community .owl-dot.active,
.owl-dot.active {
    background-color: var(--semi_grey);
}

.play-store-qr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%
}

.play-store-qr h4 {
    font-size: var(--font-size-28);
    font-weight: 600;
    margin-bottom: 1rem;
}

.apps img:not(:last-child) {
    margin-bottom: 1rem;
}

.play-store-qr img {
    display: block;
    margin-right: 2rem;
    margin-bottom: 1rem;
}

.app-qr {
    padding: 0rem 120px 0px 120px;
    margin: 30px 0px;
}

.app-qr .col-md-7 h3 {
    font-size: var(--font-size-36);
    font-weight: 600;
    line-height: 56px;
    width: 608px;
}

.app-qr .col-md-7 p {
    font-size: var(--font-size-20);
    font-weight: 400;
    line-height: 32px;
    color: #667085;

}

.iPhone-pro {
    position: absolute;
    z-index: 100;
    right: -170px;
    /* bottom: -150px; */
    padding-bottom: 40px;
}

.fancy-bg-img {
    position: absolute;
    z-index: -1;
    bottom: -150px;
    right: 0;
}



.ai-Risk-Modeling {
    padding: 36px 40px 48px;
    background: var(--Pink-light, #FFEBFC);
}

.ai-Risk-Modeling h2 {
    color: var(--Grey-900, #101828);
    text-align: center;
    /* Semibold (Heading)/H3 */
    font-family: Manrope;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    /* 155.556% */
    margin-bottom: 36px;
}

.blog-div-right {
    padding: 0px 16px 0px 0px;
}


.blog-div-right .card {
    padding: 16px;
    border-radius: 16px;
}

.blog-div-right .card-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.blog-div-right .card-body p {
    margin-bottom: 0;
}

.blog-div-right .card .ai-top-img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 16px;
}

.blog-heading-ai {
    color: var(--Grey-900, #101828);
}

.truncate {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background: #fff;
    font-size: 18px;
}

/* Medium/18 */
/* font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  } */

.blog-div-right .card .ai-top-img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 16px;
    height: 135px;
}

.read {
    color: var(--Grey-400, #98A2B3);
    font-feature-settings: 'salt' on, 'liga' off;
    /* Semibold (Heading)/14 semibold */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 171.429% */
}

.blog-text-ai {
    color: var(--Grey-500, #667085);

    /* Regular/16 regular */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.blog-div-right .card-footer {
    background-color: white;
    border-top: 0;
    margin-top: 13px;
}

.blog-div-right .card-footer a {
    color: var(--Pink-Dark, #D57BC8);
    /* Semibold (Heading)/16 semibold */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}



.next-back-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    background: white;
    padding: 14px 17px;
    border-radius: 50%;
}

.carousel-control-prev-icon {
    background-image: url(/static/img/newIcons/arrow-right.svg?371023e665b1);
    transform: rotate(180deg);
    filter: grayscale(100%);
}

.carousel-control-next-icon {
    background-image: url('/static/img/newIcons/arrow-right.svg?371023e665b1');
    filter: grayscale(100%);
}


.carousel-control-next,
.carousel-control-prev {
    width: 4%;
}

.carousel-control-next {
    right: -100px;
}


.carousel-control-prev {
    left: -100px;
}


.all-about-section {
    background: var(--Pink-light, #FFEBFC);
    padding: 40px 120px 40px;
    position: relative;
}

.all-about-section-text {
    background-color: white;
    display: inline-flex;
    padding: 40px 32px 32px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-radius: 16px;
    position: relative;
    z-index: 10;
}

.all-about-text h2 {
    color: var(--grey-900, #101828);
    /* Semibold (Heading)/feature news */
    font-family: Manrope;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px;
}

.all-about-text p {
    color: var(--grey-900, #101828);
    /* Regular/20 regular */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 140% */
}

.readMoreLesstext h2 {
    margin-bottom: 16px;
    color: var(--grey-900, #101828);
    /* Semibold (Heading)/H4 */
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.readMoreLesstext h3 {
    margin-bottom: 16px;
    color: var(--grey-900, #101828);
    /* Semibold (Heading)/H4 */
    font-family: Manrope;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.readMoreLesstext p,
.readMoreLesstext li {
    color: var(--grey-500, #667085);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
}


.readMoreLesstext li {
    margin-left: 24px;
}


.all-about-section .bottom-fancy-img {
    position: absolute;
    left: 70px;
    bottom: 0;
}

.all-about-text {
    position: relative;
    z-index: 10;
    /* padding: 0; */
}
    
@media (max-width:1366px) {

    .landing-hero-section {
        padding: 12px 120px;
        height: calc(100vh - 114px);
    }

    .margin-Top-Div {
        justify-content: flex-start;
        margin-top: 3rem;
    }

    .landing-hero-section .hero-heading {
        font-size: var(--font-size-36);
        line-height: 48.69px;
    }

    .landing-hero-section .hero-text {
        font-size: var(--font-size-18);
        margin-bottom: 16px;
    }

    .showStats h6 {
        font-size: var(--font-size-24);
        font-weight: 600;
        line-height: 38.25px;
    }

    .showStats p {
        margin-bottom: 0;
        color: var(--off_grey);
        font-weight: 400;
        font-size: var(--font-size-14);
    }

    .top-banner-img {
        height: 430px;
        width: 389px;
    }

    .mf-inner-block,
    .equity-inner-block,
    .pms-inner-block {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 0px;
    }

    .mf-block-home,
    .equity-block-home,
    .Pms-block-home {
        width: 190px;
        padding: 8px;
        margin-bottom: 28px;
    }

    .mf-block-home h5,
    .equity-block-home h5,
    .Pms-block-home h5 {
        font-size: 14px;
    }

    .mf-block-home p,
    .equity-block-home p,
    .Pms-block-home p {
        font-size: 10px;
        line-height: 16px;
    }

    .img-div svg {
        width: 35px;
        height: 35px;
    }

    .cta-button-box {
        position: absolute;
        top: 40px;
    }

    .Pms-block-home {
        margin-left: 55px;
    }

    .equity-block-home {
        margin-left: 94px;
    }


    .marquee {
        height: 30px;
    }

    .marquee--inner {
        margin: 3px 0;
    }

    .investment_philosophy {
        padding: 36px 120px 18px;
    }

    .investment_philosophy .heading_text h1 {
        font-size: var(--font-size-28);
        margin-bottom: 28px;
    }

    .investment_philosophy_inner .card {
        height: 192px;
        padding: 48px 32px 18px;
    }


    .investment_philosophy_inner h5 {
        font-size: var(--font-size-20);
        margin-bottom: 10px;
    }

    .investment_philosophy .col-lg-4 {
        margin-bottom: 32px;
    }

    .investment_philosophy_inner p {
        font-size: var(--font-size-12);
    }

    .investment_philosophy .card-footer a {
        font-size: var(--font-size-14);
    }

    .investment_philosophy .col-lg-4 .card .card-img {
        height: 90px;
        width: auto;
    }

    .explore-investment-portfolio-heading h2 {
        font-size: var(--font-size-28);
        line-height: 48.57px;
    }

    .explore-investment-portfolio .nav-pills .nav-link {
        font-size: var(--font-size-14);
        line-height: 24px;
        padding: 8px 24px;
    }

    .explore-investment-portfolio .active {
        padding: 6px 20px;
    }

    .explore-investment-portfolio .card-body {
        gap: 12px;
    }

    .explore-investment-portfolio .card .card-body h6 {
        font-size: var(--font-size-14);
    }

    .explore-investment-portfolio .card-header h4 {
        font-size: var(--font-size-14);

        /* background: #fff; */
    }

    .explore-investment-portfolio .card p {
        font-size: var(--font-size-12);
    }

    .explore-investment-portfolio .card {
        height: 232px;
    }

    .explore-investment-portfolio .card-body button {
        padding: 10px 24px 11px 24px;
        font-size: var(--font-size-14);
    }

    .wright-community h2 {
        font-size: 28px;
    }

    .feature-in-the-news h2 {
        font-size: var(--font-size-24);
        font-size: var(--font-size-24);
    }

    .blog-div-right .card .ai-top-img {
        height: auto;
    }

    .blog-heading-ai {
        font-size: var(--font-size-16);
    }

    .read {
        font-size: 10px;
        line-height: 12px;
    }

    .blog-text-ai {
        font-size: var(--font-size-12);
    }

    .blog-div-right .card-footer a {
        font-size: var(--font-size-12);
    }
}

@media (max-width:1100px){
.landing-hero-section{
    padding: 12px 30px;
    height: calc(100vh - 260px);
}
}

@media (max-width:1060px){
.app-qr{
    padding: 0px 10px;
}
}
.dashboard-nav {
    border-bottom: 1px solid #f9f3f3;
    /* background: linear-gradient(91.69deg, #FFEBFC 0%, #D6CBFE 100%); */
    background: linear-gradient(224.79deg, #F2F4F7 -0.05%, #EFEBFF 100%);
    padding: 0px 120px;
}

.dashboard-nav-tab {
    display: flex;
    justify-content: start;
    align-items: center;
    font-family: manrope;
    margin-bottom: 1px solid grey;
}

.dashboard-nav-tab a {
    padding: 6px 16px 12px;
    cursor: pointer;
    color: var(--grey-400);
    font-size: 14px;
    font-size: 14px;
}

.btn-border {
    color: var(--grey-900) !important;
    font-weight: 600;
}

.dashboard-nav-tab .btn {
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    position: relative;
    font-size: var(--font-size-14);
}

.dashboard-nav-tab .btn-border::after {
    position: absolute;
    content: "";
    background: #101828;
    ;
    border-radius: 8px 8px 0px 0px;
    height: 6px;
    width: 100%;
    left: 0;
    bottom: 0;
}

.user-name {
    padding: 18px 120px 0;
}

.user-name .btn-dark {
    font-size: 1.267vw !important;
    font-weight: 600;
    border-radius: 8px;
}

.user-name .btn-light {
    font-family: 'Manrope';
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    font-size: 1.267vw;
    font-weight: 600;
    border-radius: 8px;
    color: rgba(16, 24, 40, 1);
}

.user-name-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 0; */
}

.user-name-div h1 {
    font-size: var(--font-size-24);
    font-weight: 700;
}

.user-name-div .btn {
    font-size: var(--font-size-16);
    font-weight: 600;
    width: 201px;
    height: 38px;
}

.broker-button {
    display: flex;
    justify-content: end;
    align-items: center;
}

.user-name-div .btn-outline-dark:hover {
    background-color: #000;
}

.new-user-subs-watchlist {
    margin: 3.9259vh 120px;
}

.create-risk-profile {
    font-family: manrope;
    margin: 28px 120px 2.9630vh;
}

.create-risk-profile-left .astrik,
.new-user-subs-watchlist .astrik {
    font-size: var(--font-size-web-42);
    font-weight: 700;
    font-family: manrope;
    line-height: var(--padding-80px);
    color: #98A2B3;
}

.new-user-percent-box-left {
    border-radius: 16px;
    border: 1px solid var(--grey-200, #EAECF0);
    background: #FFF;
    position: relative;
    height: 37.2593vh;
    padding: 3.7037vh 3.7037vh 2.2222vh;
}


.percent-box {
    width: 40%;
}

.percent-box span {
    font-family: Manrope;
    font-size: 3vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.percent-box p {
    color: var(--grey-900, #101828);
    font-family: Manrope;
    font-size: var(--font-size-18);
    font-style: normal;
    font-weight: 400;
    line-height: 4.8148vh;
    margin-bottom: 2.2407vh;
}


.new-user-percent-box-left .btn-grey-wright {
    font-size: var(--font-size-web-14);
    padding: 16px;
}


.graph-box {
    width: 60%;
    height: 29.6667vh;
}

.graph-box img {
    width: 100%;
}

.new-user-percent-box-left .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 3px;
    margin-left: 3px;
    background-color: #D0D5DD;
}

.new-user-percent-box-left .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -35px;
    left: 0;
    z-index: 15;
    width: 10%;
    margin-left: 0;
}

.new-user-percent-box-left .carousel-indicators .active {
    opacity: 1;
    background-color: #667085;
}

.level-up-journey {
    margin-bottom: 56px;
    padding: 0px 120px;
}

.level-up-journey-box {
    border-radius: 8px;
    border: 1px solid var(--Grey-200, #EAECF0);
    background: var(--Gradient-purple-grey-gradient, linear-gradient(225deg, #F2F4F7 -0.05%, #EFEBFF 100%));
    padding: 2.7778vh 2.534vw;
}

.level-up-journey-box-inner {
    display: flex;
    gap: 28px;
}

.level-text {
    width: 100%;
}

.level-up-journey-box .progress {
    border-radius: 4px;
    background: var(--White, #FFF);
    height: 30px;
}

.level-up-journey-box h5 {
    color: var(--Grey-900, #101828);
    font-family: Manrope;
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
}

.level-up-journey-box p {
    color: var(--Grey-500, #667085);
    /* Regular/16 regular */
    font-family: Manrope;
    font-size: var(--font-size-14);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    margin-bottom: 20px;
}

.level-up-journey-box .progress-bar-iprofile {
    border-radius: 4px;
    background: var(--Pink-Dark, #D57BC8);
}

.level-up-journey .card {
    border: 0;
    border-radius: 10px;
    background: var(--Grey-50, #F9FAFB);
    margin-bottom: 24px;
}


.level-up-journey-box {
    position: relative;
}


.level-img {
    height: 18.6111vh;
}

.level-img svg {
    max-height: 100%;
    width: 100%;
}

.top-arrow-img {
    position: absolute;
    top: 20px;
    right: 40px;
    transform: rotate(180deg);
}



.investment-accordion {
    padding: 24px;
    background: white;
    margin-top: 28px;
    border-radius: 12px;
}

.level-up-journey .card-header {
    background-color: white;
    border: 0;
    padding: 0;
}



.level-up-journey .investment-accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.level-up-journey .investment-accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 10px;
}

.level-up-journey .investment-accordion .card:last-of-type {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.investment-accordion .card-header[aria-expanded=false] {
    background-color: white;
}

.investment-accordion .card-header[aria-expanded=true] {
    background-color: rgba(255, 255, 255, 0);
}

.investment-accordion .card-header[aria-expanded=true] .arrow-down-accrdion {
    transform: rotate(0deg);
}


.investment-accordion .btn-link {
    padding: 0;
    margin-bottom: 14px;
    gap: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--Grey-600, #475467);
    /* Medium/18 */
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.investment-accordion .btn-link p {
    margin-bottom: 0;
    color: #475467; 
    font-size: 18px; 
    font-weight: 500;
}


.investment-accordion .card-header h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px 0px;
}

.investment-accordion .card-body {
    padding: 0px 64px 16px;
}


.investment-accordion .card-body p {
    color: var(--Grey-500, #667085);
    /* Regular/14 */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}







.trending-portfolios {
    padding: 0px 120px;
}

.trending-portfolios h2 {
    color: var(--Grey-900, #101828);
    font-family: Manrope;
    font-size: var(--font-size-28);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
}
#create-risk-profile h2 {
    color: var(--Grey-900, #101828);
    font-family: Manrope;
    font-size: var(--font-size-28);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
}

.trend-port {
    padding: 24px;
    border-radius: 10px;
    border: 1px solid var(--Grey-100, #F2F4F7);
    background: var(--White, #FFF);
    margin-bottom: 2rem;
}

.trending-portfolios .most-subcribe-button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 8px;
    background: var(--Grey-50, #F9FAFB);
    padding: 16px 24px;
    gap: 16px;
    height: 70px;
}

.trending-portfolios .most-subcribe-button:not(:last-child) {
    margin-bottom: 16px;
}

.trending-portfolios .trend-port h6 {
    color: var(--Teal-Dark, #579888);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 24px;
}

.trending-portfolios .most-subcribe-button p {
    color: var(--Grey-900, #101828);
    font-family: Manrope;
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
    line-height: 20px;
}


.create-risk-profile-left h4,
.new-user-subs-watchlist h1 {
    font-size: var(--font-size-web-22);
    font-weight: 500;
    margin-bottom: var(--padding-16px);
}

.create-risk-profile-left p {
    font-size: var(--font-size-16);
    color: #000000;
    opacity: .4;
    margin-bottom: 1rem;
    width: 500px;
}

.create-risk-profile-left a {
    /* color: #000000; */
    font-size: var(--font-size-16);
    font-weight: 600;
}

/* .create-risk-profile-left a img {
    /* filter: invert(1); */
/* } */

.create-risk-profile-left a:hover img {
    filter: invert(0);
}

.create-risk-profile-left .risk-top-img {
    position: absolute;
    bottom: 0;
    right: 52px;
}


.create-risk-profile-right-inner {
    background: #101828;
    padding: 3.7037vh;
    height: 100%;
    border-radius: 16px;
    /* width: 100%; */
    height: 37.2593vh;
}

.create-risk-profile-right-inner h5 {
    color: #ffffff;
    font-size: var(--font-size-20);
    margin-bottom: .5rem;
    font-weight: 700;
}



.create-risk-profile-right-inner h5 span {
    font-size: var(--font-size-12);
    font-weight: 400;
}


.important-text-risk {
    font-size: var(--font-size-12);
}

.create-risk-profile-right-inner .progress {
    margin-bottom: 2.2222vh;
    background: #404653;
    border-radius: 20px;
    height: 2.2222vh;
}

.create-risk-profile-right-inner .progress-bar {
    background: #ffffff;
    height: auto;
}



.profile-complete-button {
    position: absolute;
    bottom: 2.7778vh;
    z-index: 100;
    color: white;
    font-size: 1vw;
}

.profile-complete-button img {
    margin-left: 10px;
    background: white;
    border-radius: 50%;
    width: 33px;
    padding: 8px;
}

.grey-img-1 {
    position: absolute;
    bottom: 0;
    right: 15px;
    z-index: 10;
    border-radius: 16px;
    width: 36.7037vh;
}

.grey-img-2 {
    position: absolute;
    bottom: 0;
    right: 16px;
    border-radius: 16px;
    width: 33.7037vh;
}

.new-user-subs-watchlist .col-md {
    background-color: #EFEBFF;
    border-radius: 16px;
    padding: var(--padding-28px) var(--padding-40px) var(--padding-40px);
    position: relative;
}

.new-user-subs-watchlist .col-md .risk-top-img {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 18.131vw;
    height: 16.2037vh;
}

.new-user-subs-watchlist .col-md .cuate-img {
    position: absolute;
    right: 98px;
    bottom: 0;
    width: 26.287vw;
    height: 32vh;
}

.new-user-subs-watchlist p {
    font-size: var(--font-size-16);
    color: #000000;
    opacity: .4;
    margin-bottom: 6.2963vh;
    width: 800px;
    font-family: manrope;
}

.new-user-subs-watchlist a {
    /* color: #000000; */
    font-size: var(--font-size-16);
    font-weight: 600;
    font-family: manrope;
}

.new-user-subs-watchlist a img {
    filter: invert(1);
}

.new-user-subs-watchlist a:hover img {
    filter: invert(0);
}


.why-invest {
    padding: 0px 120px;
}

.why-invest-content .col-md-6 div, .why-invest-content .col-lg-4 div {
    position: relative;
    border-radius: 16px;
    border: 0.697px solid #EAECF0;
    background: #FFF;
    padding: 95px 24px 24px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
    flex: 1 0 0;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
    height: 100%;
}

why-invest-content .col-md-6 div, .why-invest-content .col-lg-4 div:hover {
    box-shadow: 0px -3px 24px 0px rgb(0 0 0 / 15%);
    transition: .3s ease all;
    margin-top: -3px;
}

.why-invest-content .col-md-6, .why-invest-content .col-lg-4{
    margin-bottom: 2rem;
}

.why-invest-content {
    border-radius: 16px;
}

.why-invest h2 {
    margin-top: 32px;
    margin-bottom: 32px;
    font-size: var(--font-size-28);
    font-weight: 700;
}

.why-invest img {
    top: 0;
    right: 0;
    margin-bottom: 1rem;
    position: absolute;
    height: 120px;
    width: 120px;
}

.why-invest h5 {
    font-size: var(--font-size-20);
    font-weight: 600;
    color: #101828;
}

.why-invest p {
    font-size: var(--font-size-16);
    font-weight: 460;
    color: #667085;
    font-family: manrope;
    margin-bottom: 0;
}

.tool-to-explore {
    padding: 30px 120px;
}

.tool-to-explore h2 {
    color: var(--grey-900);
    font-family: Manrope;
    font-size: var(--font-size-28);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.tool-to-explore h5 {
    font-size: var(--font-size-20);
    font-weight: 700;
    line-height: 25px;
    color: var(--grey-900);
    margin-bottom: 10px;
}

.tool-to-explore p {
    font-size: var(--font-size-16);
    font-weight: 400;
    font-family: manrope;
    /* margin-bottom: 0; */
    margin-bottom: 18px;
    opacity: 50%;
}

.tool-to-explore .col-lg-6 .explore-port1,
.tool-to-explore .col-lg-6 .explore-port2,
.tool-to-explore .col-lg-6 .explore-port3,
.tool-to-explore .col-lg-6 .explore-port4,
.tool-to-explore .col-md-12 .explore-port1,
.tool-to-explore .col-md-12 .explore-port2,
.tool-to-explore .col-md-12 .explore-port3,
.tool-to-explore .col-md-12 .explore-port4 {
    display: flex;
    padding: 20px;
    gap: 24px;
    height: 100%;
}

.tool-to-explore .col-lg-6,
.tool-to-explore .col-lg-6,
.tool-to-explore .col-lg-6,
.tool-to-explore .col-md-12,
.tool-to-explore .col-md-12,
.tool-to-explore .col-md-12,
.tool-to-explore .col-md-12{
    margin-bottom: 2rem;
} 

.explore-port-img-box {
    background: white;
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    padding: 29px;
}

.tool-to-explore .col-md-12 .explore-port1, .tool-to-explore .col-lg-6 .explore-port1 {
    border-radius: 16px;
    background: var(--gradient-purple-pink-gradient, linear-gradient(92deg, #FFEBFC 0%, #D6CBFE 100%));
}

.tool-to-explore .col-md-12 .explore-port2, .tool-to-explore .col-lg-6 .explore-port2 {
    border-radius: 16px;
    background: var(--gradient-purple-grey-gradient, linear-gradient(225deg, #F2F4F7 -0.05%, #EFEBFF 100%));
}

.tool-to-explore .col-md-12 .explore-port3 , .tool-to-explore .col-lg-6 .explore-port3 {
    border-radius: 16px;
    background: var(--gradient-purple-grey-gradient, linear-gradient(225deg, #F2F4F7 -0.05%, #EFEBFF 100%));
}

.tool-to-explore .col-md-12 .explore-port4, .tool-to-explore .col-lg-6 .explore-port4 {
    border-radius: 16px;
    background: var(--gradient-purple-pink-gradient, linear-gradient(92deg, #FFEBFC 0%, #D6CBFE 100%));
}

.tool-to-explore .btn {
    color: var(--Grey-900, #101828);
    /* Semibold (Heading)/16 semibold */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0;
}

.tool-to-explore .btn img {
    margin-left: 8px;
}



.user-dashboard-info {
    padding: 28px 120px;
}

.capital-box {
    background: linear-gradient(224.79deg, #F2F4F7 -0.05%, #EFEBFF 100%);

}

.current-value-box {
    background: linear-gradient(224.79deg, #F2F4F7 -0.05%, #EFEBFF 100%);
}

.pnl-box {
    background: linear-gradient(224.79deg, #F2F4F7 -0.05%, #EFEBFF 100%);
}


.pnl-box h4 span:last-child {
    font-size: var(--font-size-12);
}


.capital-box .card-body,
.current-value-box .card-body,
.pnl-box .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2.2222vh;
}


.capital-box .card-body img,
.current-value-box .card-body img,
.pnl-box .card-body img {
    /* height: 2.9630vh; */
    /* height: 30px; */
}


.user-dashboard-info .card {
    height: 240px;
    position: relative;
    border-radius: 12px;
    border: 0;
    margin-bottom: 2rem;
}

.user-dashboard-info .card h5 {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 1vh;
    text-align: left;
}

.card-body-text {
    padding: 1.4815vh 0;
}


.user-dashboard-info .card h4 {
    font-weight: 700;
    font-size: 28px;
}

.user-dashboard-info .card .card-footer-text p {
    margin-bottom: 0;
    color: #101828;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.5;
    font-style: italic;
}

.user-dashboard-info .card .card-footer-text {
    background-color: #ffffff00;
    color: #4F4F4F;
    text-align: left;
}

/* .user-dashboard-info .card .card-footer-text p:first-child {
    font-weight: 700;
    font-size: 0.85vw;
}

.user-dashboard-info .card-footer-text p:last-child {
    font-weight: 400;
    font-size: 1.008vw;
} */

.user-dashboard-info .card h6 {
    font-weight: 500;
    font-size: var(--font-size-16);
    margin-bottom: 1rem;
}

.profit-loss {
    position: absolute;
    font-size: var(--font-size-14);
    color: #838383;
    margin-top: 1rem;
    top: 59px;
    right: 20px;
    border: 1px solid;
    border-radius: 14px;
    padding: 2px 10px;
}

.risk-profile-box {
    background: #101828;
}

.grey-img-3 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    border-radius: 13px;
    width: 100%
}

.grey-img-4 {
    position: absolute;
    right: 1px;
    width: 100%;
    bottom: 0;
    border-radius: 13px;
}

.user-dashboard-info .card-footer a {
    font-size: var(--font-size-16);
    font-weight: 600;
    font-family: manrope;
    color: #000000;
    text-align: center;
}

.risk-score-meter {
    width: 100%;
    margin-top: 42px;
    position: relative;
    z-index: 100;
}

.risk-score-meter span:nth-child(1) {
    display: inline-block;
    width: 32%;
    height: 6px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    background: rgba(217, 47, 47, 1);
}

.risk-score-meter span:nth-child(2) {
    display: inline-block;
    width: 32%;
    height: 6px;
    border-radius: 0px;
    margin-left: -5px;
    background: rgba(245, 211, 122, 1);
}

.risk-score-meter span:nth-child(3) {
    display: inline-block;
    width: 32%;
    height: 6px;
    margin-left: -5px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    background: rgba(65, 184, 115, 1);
}

.risk-score {
    position: absolute;
    top: -31px;
    left: 20px;
    font-family: 'Manrope';
    font-weight: 500;
    color: white;
    background: grey;
    padding: 4px 5px;
    font-size: 12px;
    border-radius: 5px;
}

.risk-score::after {
    content: "";
    position: absolute;
    left: 7px;
    bottom: -17px;
    width: 0;
    height: 0;
    border-left: 4px solid #1d1c1c;
    border-right: 4px solid transparent;
    border-bottom: 16px solid #dbd5d5;
}

.risk-profile-card-footer {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.risk-profile-box h5 {
    font-size: var(--font-size-16) !important;
    font-weight: 500;
    margin-bottom: 1vh !important;
    color: #F2F4F7;
}

.risk-profile-box h6 {
    color: white;
    font-size: var(--font-size-22) !important;
    position: relative;
    z-index: 100;
    font-weight: 700 !important;
}


.re-asses {
    position: absolute;
    font-size: var(--font-size-16);
    bottom: 16px;
    font-family: manrope;
    color: #ffffff;
    z-index: 100;
    font-weight: 600;
}

.re-asses span {
    background-color: white;
    padding: 4px 7px 7px;
    border-radius: 50%;
}


.suggested-portfolio .inner-box-data {
    display: flex;
    justify-content: space-between;
}

.suggested-portfolio {
    /* background: #101828; */
    padding: 48px 120px 16px;
}



.suggested-portfolio .suggested-portfolio-heading {
    margin-bottom: 28px;
}

.suggested-portfolio .suggested-portfolio-heading h2 {
    color: #101828;
    font-family: Manrope;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.suggested-portfolio .suggested-portfolio-heading p {
    color: #101828;
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 150%;
}

.suggested-portfolio .suggested-portfolio-heading .btn-light {
    color: var(--Grey-900, #101828);
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 44px;
    display: flex;
    align-items: center;
    background-color: #F2F4F7;
    border-radius: 8px;
}

.suggested-portfolio .col-md-12 {
    display: flex;
    justify-content: center;
}

.suggested-portfolio .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.suggested-portfolio .nav-pills {
    gap: 24px;
    margin-bottom: 3.7037vh;
}

.suggested-portfolio .nav-pills .nav-link {
    color: #101828;
    text-align: center;
    /* Regular/16 regular */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    border-radius: 10px;
    background: var(--Grey-100, #F2F4F7);
}

.suggested-portfolio .nav-item .active {
    color: var(--Grey-900, #101828);
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    border-radius: 10px;
    padding: 10px 24px;
    background: var(--Gradient-Purple-pink-gradient, linear-gradient(92deg, #FFEBFC 0%, #D6CBFE 100%));
}

.suggested-portfolio .card {
    border-radius: 10px;
    height: 270px;
    border: 1px solid var(--Grey-200, #475467);
    background: var(--Grey-50, #252121);
    border: 1px solid var(--Grey-200, #475467);
    background: var(--Grey-50, #252121);
}


.suggested-portfolio .card-header {
    border-bottom: 0px;
    background-color: rgb(0 0 0 / 0%) !important;
    position: relative;
    padding-bottom: 0;
    color: #000;
    color: #000;
}

.suggested-portfolio .card-header h4 {
    font-size: 1.484vw;
    font-weight: 700;
    color: var(--Grey-900, #F9FAFB);
    color: var(--Grey-900, #F9FAFB);
}

.suggested-portfolio #pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
    color: #000;
}

.pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.suggested-portfolio #teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
    color: #000;
}

.teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.suggested-portfolio #purple-border {
    border-top: 5px solid var(--purple_dark);
    border-radius: 10px;
    color: #000;
}

.suggested-portfolio .card p {
    margin-bottom: 0;
    color: var(--Grey-500, #98A2B3);
    font-family: manrope;
}

.suggested-portfolio .card-header .badge {
    border-radius: 40px;
    border: 1px solid var(--Teal-Medium, #96DDCC);
    background: var(--Teal-light, #E5FFFB);
    color: var(--Teal-Dark, #579888);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    left: 0.7rem;
}

.suggested-portfolio .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    padding-top: 0;
    padding-bottom: 0;
}

.suggested-portfolio .card-body .inner-box-data {
    display: flex;
    justify-content: space-between;
}

.suggested-portfolio .card .card-body p {
    font-size: var(--font-size-12);
}

.suggested-portfolio .card .card-body h6 {
    font-size: var(--font-size-16);
    font-weight: 600;
    line-height: 21.86px;
    color: var(--Grey-600, #EAECF0);
}

.suggested-portfolio .card-body button {
    font-size: var(--font-size-14);
    font-family: manrope;
    height: 44px;
    width: 100%;
}

.suggested-portfolio .col-lg-4, .suggested-portfolio .col-md-6{
    margin-bottom: 2rem;
    /* display: flex; */
    justify-content: center;
}

.suggested-portfolio .btn-outline-light {
    color: var(--white-blue-shade);
    border-color: var(--semi-gray);
    font-size: var(--font-size-14);
    font-weight: 600;
    padding: 10px 32px 10px 48px;
    border-radius: 10px;
    width: 186px;
    height: 44px;
}

.suggested-portfolio .btn-outline-light:hover {
    color: var(--black-grey-shade);
    border-color: var(--btn-outline-light);
}

.suggested-portfolio .btn-outline-light:hover img {
    filter: invert(1);
}

.suggested-portfolio .portfolio-card {
    background-color: #F9FAFB !important;
    border-left: 1px solid #EAECF0 !important;
    border-right: 1px solid #EAECF0 !important;
    border-bottom: 1px solid #EAECF0 !important;
}

.suggested-portfolio .txt_red {
    background-color: transparent !important;
    color: #579888 !important;
}

 .suggested-portfolio .portfolio-title, .suggested-portfolio .cagr-value, .suggested-portfolio .cagr-label{
    color: #252121 !important;
}

.suggested-portfolio .portfolio-subtitle{
    color: #98A2B3 !important;
}

.suggested-portfolio .stat-label {
    color: #475467 !important;
    margin-bottom: 0 !important;
}

.suggested-portfolio .stat-value {
    color: #344054 !important;
    margin-bottom: 0 !important;

}

.suggested-portfolio .graph-container{
    background: none !important;
}

.suggested-portfolio .draw-badge-dark {
    color: #579888 !important;
    background-color: #E5FFFB !important;
    border: 1px solid #96DDCC !important;
}

.recommened-subscription-portfolio .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -52px;
    left: 12px !important;
    width: 48px !important;
    height: 35px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    z-index: 15;
}


.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}


.button-watchlist {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.recommened-subscription-portfolio {
    background: var(--navy_blue);
    padding: 48px 120px 48px;
}

/* .recommened-subscription-portfolio .nav-items .active{
    padding: 10px 24px;
    line-height: 24px;
} */


.recommened-subscription-portfolio .recommened-subscription-portfolio-heading {
    margin-bottom: 40px;
}

.recommened-subscription-portfolio .recommened-subscription-portfolio-heading h2 {
    /* font-family: Manrope; */
    color: var(--White, #FFF);
    font-size: var(--font-size-30);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.recommened-subscription-portfolio .recommened-subscription-portfolio-heading p {
    color: var(--Grey-300);
    /* font-family: Manrope; */
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 150%;
    /* 24px */
}

.recommened-subscription-portfolio .recommened-subscription-portfolio-heading .btn-light {
    color: var(--Grey-900, #101828);
    text-align: center;
    font-family: Manrope;
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 44px;
    display: flex;
    align-items: center;
}

.recommened-subscription-portfolio .col-md-12 {
    display: flex;
    justify-content: center;
}

.recommened-subscription-portfolio .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.recommened-subscription-portfolio .nav-pills {
    gap: 24px;
    margin-bottom: 54px;
}

.recommened-subscription-portfolio .nav-pills .nav-link {
    color: var(--Grey-400, #98A2B3);
    text-align: center;
    /* Regular/16 regular */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    border-radius: 10px;
    background: var(--Grey-100, #F2F4F7);
}

.recommened-subscription-portfolio .nav-item .active {
    color: var(--Grey-900, #101828);
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    border-radius: 10px;
    padding: 10px 24px;
    background: var(--Gradient-Purple-pink-gradient, linear-gradient(92deg, #FFEBFC 0%, #D6CBFE 100%));
}

.recommened-subscription-portfolio .card {
    border-radius: 10px;
    /* height: 270px; */
    border: 1px solid rgba(71, 84, 103, 1);
    background: rgba(37, 33, 33, 1);
}


.recommened-subscription-portfolio .card .btn-dark-wright {
    width: 100%;
    border-radius: 8px;
    font-weight: 600 !important;
    background: #ffffff !important;
    border: 1px solid var(--Grey-600, #475467) !important;
    font-family: manrope;
    color: #101828 !important;
    font-size: var(--font-size-web-12);
    padding: 14px;
}

.recommened-subscription-portfolio .card-header {
    border-bottom: 0px;
    background-color: rgb(0 0 0 / 0%) !important;
    position: relative;
}

.recommened-subscription-portfolio .card-header h4 {
    font-size: var(--font-size-web-16);
    font-weight: 700;
    color: var(--Grey-50, #F9FAFB);
}

.recommened-subscription-portfolio #pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.recommened-subscription-portfolio #teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.recommened-subscription-portfolio #purple-border {
    border-top: 5px solid var(--purple_dark);
    border-radius: 10px;
}

.recommened-subscription-portfolio .card p {
    margin-bottom: 0;
    font-family: manrope;
    font-size: 12px;
    color: var(--Grey-300, #D0D5DD);
}

.recommened-subscription-portfolio .card-header .badge {
    border-radius: 40px;
    border: 1px solid var(--Teal-Dark, #579888);
    background: var(--Grey-700, #344054);
    color: var(--Teal-Medium, #96DDCC);
    font-family: Manrope;
    font-size: 12px;
    padding: 2px 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    left: 0.7rem;
}

.recommened-subscription-portfolio .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 9px;
}

.recommened-subscription-portfolio .card-body .inner-box-data {
    display: flex;
    justify-content: space-between;
}

.recommened-subscription-portfolio .card .card-body p {
    font-size: var(--font-size-12);
}

.recommened-subscription-portfolio .card .card-body h6 {
    font-size: var(--font-size-16);
    font-weight: 600;
    line-height: 21.86px;
    color: var(--Grey-200, #EAECF0);
}

.recommened-subscription-portfolio .card-body .watchListBox {
    font-family: manrope;
    height: 50px;
    border-radius: 8px;
    border: 1px solid var(--Grey-600, #475467);
    background: var(--Grey-800, #1D2939);
}

.watchListBox{
    width: 50px;
    height: 35px;
    border-radius: 8px;
    background: none;
    /* color: white; */ 
    border: 1px solid rgba(71, 84, 103, 1);
}
.recommened-subscription-portfolio .card-body .watchListBox .fa-bookmark:before {
    content: "\f02e";
    filter: invert(1);
}


.recommened-subscription-portfolio .col-md-6, .recommened-subscription-portfolio .col-lg-4 {
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
}

.recommened-subscription-portfolio .btn-outline-light {
    color: var(--white-blue-shade);
    border-color: var(--semi-gray);
    font-size: var(--font-size-14);
    font-weight: 600;
    padding: 10px 32px 10px 48px;
    border-radius: 10px;
    width: 186px;
    height: 44px;
}

.recommened-subscription-portfolio .btn-outline-light:hover {
    color: var(--black-grey-shade);
    border-color: var(--btn-outline-light);
}

.recommened-subscription-portfolio .btn-outline-light:hover img {
    filter: invert(1);
}

.img-graph {
    width: 100%;
    height: 50px !important;
}

.img-graph img {
    width: 100%;
}

.recommened-subscription-portfolio .card-header {
    position: relative;
}


/* .recommened-subscription-portfolio .card-header::after {
    position: absolute;
    content: '';
    width: 90%;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: var(--Grey-600, #475467);
} */
} */


.recommended-blog .carousel-control-next {
    right: 176px;
}

.recommended-blog .card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgb(255 255 255 / 3%);
    border-top: 0;
}


.blog-div-right {
    padding: 0px 16px 0px 0px;
}


.blog-div-right .card {
    padding: 16px;
    border-radius: 16px;
}

.blog-div-right .card-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.blog-div-right .card-body p {
    margin-bottom: 0;
}



.truncate {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background: #fff;
}

.blog-heading-ai {
    color: var(--Grey-900, #101828);

    /* Medium/18 */
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    height: 50px;
}

.blog-div-right .card .ai-top-img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 16px;
    height: auto;
}

.read {
    color: var(--Grey-400, #98A2B3);
    font-feature-settings: 'salt' on, 'liga' off;
    /* Semibold (Heading)/14 semibold */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 171.429% */
}

.blog-text-ai {
    color: var(--Grey-500, #667085);

    /* Regular/16 regular */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.blog-div-right .card-footer a {
    color: var(--Pink-Dark, #D57BC8);
    /* Semibold (Heading)/16 semibold */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.other-blog-section .col-md-3 .carousel-control-prev {
    left: 22px;
    opacity: 1;
    max-height: 100%;
    bottom: 33px !important;
}

.other-blog-section .col-md-3 .carousel-control-next {
    left: 90px;
    opacity: 1;
    max-height: 100%;
    bottom: 33px !important;
}

.next-back-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    background: white;
    padding: 14px 17px;
    border-radius: 50%;
}

.carousel-control-prev-icon {
    background-image: url(/static/img/newIcons/arrow-right.svg?371023e665b1);
    transform: rotate(180deg);
    filter: grayscale(100%);
}

.carousel-control-next-icon {
    background-image: url('/static/img/newIcons/arrow-right.svg?371023e665b1');
    filter: grayscale(100%);
}

.recommended-blog {
    padding: 40px 120px;
    background: #FFEBFC;
}

.recommended-blog .col-md {
    padding: 1rem !important;
}

.recommended-blog-heading h5 {
    font-size: var(--font-size-42);
    font-weight: 400;
    margin-bottom: 10px;
}

.recommended-blog-heading p {
    font-size: var(--font-size-20);
    font-weight: 400;
    color: #101828;
    font-family: manrope;
}


.my-subscription {
    background-color: #ffffff;
    padding: 48px 120px;
}

.button-div {
    width: fit-content;
    background: rgba(242, 244, 247, 1);
    border-radius: 8px;
    padding: 6px;
    font-family: manrope;
}

.button-div .btn-dark {
    background: rgba(255, 255, 255, 1) !important;
    color: rgba(16, 24, 40, 1) !important;
    border-color: #ffffff !important;
    font-weight: 600;
}

.button-div .btn-light {
    color: #212529;
    background-color: #f2f4f7;
    border-color: #f2f4f7;
}

.inner-box-subscription {
    border: 1px solid rgba(242, 244, 247, 1);
    border-radius: 8px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
    margin-bottom: 32px;
}

.subs_box .portfolio-name-heading {
    padding: 1rem;
    border-bottom: 1px solid rgba(242, 244, 247, 1);
    display: flex;
}

.inactive-box .portfolio-name-heading {
    padding: 1rem;
    border-bottom: 1px solid rgba(242, 244, 247, 1);
    display: flex;
}

.subs_box_flex {
    display: flex;
    justify-content: space-around;
    /* padding: 1rem; */
    font-family: manrope;
    background: #F2F4F7;
}

.subs_box .portfolio-name-heading h2 {
    font-size: var(--font-size-24);
    font-weight: 600 !important;
    color: rgba(16, 24, 40, 1);
    line-height: 32px;
    margin-left: 10px;
}

.inactive-box .portfolio-name-heading h2 {
    font-size: var(--font-size-24);
    font-weight: 600 !important;
    color: rgba(16, 24, 40, 1);
    line-height: 32px;
    margin-left: 10px;
}

.subs_box_content {
    border-right: 1px solid #F2F4F7;
    padding: 10px;
    width: 17%;
    /* justify-content: center; */
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 8px;
}

.subs_box_flex .subs_box_content p:first-child {
    color: var(--grey-700);
    font-family: Manrope;
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 400;
}


.subs_box_flex .subs_box_content p:last-child {
    color: var(--grey-900, #101828);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


/* .subs_box_flex .subs_box_content:not(:last-child) ::after {
    position: absolute;
    content: "";
    background: rgba(242, 244, 247, 1);
    right: -30px;
    top: -17px;
    width: 2px;
    height: 84px;
} */

.inner-box-subscription .col-md-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-right: 2.5rem;
}

.inner-box-subscription .col-md-2::before {
    position: absolute;
    content: "";
    background: rgba(242, 244, 247, 1);
    left: -16px;
    top: 0px;
    width: 2px;
    height: 100%;
}

.inactive-box {
    font-family: manrope;
    margin-bottom: 2.5rem;
}

.inactive-info p:first-child {
    color: var(--grey-700);
    margin-bottom: 12px;
}

.inactive-info p:last-child {
    color: var(--grey-900);
    font-weight: 600;
}

.my-subscription .dropdown-toggle::after {
    display: none;
}

.my-subscription .dropdown-toggle {
    font-family: manrope;
    font-size: var(--font-size-16);
    font-weight: 600;
    padding: 15px 16px 15px 16px;
    border-radius: 8px;
    color: rgba(16, 24, 40, 1);
    background-color: rgba(242, 244, 247, 1);
}



.my-subscription .dropdown-menu.show {
    display: block;
    width: 600px;
    border: 0;
}

.my-subscription .filters-container {
    padding: 1rem;
    border: 0;
}

.filters-container .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
    margin-bottom: 1rem;
    ;
}

.filters-container .form-check-label-radio {
    padding-left: 0.5rem;
}

.my-subscription .dropdown-menu.show p {
    font-family: manrope;
    margin-bottom: 1rem;
    color: rgba(71, 84, 103, 1);
}

.inactive-box .card {
    border: 1px solid rgba(242, 244, 247, 1);
    border-radius: 8px;
    border-left: 5px solid rgba(250, 168, 241, 1);
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
}

.inactive-box .card-header {
    margin-bottom: 0;
    background-color: rgb(255 255 255 / 3%);
    border-bottom: 1px solid rgba(242, 244, 247, 1);
    padding: 1.3rem;
}


.inactive-box .card-header h2 {
    font-size: var(--font-size-24);
    color: var(--grey-900);
    margin-left: 10px;
}



.buttons-section .btn {
    font-family: manrope;
}

.buttons-section .btn-light {
    background-color: rgba(242, 244, 247, 1) !important;
}

.buttons-section .btn-dark {
    background-color: rgba(29, 41, 57, 1) !important;
}

.buttons-section .btn-dark:hover {
    background-color: white !important;
}

.filter-buttons {
    font-family: manrope;
    margin-top: 2rem;
    text-align: end;
    font-size: var(--font-size-16);
    font-weight: 600;
}

.filter-buttons .btn-dark {
    background: rgba(29, 41, 57, 1) !important;
    color: rgb(255, 255, 255) !important;
    border-color: #ffffff !important;
    font-weight: 500;
    padding: 11px 24px 11px 24px;
    margin-left: 1rem;
    border-radius: 8px;
    box-shadow: none !important;
}

.filter-buttons .btn-light {
    color: #212529;
    background-color: #f2f4f7;
    border-color: #f2f4f7;
    padding: 11px 24px 11px 24px;
    border-radius: 8px;
    box-shadow: none !important;
}


.watchlist {
    padding: 48px 120px;
    align-self: center;
}

.watchlist-container {
    font-family: manrope;
}

.watchlist-container {
    font-family: manrope;
    border-radius: 10px;
    margin-bottom: 2rem;
}

.remove-watchlist-text {
    text-align: center;
    border-radius: 7px;
}

.watchlist-container .card {
    border: 0;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
    padding: 1rem;
    border-radius: 10px;
    height: auto;
    max-width: 400px;
}

.watchlist-container h2 {
    font-size: var(--font-size-22);

}

.watchlist-container .card-header {
    background-color: transparent;
    color: #000000;
    border: 0;
    height: 88px;
}

.watchlist-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: black;
    padding-bottom: 10px;
}

.watchlist-container .watchlist-container-info {
    justify-content: space-between;
    margin: 10px 0px;
}

.watchlist-date{
    font-style: italic;
}
#watchlist-subscribe-btn {
    width: 80%;
}

.watchlist-container .watchlist-container-info p:first-child {
    font-size: var(--font-size-12);
    font-weight: 400;
    color: #667085;
    margin-bottom: 0;
}

.watchlist-container .watchlist-container-info p:last-child {
    font-size: var(--font-size-16);
    font-weight: 600;
    color: #101828;
    margin-bottom: 0;
}

.watchlist-container .watchlist-info p {
    font-size: var(--font-size-14);
    margin-bottom: 0;
    color: #000000;
    display: flex;
    justify-content: space-between;
}

.watchlist-info {
    padding: 1rem 0rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.watchlist-info p span {
    flex: 1;
    color: #667085;
}

.watchlist-container .watchlist-info p span:last-child {
    font-weight: 400;
    text-align: end;
}

.add-watchlist-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
}


.add-watchlist-button .btn {
    width: auto;
    height: 44px;
    padding: 8px 24px;
    border: 0;
    border: 1px solid white;
}

.add-watchlist-button .btn-dark-wright:hover {
    border: 1px solid var(--grey-900);
}

.remove-watchlist-text {
    cursor: pointer;
    border: 1px solid rgba(152, 162, 179, 1);
    padding: 13px;
    border: 1px solid rgba(152, 162, 179, 1);
    padding: 13px;
}

.watchlist-not-found {
    text-align: center;
    font-family: manrope;
}

.watchlist-not-found .fa-frown-open {
    font-size: var(--font-size-26);
    color: grey;
}

.news-letter-subscribe {
    padding: 48px 120px;
    position: relative;
}

.news-letter-subscribe h2 {
    font-size: var(--font-size-42);
    font-weight: 400;
    color: #1D2939;
}

.news-letter-subscribe p {
    font-size: var(--font-size-16);
    font-weight: 400;
    color: #667085;
    margin: 1.5rem 0rem 2rem;
    font-family: manrope;
}

.news-letter-subscribe .form-control {
    height: 52px;
    border-radius: 14px;
}

.news-letter-subscribe .input-group-text {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 14px;
    border-top-right-radius: 14px;
    font-family: manrope;
}

.news-letter-subscribe .input-group-append {
    background: #1D2939;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 14px;
    border-top-right-radius: 14px;
    border: 1px solid #1d2939;
}

.news-letter-subscribe .input-group-text {
    font-size: var(--font-size-16);
    font-weight: 600;
    color: #FFFFFF;
    background: transparent;
    border: 1px solid #1d2939;
    padding: 0 2rem;
}

.news-letter-subscribe img {
    position: absolute;
    bottom: 0;
    right: 30px;
    z-index: -1;
}

.btn-link:hover {
    text-decoration: none !important;
}

.watchlist-container .card:hover {
    box-shadow: 0px -3px 24px 0px rgb(0 0 0 / 15%);
    transition: .3s ease all;
    margin-top: -3px;
}

@media (max-width: 991px) {
    .top-arrow-img{
        top: 50px;
    right: 30px;    
}

.level-text {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

}


@media (min-width:768px) and (max-width:1366px) {

    .suggested-portfolio .card p {
        margin-bottom: 0;
        font-size: 12px;
    }

    .suggested-portfolio .card-body button {
        font-size: var(--font-size-12);
        height: 40px;
        width: 100%;
    }

    .suggested-portfolio .card-header h4 {
        font-size: 18px;
    }

    .suggested-portfolio .card .card-body h6 {
        font-size: var(--font-size-14);
    }

    .recommended-blog-heading h5 {
        font-size: var(--font-size-36);
        margin-top: 1rem;
        margin-bottom: .5rem;
    }

    .recommended-blog-heading p {
        font-size: var(--font-size-18);
    }


    .subs_box .portfolio-name-heading h2 {
        font-size: var(--font-size-18);
        font-weight: 600 !important;
        color: rgba(16, 24, 40, 1);
        line-height: 32px;
    }

    .inactive-box .portfolio-name-heading h2 {
        font-size: var(--font-size-18);
        font-weight: 600 !important;
        color: rgba(16, 24, 40, 1);
        line-height: 32px;
    }

    .my-subscription .card .card-header h2,
    .inactive-subscription .card .card-header h2 {
        color: #000000;
        font-size: var(--font-size-18);
    }

    .my-subscription .subs_box_content p:first-child,
    .inactive-subscription .inactive-info p:first-child {
        /* margin-top: 15px; */
        color: #344054;
        font-weight: 400;
        font-size: var(--font-size-13);
    }

    .my-subscription .subs_box_content p:last-child,
    .inactive-subscription .inactive-info p:last-child {
        color: #101828;
        font-weight: 600;
        font-size: var(--font-size-12);
    }

    /* Center on small screens */

    .my-subscription .subs_box_content .btn-outline-light {
        font-size: var(--font-size-16);
    }

    .watchlist-container h2 {
        font-size: var(--font-size-18);

    }

    .watchlist-container .watchlist-container-info p:first-child {
        font-size: var(--font-size-10);
    }

    .watchlist-container .watchlist-container-info p:last-child {
        font-size: var(--font-size-14);
    }

    .watchlist-container .watchlist-info p {
        font-size: var(--font-size-12);
    }

    .trending-portfolios .most-subcribe-button p {
        font-size: var(--font-size-12);
        line-height: 16px;
        font-weight: 500;
    }

    .trending-portfolios .most-subcribe-button {
        padding: 16px 16px;
        gap: 16px;
        height: 70px;
    }

    .buttons-section .btn {
        font-size: 14px;
    }

    .recommened-subscription-portfolio .card-body .watchListBox {
        height: 42px;
    }

    .recommened-subscription-portfolio .card .btn-dark-wright {
        font-size: var(--font-size-web-12);
        padding: 11px;
    }

}

.nav-link {
    cursor: pointer;
  }



@media (max-width: 1200px) {
    .suggested-portfolio{
        padding: 48px 20px 48px;
    }
    .recommened-subscription-portfolio{
        padding: 48px 20px 48px;
    }
    
}

   @media (max-width: 900){
    .suggested-portfolio .suggested-portfolio-heading h2 {
        font-size: var(--font-size-28);
    }

    .recommened-subscription-portfolio .recommened-subscription-portfolio-heading h2{
        font-size: var(--font-size-28);
    }
   }

.carousel-control-prev-icon,
.carousel-control-next-icon {
    border-radius: 50%;
    padding: 10px;
}




.landing-hero-section {
    padding: 3rem 0rem;
    scroll-margin-top: 32px;
}

.landing-hero-section {
    padding: 24px 120px;
    height: calc(100vh - 145px);
}


.landing-hero-section .col-md-6:last-child {
    display: flex;
    justify-content: end;
    align-items: center;
}


.landing-hero-section .learn-to-invest {
    color: #475467 !important;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.36px;
    padding: 4px 12px;
    text-transform: uppercase;
    background: #ffffffc9;
    border-radius: 80px;
    border: 1px solid #D0D5DD;
}

.landing-hero-section .maximum-design {
    color: var(--teal_dark) !important;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.36px;
    padding: 4px 12px;
    text-transform: uppercase;
    background: #ffffffc9;
    border-radius: 80px;
    border: 1px solid;
}

.landing-hero-section a span {
    font-weight: 700;
    line-height: 20px;
    color: var(--teal_medium);
}

.margin-Top-Div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: baseline;
}


.landing-hero-section .hero-heading {
    font-weight: 600;
    font-size: 54px;
    line-height: 73.69px;
    margin: 14px 0px;
}

.landing-hero-section .hero-text {
    font-family: manrope;
    color: var(--off_grey);
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 24px;
}

.landing-hero-section .btn-dark-wright {
    width: 334px;
    height: 50px;
    border-radius: 8px;
    padding: 12px 8px;
    font-size: 20px !important;
    line-height: 27.32px;
    margin-top: 20px;
}

.showStats-mf {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: manrope;
    margin: 25px 0;
}

.showStats-mf h6 {
    font-size: var(--font-size-28);
    font-weight: 600;
    line-height: 38.25px;
}

.showStats-mf p {
    margin-bottom: 0;
    color: var(--off_grey);
}

.showStats {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: manrope;
    margin: 44px 0 0px;
}

.showStats h6 {
    font-size: var(--font-size-28);
    font-weight: 600;
    line-height: 38.25px;
}

.showStats p {
    margin-bottom: 0;
    color: var(--off_grey);
    font-weight: 400;
    font-size: var(--font-size-16);
}

.off-text {
    font-size: var(--font-size-20);
    font-family: manrope;
    margin-top: 1rem !important;
    color: #575457;
}

.off-text span {
    color: var(--teal_dark);
}

.subs-fee {
    margin: 0 32px;
}

.top-banner-img {
    position: relative;
    text-align: end;
    height: 584px;
    width: 480px;
    background: linear-gradient(145.77deg, rgba(150, 221, 204, 0.7) 0.87%, rgba(217, 208, 252, 0.3) 100%);
    border-radius: 24px;
}

.managing-risk {
    font-weight: 500;
    position: absolute;
    left: 27px;
    top: 137px;
    height: 50px;
    width: 166px;
    border-radius: 16px;
    font-size: var(--font-size-18);
    padding: 10px;
    font-family: manrope;
    background: rgb(255, 255, 255);
    border: 1px solid #F2F4F7;
}

.managing-risk:hover,
.profit-earned:hover {
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
    cursor: auto !important;

}

.profit-earned:hover {
    color: #667085 !important;
}

.profit-earned {
    position: absolute;
    top: 56px;
    right: 46px;
    width: 142px;
    text-align: justify;
    height: 85px;
    font-size: var(--font-size-18);
    font-weight: 500;
    color: #667085;
    font-family: 'Manrope';
    border-radius: 16px;
    background-color: white;
}

.profit-earned span {
    font-size: var(--font-size-28);
    font-weight: 600;
    color: #101828 !important;
}


.left-animation {
    animation: leftInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}


.right-animation {
    animation: rightInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.right-animation1 {
    animation: rightInAnimation1 ease 4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}





@keyframes leftInAnimation {
    0% {
        margin-left: -100px;
    }

    100% {
        margin-left: -20px;
    }
}

@keyframes rightInAnimation {
    from {
        margin-left: 300px;
    }

    to {
        margin-left: 140px;
    }
}

@keyframes rightInAnimation1 {
    from {
        margin-left: 300px;
    }

    to {
        margin-left: 55px;
    }
}


.threebuttons {
    flex-direction: column;
}

.threebuttons_box {
    width: 100%;
}

.mf-block-home,
.equity-block-home,
.Pms-block-home {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 260px;
    margin-bottom: 38px;
    background: white;
    padding: 14px;
    border-radius: 14px;
}

.mf-inner-block,
.equity-inner-block,
.pms-inner-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
}

.mf-block-home svg:first-child {
    border-radius: 8px;
    background-color: var(--Teal-Medium, #96DDCC);
}

.equity-block-home svg:first-child {
    border-radius: 8px;
    background: var(--Purple-medium, #D9D0FC);
    width: 42px;
    height: 42px;
    padding: 8px;
}

.Pms-block-home svg:first-child {
    padding: 0px;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    border-radius: 8px;
    background: var(--pink-Dark);
}

.mf-block-home h5,
.equity-block-home h5,
.Pms-block-home h5 {
    color: var(--Grey-600, #475467);
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left;
}

.mf-block-home p,
.equity-block-home p,
.Pms-block-home p {
    color: var(--Grey-500, #667085);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 200% */
    margin-bottom: 0;
    text-align: left;
}

.equity-block-home {
    margin-left: 140px;
}

.Pms-block-home {
    margin-left: 70px;
}


/* .top-banner-img{
    background-image: url('/static/img/home/index-hero-section.svg?371023e665b1');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    height: 584px;
    width: auto;
    position: relative;
} */

.strip-img {
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    width: 100%;
}

.cross-frame {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}


.cta-button-box {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
}



.marquee {
    height: 36px;
    width: 180%;
    border: 1px solid #eed;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    background: var(--Grey-100, #F2F4F7);
}


.marquee--inner span img {
    width: 20px;
}

.orb {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 37.7px;
    float: left;
    position: relative;
}


.marquee--inner span .orb p:nth-child(2) {
    font-weight: 800 !important;
    margin: 0 8px;
}


.marquee--inner span .orb p {
    font-family: manrope;
    font-size: var(--font-size-12);
}

.marquee--inner span .orb p:nth-child(3) {
    margin: 0 8px;
}

.orb::after {
    content: "";
    position: absolute;
    right: -34px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #f2f4f7;
}



.investment_philosophy {
    padding: 3rem 7rem 1rem 7rem;
}

.investment_philosophy .heading_text h1 {
    color: var(--Grey-900, #101828);
    text-align: center;
    font-family: Manrope;
    font-size: var(--font-size-36);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 35px;
}

.investment_philosophy .col-lg-4 {
    margin-bottom: 36px;
}

.investment_philosophy .col-lg-4:nth-child(1) .card {
    border: 1px solid var(--Grey-200, #EAECF0);
    background: var(--Pink-light, #FFEBFC);
}

.investment_philosophy .col-lg-4:nth-child(2) .card {
    border: 1px solid var(--Grey-200, #EAECF0);
    background: var(--Teal-light, #E5FFFB);
}

.investment_philosophy .col-lg-4:nth-child(3) .card {
    border: 1px solid var(--Grey-200, #EAECF0);
    background: var(--Purple-Light, #EFEBFF);
}

.investment_philosophy .col-lg-4:nth-child(4) .card {
    border: 1px solid var(--Grey-200, #EAECF0);
    background: var(--Purple-Light, #EFEBFF);
}

.investment_philosophy .col-lg-4:nth-child(5) .card {
    border: 1px solid var(--Grey-200, #EAECF0);
    background: #FFEBF6;
}

.investment_philosophy .col-lg-4:nth-child(6) .card {
    border: 1px solid var(--Grey-200, #EAECF0);
    background: var(--Sage-light, #F8FFE5);
}

.investment_philosophy .col-md-4 h5 {
    font-size: var(--font-size-18) !important;
}

.investment_philosophy .col-md-4 p {
    font-size: var(--font-size-12);
    font-family: 'Manrope';
}

.investment_philosophy_inner .card {
    height: 233px;
    border: 0;
    padding: 64px 32px 24px;
    position: relative;
    border-radius: 16px;
    border: 1px solid var(--Grey-100, #F2F4F7);
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
}

.investment_philosophy_inner .card:hover {
    box-shadow: 0px -3px 24px 0px rgb(0 0 0 / 15%);
    transition: .3s ease all;
    margin-top: -3px;
}

.investment_philosophy_inner .card-body {
    padding: 0;
}

.investment_philosophy .col-lg-4 .card .card-img {
    position: absolute;
    width: auto;
    right: 0px;
    top: -1px;
}

.investment_philosophy_inner h5 {
    font-weight: 600;
    font-size: var(--font-size-24);
    color: var(--Grey-900, #101828);
    margin-bottom: 10px;
}

.investment_philosophy_inner p {
    font-family: 'manrope';
}

.investment_philosophy .card-footer {
    padding: 24px 0px 0px;
    background-color: rgb(255 255 255 / 3%);
    border-top: 0;
}

.investment_philosophy .card-footer a {
    color: #1D1D1D;
    transition: 1s all ease-out;
    font-family: 'Manrope';
    font-weight: 500;
}

.investment_philosophy .card-footer a:hover img {
    margin-left: 2px;
    transition: .3s all ease-in-out;
}

.investment_philosophy .card-footer a img {
    margin-bottom: .1rem;
}


.portfolio-card {
    background: rgba(37, 33, 33, 1);
    border-radius: 12px;
    color: #fff;
    overflow: hidden;
    position: relative;
    border: 1px solid #333;
    height: 100%;
    width: 100%;
    max-width: 360px;
  }
  
  .portfolio-title {
    font-weight: 600;
    font-size: 1.2rem;
  }
  
  .portfolio-subtitle {
    font-size: 0.85rem;
    color: #888ea8;
  }
  
  .badge-custom {
    padding: 4px 10px;
    font-size: 0.7rem;
    border-radius: 999px;
    display: inline-block;
    margin-top: 6px;
  }
  
  .badge-trending {
    background-color: #3c9c88;
    color: white;
  }
  
  .badge-new {
    background-color: #6366f1;
    color: white;
  }
  
  .graph-container {
    background: linear-gradient(to top, #222 40%, transparent);
    padding: 0 10px;
  }
  
  .card-bottom {
    font-size: 0.85rem;
  }
  
  .stat-label {
    font-size: 12.79px;
    font-weight: 400;
    color: #D0D5DD;
    margin-bottom: 2px;
  }
  
  .stat-value {
    font-weight: 600;
    margin: 0;
    color: #EAECF0;
  }
  
  .bookmark-icon {
    font-size: 1.2rem;
    color: #888;
    cursor: pointer;
    padding: 8px 15px;
    border: 1px solid rgba(71, 84, 103, 1);
    /* margin-top: -25px; */
  }

  /* p{
    margin: auto;
  } */
  



.explore-investment-portfolio .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.explore-investment-portfolio .nav-item .nav-link:hover {
    color: var(--white) !important;
}

.explore-investment-portfolio .active {
    color: rgb(11 11 11);
    background-color: var(--white);
    border-radius: 10px;
    padding: 6px 20px;
    font-family: manrope;
    font-weight: 600;
}


#portfolioContainer img,
.graphClass {
    display: none;
}

.img-graph {
    display: block !important;
    width: 100%;
}

.img-graph img {
    max-width: 100%;
}

.explore-investment-portfolio {
    background: var(--navy_blue);
    padding: 48px 120px;
}

.explore-investment-portfolio-heading h2 {
    color: white;
    font-weight: 600;
    font-size: var(--font-size-48);
    line-height: 65.57px;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.explore-investment-portfolio-heading p {
    font-weight: 400;
    font-family: manrope;
    font-size: var(--font-size-20);
    line-height: 28px;
    text-align: center;
    color: #EAECF0;
    margin: 0rem 0rem 3rem;
}

.explore-investment-portfolio .col-md-12 {
    display: flex;
    justify-content: center;
}

.explore-investment-portfolio .nav-pills {
    Padding: 4px 12px;
    width: max-content;
    background: var(--gray-blue-shade);
    border-radius: 16px;
    margin-bottom: 2rem !important;
}

.explore-investment-portfolio .nav-pills .nav-link {
    font-size: var(--font-size-16);
    line-height: 24px;
    font-family: manrope;
    color: var(--grey-light-blue);
    padding: 8px 20px;
}

.explore-investment-portfolio .nav-pills .nav-link.active,
.explore-investment-portfolio .nav-pills .show>.nav-link {
    color: rgb(11 11 11);
    background-color: var(--white);
    border-radius: 10px;
    padding: 8px 20px;
}

.explore-investment-portfolio .card {
    background-color: var(--dark-grey-blue);
    border: 1px solid var(--semi-gray);
    border-radius: 10px;
    height: 248px;
}

.explore-investment-portfolio .btn-outline-wright {
    padding: 10px 70px 10px 80px;
    font-size: var(--font-size-20);
    box-shadow: none !important;
    font-weight: 600;
    background-color: #252121;
    margin-top: 1rem;
}

.separating-dot {
    position: relative;
    margin-left: .5rem;
}

.separating-dot::after {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background-color: var(--light_gray);
    top: 9px;
    left: -7px;
    border-radius: 50%;
}


.explore-investment-portfolio .card-header {
    border-bottom: 0px;
    background-color: rgb(0 0 0 / 0%) !important;
    position: relative;
}


.explore-investment-portfolio .card-header h4 {
    font-size: var(--font-size-16);
    font-weight: 700;
    color: var(--white-blue-shade);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* background: #fff; */
}
/* 
.explore-investment-portfolio #pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
}

.explore-investment-portfolio #teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
}

.explore-investment-portfolio #purple-border {
    border-top: 5px solid var(--purple_dark);
    border-radius: 10px;
} */

p{
    margin: 0;
}


.explore-investment-portfolio .pink-border {
    border-top: 5px solid var(--pink_medium);
    border-radius: 10px;
  }
  
  .explore-investment-portfolio .teal-border {
    border-top: 5px solid var(--teal_dark);
    border-radius: 10px;
  }
  
  .explore-investment-portfolio .purple-border {
    border-top: 5px solid var(--purple_dark);
    border-radius: 10px;
  }
  

.explore-investment-portfolio .card p {
    margin-bottom: 0;
    color: var(--light_gray);
    font-family: manrope;
    font-size: var(--font-size-13);
}

.explore-investment-portfolio .portfolio-card:hover {
    box-shadow: 0px -3px 24px 0px rgb(0 0 0 / 15%);
    transition: .3s ease all;
    margin-top: -3px;
}

.explore-investment-portfolio .card-header .badge {
    font-family: manrope;
    border: 1px solid var(--teal-extra-light);
    border-radius: 40px;
    font-size: var(--font-size-12);
    font-weight: 600;
    line-height: 16.39px;
    background-color: var(--grey-shade);
    padding: 4px 12px;
    color: var(--cyan-medium);
    position: absolute;
    right: 17px;
    top: 15px;
}

.explore-investment-portfolio .card-body {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 12px;
    padding-top: 0;
}

.explore-investment-portfolio .card-body .inner-box-data {
    display: flex;
    justify-content: space-between;
}

.explore-investment-portfolio .card .card-body p {
    font-size: var(--font-size-12);
}

.explore-investment-portfolio .card .card-body h6 {
    font-size: var(--font-size-16);
    font-weight: 600;
    line-height: 21.86px;
    color: var(--grey-light-blue);
}

.explore-investment-portfolio .card-body button {
    font-family: manrope;
    padding: 14px 24px 14px 24px;
    font-size: var(--font-size-16);
    font-weight: 600;
    border-radius: 5px;
}

.explore-investment-portfolio .col-md-4 {
    margin-bottom: 1rem;
}

.explore-investment-portfolio .btn-outline-light {
    color: var(--white-blue-shade);
    border-color: var(--semi-gray);
    font-size: var(--font-size-14);
    font-weight: 600;
    padding: 10px 32px 10px 48px;
    border-radius: 10px;
    width: 186px;
    height: 44px;
}


.explore-investment-portfolio .btn-outline-wright:hover img {
    filter: invert(1);
}

.draw-badge-dark{
    border: 1px solid #579888;
    border-radius: 42.64px;
    font-size: 12.79px;
    font-weight: 600;
    line-height: 16.39px;
    background-color: #344054;
    padding: 1px 8px;
    color: #96DDCC;
    position: absolute;
    left: 15px;
    margin-top: 5px;
}

.canvas-div,
.live-return-blur {
    position: relative;
}

.blur-elements {
    filter: blur(6px);
    position: relative;
    user-select: none
}


.canvas-div .login-view {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-family: manrope;
    font-weight: 600;
    cursor: pointer;
}

.live-return-blur .login-view {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-family: manrope;
    font-weight: 600;
    font-size: var(--font-size-16);
    cursor: pointer;
}


.feature-in-the-news {
    padding: 80px 0px;
}

.feature-in-the-news .heading-text {
    text-align: center;
}

.feature-in-the-news .heading-text h4 {
    color: #101828;
    font-weight: 600;
    font-size: var(--font-size-36);
    line-height: 32.78px;
    text-align: Center;
    font-family: RB Galano Neue Test;
}

.feature-in-the-news h2 {
    color: #101828;
    font-weight: 500;
    font-size: var(--font-size-24);
    color: #101828;
    font-weight: 500;
    font-size: var(--font-size-24);
    text-align: Center;
    margin: 1rem auto;
    font-style: italic;
    font-family: DM Serif Display !important;
}

.feature-in-the-news a {
    display: block;
    height: 200px;
}

.feature-in-the-news img {
    display: block;
    width: auto !important;
    margin: 2rem auto 0rem;
}

.feature-in-the-news .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #667085;
}

.feature-in-the-news .carousel-indicators {
    bottom: -60px;
}

.wright-community {
    background-color: var(--purple_light);
    padding: 3rem 0rem;

}

.wright-community .carousel-inner {
    padding: 3rem 11rem;
}

.wright-community .carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #464343;
}

.wright-community .carousel-indicators {
    bottom: -30px;
}

.wright-community h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 49px;
    text-align: center;
    margin-bottom: 0rem;
}

.wright-community .quote-img {
    width: 25.8px;
    height: 23.38px;
    max-width: 100%;
    margin-bottom: 1.5rem;
}

.wright-community .card {
    border: 1px solid var(--purple_dark);
    border-radius: 13px;
    height: 265px;
    position: relative;
}

.quote-text {
    font-family: manrope;
    font-size: var(--font-size-16);
    line-height: 24px;
    margin-bottom: 2rem;
    color: var(--wrightblack);
}

.client-img-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 197.78px;
    height: 42.83px;
    font-family: manrope;
    position: absolute;
    bottom: 25px;
}

.wright-community .client-img-box .client-img {
    max-width: 100% !important;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid rgb(228, 226, 226);
    margin-right: .3rem;
}

.wright-community .client-img-box h6 {
    font-size: var(--font-size-15);
    font-weight: 600;
    color: var(--wrightblack);
}

.wright-community .client-img-box p {
    font-size: var(--font-size-13);
    font-weight: 600;
    color: var(--semi-light-grey);
}

.wright-community .owl-item img {
    display: block;
    max-width: 100% !important;
}

.wright-community .owl-dots,
.wright-community .owl-nav {
    text-align: center;
    margin-top: 2rem;
}

.wright-community .owl-dot.active,
.wright-community .owl-dot.active,
.owl-dot.active {
    background-color: var(--semi_grey);
}

.play-store-qr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%
}

.play-store-qr h4 {
    font-size: var(--font-size-28);
    font-weight: 600;
    margin-bottom: 1rem;
}

.apps img:not(:last-child) {
    margin-bottom: 1rem;
}

.play-store-qr img {
    display: block;
    margin-right: 2rem;
    margin-bottom: 1rem;
}

.app-qr {
    padding: 0rem 120px 0px 120px;
    margin: 30px 0px;
}

.app-qr .col-md-7 h3 {
    font-size: var(--font-size-36);
    font-weight: 600;
    line-height: 56px;
    width: 608px;
}

.app-qr .col-md-7 p {
    font-size: var(--font-size-20);
    font-weight: 400;
    line-height: 32px;
    color: #667085;

}

.iPhone-pro {
    position: absolute;
    z-index: 100;
    right: -170px;
    /* bottom: -150px; */
    padding-bottom: 40px;
}

.fancy-bg-img {
    position: absolute;
    z-index: -1;
    bottom: -150px;
    right: 0;
}



.ai-Risk-Modeling {
    padding: 36px 40px 48px;
    background: var(--Pink-light, #FFEBFC);
}

.ai-Risk-Modeling h2 {
    color: var(--Grey-900, #101828);
    text-align: center;
    /* Semibold (Heading)/H3 */
    font-family: Manrope;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    /* 155.556% */
    margin-bottom: 36px;
}

.blog-div-right {
    padding: 0px 16px 0px 0px;
}


.blog-div-right .card {
    padding: 16px;
    border-radius: 16px;
}

.blog-div-right .card-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.blog-div-right .card-body p {
    margin-bottom: 0;
}

.blog-div-right .card .ai-top-img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 16px;
}

.blog-heading-ai {
    color: var(--Grey-900, #101828);
}

.truncate {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background: #fff;
    font-size: 18px;
}

/* Medium/18 */
/* font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  } */

.blog-div-right .card .ai-top-img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 16px;
    height: 135px;
}

.read {
    color: var(--Grey-400, #98A2B3);
    font-feature-settings: 'salt' on, 'liga' off;
    /* Semibold (Heading)/14 semibold */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 171.429% */
}

.blog-text-ai {
    color: var(--Grey-500, #667085);

    /* Regular/16 regular */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.blog-div-right .card-footer {
    background-color: white;
    border-top: 0;
    margin-top: 13px;
}

.blog-div-right .card-footer a {
    color: var(--Pink-Dark, #D57BC8);
    /* Semibold (Heading)/16 semibold */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}



.next-back-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    background: white;
    padding: 14px 17px;
    border-radius: 50%;
}

.carousel-control-prev-icon {
    background-image: url(/static/img/newIcons/arrow-right.svg?371023e665b1);
    transform: rotate(180deg);
    filter: grayscale(100%);
}

.carousel-control-next-icon {
    background-image: url('/static/img/newIcons/arrow-right.svg?371023e665b1');
    filter: grayscale(100%);
}


.carousel-control-next,
.carousel-control-prev {
    width: 4%;
}

.carousel-control-next {
    right: -100px;
}


.carousel-control-prev {
    left: -100px;
}


.all-about-section {
    background: var(--Pink-light, #FFEBFC);
    padding: 40px 120px 40px;
    position: relative;
}

.all-about-section-text {
    background-color: white;
    display: inline-flex;
    padding: 40px 32px 32px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-radius: 16px;
    position: relative;
    z-index: 10;
}

.all-about-text h2 {
    color: var(--grey-900, #101828);
    /* Semibold (Heading)/feature news */
    font-family: Manrope;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px;
}

.all-about-text p {
    color: var(--grey-900, #101828);
    /* Regular/20 regular */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 140% */
}

.readMoreLesstext h2 {
    margin-bottom: 16px;
    color: var(--grey-900, #101828);
    /* Semibold (Heading)/H4 */
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.readMoreLesstext h3 {
    margin-bottom: 16px;
    color: var(--grey-900, #101828);
    /* Semibold (Heading)/H4 */
    font-family: Manrope;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.readMoreLesstext p,
.readMoreLesstext li {
    color: var(--grey-500, #667085);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
}


.readMoreLesstext li {
    margin-left: 24px;
}


.all-about-section .bottom-fancy-img {
    position: absolute;
    left: 70px;
    bottom: 0;
}

.all-about-text {
    position: relative;
    z-index: 10;
    /* padding: 0; */
}
    
@media (max-width:1366px) {

    .landing-hero-section {
        padding: 12px 120px;
        height: calc(100vh - 114px);
    }

    .margin-Top-Div {
        justify-content: flex-start;
        margin-top: 3rem;
    }

    .landing-hero-section .hero-heading {
        font-size: var(--font-size-36);
        line-height: 48.69px;
    }

    .landing-hero-section .hero-text {
        font-size: var(--font-size-18);
        margin-bottom: 16px;
    }

    .showStats h6 {
        font-size: var(--font-size-24);
        font-weight: 600;
        line-height: 38.25px;
    }

    .showStats p {
        margin-bottom: 0;
        color: var(--off_grey);
        font-weight: 400;
        font-size: var(--font-size-14);
    }

    .top-banner-img {
        height: 430px;
        width: 389px;
    }

    .mf-inner-block,
    .equity-inner-block,
    .pms-inner-block {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 0px;
    }

    .mf-block-home,
    .equity-block-home,
    .Pms-block-home {
        width: 190px;
        padding: 8px;
        margin-bottom: 28px;
    }

    .mf-block-home h5,
    .equity-block-home h5,
    .Pms-block-home h5 {
        font-size: 14px;
    }

    .mf-block-home p,
    .equity-block-home p,
    .Pms-block-home p {
        font-size: 10px;
        line-height: 16px;
    }

    .img-div svg {
        width: 35px;
        height: 35px;
    }

    .cta-button-box {
        position: absolute;
        top: 40px;
    }

    .Pms-block-home {
        margin-left: 55px;
    }

    .equity-block-home {
        margin-left: 94px;
    }


    .marquee {
        height: 30px;
    }

    .marquee--inner {
        margin: 3px 0;
    }

    .investment_philosophy {
        padding: 36px 120px 18px;
    }

    .investment_philosophy .heading_text h1 {
        font-size: var(--font-size-28);
        margin-bottom: 28px;
    }

    .investment_philosophy_inner .card {
        height: 192px;
        padding: 48px 32px 18px;
    }


    .investment_philosophy_inner h5 {
        font-size: var(--font-size-20);
        margin-bottom: 10px;
    }

    .investment_philosophy .col-lg-4 {
        margin-bottom: 32px;
    }

    .investment_philosophy_inner p {
        font-size: var(--font-size-12);
    }

    .investment_philosophy .card-footer a {
        font-size: var(--font-size-14);
    }

    .investment_philosophy .col-lg-4 .card .card-img {
        height: 90px;
        width: auto;
    }

    .explore-investment-portfolio-heading h2 {
        font-size: var(--font-size-28);
        line-height: 48.57px;
    }

    .explore-investment-portfolio .nav-pills .nav-link {
        font-size: var(--font-size-14);
        line-height: 24px;
        padding: 8px 24px;
    }

    .explore-investment-portfolio .active {
        padding: 6px 20px;
    }

    .explore-investment-portfolio .card-body {
        gap: 12px;
    }

    .explore-investment-portfolio .card .card-body h6 {
        font-size: var(--font-size-14);
    }

    .explore-investment-portfolio .card-header h4 {
        font-size: var(--font-size-14);

        /* background: #fff; */
    }

    .explore-investment-portfolio .card p {
        font-size: var(--font-size-12);
    }

    .explore-investment-portfolio .card {
        height: 232px;
    }

    .explore-investment-portfolio .card-body button {
        padding: 10px 24px 11px 24px;
        font-size: var(--font-size-14);
    }

    .wright-community h2 {
        font-size: 28px;
    }

    .feature-in-the-news h2 {
        font-size: var(--font-size-24);
        font-size: var(--font-size-24);
    }

    .blog-div-right .card .ai-top-img {
        height: auto;
    }

    .blog-heading-ai {
        font-size: var(--font-size-16);
    }

    .read {
        font-size: 10px;
        line-height: 12px;
    }

    .blog-text-ai {
        font-size: var(--font-size-12);
    }

    .blog-div-right .card-footer a {
        font-size: var(--font-size-12);
    }
}

@media (max-width:1100px){
.landing-hero-section{
    padding: 12px 30px;
    height: calc(100vh - 260px);
}
}

@media (max-width:1060px){
.app-qr{
    padding: 0px 10px;
}
}