

a .know-more {
    color: #D57BC8;
}

.landing-hero-section {
    min-height: 400px;

    background: var(--Grey-900);
}

.landing-hero-section .hero-heading {
    min-height: 60px;
    background: linear-gradient(90deg, #2b3442 0%, #3a4658 50%, #2b3442 100%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 4px;
    margin: 14px 0;
}

.landing-hero-section .hero-text {
    min-height: 24px;
    background: linear-gradient(90deg, #2b3442 0%, #3a4658 50%, #2b3442 100%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 4px;
    margin: 8px 0;
}

.top-banner-img {
    min-height: 300px;
    background: linear-gradient(90deg, #2b3442 0%, #3a4658 50%, #2b3442 100%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 8px;
}

@keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.landing-hero-section.loaded .hero-heading,
.landing-hero-section.loaded .hero-text,
.landing-hero-section.loaded .top-banner-img {
    animation: none;
    background: transparent;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.explore-investment-portfolios #pills-tab,
.explore-investment-portfolios .portfolio_ul {
    display: none !important;
}
.explore-investment-portfolios-heading .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.explore-investment-portfolios-heading .col-md-12 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 800px;
    margin: 0 auto;
}
.explore-investment-portfolios-heading h3 {
    text-align: center !important;
    width: 100% !important;
    margin-bottom: 1rem !important;
    display: block !important;
}
.explore-investment-portfolios-heading p {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
}
