#mobile_top_cta{
    display: none !important;
}

.landing-hero-section{
    padding: 3rem 0rem;
    scroll-margin-top: var(--space-layout-sm);
}

.landing-hero-section {
    padding: var(--space-component-lg) var(--space-page-gutter-xl);
    height: calc(100vh - 145px);
    background: linear-gradient(135deg, var(--Grey-900) 0%, #0a0f1a 50%, var(--Grey-900) 100%);
    background-color: var(--Grey-900);
}

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

.landing-hero-section .learn-to-invest {
    color: var(--text-on-dark-muted, #D0D5DD) !important;
    
    font-size: var(--text-caption);
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.36px;
    padding: var(--space-component-xs) var(--space-component-md);
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border-radius: 80px;
    border: 1px solid var(--Grey-700);
    display: inline-block;
    transition: all 0.3s ease;
    animation: fadeInUp 0.8s ease-out 0.1s both;
}

.landing-hero-section .pms-client-dashboard-link {
    display: inline-block;
    margin: 0 0 var(--space-component-md);
    color: var(--text-on-dark-accent, #96DDCC);
    font-size: var(--text-caption);
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.landing-hero-section .pms-client-dashboard-link:hover {
    color: #b7ebe0;
}

.landing-hero-section .learn-to-invest:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--Grey-600);
    transform: translateY(-2px);
}
.landing-hero-section .learn-to-invest span {
    color: var(--text-on-dark-accent, #96DDCC) !important;
}

.landing-hero-section .maximum-design{
    color: var(--text-on-dark-accent, #96DDCC) !important;
    
    font-size: var(--text-caption);
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.36px;
    padding: var(--space-component-xs) var(--space-component-md);
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);

    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}

.landing-hero-section .maximum-design:hover {
    background: rgba(255, 255, 255, 1);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.landing-hero-section a span{
    font-weight: 700;
    line-height: 20px;
    color: var(--text-link-teal, #25594D);
}

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

.landing-hero-section .hero-heading{
    font-weight: 700;
    font-size: var(--text-hero);
    line-height: 73.69px;
    margin: var(--space-5) 0;
    color: white;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    animation: fadeInUp 0.8s ease-out;
}
.landing-hero-section .hero-text{
    
    color: var(--text-on-dark-muted, #D0D5DD);
    font-size: var(--text-title);
    line-height: 32px;
    font-weight: 500;
    margin-bottom: var(--space-layout-sm);
    animation: fadeInUp 0.8s ease-out 0.2s both;
}
.landing-hero-section .btn-dark-wright{
    width: 334px;
    height: 50px;
    border-radius: 12px;
    padding: var(--space-3) var(--space-component-sm);
    font-size: var(--text-title) !important;
    line-height: 27.32px;
    background: linear-gradient(135deg, #D57BC8 0%, #B85EA3 50%, #D57BC8 100%);
    background-size: 200% 100%;
    color: var(--Grey-900);
    box-shadow: 0 8px 24px rgba(213, 123, 200, 0.3), -4px 6px 8px 0px rgba(255, 255, 255, 0.4) inset;
    transition: all 0.3s ease;
    animation: fadeInUp 0.8s ease-out 0.4s both;
    font-weight: 600;
    border: none;
}

.landing-hero-section .btn-dark-wright:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(213, 123, 200, 0.4), -4px 6px 8px 0px rgba(255, 255, 255, 0.4) inset;
}

.top-banner-img{
    position: relative;
    text-align: end;
    height: 584px;
    width: 480px;
    background: linear-gradient(180deg, #4f5b6b 42.18%, rgba(29, 41, 57, 0) 100%);
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
    animation: fadeInRight 1s ease-out 0.3s both;
    transition: transform 0.3s ease;
}

.top-banner-img:hover {
    transform: translateY(-5px);
}

.img-div {
    background-color: var(--white);
    padding: var(--space-component-sm);
    border-radius: 8px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #344054 !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;
}

.introduction-video{
    margin-top: var(--space-component-lg);
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
    animation: fadeInUp 0.8s ease-out 0.6s both;
}

.introduction-video:hover {
    transform: translateX(4px);
}

.introduction-video:hover span:last-child {
    color: var(--Grey-200) !important;
}

.introduction-video span{
    
    font-size: var(--text-body-sm);
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--Grey-300) !important;
    margin-top: 0;
    transition: color 0.3s ease;
}

.introduction-video span:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.introduction-video:hover span:first-child {
    background: rgba(255, 255, 255, 0.15);
    transform: scale(1.1);
}

.team-section {
    position: relative;

    padding: 4rem 6rem 2rem;
    background: linear-gradient(180deg, rgba(29, 41, 57, 1) 0%, rgba(16, 24, 40, 1) 100%) !important;
}

.team-section .heading-tags h2{
    color: var(--Grey-900, #101828);
    font-size: var(--text-display-sm);
    margin-bottom: var(--space-3);
}

.team-slide-inner-box {
    padding: var(--space-layout-sm) var(--space-layout-lg);
    margin-top: 0.5rem;
    border-radius: 16px;
    background: rgba(52, 64, 84, 1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
}

.team-slide-inner-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

.border-round-award-img{
    display: none;
}

.team-slide-5 .award-container h3 {
    color: var(--Grey-900, #101828) !important;
}

.team-section-inner .team-slide-1,
.team-section-inner .team-slide-2,
.team-section-inner .team-slide-3,
.team-section-inner .team-slide-4,
.team-section-inner .team-slide-5{
    padding: 0rem 3rem 2em;
    margin-bottom: 0rem;
    border-top-left-radius: 239px;
    border-top-right-radius: 239px;
    background: rgba(29, 41, 57, 1) !important;

}

.award-box a{
    background: rgba(52, 64, 84, 1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(255, 255, 255, 0.05) inset;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
}

.award-box a:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(255, 255, 255, 0.08) inset;
    border-color: rgba(255, 255, 255, 0.15);
}

.award-box p {
    color: white !important;
    
    font-size: var(--text-body-lg);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

@keyframes leftInAnimation {
    0% {
        margin-left: -var(--space-24);
    }

    100% {
        margin-left: var(--space-10);
    }
}

@keyframes rightInAnimation {
    from{
        margin-left: 300px;
    }
    to{
        margin-left: var(--space-page-gutter-xl);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.mf-block-home,.equity-block-home,.Pms-block-home {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 260px;
    margin-bottom: var(--space-10);
    padding: var(--space-component-md);
    border-radius: 16px;
    background: rgba(29, 41, 57, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(255, 255, 255, 0.1) inset;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
}

.mf-block-home:hover,.equity-block-home:hover,.Pms-block-home:hover {
    transform: translateY(-4px) translateX(4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(255, 255, 255, 0.15) inset;
    background: rgba(39, 53, 70, 0.95);
    border-color: rgba(255, 255, 255, 0.2);
}

.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(--text-on-dark-accent, #96DDCC);
}

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

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

.mf-block-home h5, .equity-block-home h5,.Pms-block-home h5{
    
    font-size: var(--text-body);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: #D0D5DD;
}

.mf-block-home p, .equity-block-home p,.Pms-block-home p{
    color: var(--Grey-300);
    
    font-size: var(--text-caption);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    text-align: left;
}

.equity-block-home{
    margin-left: var(--space-page-gutter-xl);
}

.Pms-block-home{
    margin-left: var(--space-16);
}

.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.var(--space-component-sm);
    float: left;
    position: relative;
}

.marquee--inner span .orb p:nth-child(2) {
    font-weight: 800!important;
    margin: 0 var(--space-component-sm);
}

.marquee--inner span .orb p {
    
    font-size: var(--text-caption);
}

.marquee--inner span .orb p:nth-child(3) {
    margin: 0 var(--space-component-sm);
}

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

.investment_philosophy{
    padding: 4rem 7rem 2rem 7rem;
    background: linear-gradient(180deg, rgba(16, 24, 40, 1) 0%, rgba(10, 15, 25, 1) 100%);
    position: relative;
    overflow: hidden;
  }

  .investment_philosophy::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  }
  .investment_philosophy .heading_text h3{
    color: white;
    text-align: center;
    
    font-size:var(--text-display);
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: var(--space-5);
    letter-spacing: -0.02em;
  }

 .investment_philosophy .heading_text p{
      color: var(--text-muted, #475467);
    text-align: center;
    
    font-size:var(--text-title-sm);
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 var(--space-5); }

  .investment_philosophy .col-lg-4 {
    margin-bottom: var(--space-10);
}

  .investment_philosophy .col-lg-4 .card{

    background: rgba(16, 24, 40, 1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(255, 255, 255, 0.05) inset;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

.investment_philosophy .col-lg-4 .card h5{
    color: white;
}
   .investment_philosophy .col-md-4 p{
    font-size: var(--text-caption);
    
  }
  .investment_philosophy_inner .card{
    height: 233px;
    border: 0;
    padding: var(--space-layout-lg) var(--space-layout-sm) var(--space-component-lg);
    position: relative;
    border-radius: 20px;

    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
    overflow: hidden;
  }

  .investment_philosophy_inner .card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }

  .investment_philosophy_inner .card:hover::after {
    opacity: 1;
  }

  .investment_philosophy_inner .card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(255, 255, 255, 0.08) inset;
    border-color: rgba(255, 255, 255, 0.15);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

  .investment_philosophy_inner .card-body {
    padding:0;
  }
  .investment_philosophy .col-lg-4 .card .card-img{
    position: absolute;
    width: auto;
    right: 0px;
    top: -1px;
    mix-blend-mode: luminosity;
  }
  .investment_philosophy_inner h5{
    font-weight:600;
    font-size: var(--text-title-lg);
    color: var(--Grey-900, #101828);
    margin-bottom: var(--space-component-sm);
  }
  .investment_philosophy_inner p{
    
    color: rgba(102, 112, 133, 1);
  }

  .investment_philosophy .card-footer {
    padding: var(--space-component-lg) 0 0;
    background-color: var(--Grey-900);
    border-top: 0;
  }

  .investment_philosophy .card-footer a:hover img{
    margin-left: var(--space-component-xs);
    transition: .3s all ease-in-out;
  }
  .investment_philosophy .card-footer a img{
    margin-bottom: .1rem;
  }

  .explore-investment-portfolios-heading h3{
    color: white;
    
    font-size: var(--text-hero);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    width: 100%;
    margin-bottom: var(--space-component-md);
}

.explore-investment-portfolios-heading p{
    
    font-size: var(--text-title-sm);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0px;
    text-align: center;
    color: var(--text-muted, #475467);
    padding: 0;
    max-width: 900px;
    margin: 0 auto;
}
  .explore-investment-portfolios .card {
    border-radius: 0.25rem!important;
    border: 1px solid rgba(128, 128, 128, 0);
    box-shadow: 0 0 7px rgb(0 0 0 / 5%);
    transition: .3s ease-out;
}
.explore-investment-portfolios .card h4{
    font-weight: 600;
    font-size: var(--text-title-sm);
    color: #ffffff;
}

.explore-investment-portfolios .card .inner-box-data p{
    margin-bottom: 0;
    
    color: #fffcfc;
    font-size: var(--text-body-sm);
}

.inner-box-data{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.explore-investment-portfolios .card .inner-box-data h6{
    color: rgb(199 193 193);
    margin-bottom: 0;
    
}

.explore-investment-portfolios .card p{
    margin-bottom: 0;
}

.explore-investment-portfolios .card .card-header{
    border-bottom: 0;
    background: none;
    position: relative;
    padding: var(--space-component-lg) var(--space-5) var(--space-component-md) var(--space-5);
    flex-shrink: 0;
}

.explore-investment-portfolios .card .card-header p{
    color: #6c757d;
    
    font-size:var(--text-body);
}

.badge-dark {
    border-radius: 40px;
    border: 1px solid var(--Teal-Dark, #579888);
    background: var(--Grey-700, #344054);
    color: var(--text-on-dark-accent, #96DDCC);
    
    font-size: var(--text-caption);
    padding: var(--space-component-xs) var(--space-3);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.txt_red {
    background-color: #ffebfc00 !important;
    color: var(--text-error, #B42318) !important;
}
.explore-investment-portfolios .card  .btn-light {
    width: 100%;
    
    font-weight: 600;
}

.pink-border{
    background-color: var(--pink_light);
}

.perfect_portfolio {
    padding: var(--space-12) var(--space-page-gutter-xl);
    background: linear-gradient(180deg, var(--Grey-900) 0%, rgba(10, 15, 25, 1) 100%) !important;
    position: relative;
}

.perfect_portfolio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.explore-investment-portfolios .card {
    border-radius: 16px!important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(255, 255, 255, 0.05) inset;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(135deg, var(--Grey-800) 0%, #1a2332 100%);
    overflow: hidden;
    position: relative;
}

.explore-investment-portfolios .card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.explore-investment-portfolios .card:hover::before {
    opacity: 1;
}

.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: var(--space-component-sm) var(--space-component-lg);
    
    font-weight: 500;
}

.explore-investment-portfolios .card .badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;

    background: var(--Grey-700, #344054);

    
}

.explore-investment-portfolios .card {
height: 340px;
display: flex;
flex-direction: column;
overflow: hidden;
}

.explore-investment-portfolios .card .card-body {
padding: var(--space-component-md) var(--space-5) var(--space-5) var(--space-5);
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
gap: 15px;
}

.explore-investment-portfolios .inner-box-data{
margin-top: 0;
flex-shrink: 0;
}

.explore-investment-portfolios .card .img-graph {
margin-top: 0;
margin-bottom: -var(--space-component-md);
flex-shrink: 0;
display: block !important;
}

.explore-investment-portfolios .btn-yellow-outline-wright {
    width: 100%;
    margin-top: var(--space-component-md);
    height: 45px;
    
    font-size: var(--text-body-lg);
    font-weight: 600;
    transition: all 0.3s ease;
    border-radius: 8px;
}

.explore-investment-portfolios .btn-yellow-outline-wright:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.explore-investment-portfolio{
    background: var(--navy_blue);
    padding: var(--space-layout-md) var(--space-page-gutter-xl);
}

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

.explore-investment-portfolio-heading p{
    font-weight: 400;
    
    font-size: var(--text-body-lg);
    line-height: 28px;
    text-align: center;
    color: var(--text-on-dark-muted, #D0D5DD);
    margin: 0rem 0rem 1rem;
}
.explore-investment-portfolio .col-md-12{
    display: flex;
    justify-content: center;
}

.explore-investment-portfolio .nav-pills{
    Padding: var(--space-component-sm) var(--space-3);
    width: max-content;
    background: var(--gray-blue-shade);
    border-radius: 16px;
}
.explore-investment-portfolio .nav-pills .nav-link{
    font-size: var(--text-body-lg);
    line-height: 24px;
    
    color: var(--Grey-light-blue);
    padding: var(--space-component-sm) var(--space-component-lg);
}

.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: var(--space-component-sm) var(--space-component-lg);
}

.explore-investment-portfolio .card-header h4{
    font-size: var(--text-body-lg);
    font-weight: 700;
    color: var(--white-blue-shade);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

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

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

.explore-investment-portfolios .card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(255, 255, 255, 0.1) inset;
    border-color: rgba(255, 255, 255, 0.2);
}

.inner-box-data {
    display: flex;
    justify-content: space-between;
    margin-top: var(--space-component-md);
}

.inner-box-data p {
    color: #B0B3C8;
    font-size: var(--text-caption);
}

.inner-box-data h6 {
    font-size: var(--text-body-lg);
    color: #fff;
}

.feature-in-the-news{
    padding: var(--space-5) 0 var(--space-5);
    background: linear-gradient(180deg, rgba(29, 41, 57, 1) 0%, rgba(16, 24, 40, 1) 100%);
    overflow: visible;
    height:400px;
    position: relative;
}

.feature-in-the-news::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.feature-in-the-news .heading-text h4{
    color: var(--text-muted, #475467);
    font-weight: 600;
    font-size: var(--text-title-lg);
    line-height: 32.78px;
    text-align: Center;
}
.feature-in-the-news h2{
    color: white;
    font-weight: 600;
    font-size: var(--text-display);
    line-height: 1.3;
    text-align: Center;
    max-width: 956px;
    min-height: 114px;
    margin: 2rem auto;
    padding: 0 var(--space-5);
    letter-spacing: -0.01em;
}

.feature-in-the-news a{
    display: block;
    min-height: 200px;
    padding-bottom: 4rem;
    position: relative;
    z-index: 1;
}

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

.feature-in-the-news .carousel-indicators {
    bottom: 400px;
    z-index: 10;
    margin-bottom: 0;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.feature-in-the-news .carousel-indicators li {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.5) !important;
    margin: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    transition: all 0.3s ease;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    flex-basis: 12px !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    background-clip: padding-box !important;
}

.feature-in-the-news .carousel-indicators li.active {
    background-color: var(--pink-dark) !important;
    border-color: var(--pink-dark) !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    border-radius: 6px !important;
    flex-basis: 24px !important;
}

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

.app-qr{
    padding: 3rem var(--space-page-gutter-xl) 0;
}
.app-qr .col-md-7 h3{
    font-size: var(--text-display);
    font-weight: 600;
    line-height: 56px;
    width: 608px;
}

.app-qr .col-md-7 p{
    font-size: var(--text-title);
    font-weight: 400;
    line-height: 32px;
    

}

  .blog-heading-ai{
    color: var(--Grey-900, #101828);
}
  .carousel-control-next, .carousel-control-prev{
    width: 4%;
  }

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

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

.carousel-indicators .active {
    opacity: 1;
    background-color: #D57BC8 !important;
}

.faq_section{
    padding-top: var(--space-section-lg);
    padding-bottom: var(--space-24);
    padding-left: var(--space-page-gutter-xl);
    padding-right: var(--space-page-gutter-xl);
    background: linear-gradient(180deg, var(--Grey-900, #101828) 0%, rgba(10, 15, 25, 1) 100%);
    position: relative;
  }

  .faq_section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  }

  .faq_section .faq-heading{
    color: white;
    
    font-size: var(--text-hero);
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: var(--space-layout-sm);
  }

  .faq_section .card{
    margin-bottom: var(--space-component-md);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;

    background: rgba(29, 41, 57, 1);
    transition: all 0.3s ease;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  }

  .faq_section .card:hover {
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
  }

  .faq_section .card-body{
    padding: 0 var(--space-component-lg) var(--space-component-lg);
  }

  .faq_section .btn-link{
    padding: 0;
    color: var(--Grey-900, #101828);
    
    font-size: var(--text-title);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .faq_section .accordion .card:last-of-type {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 16px;
  }

  .accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 16px;
  }

  .faq_section .accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 16px;
  }

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

  .faq_section .card-header[aria-expanded=true] .btn-link{
    color: white;
  }

  .faq_section .card-header[aria-expanded=false] .btn-link{
    color: var(--text-muted, #475467);
  }

  .faq_section .card-header[aria-expanded=true] .minus-risk img{
    transform: none;
    filter: invert(1);
  }

  .faq_section .card-header[aria-expanded=true] .plus-risk {
    display: none;
    transform: none;

  }

  .faq_section .card-header[aria-expanded=false] .plus-risk {
    display: block;
    border-radius: 32px;

    display: flex;
    padding: var(--space-component-md);
    align-items: center;
    gap: 8px;
    background: linear-gradient(180deg, #96DDCC 0.13%, #579888 101.77%);
    box-shadow: -4px -5px 9px 0px rgba(77, 64, 17, 1) inset;
    box-shadow: 2px 3px 7px 0px rgba(255, 255, 255, 0.5) inset;
  }

  .faq_section .card-header[aria-expanded=false] {
    background-color: var(--Grey-900);
  }

  .faq_section .card-body p{
    color: var(--text-muted, #475467);
    
    font-size: var(--text-body-lg);
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px
  }

.all-about-section {
    background: linear-gradient(180deg, var(--Grey-900) 0%, rgba(10, 15, 25, 1) 100%);
    padding: var(--space-12) var(--space-page-gutter-xl) var(--space-12);
    position: relative;
  }

  .all-about-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  }

  .all-about-section-text {
    display: inline-flex;
    padding: var(--space-layout-md) var(--space-10) var(--space-10) var(--space-10);
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 20px;
    position: relative;
    z-index: 10;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(255, 255, 255, 0.05) inset;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(29, 41, 57, 0.8);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
  }

  .all-about-section-text:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(255, 255, 255, 0.08) inset;
  }

  .all-about-text h2 {
    color: white;

    
    font-size: var(--text-display);
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: var(--space-component-md);
  }

  .all-about-text p {
    color: var(--Grey-300);

    
    font-size: var(--text-title-sm);
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;

  }

  .readMoreLesstext h2 {
    margin-bottom: var(--space-component-md);
    color: white;

    
    font-size: var(--text-title-lg);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .readMoreLesstext h3 {
    margin-bottom: var(--space-component-md);
    color: white;

    
    font-size: var(--text-title);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .readMoreLesstext h4 {
    font-size: var(--text-title-sm);
    color: white;
}

  .readMoreLesstext p,
  .readMoreLesstext li {
    color: var(--text-muted, #475467);
    
    font-size: var(--text-body-sm);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;

  }

  .readMoreLesstext li {
    margin-left: var(--space-component-lg);
  }

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

  .all-about-text {
    position: relative;
    z-index: 10;
  }

  .readMoreLess {
    font-size: var(--text-body-lg) !important;
    cursor: pointer;
    font-weight: 700;
    color: var(--text-link-pink, #7A2870) !important;
}

.know-more {
    text-decoration: none;
    font-weight: 600;
    font-size: var(--text-body-lg);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    padding: var(--space-component-xs) 0;
}

.know-more span {
    display: inline-flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.know-more:hover {
    transform: translateX(2px);
}

.know-more:hover span {
    transform: translateX(4px);
}

a.know-more-1 {
    color: var(--text-link-pink, #7A2870);
}

.know-more-2 {
    color: var(--text-link-teal, #25594D);
}

.know-more-3 {
    color: var(--purple_dark, #C0B1F8);
}

.know-more-4 {
    color: #7760c9;
}

.know-more-5 {
    color: var(--text-link-teal, #25594D);
}

.know-more-6 {
    color: var(--text-link-pink, #7A2870);
}

.know-more-1:hover { color: #B85EA3; }
.know-more-2:hover { color: #457F6D; }
.know-more-3:hover { color: #57439A; }
.know-more-4:hover { color: #674fb4; }
.know-more-5:hover { color: #62ad9b; }
.know-more-6:hover { color: #e48bd6; }

@media (max-width:1366px) {

    .landing-hero-section {
        padding: var(--space-3) var(--space-page-gutter-xl);
        height: calc(100vh - 114px);
    }
    .margin-Top-Div {
        justify-content: flex-start;
        margin-top: 3rem;
    }

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

    .landing-hero-section .hero-text {
        font-size: var(--text-title-sm);
        margin-bottom: var(--space-component-md);
    }

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

    .showStats p {
        margin-bottom: 0;
        color: var(--text-muted, #475467);
        font-weight: 400;
        font-size: var(--text-body-sm);
    }

    .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: 214px;
        padding: var(--space-component-sm);
        margin-bottom: var(--space-6);
    }

    .mf-block-home h5, .equity-block-home h5, .Pms-block-home h5 {
        font-size: var(--text-body-sm);
    }

    .mf-block-home p, .equity-block-home p, .Pms-block-home p {
        font-size: var(--text-caption);
        line-height: 16px;
    }

    .img-div svg{
        width: 35px;
        height: 35px;
    }
    .cta-button-box {
        position: absolute;
        top: 40px;
    }

    .Pms-block-home {
        margin-left: var(--space-12);
    }
    .equity-block-home {
        margin-left: var(--space-24);
    }

    .marquee {
        height: 30px;
    }

    .marquee--inner {
        margin: var(--space-component-xs) 0;
    }

    .investment_philosophy {
        padding: var(--space-10) var(--space-page-gutter-xl) var(--space-component-md);
    }

    .investment_philosophy .heading_text h1 {
        font-size: var(--text-display-sm);
        margin-bottom: var(--space-6);
    }
    .investment_philosophy_inner .card {
        height: 192px;
        padding: var(--space-layout-md) var(--space-layout-sm) var(--space-component-md);
    }

    .investment_philosophy_inner h5 {
        font-size: var(--text-title);
        margin-bottom: var(--space-component-sm);
    }
    .investment_philosophy .col-lg-4 {
        margin-bottom: var(--space-layout-sm);
    }

    .investment_philosophy_inner p {
        font-size: var(--text-caption);
    }
    .investment_philosophy .card-footer a {
        font-size: var(--text-body-sm);
    }

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

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

    .explore-investment-portfolio .nav-pills .nav-link {
        font-size: var(--text-body-sm);
        line-height: 24px;
        padding: var(--space-component-sm) var(--space-component-lg);
    }

    .explore-investment-portfolio .active {
        padding: var(--space-component-sm) var(--space-component-lg);
    }

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

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

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

    }

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

    .explore-investment-portfolio .card {
        height: 232px;
    }
    .explore-investment-portfolio .card-body button {
        padding: var(--space-component-sm) var(--space-component-lg) var(--space-3) var(--space-component-lg);
        font-size: var(--text-body-sm);
    }

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

    .blog-heading-ai {
        font-size: var(--text-body-lg);
    }

    .read {
        font-size: var(--text-caption);
        line-height: 12px;
    }

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

}

/* This page is dark. The muted-text and link tokens are tuned for light surfaces, so inside
   its sections use the on-dark values (>= 4.5:1 against the page background). */
.investment_philosophy,
.explore-investment-portfolio,
.explore-investment-portfolios,
.team-section,
.all-about-section,
.feature-in-the-news,
.faq_section {
    --text-muted: #98A2B3;
    --text-link-pink: #FAA8F1;
    --text-link-teal: #96DDCC;
}