:root {
    --button-bg-darkmode: rgba(255, 255, 255, 0.05);
    --line-dividers: rgba(254, 254, 254, 0.1);
    --closing-hamburger: url(/wp-content/uploads/2025/03/charm_menu-hamburger.png);
    --goal-bg: #303240;
    --input-label-bg: rgba(37, 39, 54);
    --owl-bg: rgba(255, 255, 255, 0.05);
    --for-linear-bg: #35384E;
    --faq-qna: rgba(206, 210, 221, 1);
    --faq-active: rgba(206, 210, 221, 1);
    --dropdown-arrow: url('/wp-content/uploads/2025/02/arrow_drop_down_24dp_5F6368_FILL0_wght400_GRAD0_opsz24-1.png');
    --qr-bg: url('/wp-content/uploads/2025/03/Clip-path-group-4.png');
    --button-hover-text: rgba(0, 130, 160, 1);
    --know-more: rgba(0, 130, 160, 0.1);
    --button-hover-color: rgba(255, 255, 255, 1);
    --background-darkmode: #1E1D2A;
    --carousel-background-darkmode: #1E1D2A;
    --dark-mode-button: #979591B2;
    --text-white-darkmode: #FEFEFE;
    --carousel-shadow: #2D2F3D;
    --card-c1: rgba(93, 183, 132, 0.15);
    --card-c2: rgba(147, 91, 238, 0.15);
    --card-c3: rgba(234, 128, 93, 0.15);
    --card-c4: rgba(248, 74, 169, 0.15);
    --banner-blue-text-darkmode: #8AC6D3;
    --gradient-lines-darkmode: #0082A0;
    --text-blue-and-outline-darkmode: #54ABBF;
    --button-fill-darkmode: #0082A0;
    --grey-text-darkmode: #979591;
    --text-primary-darkmode: rgba(254, 254, 254, 1);
    --title-line-left-darkmode: linear-gradient(to right, transparent, #00829E 97%);
    --title-line-right-darkmode: linear-gradient(to left, transparent, #00829E 97%);
    --div-background-darkmode: #252736;
    --table-bg:#2a2f3e;
    --newsletter-div-background: rgba(254, 254, 254, 0.05);
    --scheme-name-darkmode: rgba(84, 171, 191, 1);
    --uni-logo-bg-darkmode: #2E2D39;
    --report-b1-arrow: #88FFBC;
    --report-b1-linear-dark: #529971;
    --report-b2-arrow: #B282FF;
    --report-b2-linear-dark: #6B4E99;
    --report-b3-arrow: #FF906C;
    --report-b3-linear-dark: #995741;
    --report-b4-arrow: #FF63B8;
    --report-b4-linear-dark: #993B6E;
    --orange-accent-darkmode: #E76408;
    --warm-black: #001b31;
    --videos-title-white: #EDF2F7;
    --card-gradient-start-darkmode: #2D3047;
    --card-gradient-end-darkmode: #1E1D2A;
    --header-bg-color: linear-gradient(to bottom, rgba(30, 30, 44, 0.6) 64%, rgba(30, 30, 43, 0.6) 64%);
    --contactus-bg: #FEFEFE0D;
    --table-header-bg-darkmode: #54ABBF29;
    --border-light-darkmode: rgba(255, 255, 255, 0.1);
    --newsletter-bg-image: url('/wp-content/uploads/2025/01/globe-frame.svg');
    --button-radius: 69px;
    --background-white: #ffffff;
    --gradient-gif: repeating-radial-gradient(circle, #1a2737 -200%, #1d212e 101%);
    --topbar-bg: #353440;
    --riskprofile-text-color: #FFFF33;
}

[data-theme="light"] {
    --table-bg:#f9f9f9;
    --button-bg-darkmode:rgba(237, 242, 247, 1);
    --line-dividers: rgba(22 20 20 / 10%);
    --closing-hamburger: url(/wp-content/uploads/2025/03/charm_menu-hamburger.svg);

    --goal-bg: #fff;
    --contactus-bg: #Fff;
    --riskprofile-text-color: #0082A0;

    --background-white: #2D3446;
    --card-gradient-end-darkmode: #fff;
    --know-more: rgba(0, 130, 160, 1);

    --input-label-bg: #FEFEFE;
    --table-header-bg-darkmode: #2D3446;
    --card-gradient-start-darkmode: #fff;
    --for-linear-bg: #fff;
    --faq-qna: rgba(0, 27, 49, 1);
    --qr-bg: url('/wp-content/uploads/2025/03/Clip-path-group-5.png');
    --dropdown-arrow: url('/wp-content/uploads/2025/03/arrow_drop_down_24dp_5F6368_FILL0_wght400_GRAD0_opsz24-1-1.png');
    --dark-mode-button: #6C737F;
    --topbar-bg: #fefefe;
    --header-bg-color: #efefef;
    --div-background-darkmode: #FEFEFE;
    --button-hover-text: #EFEFEF;
    --carousel-shadow: #EBEBEB;
    --button-hover-color: #001B31;
    --background-darkmode: #EFEFEF;
    --text-white-darkmode: #001B31;
    --text-primary-darkmode: #001B31;
    --card-c1: rgba(93, 183, 132, 0.25);
    --card-c2: rgba(147, 91, 238, 0.25);
    --card-c3: rgba(234, 128, 93, 0.25);
    --card-c4: rgba(248, 74, 169, 0.25);
    --grey-text-darkmode: #6C737F;
    --newsletter-bg-image: transparent;
    --uni-logo-bg-darkmode: #FEFEFE;
    --newsletter-div-background: rgba(108, 115, 127, 0.05);
    --carousel-background-darkmode: #FEFEFE;
    --gradient-gif: transparent;
    --border-light-darkmode: rgba(0, 0, 0, 0.1);
    --owl-bg: #0082A0;
}

.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: color-mix(in srgb, var(--background-darkmode) 70%, transparent);
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    pointer-events: all;
    /* Blocks all clicks */
}

/* statutory disclosures */
.FND .pdf-item {
    display: flex;
    margin-bottom: 40px;
}

.FND .pdf-info {
    width: 80%;
    display: flex;
    gap: 15px;
}

.FND .pdf-icon {
    width: 20px;
    align-self: start;
    margin-top: 5px;
}

.FND .nav-tabs {
    gap: 14px;
}

option {
    background-color: white !important;
    color: rgba(0, 27, 49, 1) !important;
    font-size: 14px;
}

.FND .pdf-actions a {
    font-size: 15px !important;
}

/* statutory disclosures */

* {
    font-family: 'Lato', sans-serif !important;
}

/* style.css */
@media not all and (pointer: coarse) {
    .team-card:hover .info-button {
        padding: 0
    }
}

.apply-arn-card a,
.renew-arn-section a {
    text-decoration: none
}

.renew-arn-section.max-width {
    padding-top: 80px;
}

.workCulture-video video {
    border-radius: 12px;
}

.carousel-card h2 {
    font-family: "Outfit", serif !important;
}

.carousel-card p {
    font-family: "Kodchasan", serif !important;
}

#investmentCarousel .owl-dot span {
    display: block;
}

/* style.css over */

body {
    background-color: var(--background-darkmode) !important;
}

button:active,
button:focus {
    outline: none;
    box-shadow: none;
}



[data-theme="light"] .company-profile-gap .wp-container-content-1 img,
.company-profile-gap .wp-container-content-2 img {
    filter: brightness(0.5);
}

.max-width {
    max-width: 1320px;
    padding: 0 20px !important;
    margin: auto !important;
}

.max-width .max-width {
    padding: 0 !important;
}

.home-banner .banner-1 .btn-2,
.home-banner .banner-1 .btn-1 {
    width: max-content;
}

.home-banner .gif-banner {
    width: 90px;
    position: absolute;
    top: 77px;
    left: -2px;
}

#investmentTabsContent .risk-profile-btn a {
    padding: 0;
    line-height: 5px;
}

#investmentTabsContent .dropdown {
    z-index: 5
}

#investmentTabsContent .dropdown-toggle::after {
    content: url('/wp-content/uploads/2025/01/white-arrow.svg');
    border: none;
}

.owl-carousel .home-banner-text-heading {
    color: var(--text-white-darkmode);
    font-size: 18.67px;
    font-weight: 600;
    line-height: 24.59px;
}

.owl-carousel .home-banner-text-para {
    color: var(--text-primary-darkmode);
    opacity: 0.8;
    letter-spacing: 0.2px;
    margin-bottom: 14px;
    font-size: 14.75px;
    font-weight: 500;
    line-height: 18.44px;
}

.carousel-indicators li {
    background-color: #47d5cb;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.carousel-indicators .active {
    background-color: #0056b3;
}

.banner-1 {
    padding: 40px 20px 20px !important;
    background-image: url(/wp-content/uploads/2025/01/main-bg.svg);
    /* background-image: unset; */
    align-content: space-evenly;
    background-position-y: -65px;
    background-position-x: -41px;
}

.banner-1 .col1 {
    flex: 36%;
    padding-right: 125px;
    padding-top: 30px;
    padding-left: 0;
}

.home-banner .col1 {
    padding-right: 0;
}

.home-banner .col1 .btn-box {
    justify-content: start;
}

.banner-1 .col2 {
    flex: 60%;
    z-index: 1;
}

.banner-1 h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 36.36px;
    color: var(--text-white-darkmode);
    text-transform: uppercase;
    margin: 0 !important;
}

.banner-1 h3 {
    font-size: 28px;
    font-style: italic;
    font-weight: 700;
    line-height: 36.36px;
    color: var(--banner-blue-text-darkmode);
    text-transform: uppercase;
    margin: 0 !important;
}

.banner-1 p {
    font-size: 16px;
    font-weight: 500;
    line-height: 25.2px;
    letter-spacing: -0.02em;
    color: var(--text-white-darkmode);
    opacity: 80%;
}

.banner-1 button.btn-1,
.btn-1 {
    font-size: 18px !important;
    font-weight: 500;
    background-color: transparent;
    border: 1px solid var(--text-blue-and-outline-darkmode);
    color: var(--text-blue-and-outline-darkmode);
    border-radius: var(--button-radius) !important;
    text-transform: unset !important;
    margin-right: 5px;
}

.btn-2 img {
    width: 10px;
    margin-left: 5px;
    margin-top: 6px;
}

.universe-section {
    margin-top: 80px !important;

}

.banner-1 button.btn-2,
.box button.btn-2,
.btn-2 {
    font-size: 16px !important;
    margin-left: 5px;
    font-weight: 500;
    line-height: 21.6px !important;
    background-color: var(--button-fill-darkmode);
    color: white;
    border-radius: var(--button-radius) !important;
    outline: none;
    text-transform: unset !important;
    border: 1px solid var(--button-fill-darkmode);
}

.btn-box {
    display: flex;
    justify-content: space-between;
}

#investmentCarousel {
    padding: 50px 20px 0px;
    box-shadow: 0px 0px 2px 0px #0082A0;
    border-radius: 25px;
    background-color: var(--carousel-background-darkmode);
    overflow: visible;
    z-index: revert-layer;
    position: relative;
}

#investmentCarousel::before {
    content: "";
    background-color: var(--carousel-shadow);
    height: 100%;
    width: 100%;
    display: block;
    z-index: -1;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 25px;
    transform: rotate(-4deg);
}

#investmentCarousel:after {
    background: linear-gradient(to left, transparent, #00829E 55%, transparent);
    content: "";
    height: 2px;
    width: 40%;
    margin: auto;
    left: calc(50% - 20%);
    display: block;
    top: 0;
    position: absolute;
}

#investmentCarousel .carousel-indicators {
    top: 20px;
    margin: 0;
    padding: 0 20px;
}

.carousel-indicators li {
    background-color: rgba(151, 149, 145, 0.7);
    width: -webkit-fill-available;
    height: 2.5px;
    margin: 0 10px 0 0;
    border-radius: 10px;
}

.carousel-indicators .active {
    background-color: #54ABBF;
}

/* section2 */
.card-section {
    padding: 25px 20px 30px 20px;
    border-radius: 25px;
    box-shadow: 0px 2px 4px rgba(84, 171, 191, 0.15);
}

.investor-page .card-section.new-carousel-block,
.smarTomorrows-banner-container {
    width: 91%;
}

.investor-page .compliance-section,
.investor-page .new-banner-investor,
.investor-page .investor-ally,
.investor-page .card-section,
.investor-page .fund-returns-section,
.investor-page .card-container-IR {
    margin-bottom: 80px !important;
}

.investor-page .tabs-code {
    min-width: 32%;
}

.title:not(.card-api .title) {
    font-size: 28px;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 38.4px;
    color: var(--text-white-darkmode);
    padding-bottom: 5px;
    display: flex;
    justify-content: center;
}

.title:not(.card-api .title):before {
    content: "";
    height: 1.5px;
    background: var(--title-line-left-darkmode);
    width: 100px;
    display: block;
    top: 50%;
    margin-right: 15px;
    align-self: center;
}

.title:not(.card-api .title):after,
.latest-updates h2:after,
h1.kyc-faq:after,
.newsletter-content h2:after {
    content: "";
    height: 1.5px;
    background: var(--title-line-right-darkmode);
    width: 100px;
    display: block;
    margin-left: 15px;
    align-self: center;
}

.cards {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.card {
    background-color: #1e1e2d;
    border-radius: 15px;
    padding: 20px;
    width: 25%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.card h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32.5px;
    color: var(--text-white-darkmode);
    text-align: left !important;
}

.owl-carousel .card h3 {
    margin-bottom: 40px !important;
}

.card p {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--text-white-darkmode);
}

.card small {
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
    letter-spacing: 0.02em;
    color: var(--grey-text-darkmode);
}

.card-section .c1 {
    background-color: var(--card-c1) !important;
}

.c1.card h3:after {
    margin: 20px 0 5px;
    content: "";
    width: 100px;
    display: block;
    background: linear-gradient(to left, transparent, rgba(93, 183, 132, 1) 55%, transparent);
    height: 1.5px;
}

.card-section .c2 {
    background-color: var(--card-c2) !important;
}

.card-section .card {
    border-radius: 15px;
    box-shadow: none;
}

.c2.card h3:after {
    content: "";
    width: 100px;
    display: block;
    margin: 20px 0 5px;
    background: linear-gradient(to left, transparent, rgba(147, 91, 238, 1) 55%, transparent);
    height: 1.5px;
}

.card-section .c3 {
    background-color: var(--card-c3) !important;
}

.c3.card h3:after {
    margin: 20px 0 5px;
    content: "";
    width: 100px;
    display: block;
    background: linear-gradient(to left, transparent, rgba(234, 128, 93, 1) 55%, transparent);
    height: 1.5px;
}

.card-section .c4 {
    background-color: var(--card-c4) !important;
}

.c4.card h3:after {
    margin: 20px 0 5px;
    content: "";
    width: 100px;
    display: block;
    background: linear-gradient(to left, transparent, rgba(248, 74, 169, 1) 55%, transparent);
    height: 1.5px;
}

/* section2 end */
/* section 3 */
.sub-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 21.6px;
    color: var(--grey-text-darkmode);
    text-align: center;
    margin-bottom: 25px;
}

.invest-section {
    margin-top: 80px;
    margin-bottom: 50px;

}

.invest-section .nav-tabs {
    border-radius: 54.96px;
    border: 1px solid var(--grey-text-darkmode);
    justify-content: center;
    width: fit-content;
    margin: auto;
    margin-bottom: 20px;
}

.nav-item {
    margin: 0 !important
}

.card-central .btn-2.btn-lg {
    display: flex;
    justify-content: center;
}

.invest-section ul.nav-tabs li .nav-link {
    border: none;
    border-radius: 30px;
    background-color: transparent;
    color: var(--grey-text-darkmode);
    padding: 10px 20px;
    transition: all 0.3s ease;
    width: 160px;
    font-size: 22px;
    font-weight: 500;
    line-height: 26.4px;
    letter-spacing: 0.02em;
}

.invest-section ul.nav-tabs li .nav-link.active {
    background-color: #ff6700;
    color: #ffffff;
}

.tab-pane .d-flex .owl-stage div {
    justify-items: center;
    background-color: var(--div-background-darkmode);
    width: -webkit-fill-available;
    border-radius: 30px;
    /* margin: 0 10px; */
    height: 438px;
}

.tab-pane .d-flex .owl-stage .box {
    padding: 5px;
}

.tab-pane .d-flex .owl-stage .box2,
.goal-calculator-main .box2 {
    padding: 0 10px;
}

.tab-pane .box,
.goal-calculator-main .box {
    overflow: hidden;
    height: 90% !important;
}

.tab-pane .box2,
.goal-calculator-main .box2 {
    height: 95% !important;
}

.tab-content {
    border-radius: 20px;
    padding: 20px;
}

.invest-section .tab-content {
    padding: 20px 0;
}

.account-statements-page .tab-content {
    padding: 20px 0;
}

.tab-content h4,
.goal-calculator-main h4 {
    text-align: center;
    font-weight: 400;
    font-size: 26px;
    line-height: 32.5px;
    color: var(--text-white-darkmode);
    padding-top: 30px;
}

.tab-content p:not(.sub-text, .contactus-page p, .accordion-content p, .accordion-content, .blog-card p),
.goal-calculator-main p {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    line-height: 27px;
    color: var(--grey-text-darkmode);
}

.SMSService-p {
    text-align: left;
}

@media not all and (pointer: coarse) {

    .tab-pane .box:hover p:not(.hover-text),
    .goal-calculator-main .box:hover p:not(.hover-text) {
        display: none;
        transition: all 0.5s ease;
    }

    .tab-pane .box p.hover-text,
    .tab-pane .box p.hover-text2,
    .goal-calculator-main .box p.hover-text,
    .goal-calculator-main .box p.hover-text2 {
        opacity: 0;
        transform: translateY(20%);
        transition: all 0.5s ease;
    }

    .tab-pane .box:hover p.hover-text,
    .tab-pane .box:hover p.hover-text2,
    .goal-calculator-main .box:hover p.hover-text,
    .goal-calculator-main .box:hover p.hover-text2 {
        opacity: 1;
        transform: translateY(0%);
        transition: all 0.5s ease;

    }

    .tab-pane.learn .box:hover p.hover-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .tab-pane.plan .box:hover p.hover-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
    }
}


.tab-pane .box img {
    width: 260px !important;
    transition: width 1s ease;
}

.owl-stage-outer:not(#investmentCarousel .owl-stage-outer, .owl-carousel-invest .owl-stage-outer) {
    padding: 70px 0px 10px;
}

@media not all and (pointer: coarse) {
    .tab-pane .box:hover img {
        width: 165px !important;
        transition: width 1s ease;

    }
}

.tab-pane .box2,
.tab-pane .box2 .btn-2,
.goal-calculator-main .box2,
.goal-calculator-main .btn-2 {
    position: relative;
}

@media not all and (pointer: coarse) {

    .tab-pane .box2:hover,
    .goal-calculator-main .box2:hover {
        overflow: visible;
        transition: all 0.5s ease;
    }
}

.tab-pane .box2 img,
.goal-calculator-main .box2 img {
    height: 240px;
    position: relative;
    transition: all 0.8s ease;
}

@media not all and (pointer: coarse) {

    .tab-pane .box2:hover img,
    .goal-calculator-main .box2:hover img {
        width: 142px;
        height: auto;
        position: absolute;
        top: -78px;
        right: -50px;
        transition: all 0.5s ease;
    }


    .tab-pane .box2:hover .btn-2,
    .goal-calculator-main .box2:hover .btn-2 {
        position: absolute;
        left: calc(50% - 95px);
        bottom: 0px;
    }

    .tab-pane .box2:hover .line:after,
    .goal-calculator-main .box2:hover .line:after {
        background: linear-gradient(to left, transparent, #00829E 55%, transparent);
        content: "";
        height: 1px;
        width: 80%;
        left: calc(50% - 40%);
        display: block;
        position: absolute;
        bottom: 80px;
    }
}

.tab-pane .box2 h4,
.tab-pane .box2 p,
.goal-calculator-main .box2 h4,
.goal-calculator-main .box2 p {
    transition: all 1s ease;
}

@media not all and (pointer: coarse) {

    .tab-pane .box2:hover p,
    .goal-calculator-main .box2:hover p {
        text-align: left;
    }
}

.tab-pane .box2 h4,
.goal-calculator-main .box2 h4 {
    font-size: 22px;
    text-align: center;
}

@media not all and (pointer: coarse) {

    .tab-pane .box2:hover h4,
    .goal-calculator-main .box2:hover h4 {
        font-size: 26px;
        text-align: left;
        width: -webkit-fill-available;
    }
}

.tab-pane .d-flex>div {
    box-shadow: none;
    border: none;
    transition: all 0.5s ease;
}

@media not all and (pointer: coarse) {

    .tab-pane .d-flex .owl-stage-outer .owl-item:hover,
    .goal-calculator-main .goal-inner-box:hover {
        box-shadow: 0px 2px 10px 0px rgba(84, 171, 191, 0.25);
        border: 1px solid rgba(0, 130, 160, 0.8);
    }
}

.sub-text {
    color: var(--text-white-darkmode);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin-bottom: 40px;
}

.card-nav {
    border: none;
    border-radius: 15px;
    background: linear-gradient(135deg, #2a2a3d, #1e1e2e);
    color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media not all and (pointer: coarse) {
    .card-nav:hover {
        transform: translateY(-10px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    }
}

.card-title {
    font-size: 1.25rem;
    font-weight: bold;
}

.card-text {
    margin: 10px 0;
}

/* .d-flex div, .row .col-md-4 {
    text-align: center;
} */

.d-flex div img,
.row .col-md-4 img {
    margin-bottom: 10px;
}

/* section3 api part */
.card-api {
    background-color: var(--div-background-darkmode);
    color: #ffffff;
    height: 100%;
    border-radius: 30px;
    align-content: space-evenly;
    padding: 25px;
    justify-content: space-around;
    display: flex;
    flex-direction: column;
}

.card-api .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.card-api .subtitle {
    font-size: 14px;
    color: #c0c0c0;
    margin-bottom: 15px;
}

.card-api .nav {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
}

.card-api .nav .value {
    font-size: 24px;
    font-weight: bold;
}

.card-api .nav .change {
    font-size: 14px;
    color: #44ff44;
}

.card-api .cagr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.card-api .cagr .value {
    font-size: 18px;
    font-weight: bold;
}

.card-api .cagr .risk {
    text-align: end;
    font-size: 14px;
    color: #ff6666;
}

.card-api .buttons {
    display: flex;
    gap: 10px;
}

.card-api button,
.card-api a {
    width: -webkit-fill-available;
}

.card-api .buttons button {
    flex: 1;
    padding: 10px;
    /* font-size: 14px; */
    /* border: none; */
    /* border-radius: 5px; */
    cursor: pointer;
}

/* .card-api .buttons .add-to-cart {
    background-color: #4e4e66;
    color: #ffffff;
}

.card-api .buttons .invest {
    background-color: #1cb0f6;
    color: #ffffff;
} */
@media not all and (pointer: coarse) {
    .card-api .buttons button:hover {
        opacity: 0.9;
    }
}

/* section3 api part
.card-api {
    background-color: #1b1c31;
    color: #ffffff;
    width: 320px;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.card-api .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.card-api .subtitle {
    font-size: 14px;
    color: #c0c0c0;
    margin-bottom: 15px;
}

.card-api .nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.card-api .nav .value {
    font-size: 24px;
    font-weight: bold;
}

.card-api .nav .change {
    font-size: 14px;
    color: #44ff44;
}

.card-api .cagr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.card-api .cagr .value {
    font-size: 18px;
    font-weight: bold;
}

.card-api .cagr .risk {
    font-size: 14px;
    color: #ff6666;
}

.card-api .buttons {
    display: flex;
    gap: 10px;
}

.card-api .buttons button {
    flex: 1;
    padding: 10px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.card-api .buttons .add-to-cart {
    background-color: #4e4e66;
    color: #ffffff;
}

.card-api .buttons .invest {
    background-color: #1cb0f6;
    color: #ffffff;
}

.card-api .buttons button:hover {
    opacity: 0.9;
} */

/* section3 api end */
/* section 3 end */
/* section 4 */
.cards-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: nowrap;
}

.card-central {
    position: relative;
    justify-content: space-between;
    background-color: var(--div-background-darkmode);
    border: 1px solid rgba(0, 130, 160, 0.5);
    color: var(--text-white-darkmode);
    width: 100%;
    border-radius: 16px;
    padding: 26px 24px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: row;
    align-items: end;
}

.card-central img:not(a img) {
    object-fit: contain;
    margin-bottom: -15px;
}

.card-central .logos {
    position: absolute;
    top: 20px;
    right: 16px;
}

.card-central h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 28.8px;
}

.card-central ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    font-size: 14px;
    color: var(--text-white-darkmode);
}

.card-central ul li {
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    line-height: 26.4px;
    color: var(--text-white-darkmode);
}

.card-central ul li::before {
    content: '\2022';
    color: var(--text-white-darkmode);
    margin-right: 8px;
}

.cta {
    display: inline-block;
    padding: 12px 24px;
    font-size: 14px;
    color: #ffffff;
    background-color: #007bff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
}

.cta:hover {
    opacity: 0.85;
}

/* section 4 end */
/* subscribe section */
.newsletter-section {
    padding-top: 80px !important;
    justify-content: space-between;
}

.newsletter .email-box {
    position: absolute;
    z-index: 1;
}

.latest-updates {
    padding: 15px 20px;
    width: 39%;
    border-radius: 30px;
    background: var(--div-background-darkmode);
}

.latest-updates h2,
h1.kyc-faq,
.newsletter-content h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 33.6px;
    display: flex;
    color: var(--text-white-darkmode);
    margin-top: 12px;
    margin-bottom: 8px
}

.latest-updates h5 {
    margin-top: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.2px;
    color: var(--grey-text-darkmode);
}

.newsletter h5 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 23.4px;
    color: var(--grey-text-darkmode);
}

.update-item {
    background-color: var(--newsletter-div-background);
    padding: 10px;
    border-radius: 12px;
    margin-bottom: 10px;
}

.update-item h3 {
    font-size: 16px;
    margin: 0;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.005em;
    text-align: left;
    color: var(--scheme-name-darkmode);
}

.update-item p {
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    letter-spacing: -0.02em;
    margin-bottom: 5px;
    color: var(--text-white-darkmode);
}

.update-item time {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: var(--grey-text-darkmode);
}

.view-all,
.view-all:hover {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    float: inline-end;
    width: fit-content;
    text-decoration: none;
    margin-top: 10px;
    color: var(--text-white-darkmode);
}

.newsletter {
    padding: 15px 35px;
    width: 59%;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
    /* background-color: var(--div-background-darkmode); */
    /* background: url('./images/globe.gif') no-repeat center center / cover; */
}

.newsletter-content {
    margin-bottom: 50px;
    width: 500px;
}

.newsletter input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: transparent;
    appearance: none;
    padding: 3px;
    background-clip: content-box;
    border: 2px solid var(--grey-text-darkmode);
}

.newsletter input[type=radio]:checked {
    background-color: var(--scheme-name-darkmode);
    border: 2px solid var(--scheme-name-darkmode);
}

.newsletter span:has(input[type=radio]:checked) {
    color: var(--text-white-darkmode);
}

.newsletter .wpcf7-not-valid-tip {
    position: absolute;
    top: -30px;
}

.newsletter .wpcf7-radio {
    display: flex;
}

.newsletter .wpcf7-submit:hover {
    background: var(--background-white) !important;
}

.newsletter .wpcf7-response-output {
    position: relative;
    bottom: -120px;
}

.newsletter span:has(input[type=radio]) {
    color: var(--grey-text-darkmode);
}

.subscription-type label,
.subscription-type .wpcf7-list-item {
    font-size: 18px;
    font-weight: 500;
    line-height: 21.6px;
    letter-spacing: 0.02em;
    display: flex;
    gap: 10px;
    margin-right: 18px;
}

.subscription-form input[type="email"],
.subscription-form input[type="email"]:focus-visible {
    flex: 1;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: transparent;
    color: var(--text-white-darkmode);
    outline: none;
}

.subscription-form p {
    width: 550px;
    display: flex;
    gap: 10px;
    border: 1px solid rgba(254, 254, 254, 1);
    padding: 3px;
    border-radius: 35px;
    justify-content: space-between;
}

.subscription-form .wpcf7-spinner {
    display: none;
}

.subscription-form .wpcf7-radio {
    display: flex;
}

.wpcf7 form.spam .wpcf7-response-output,
.wpcf7-response-output {
    border-color: #0082A0 !important;
    color: var(--text-white-darkmode);
}

.subscription-type {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.subscription-type input {
    margin: 0;
}

.subscription-type input::placeholder {
    color: var(--grey-text-darkmode);
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
}

.subscription-form button {
    padding: 0;
    background-color: #54ABBF;
}

/* subscribe section end */
/* qr section */
.qr-block {
    background: var(--qr-bg) no-repeat center center / cover;
    margin-top: 150px;
}

.qr-block>div {
    padding: 30px 0;
}

.left-section {
    flex: 1;
    padding: 20px 0;
    justify-content: space-evenly;
    display: flex;
    flex-direction: column;
}

.left-section img {
    width: 200px;
    margin-bottom: 20px;
}

.left-section h1 {
    margin: 0;
    font-size: 42px;
    font-weight: 700;
    line-height: 50.9px;
    color: var(--text-white-darkmode);
}

.left-section h1 span {
    color: var(--scheme-name-darkmode)
}

.left-section p {
    font-size: 22px;
    font-weight: 500;
    line-height: 35.2px;
    letter-spacing: -0.02em;
    color: var(--text-white-darkmode);
    opacity: 80%;
}

.right-section {
    display: flex;
    gap: 20px;
}

/* qr end */
/* universe section */
.left-section-uni {
    background-color: var(--div-background-darkmode);
    border-radius: 20px;
    padding: 40px;
    display: none;
}

.left-section-uni.active {
    display: block;
}

.left-section-uni h2 {
    margin-top: 0;
    font-size: 24px;
    margin-bottom: 10px;
    color: var(--text-white-darkmode);
}

.left-section-uni ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.universe-section button.btn-1,
.btn-1 a {
    color: var(--scheme-name-darkmode);
    text-decoration: unset;
}

.left-section-uni p {
    font-size: 18px;
    font-weight: 500;
    line-height: 21.6px;
    color: var(--text-white-darkmode);
    margin-bottom: 40px;
}

.left-section-uni h1 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    color: var(--grey-text-darkmode);
}

.left-section-uni ul li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 10px;
    color: var(--text-white-darkmode);
    font-size: 16px;
}

.left-section-uni ul li::marker {
    color: var(--scheme-name-darkmode);
}

.left-section-uni ul li a {
    font-size: 18px;
    color: #00d4ff;
    text-decoration: none;
    pointer-events: none;
    color: var(--scheme-name-darkmode);
}

.universe-section .right-section {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2025/01/universe.svg);
    background-position: center;
    background-size: auto;
    height: 140%;
    margin-top: -90px;
}

.universe-section h3 {
    margin-top: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.6px;
    letter-spacing: -0.02em;
    opacity: 45%;
    color: var(--text-white-darkmode);
    margin-bottom: 20px;
}

.center-logo {
    position: absolute;
    z-index: 1;
    left: calc(50% - 100px);
}

/* .orbit-item {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: transform 1s ease;
} */
/* .orbit-item img {
    transform: rotate(65deg);
} */
/* Position each orbit item */

.corner {
    position: absolute;
    width: 250px;
    /* Adjusted for border */
    height: 100px;
    /* Adjusted for border */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
}

/* Position each orbit item */

.corner {
    position: absolute;
    width: 250px;
    /* Adjusted for border */
    height: 100px;
    /* Adjusted for border */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    cursor: pointer;
    transition: all 0.5s linear;
}

/* Initial positions */
.corner1 {
    top: 18%;
    left: 15%;
}

.corner2 {
    top: 35%;
    left: 95%;
    transform: translateX(-100%);
}

.corner3 {
    top: 86%;
    left: 90%;
    transform: translateX(-100%) translateY(-100%);
}

.corner4 {
    top: 75%;
    left: 0%;
    transform: translateX(0) translateY(-100%);
}

#corner1 img,
#corner2 img {
    background-color: var(--uni-logo-bg-darkmode);
    border-radius: 4.35px;
}

#corner3 img,
#corner4 img {
    background-color: var(--uni-logo-bg-darkmode);
    border-radius: 4.35px;
    /* padding: 10px; */
}

#corner1 img:hover,
#corner1.highlight img {
    content: url(/wp-content/uploads/2025/05/sin.svg);
}

#corner2 img:hover,
#corner2.highlight img {
    content: url(/wp-content/uploads/2025/05/spn.svg);

}

#corner3 img:hover,
#corner3.highlight img {
    content: url(/wp-content/uploads/2025/04/Smart-T-1.svg);
}

#corner4 img:hover,
#corner4.highlight img {
    content: url(/wp-content/uploads/2025/05/sln.svg);
}


/* universe end */
/* btn animation */
@media not all and (pointer: coarse) {
    .btn-0 {
        position: relative;
        overflow: hidden;
        z-index: 1;

        &:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: var(--button-hover-color);
            transform: translateY(100%);
            transition: all 0.2s;
            /* border-radius: inherit; */
            opacity: 0;
        }

        &:hover {
            color: rgba(0, 130, 160, 1) !important;
            background-color: transparent !important;
            transition: all 0.2s;

            &:before {
                transform: translateY(0%);
                z-index: -1;
                opacity: 1;
            }
        }
    }

    .btn-0:hover a {
        color: var(--button-hover-text) !important;
    }
}

/* investor homepage  */
.banner-investor-homepage {
    padding: 40px 0;
    background-image: url(/wp-content/uploads/2025/01/main-bg.svg);
    background-position: right;
}

.banner-investor-homepage h5 {
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    color: var(--text-white-darkmode);
    width: 650px;
    display: flex;
    margin: auto;
}

.fund-returns-section .card-central {
    background: url(/wp-content/uploads/2025/01/funds-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    height: 252px;
    align-items: baseline;
}

.fund-returns-section .card-central.flip-card {
    background: url(/wp-content/uploads/2025/01/funds-bg-flip.svg) no-repeat;
    background-size: cover;
}

.fund-returns-section .card-central .btn-2 {
    background-color: rgba(231, 69, 93, 1);
    padding: 0;
    width: auto;
    font-size: 14px;
    font-weight: 400;
}

.fund-returns-section .card-central h3 {
    font-family: Outfit !important;
    font-size: 26px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 5px;
}

.fund-returns-section .card-central p {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 20.4px;
    width: 358px;
}

.fund-returns-section .card-central span {
    color: var(--background-darkmode)
}

.fund-returns-section .card-central img:not(a img) {
    position: absolute;
    right: -30px;
    bottom: -15px;
}

/* rotating arrow section */
.card-container-IR {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    justify-content: center;
    color: var(--text-white-darkmode);
}

.report-card {
    padding: 25px;
    height: 250px;
    border-radius: 30px;
    position: relative;
    text-align: left;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.report-card .d-flex figure {
    width: 350px;
}

.report-card .d-flex {
    align-items: start;
}

.report-card h5 {
    font-size: 22px;
    font-weight: 600;
    line-height: 31.2px;
    display: flex;
    margin-bottom: 16px;
}

.report-card h5:after {
    content: "";
    height: 1.5px;
    width: 100px;
    display: block;
    margin-left: 15px;
    align-self: center;
}

.interactive-soa.report-card h5:after {
    background: linear-gradient(to left, transparent, var(--report-b1-arrow) 97%);
}

.account-statement.report-card h5:after {
    background: linear-gradient(to left, transparent, var(--report-b2-arrow) 97%);
}

.exit-load-details.report-card h5:after {
    background: linear-gradient(to left, transparent, var(--report-b3-arrow) 97%);
}

.capital-gain-statement.report-card h5:after {
    background: linear-gradient(to left, transparent, var(--report-b4-arrow) 97%);
}

.report-card p {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
}

.report-card .image {
    z-index: 1;
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: -21px;
    right: -4px;
    background: var(--background-darkmode);
    border-top-left-radius: 35px;
}

.report-card .top-inner,
.report-card .bottom-inner {
    position: absolute;
}

.report-card .image {
    border: 4px solid var(--background-darkmode);
}

@media not all and (pointer: coarse) {
    .report-card:hover .image img {
        transform: rotate(45deg);
    }
}

.interactive-soa {
    background: linear-gradient(to bottom, var(--report-b1-arrow) -40%, var(--report-b1-linear-dark) 65%);
}

.interactive-soa .image img {
    background: linear-gradient(to top, var(--report-b1-arrow) 0%, var(--report-b1-linear-dark) 100%);
}

.account-statement {
    background: linear-gradient(to bottom, var(--report-b2-arrow) -40%, var(--report-b2-linear-dark) 65%);
}

.account-statement .image img {
    background: linear-gradient(to top, var(--report-b2-arrow) 0%, var(--report-b2-linear-dark) 100%);
}

.exit-load-details {
    background: linear-gradient(to bottom, var(--report-b3-arrow) -40%, var(--report-b3-linear-dark) 65%);
}

.exit-load-details .image img {
    background: linear-gradient(to top, var(--report-b3-arrow) 0%, var(--report-b3-linear-dark) 100%);
}

.capital-gain-statement {
    background: linear-gradient(to bottom, var(--report-b4-arrow) -40%, var(--report-b4-linear-dark) 65%);
}

.capital-gain-statement .image img {
    background: linear-gradient(to top, var(--report-b4-arrow) 0%, var(--report-b4-linear-dark) 100%);
}

.card-container-IR img:not(.image img) {
    padding-top: 10px;
    padding-right: 20px;
}

.interactive-soa .top-inner,
.interactive-soa .bottom-inner {
    background: var(--report-b1-linear-dark);
}

.account-statement .top-inner,
.account-statement .bottom-inner {
    background: var(--report-b2-linear-dark);
}

.exit-load-details .top-inner,
.exit-load-details .bottom-inner {
    background: var(--report-b3-linear-dark);
}

.capital-gain-statement .top-inner,
.capital-gain-statement .bottom-inner {
    background: var(--report-b4-linear-dark);
}

/* arrow over */
.image {
    width: 50px;
    height: 50px;
    border: 10px solid var(--background-darkmode);
    display: flex;
    justify-content: center;
    align-items: center;
}

.image img {
    transition: transform 0.3s ease-in-out;
    z-index: 0;
    border-radius: 50%;
    border: 7px solid var(--background-darkmode);
}

.report-card .button {
    position: absolute;
    bottom: 0;
    right: 0;
    background: inherit;
    border-radius: 30px 0 0 0;
}

/* need to check */
.top {
    position: absolute;
    top: -95px;
    right: 0;
    width: 30px;
    height: 30px;
    background: var(--background-darkmode);
}

.top-inner {
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: 0 0 30px 0;
}

.bottom {
    position: absolute;
    bottom: 0;
    left: -95px;
    width: 30px;
    height: 30px;
    background: var(--background-darkmode);
}

.bottom-inner {
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: 0 0 30px 0;
}

/* service cards */
.service-card {
    background: linear-gradient(180deg, var(--for-linear-bg) 0%, var(--div-background-darkmode) 100%);
    border-radius: 15px;
    padding: 16px 20px;
}

.investor-ally h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28.8px;
    color: var(--text-white-darkmode);
}

.investor-ally .middle-column h5,
.middle-column .highlight {
    font-family: 'Kodchasan' !important;
    font-size: 28px;
    padding-top: 12px;
    font-weight: 600;
}

.middle-column figure {
    padding: 0 40px 40px;
}

.investor-ally p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--grey-text-darkmode);
}

.service-card img {
    position: absolute;
    width: 90px;
    margin-bottom: 15px;
    margin-left: -32px;
    margin-top: -52px;
}

.investor-ally .col-md-4 {
    padding: 0;
}

.middle-column {
    background-color: var(--div-background-darkmode);
    border-radius: 15px;
    padding: 30px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.middle-column h2 {
    font-size: 21px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: var(--text-white-darkmode);
}

.middle-column .highlight {
    color: var(--scheme-name-darkmode);
}

.middle-column img {
    margin-bottom: 15px;
}

.service-card button,
.service-card .btn-1 {
    color: var(--scheme-name-darkmode);
    border-color: var(--scheme-name-darkmode);
}

/* service cards over */
/* faq */
/* Basic styling for the accordion */
.faq-accordion-block {
    gap: 25px;
}

.accordion {
    width: 100%;
    /* max-width: 600px; */
    margin: 0 auto;
}

.accordion-item {
    border: none;
    margin-bottom: 20px;
}

.accordion-header {
    position: relative;
    color: var(--faq-qna);
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 21.6px;
    text-align: left;
    width: 100%;
    background-color: var(--div-background-darkmode);
    /* padding: 20px 15px; */
    padding: 20px 35px 20px 25px;
    border-radius: 12px;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    transition: background-color 0.3s ease;
    z-index: 1;
    position: relative;
}


.accordion-content {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
    background-color: rgba(0, 118, 146, 1);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-top: -16px;
    padding-top: 0;
    padding: 0 1.25rem;
}

.page-main-heading.my-4::after {
    left: 20px;
}

.distributor-statements .page-main-heading:after,
.risk-analysis .page-main-heading:after,
.goal-calculator-main .page-main-heading:after {
    left: 0;
}

.pageurl a {
    text-decoration: none;
}

.contact-banner {
    margin-top: 80px;
    background-image: url(/wp-content/uploads/2025/03/banner-cc.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.contactus-page p:has(.wpcf7-submit),
.distributor-enquiry p:has(.wpcf7-submit) {
    margin-top: 30px;
}

.contact-banner p {
    font-size: 28px;
    font-weight: 600;
    line-height: 14px;
    color: var(--text-white-darkmode);
    padding-left: 20px;
    margin: 0;
}

.contact-banner .cbanner-div {
    padding: 50px 0 50px 40px;
}

.contact-banner span {
    font-size: 38px;
    font-weight: 800;
    color: var(--warm-black);
}

.contactus-page .form-container-Query {
    margin-top: 50px;
    padding: 6px 25px 10px;
}

.contactus-page .wpcf7-submit,
.submit-button a {
    font-weight: 400px;
}

p.accordion-content,
.accordion-content p,
.accordion-content li,
.accordion-content a,
.accordion-content th,
.accordion-content tr {
    color: var(--faq-qna);
    font-size: 16px;
    margin-bottom: 0 !important;
    font-weight: 500;
    line-height: 21.6px;
    text-align: left;
    /* padding-top: 20px; */
}

.accordion-header::after {
    position: absolute;
    right: 16px;
    top: calc(50% - 11px);
    content: '\2715';
    float: right;
    scale: 0.9;
    font-size: 16px;
    rotate: 45deg;
    margin-right: 10px;
    transition: rotate 0.3s ease;
}

.accordion-header.active::after {
    content: '\2715';
    float: right;
    scale: 0.9;
    rotate: 0deg;
    margin-right: 10px;
}

.accordion-header.active+.accordion-content {
    /* padding-top: 16px; */
    padding: 1.25rem 1.25rem 0;
    padding-top: 30px;
}

.faq-block>div {
    width: -webkit-fill-available;
}

/* Active state for the accordion header */
.accordion-header.active {
    background-color: rgba(0, 72, 88, 1);
    color: var(--faq-active);
}

/* faq over */
/* complaince sectin */
.form-container-right-card.active .searchyear>div:not(.search-tag) {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
}

.year-box {
    display: flex;
    flex-direction: row;
    gap: 0px;
    margin-right: 30px;
}

.year-container {
    padding: 0;
    margin: 3px;
}

.compilance-section .pdf-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: var(--div-background-darkmode);
    border-radius: 8px;
    margin-bottom: 30px;
    transition: background-color 0.3s;
}

#year-select {
    background-color: var(--div-background-darkmode);
    color: #5da7c0;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    cursor: pointer;
    outline: none;
    padding: 0 10px 0 5px;
}

.latest-updates-main #year-select {
    background-color: transparent;
}

.update-item h3 a,
.update-item h3 a:hover {
    color: var(--scheme-name-darkmode) !important;
    text-decoration: none;
}

.update-item p a {
    color: var(--text-white-darkmode) !important;
    text-decoration: none;

}

.compliance-section {
    background-color: transparent;
    border-radius: 8px;
    padding: 20px;
    max-width: 1360px;
    width: 100%;
    display: flex;
    flex-direction: row;
    color: var(--text-white-darkmode);
}

.compliance-section .tabs {
    flex-basis: 30%;
    align-content: center;
}

.compliance-section .tab-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.compliance-section .tab-list li {
    margin-bottom: 10px;
    margin-right: -10px;
}

.compliance-section .tab-list li a {
    text-decoration: none;
    color: #ffffff;
    padding: 22px 10px 22px 25px;
    border-radius: 22px 0 0 22px;
    display: block;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
}

.compliance-section .tabs-code .tab-list li a {
    color: var(--grey-text-darkmode);
}

.compliance-section .tab-list li img {
    width: 35px;
    vertical-align: bottom;
}

.compliance-section .tab-list li a.active {
    background-color: #252736;
}

.compliance-section a img:not(.download img, a.sub_cat_lnk img, .pdf-boxes img) {
    filter: grayscale(1);
    opacity: 0.2;
    margin-right: 10px;
}

.download img {
    margin-right: 4px;
}

.download a {
    padding: 0;
}

.select-wrapper::after {
    content: url("/wp-content/uploads/2025/01/dropdown-arrow-blue.svg");
    margin-left: 2px;
    vertical-align: text-bottom;
}

.compliance-section a.active img:not(.download img) {
    filter: grayscale(0);
    opacity: 1;
}

.compliance-section .tab-content {
    flex: 1;
    background-color: var(--div-background-darkmode);
    padding: 45px;
    border-radius: 30px;
    height: 870px;
}

.form-container>.form-container-right.tab-content .form-container-right {
    height: -webkit-fill-available;
    padding-left: 0;
    padding-right: 0;
}

.investor-page .tab-content {
    max-width: 68%;
    padding: 30px 34px;
    scrollbar-width: none;
}

.compliance-section .tab-content h2 {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 600;
    line-height: 36px;
}

.compliance-section>div {
    width: 100%;
}

.compliance-section .tab-content p,
.compliance-section .tab-content a,
.compliance-section .tab-content a:hover,
.compliance-section .tab-content li {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    color: var(--text-white-darkmode);
}

.compliance-section .tab-content a:not(.pdf-details a, .compliance-section .is-style-outline.wp-block-button a),
.compliance-section .tab-content li .pdf-details a:hover {
    color: #5da7c0;
    text-decoration: underline;
}

.pdf-actions a {
    text-decoration: none;
}

.investor-page .compliance-section .pdf-item {
    justify-content: space-between;
    padding: 0 0 40px;
}

.compliance-section .numbers-list li {
    text-decoration: none;
    list-style: numbers;
    color: var(--text-white-darkmode);
}

.compliance-section .content {
    display: none;
}

.compliance-section .content.show {
    display: block;
}

/* complaince over */
/* carousel section */
.new-carousel-block .left-nav {
    z-index: 5;
    width: 60%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

.new-carousel-block .col1 {
    align-self: self-end;
    margin-bottom: 20px;
}

.new-carousel-block .left-nav img {
    margin-bottom: 0;
    display: flex !important;
}

.carousel-section {
    width: 80%;
    display: flex;
    justify-content: end;
    position: relative;
}

.new-carousel-block .left-nav .owl-nav,
.owl-nav2 {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.owl-nav2 {
    float: inline-end;
    margin-right: 20px;
}

.new-carousel-block .owl-nav button,
.owl-nav2 button {
    background-color: var(--owl-bg);
    border: none;
    border-radius: 12px;
    padding: 9px 10px;
    color: white;
    font-size: 16px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.owl-nav2 button {
    font-size: xx-small;
    padding: 5px;
}

.investor-carousel {
    margin-bottom: 150px;
    padding-top: 15px !important;
}

.agent-div {
    /* width: 342px; */
    position: absolute;
    left: -90px;
    bottom: -16px;
}

.carousel-section .carousel-section-div {
    width: 75%;
    /* display: block;
    justify-content: center;
    align-items: center;
    padding: 0 20px; */
}

/* .carousel-section .owl-carousel .item {
    display: flex;
    justify-content: center;
    align-items: center;
  } */

.carousel-section .card {
    color: white;
    border-radius: 16px;
    padding: 25px;
    width: 100%;
    height: 359px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.sub-text .carousel-section .card h3 {
    font-size: 26px;
    font-weight: 500;
    line-height: 32.5px;
    text-align: left;
    width: fit-content;
    /* width: auto; */
}

.carousel-section .card h3::after {
    width: 100%;
    margin-top: 10px;
}

.carousel-section>div {
    display: flex;
}

/* .carousel-section .owl-stage-outer{
    padding: 0;
  } */

.carousel-section .card p,
.carousel-section .card li,
.carousel-section .card a {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: var(--text-white-darkmode);
}

.carousel-section .card strong {
    font-weight: 500;
    font-size: 18px;
}

/* carousel section end */
/* investor homepage over */

/* ST articles */
.ncd-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin: 100px 0 40px;
}

.ncd-breadcrumb-link {
    color: var(--orange-accent-darkmode);
    text-decoration: none;
}

.ncd-breadcrumb-link::after,
.ncd-breadcrumb-current::after {
    content: ">";
    color: white;
    margin-left: 10px;
}

.ncd-breadcrumb-current {
    color: var(--grey-text-darkmode);
}

.ncd-breadcrumb-current:last-child::after {
    content: none;
}

/* Heading styles */
.ncd-heading {
    color: var(--text-white-darkmode);
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}

.ncd-heading::after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background-color: var(--orange-accent-darkmode);
    margin-top: 15px;
    border-radius: 2px;
}

.blog-card {
    border-radius: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    /* Ensure images don't overflow */
    min-height: 450px;
    position: relative;
    background: #FEFEFE14;
}

.blog-card a {
    text-decoration: none;
}

.blog-card img {
    width: 100%;
    height: 175px;
    /* Fixed height for images */
    object-fit: cover;
    /* Ensure images cover the area */
}

.blog-card-body {
    padding: 2px 20px;
}

.blog-card-title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 400;
    line-height: 27.5px;
    color: var(--text-white-darkmode);
}

.blog-card-text {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: var(--grey-text-darkmode);
}

.btn-know-more,
.btn-know-more:hover,
.btn-know-more:visited,
.btn-know-more:active {
    background-color: rgba(0, 130, 160, 0.2);
    color: var(--scheme-name-darkmode);
    border: none;
    cursor: pointer;
    width: 124px;
    height: 35px;
    padding: 8px 20px 8px 20px;
    border-radius: 19px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 20px;
}

.ST-articles .ncd-breadcrumb,
.s_t_article-template-default .ncd-breadcrumb {
    margin-bottom: 36px;
}

.ST-articles .row {
    row-gap: 10px;
}

.ST-articles .col-md-4 {
    padding: 0 2px 0 12px;
    width: 32.5%;
}

/* article internal page */
.s_t_article-template-default {
    margin-top: 0px;
}

/* article internal end */
/*pagination code articles */
.ST-articles .pagination {
    text-align: center;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ST-articles .page-number {
    cursor: pointer;
    background-color: transparent;
    color: var(--text-white-darkmode);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease;
}

.ST-articles .pages .active {
    font-size: 1.3em;
    height: 40px;
    width: 40px;
    background-color: var(--text-white-darkmode);
    color: var(--background-darkmode);
}

.ST-articles .pages button {
    width: 120px;
    padding: 8px 16px;
    background-color: #ffffff00;
    color: #0057b3;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media not all and (pointer: coarse) {
    .pages button:hover {
        color: #0056b3;
    }
}

.ST-articles button:disabled {
    background-color: #ffffff00;
    color: #ccc;
    cursor: not-allowed;
}

.ST-articles #prevPage {
    margin-right: 20px;
}

.ST-articles #nextPage {
    margin-left: 20px;
}

.ST-articles .arrow {
    font-size: 1.2em;
}

.ST-articles .pages {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    width: 200px;
}

.ST-tabs .nav-section {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
    margin-top: 30px;
    position: relative;
    border-bottom: 0.5px solid #6C737FB2;
    /* Divider line */
}

.ST-tabs .nav-link {
    width: auto;
    /* Fixed width for buttons */
    height: 30px;
    /* Fixed height for buttons */
    padding: 5px 15px;
    /* Adjust padding for spacing */
    margin-right: 8px;
    /* Space between links */
    background-color: var(--button-bg-darkmode);
    /* Background color when not active */
    color: #979591;
    /* Text color for inactive links */
    text-decoration: none;
    border-radius: 7px 7px 0px 0px;
    /* Rounded top corners */
    display: flex;
    /* Flexbox for alignment */
    align-items: center;
    /* Center text vertically */
    justify-content: center;
    /* Center text horizontally */
    gap: 10px;
    /* Gap between elements inside the button */
    transition: background-color 0.3s, color 0.3s;
    /* Smooth transitions for hover effects */
    font-size: 16px;
}

.ST-articles .tab-content {
    padding: 10px 0;
}


@media not all and (pointer: coarse) {
    .ST-tabs .nav-link:hover {
        background-color: var(--gradient-lines-darkmode);
        /* Background color on hover */
        color: #fff;
        /* Text color on hover */
    }
}

.ST-tabs .nav-link.active {
    background-color: var(--gradient-lines-darkmode);
    /* Active state background color */
    color: #fff;
    /* Active state text color */
    border-radius: 7px 7px 0px 0px;
    /* Keep corners consistent */
}

.pagination-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 40px 0;
}

.pagination-numbers {
    display: flex;
    gap: 8px;
}

.pagination-number {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    outline: none !important;
    color: var(--text-white-darkmode);
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pagination-number:focus {
    outline: none !important;
    box-shadow: none !important;
}

.pagination-number.active {
    background: var(--text-white-darkmode);
    color: var(--background-darkmode);
}

.pagination-arrow {
    width: 50px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    outline: none !important;
    color: var(--text-white-darkmode);
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.pagination-arrow:focus {
    outline: none !important;
    box-shadow: none !important;
}

@media not all and (pointer: coarse) {
    .pagination-arrow:hover {
        opacity: 0.8;
    }
}

.pagination-arrow:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/*pagination code articles end*/
/* ST articles end */
/* ST articles over */








/* vj css from here */
#investmentCarousel>div.owl-stage-outer {
    padding: 0;
}

#investmentCarousel .owl-dots {
    position: absolute;
    top: 24px;
    display: flex;
    width: -webkit-fill-available;
    margin: auto 10px;
    left: 0;
}

#investmentCarousel .owl-dot span {
    background: rgba(151, 149, 145, 0.7);
}

#investmentCarousel .owl-dot.active span {
    background-color: #54ABBF;
}

#investmentCarousel .owl-dots span,
#investmentCarousel .owl-dots button {
    width: -webkit-fill-available;
    height: 1.5px;
    margin: 1px;
}

/* .btn-group-lg>.wp-block-button a, .wp-block-button a,.btn-group-lg>.wp-block-button a:hover, .wp-block-button a:hover{
	padding:0;
	color: inherit;
	text-decoration: none;
	font-size: inherit;
	align-self: center;
} */
/* need to check */
.btn-box:where(.is-layout-flex) {
    gap: 0
}

.banner-1 button.btn-2,
.button.btn-2,
.btn-2 {
    line-height: unset !important;
}

.wp-block-button {
    text-align: center;
}

.owl-carousel.owl-drag .owl-item:not(#investmentCarousel .owl-item, .owl-carousel-invest .owl-item),
.goal-calculator-main .goal-inner-box {
    background-color: var(--div-background-darkmode);
    width: -webkit-fill-available;
    border-radius: 30px;
    /* margin: 0 10px; */
    height: 438px;
}

.owl-carousel.owl-drag .owl-item:not(.carousel-initiate .owl-item, #investmentCarousel .owl-item, .owl-carousel-invest .owl-item),
.goal-calculator-main .goal-inner-box {
    justify-items: center;
}

.tab-content p:not(.pdf-boxes p, .pdf-boxes a, .blog-card p, .accordion-content p, .accordion-content, .sub-text, .year-container, .contactus-page p):not(.holder-label, .holder-value, .mode-label, .mode-value, .accounts-search p, .JO p),
.goal-calculator-main .box p {
    padding: 0 20px;
}

.investor-page .pdf-boxes {
    width: 180px;
    padding: 10px;
    background: rgba(254, 254, 254, 0.05);
    border-radius: 22px;
}

.investor-page .tab-content p,
.investor-page .tab-content li,
.investor-page .tab-content a,
.investor-page .tab-content a:hover {
    padding: 0 !important;
    color: var(--text-white-darkmode) !important;
    font-size: 15px !important;
    line-height: normal;
    /* padding-bottom: 15px; */
    margin-bottom: 0;
}

.investor-page .tab-content .pdf-details a {
    font-size: 14px !important;
}

.investor-page .tab-content h3 {
    font-size: 19px;
    font-weight: 600;
}

.investor-page .pdf-boxes p {
    font-size: 14px !important;
    text-align: center !important;
}

.investor-page .tab-content .blue li,
.investor-page .tab-content ul,
.investor-page .tab-content a:not(.pdf-details a),
.investor-page .tab-content a:hover {
    color: var(--scheme-name-darkmode) !important;
    margin-bottom: 0px;
}

.tab-content .tab-pane.active {
    display: block;
}

.tab-content .tab-pane {
    display: none;
    position: relative;
}

.tab-content h4,
.tab-content .box2 :not(.sub-text),
.goal-calculator-main .box2 {
    margin-bottom: 0;
}

@media not all and (pointer: coarse) {

    .tab-pane .box2:hover h4,
    .goal-calculator-main .box2:hover h4 {
        padding-left: 20px;
    }
}

.risk-profile-btn.scheme-dropdown {
    padding: 0px 20px;

    line-height: 30px !important;
}

.risk-profile-btn {
    background-color: rgba(0, 130, 160, 0.2);
    border: none;
    /* height: 36px; */
    padding: 8px 20px 8px 20px;
    gap: 4px;
    border-radius: 25px;
    display: flex !important;
    font-size: 16px;
    font-weight: 400;
    width: auto;
    position: absolute;
    right: 0;
    color: var(--scheme-name-darkmode);
}

.btn-2 img {
    margin-top: 0;
}

@media not all and (pointer: coarse) {

    .tab-pane .owl-stage-outer .owl-item:hover,
    .goal-calculator-main .goal-inner-box:hover {
        box-shadow: 0px 2px 10px 0px rgba(84, 171, 191, 0.25);
        border: 1px solid rgba(0, 130, 160, 0.8);
    }
}

.view-all a,
.view-all a:hover {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    float: inline-end;
    width: fit-content;
    text-decoration: none;
    margin-top: 10px;
    color: var(--text-white-darkmode);
}

.scheme-dropdown {
    color: var(--text-white-darkmode);
}

/* section3 api part */
.card-api .owl-item {
    background-color: rgba(37, 39, 54, 1);
    color: #ffffff;
    width: 410px;
    border-radius: 30px;
    padding: 25px;
}

.card-api .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.card-api .subtitle {
    font-size: 14px;
    color: #c0c0c0;
    margin-bottom: 15px;
}

.card-api .nav {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.card-api .nav .value {
    font-size: 24px;
    font-weight: bold;
}

.card-api .nav .change {
    font-size: 14px;
    color: #44ff44;
}

.card-api .cagr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.card-api .cagr .value {
    font-size: 18px;
    font-weight: bold;
}

.card-api .cagr .risk {
    font-size: 14px;
    color: #ff6666;
}

.card-api .buttons {
    display: flex;
    gap: 10px;
}

.card-api .buttons button {
    flex: 1;
    padding: 10px;
    /* font-size: 14px; */
    /* border: none; */
    /* border-radius: 5px; */
    cursor: pointer;
}

.card-api .nav-value .nav-title {
    margin-bottom: 10px;
}

.card-api .cagr .value h5 {
    margin-top: 10px;
}

.card-api .title {
    font-size: 16px;
    font-weight: 500;
    line-height: 22.5px;
    letter-spacing: 0.01em;
    color: var(--scheme-name-darkmode);
    text-align: left;
    display: block;
    margin-bottom: 0;
}

.card-api .title::before,
.card-api .title::after {
    display: none;
}

.card-api .subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: var(--scheme-name-darkmode);
    text-align: left !important;
}

.card-api a {
    text-decoration: unset;
}

.card-api a:hover {
    text-decoration: underline;
    text-decoration-color: var(--button-fill-darkmode);
}

.card-api .option-name span {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--grey-text-darkmode);
}

.card-api .nav-value,
.card-api .cagr {
    border-top: 0.5px solid var(--line-dividers);

    padding-top: 20px;
}


.low-risk {
    color: #0DB975;
}

/* Green */
.moderate-risk {
    color: #F79009;
}

/* Yellow */
.high-risk {
    color: #E7455D;
}

/* Red */

.card-api .cagr select {
    background-color: unset;
    font-weight: 400;
    font-size: 16px;
    border: 0;
    color: white;

    option {
        background-color: #4c332d;
        color: white;
    }
}

.card-api .cagr .cagr-dropdown {
    background: rgba(231, 100, 8, 0.2);
    border-radius: 20px;
    height: fit-content;
    padding: 5px 10px;
    margin: auto;
    margin-left: 10px;
}

.card-api .cagr select:focus {
    outline: none;
}

.card-api .nav-value .nav-title,
.card-api .cagr .value,
.card-api .cagr .risk {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: var(--grey-text-darkmode);
}

.card-api .nav-value .change {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    letter-spacing: 0.02em;
}

.card-api .nav-value .value,
.card-api .cagr .value h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    letter-spacing: 0.02em;
    color: var(--text-white-darkmode);
}

.card_api_outer.hide-scheme {
    display: none;
}

.card-api .cagr .risk span {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    letter-spacing: 0.02em;
}

/* section3 api part */
.invest-section .nav-tabs .nav-link {
    border: none !important;
    border-radius: 30px !important;
    background-color: transparent;
    color: var(--grey-text-darkmode) !important;
    transition: all 0.3s ease;
    width: 160px;
}

.invest-section .nav-tabs .nav-link a {
    padding: 0px 20px !important;
    font-size: 22px;
    font-weight: 500;
    line-height: 26.4px;
    letter-spacing: 0.02em;
}

.invest-section .sub-text {
    margin-bottom: 0 !important;
}

.invest-section .nav-tabs .nav-link.active,
.invest-section .nav-tabs .nav-link.active a {
    background-color: #ff6700 !important;
    color: #FFFFFF !important;
}

.newsletter-section .btn-2 {
    padding: 8px 40px !important;


}

.btn.wp-block-button {
    padding: 0 !important;
}

.btn-2 a,
.btn-1 a {
    padding: 5px 40px !important;
    font-size: 16px !important;
}

.card-central a {
    display: flex;
    align-items: baseline;
    padding: 2px 20px !important;
    font-size: 16px !important;
}

.investor-page .service-card a {
    font-size: 16px !important;
    padding: 6px 26px !important;
}

@media not all and (pointer: coarse) {
    .investor-page .service-card .btn:hover {
        color: var(--scheme-name-darkmode);
        border-color: var(--scheme-name-darkmode);
    }
}

.investor-page .tab-content .content p {
    text-align: left;
}

/* for all faqs */
.faq-accordion-block .accordion-item {
    border: none;
    background-color: transparent;
    margin-bottom: 35px;
}

.latest-updates img {
    position: absolute;
    right: -25%;
    top: -23%;
}

.latest-updates {
    position: relative;
}

/* globe code */
canvas {
    height: 450px;
    width: 450px;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.5;
}

.glow {
    position: absolute;
    bottom: 120px;
    z-index: 0;
    right: 120px;
    width: 10px;
    height: 10px;
    opacity: 0.6;
    background-color: #93b5bf;
    border-radius: 50%;
    /* border: 5px solid rgba(255, 255, 255, 0.6); */
    box-shadow: 0px 0px 65px 82px rgb(255 255 255 / 65%), 0px 0px 198px 192px #014a5a, 0px 0px 70px 130px #54ABBF;
    ;
}

.parent-div {
    position: absolute;
    z-index: 0;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    overflow: hidden;
}

.newsletter {
    padding: 15px 35px;
    width: 59%;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
    background-image: var(--newsletter-bg-image);
    background-position: center;
    overflow: hidden;
}

/* globe code end */
.newsletter-section {
    align-items: unset;
}

/* forms and downloads */
.tab-content p.pdf-details {
    padding: 0 0 0 10px;
}

.search-box {
    position: relative;
    align-content: space-evenly;
    /* Position relative for absolute positioning of the icon */
}

.search-box input[type="search"] {
    float: left;
    width: auto;
    padding: 8px 8px 8px 30px;
    /* Add padding to the left for the icon */
    border-radius: 40px;
    /* Add border radius */
    border: 1px solid #cccccc52;
    font-size: 16px;
    background-color: var(--div-background-darkmode);
    /* Add background color */
    color: var(--text-white-darkmode);
}

.search-box::before {
    /* content: url('/wp-content/uploads/2025/01/search-icon.svg'); */
    /* Path to your search icon */
    content: url('/wp-content/uploads/2025/01/search-icon.svg');
    position: absolute;
    left: 10px;
    top: 11px;
    /* transform: translateY(-50%); */
    pointer-events: none;
    /* Ensure the icon doesn't interfere with input */
}

.select-wrapper {
    position: relative;
    display: inline-block;
}

.pagination .page-item a,
.custom-pagination a,
.pagination .page-item,
.pagination .page-item.disabled span {
    text-decoration: none !important;
    color: var(--text-white-darkmode) !important;
}


.pagination,
.custom-pagination {
    justify-content: center;
    display: flex;
    margin: auto;
}

.pagination .page-item a,
.custom-pagination a {
    background-color: transparent;
    padding: 3px 14px;
    text-decoration: none !important;
    border: none !important;
    box-shadow: none;
    font-size: 14px;
}

.custom-pagination a {
    font-size: 14px !important;
}

.pagination .page-item.active a,
.pagination .page-item.active a:focus,
.pagination .page-item.active a:target,
.pagination .page-item.active a:focus-visible,
.pagination .page-item.active a:visited,
.custom-pagination a.active {
    background: white;
    border-radius: 50%;
    color: #001B31 !important;
}

.pagination .page-item.disabled span,
.pagination .page-item:first-child a,
.pagination .page-item:last-child a {
    background-color: transparent;
    border: none;
}


.select-wrapper::after {
    content: url('/wp-content/uploads/2025/01/down-array.svg');
    /* Use your custom arrow */
    position: absolute;
    right: -20px;
    top: 55%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #5da7c0;
}

.FND .field .dropdown-icon,
.presentation-dropdowns img {
    top: calc(50% - 10px);
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    pointer-events: none;
    /* Prevent blocking the select element */
    z-index: 1;
}

/* Create pseudo-element for top corners */
.field input::before,
.field select::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(151, 149, 145, 0.5);
    mask: linear-gradient(to right,
            rgba(0, 0, 0, 1) 0px,
            rgba(0, 0, 0, 1) 10px,
            transparent 10px,
            transparent calc(100% - 10px),
            rgba(0, 0, 0, 1) calc(100% - 10px),
            rgba(0, 0, 0, 1) 100%);
    -webkit-mask: linear-gradient(to right,
            rgba(0, 0, 0, 1) 0px,
            rgba(0, 0, 0, 1) 10px,
            transparent 10px,
            transparent calc(100% - 10px),
            rgba(0, 0, 0, 1) calc(100% - 10px),
            rgba(0, 0, 0, 1) 100%);
}

.field input:hover,
.field input:focus,
.field select:hover,
.field select:focus {
    border: 0.5px solid var(--text-white-darkmode);
    border-radius: 8px;
    background-color: transparent;
}

.pdf-title,
.pdf-details a {
    width: 100%;
    text-decoration: none;
}

@media not all and (pointer: coarse) {

    .compliance-section .tab-content a.pdf-title:hover,
    .pdf-details a:hover {
        text-decoration: underline;
        color: var(--scheme-name-darkmode) !important;
    }
}

.compliance-section .tab-content .pdf-meta {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.2px;
    color: var(--grey-text-darkmode);
    padding: 0 0 0 10px;
}

.FND .pdf-actions {
    align-self: flex-start;
}

.FND .pdf-info {
    width: 80%;
}

.FND .field label {
    position: absolute;
    top: -10px !important;
    left: 10px;
    font-size: 14px;
    color: #979591;
    font-weight: 500;
    padding: 0 5px;
    background-color: var(--div-background-darkmode);
    z-index: 1;
}

/* Style the select dropdown */
.field select option {
    background-color: white;
    color: #000000;
    border-radius: 0px 0px 10px 30px;
}

.compliance-section .tab-content {
    overflow-y: scroll;
}

.shareholder-internal .compliance-section .tab-content {
    overflow-y: auto;
}

.FND.compliance-section .tab-content {
    min-width: 40.5vw;
    width: -webkit-fill-available;
}

.forms-template.FND {
    justify-content: center;
}

.forms-template.FND .form-container-left {
    height: 870px;
}

.news_inst_fct_out.FND.compliance-section .tab-content {
    min-width: 70.5vw;
}

.forms-template.FND.compliance-section.news_inst_fct_out .search-box::before {
    top: calc(50% - 11px);
    margin-right: 15px;
}

.forms-template.FND,
.news_inst_fct_out.FND {
    padding: 0;
}

.news_inst_fct_out.FND {
    position: relative;
    padding-top: 60px;
}

.news_inst_fct_out.FND .nav-tabs {
    top: 0;
    left: 0px;
    position: absolute;
    right: -52px;
    width: 100%;
}

.forms-template.FND .pdf-item {
    justify-content: space-between;
}

.factbook .compliance-section>div {
    width: 100%;
}

.forms-template.FND {
    .search-box::before {
        top: calc(50% - 10px);
        margin-right: 15px;
    }

    .nav-tabs {
        border-bottom: 0.5px solid #30323f;
    }

    .nav-tabs div {
        border-bottom: none;
    }

    .search-box input[type="search"] {
        padding: 8px 8px 8px 35px;
    }

    .search-box::before {
        top: calc(50% - 11px);
    }

    .nav-link {
        color: var(--grey-text-darkmode) !important;
    }

    .nav-link.active {
        color: var(--text-white-darkmode) !important;
    }

    .tab-content {
        scrollbar-width: none;

    }

    .sub_cat_lnk.active div {
        background: var(--gradient-lines-darkmode);
    }

}

.FND .nav-tabs a {
    padding: 0;
    text-decoration: none !important;
    color: #979591;
}

.FND .content .nav-tabs .nav-link {
    font-size: 16px;
    background: #FFFFFF0D;
    height: unset;
    border-color: transparent;
    /* border-bottom: 1px solid #dee2e6; */
}

.FND .nav-tabs .nav-link.active,
.FND .nav-tabs .nav-link:hover {
    background: var(--gradient-lines-darkmode);
}

.FND .nav-tabs .nav-link.active a,
.FND .nav-tabs .nav-link:hover a {
    color: var(--text-white-darkmode) !important;
}

.FND .form-container {
    display: flex;
    flex-direction: row;
    gap: 30px;
    width: -webkit-fill-available;
}

.forms-template .pdf-title,
.news_inst_fct_out .pdf-title {
    width: 422px;
}

.forms-template .pdf-title,
.news_inst_fct_out .pdf-title {
    font-size: 15px !important;
}

.download {
    text-decoration: none !important;
}

.forms-template .pdf-meta,
.news_inst_fct_out .pdf-meta {
    padding: 0 !important;
}

.forms-template .tab-content,
.news_inst_fct_out .tab-content {
    overflow-y: hidden;
    padding: 30px 25px;
}

.forms-template .tab-content {
    overflow-y: scroll;
}

.forms-template .tab-content.csr_cat_content_with_file,
.news_inst_fct_out .tab-content.csr_cat_content_with_file {
    overflow-y: scroll;
}

.media-outlook-main .ncd-cards-container iframe {
    height: 156px;
}

.media-outlook-main .PRVideos .ncd-cards-container>div {
    grid-template-columns: repeat(4, 1fr);
}

.FND .form-container-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    /* width: 25%; */
    /* max-height: 100vh; */
    overflow-y: auto;
    scrollbar-width: none;
}

.forms-template.FND .form-container-left {
    flex-basis: 30%;

}

.FND .form-container-left-card {
    background-color: var(--div-background-darkmode);
    border-radius: 12px;
    padding: 15px 20px;
    gap: 15px;
    display: flex;
    flex-direction: column;
}

.FND .form-container-left-card.active {
    background-color: var(--gradient-lines-darkmode);
}

.FND .form-container-left-card img {
    width: 50px;
    height: 50px;
}

.FND .form-container-left h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
    color: var(--text-white-darkmode);
}

.FND .form-container-left .sub_cat_lnk {
    text-decoration: none;
}

.year-box {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
}


/* bug fixes */
.gradient-gif {
    background: var(--gradient-gif);
}

.asymetric-lines-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.4;
}

.asymetric-lines-image {
    overflow: hidden;
}

.mobile-banner {
    display: none;
}

.web-banner {
    display: block;
    padding: 0 5px;
}

.home-banner .banner-1 .btn-1 a,
.home-banner .banner-1 .btn-2 a {
    font-size: 18px;
    padding: 5px 30px;
}

#investmentTabsContent .wp-block-button {
    z-index: 5;
}

.agent-div img {
    width: 400px;
    z-index: 2;
    position: relative;
}

.forms-template {
    .select-wrapper::after {
        right: 4px;
        top: calc(50% - 8px);
        transform: unset;
    }

    .field .dropdown-icon {
        width: 14px;
    }

    .nav-tabs .nav-link {
        padding: 0 10px;
    }

    h5 {
        font-weight: 600;
        margin: 25px 0 20px;
        background: rgba(84, 171, 191, 0.3);
        padding: 12px 16px;
        font-size: 18px;
        border-radius: 12px 12px 0 0;
    }

    .nav-tabs+.searchyear {
        padding-top: 25px;
    }

    .form-container-right.tab-content.cat_only_contnt h1 {
        font-size: 24px;
        font-weight: 600;
        padding: 20px 0 10px;
    }

    .form-container-right.tab-content.cat_only_contnt h6 {
        line-height: inherit;
        font-size: 14px;
        color: var(--grey-text-darkmode);
    }

    .form-container-right.tab-content.cat_only_contnt h4 {
        font-size: 18px;
        font-weight: 500;
        padding: 0px 0 10px;
        text-align: left;
        line-height: normal;
    }

    .searchyear {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .search-box::before {
        top: calc(50% - 16px);
    }

    .field {
        width: 40%;
        align-content: center;
    }

    .searchyear .field label {
        font-size: 12px;
        top: -2px !important;
    }

    .field select {
        padding: 9px;
        font-size: 14px;
    }

    .form-container-left,
    .form-container>.form-container-right.tab-content {
        height: 1400px !important;
    }

    .cat_only_contnt {
        overflow-y: scroll;
    }
}


/* Job Opportunities */
.JO .applyonline-container p:not(.resume-upload-box p) {
    line-height: normal;
    text-align: left;
}

.JO .applyonline-container p:has(+ .select-container) {
    margin-bottom: 1.4rem;
}

.JO .applyonline-container .select-container {
    display: block;
    height: auto;
}

.JO .applyonline-container .wpcf7-radio>span,
.wpcf7-list-item {
    margin: 0;
}

.JO .applyonline-container .form-group label {

    font-size: 16px;
}

.terms-container {
    display: flex;
}

.nav-section {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
    overflow-x: auto;
    scrollbar-width: none;
    border-bottom: 0.5px solid #6C737FB2 !important;
    /* Divider line */
}

.JO .nav-link {
    width: auto;
    /* Fixed width for buttons */
    height: 30px;
    /* Fixed height for buttons */
    padding: 5px 15px !important;
    /* Adjust padding for spacing */
    margin-right: 10px;
    /* Space between links */
    background-color: #FFFFFF0D !important;
    /* Background color when not active */
    color: #979591;
    /* Text color for inactive links */
    text-decoration: none;
    border-radius: 7px 7px 0px 0px;
    /* Rounded top corners */
    display: flex !important;
    /* Flexbox for alignment */
    align-items: center;
    /* Center text vertically */
    justify-content: center;
    /* Center text horizontally */
    gap: 10px;
    /* Gap between elements inside the button */
    transition: background-color 0.3s, color 0.3s;
    /* Smooth transitions for hover effects */
    font-size: 16px;
    white-space: nowrap;
}

.JO .nav-link:hover {
    background-color: var(--gradient-lines-darkmode);
    /* Background color on hover */
    color: #fff;
    /* Text color on hover */
}

.JO .nav-link.active {
    background-color: var(--gradient-lines-darkmode) !important;
    /* Active state background color */
    color: #fff !important;
    /* Active state text color */
    border-radius: 7px 7px 0px 0px;
    /* Keep corners consistent */
}

.current-openings-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .current-openings-container {
        grid-template-columns: repeat(1, 1fr);
    }
}

.current-openings-card {
    background-color: var(--div-background-darkmode);
    border-radius: 30px;
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    padding: 25px;
}

.job-details h1,
.current-openings-card h1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
    align-items: center;
    margin-bottom: 0px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--grey-text-darkmode);
}

.job-details h2,
.current-openings-card h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.01em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--button-fill-darkmode)
}

.job-details li,
.job-details h3,
.current-openings-card h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 21.6px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--text-white-darkmode);
}

.form-field {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

@media screen and (max-width: 768px) {
    .form-field {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .form-row {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

.field {
    width: 100%;
    height: 56px;
    position: relative;
    gap: 20px;
}

.securities-page .field {
    height: auto;
}

.feild-openings {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.feild-openings .field input,
.feild-openings .field select {
    border-top: 0.5px solid rgba(151, 149, 145, 0.5) !important;
}

@media screen and (max-width: 768px) {
    .feild-openings {
        grid-template-columns: repeat(1, 1fr);
    }
}

.field input::before,
.field select::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(151, 149, 145, 0.5);
    mask: linear-gradient(to right,
            rgba(0, 0, 0, 1) 0px,
            rgba(0, 0, 0, 1) 10px,
            transparent 10px,
            transparent calc(100% - 10px),
            rgba(0, 0, 0, 1) calc(100% - 10px),
            rgba(0, 0, 0, 1) 100%);
    -webkit-mask: linear-gradient(to right,
            rgba(0, 0, 0, 1) 0px,
            rgba(0, 0, 0, 1) 10px,
            transparent 10px,
            transparent calc(100% - 10px),
            rgba(0, 0, 0, 1) calc(100% - 10px),
            rgba(0, 0, 0, 1) 100%);
}

.field input:hover,
.field input:focus,
.field select:hover,
.field select:focus {
    border: 0.5px solid var(--text-white-darkmode);
    border-radius: 8px;
    background-color: transparent;
}

/* Style the select dropdown */
.field select option {
    background-color: white;
    color: #000000;
    border-radius: 0px 0px 10px 30px;
}

.FND .field label,
.JO .field label {
    position: absolute;
    top: -10px !important;
    left: 10px;
    font-size: 14px;
    color: #979591;
    font-weight: 500;
    padding: 0 5px;
    background-color: var(--div-background-darkmode);
    z-index: 1;
}

.JO .applyonline-container .field {
    height: unset;
}

.applyonline-container .form-field {
    gap: 0px 32px;
}

.JO .applyonline-container .field label {
    position: absolute;
    top: 12px !important;
    left: 10px;
    font-size: 14px;
    color: #979591;
    font-weight: 500;
    padding: 0 5px;
    background-color: var(--div-background-darkmode);
    z-index: 1;
}

.JO .flex-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.JO .tab-content {
    padding: 0;
}

.JO .tab-content p.checkbox-text {
    padding: 0;
}

.JO button {
    padding: 10px;
    font-size: 16px !important;
    padding: 8px;
}

.JO .select-container {
    position: relative;
}

.JO .select-container img {
    position: absolute;
    right: 12px;
    top: calc(50% - 8px);
}

.field1 {
    width: 100%;
    height: 56px;
    position: relative;
    gap: 20px;
}

.field1 input,
.field1 select {
    width: 100%;
    height: 100%;
    padding: 15px;
    background-color: transparent;
    border: 0.5px solid rgba(151, 149, 145, 0.5);
    border-top-color: transparent;
    outline: none;
    font-size: 16px;
    color: white;
    transition: all 0.3s ease;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    position: relative;
}

/* Create pseudo-element for top corners */
.field1 input::before,
.field1 select::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(151, 149, 145, 0.5);
    mask: linear-gradient(to right,
            rgba(0, 0, 0, 1) 0px,
            rgba(0, 0, 0, 1) 10px,
            transparent 10px,
            transparent calc(100% - 10px),
            rgba(0, 0, 0, 1) calc(100% - 10px),
            rgba(0, 0, 0, 1) 100%);
    -webkit-mask: linear-gradient(to right,
            rgba(0, 0, 0, 1) 0px,
            rgba(0, 0, 0, 1) 10px,
            transparent 10px,
            transparent calc(100% - 10px),
            rgba(0, 0, 0, 1) calc(100% - 10px),
            rgba(0, 0, 0, 1) 100%);
}

.field1 input:hover,
.field1 input:focus,
.field1 select:hover,
.field1 select:focus {
    border: 0.5px solid white;
    border-radius: 8px;
}

/* Style the select dropdown */
.field1 select option {
    background-color: var(--div-background-darkmode);
    color: white;
}

.field1 label {
    position: absolute;
    top: -10px;
    left: 10px;
    font-size: 14px;
    color: #979591;
    font-weight: 500;
    padding: 0 5px;
    background-color: transparent;
    z-index: 1;
}

.field1 label::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background-color: #1E1D2A;
    z-index: -1;
}

.kyc-divider {
    border: 0;
    border-top: 0.5px solid var(--Field-Outline, #97959180);
    margin: 30px 0;
}

p.kyc-faq {
    text-align: left !important;
    padding: 0 !important;
}

.kyc-faq p,
.KYC-FAQs .SMSService-p {
    color: var(--text-white-darkmode) !important;
    font-size: 16px;
    margin-bottom: 20px;
    text-align: left !important;
}

.circle {
    display: inline-block;
    width: 30px;
    /* Adjust the size as needed */
    height: 30px;
    /* Adjust the size as needed */
    line-height: 30px;
    /* Center the text vertically */
    border-radius: 50%;
    text-align: center;
    color: #fff;
    /* Text color */
    font-weight: bold;
    /* Optional: make the text bold */
    border: 1px solid #ccc;
    /* Optional: add a border */
}

@media screen and (max-width: 768px) {
    .accordion1 {
        display: flex;
        flex-direction: column !important;
        /* Ensure items stack in a single column */
    }

}

.applyonline-container {
    border-radius: 30px;
    padding: 25px;
    gap: 25px;
    background-color: var(--div-background-darkmode);
}

.form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}

.form-group label {
    margin-right: 10px;
    color: var(--grey-text-darkmode);
    font-size: 18px;
    font-weight: 500;
    line-height: 21.6px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}

.form-group input[type="radio"] {
    margin-left: 5px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(50%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
    color: var(--grey-text-darkmode);
    transform: scale(1.2);
}

.resume-upload-container {
    margin: 20px 0;
}

.resume-upload-box {
    border: 2px dashed rgba(151, 149, 145, 0.5);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

@media not all and (pointer: coarse) {
    .resume-upload-box:hover {
        border-color: var(--text-blue-and-outline-darkmode);
    }
}

.upload-label {
    cursor: pointer;
    display: block;
}

.upload-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.upload-icon {
    font-size: 24px;
    color: var(--grey-text-darkmode);
    margin-bottom: 5px;
}

.upload-text {
    color: var(--text-white-darkmode);
    font-size: 16px;
    margin-bottom: 5px;
}

.upload-size,
.upload-format {
    color: var(--grey-text-darkmode);
    font-size: 14px;
}

.terms-container {
    margin: 20px 0;
}

.terms-label {
    display: flex;
    gap: 8px;
    color: var(--grey-text-darkmode);
    font-size: 14px;
    align-items: baseline;
}

::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    background: var(--text-white-darkmode);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--background-darkmode)
}

.shareholder-internal .compliance-section .tab-content a {
    text-align: left !important;
    font-size: 15px !important;
}


.terms-link {
    color: var(--text-blue-and-outline-darkmode);
    text-decoration: none;
}

.terms-link:hover {
    text-decoration: underline;
}

.submit-container {
    margin-top: 30px;
    text-align: left;
}

/* Style for the checkbox */
input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    accent-color: var(--text-blue-and-outline-darkmode);
}

.flex-row-center {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.modifyKYC .field label {
    background: var(--div-background-darkmode);
}

.modifyKYC .modal-title {
    color: white;
    font-size: 16px;
}

.presentation-dropdowns .dropdown-container {
    width: 80%;
    justify-content: space-between;
}

.presentation-dropdowns .dropdown-container .dropdown {
    width: 45%;
}

.presentation-dropdowns .dropdown-container select {
    padding: 6px 15px;
}

.presentation-dropdowns .button-div {
    width: fit-content;
}

.presentation-dropdowns {
    display: flex;
}

.presentation-dropdowns button {
    padding: 6px 24px;
    /* height: 47px; */
    background-color: #0082A0;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    color: white;
}

.field input,
.field select,
.presentation-dropdowns select {
    width: 100%;
    height: 100%;
    padding: 15px;
    background-color: transparent;
    border: 0.5px solid rgba(151, 149, 145, 0.5);
    /* border-top-color: transparent; */
    outline: none;
    font-size: 16px;
    color: var(--text-white-darkmode);
    transition: all 0.3s ease;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    position: relative;
    z-index: 0;
    padding-right: 40px;
}

.current-oppening-arrow {
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    pointer-events: none;
    z-index: 1;
    top: 20px;
}

.current-oppening-description {
    display: flex;
    gap: 10px;
}

.job-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow-y: auto;
}

.job-popup-content {
    position: relative;
    background-color: var(--div-background-darkmode);
    margin: 50px auto;
    padding: 30px;
    width: 90%;
    max-width: 800px;
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.close-popup {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 28px;
    font-weight: bold;
    color: var(--text-white-darkmode);
    cursor: pointer;
}



.job-details ul {
    list-style-type: none;
    padding-left: 0;
}

.job-details ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.job-details ul li::before {
    content: "•";
    color: var(--text-white-darkmode);
    position: absolute;
    left: 0;
}

.JO .nav-tabs .nav-item.show .nav-link,
.JO .nav-tabs .nav-link.active {
    border-color: transparent;
}

.nav-tabs .nav-link:hover {
    cursor: pointer;
}

/* Job Opportunities end */
/* Job Opportunities over */
/* distributor start */
.distributor-page .FAQ-section .tab-pane {
    display: none;
}

.distributor-page .invest-section .nav-tabs {
    gap: 40px;
}

.distributor-page .FAQ-section .tab-pane.active {
    display: flex;
}

.distributor-page .distributor-Card,
.distributor-page .distributor-Card-2 {
    overflow: hidden;
    position: relative;
    justify-content: space-between;
    /* background: linear-gradient(98.55deg, #54ABBF 0%, #0082A0 100%); */
    background: url(/wp-content/uploads/2025/03/distributor-banner-bg.svg);
    color: var(--text-white-darkmode);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    transition: width 0.5s ease;
    flex-direction: row;
    width: 75%;
    flex-basis: unset !important;
    height: 349px;
    filter: brightness(1);
}

.distributor-page .distributor-Card-2 {
    width: 30%;
    filter: brightness(0.7);
}

.distributor-page .btn-generate {
    background: rgba(231, 69, 93, 1);
    position: absolute;
    /* Position the button absolutely */
    bottom: 30px;
    width: max-content;
    /* Adjust this value to move it up */
    left: calc(100% - 115px);
    /* Center it horizontally */
    transform: translateX(-50%);
}

.banner-image-container-2>div,
.banner-image-container-1>div {
    width: 320px;
}

.distributor-page .banner-image-container-2 .btn-generate {
    background: rgba(231, 69, 93, 1);
    position: absolute;
    /* Position the button absolutely */
    bottom: 30px;
    /* Adjust this value to move it up */
    left: 50%;
    /* Center it horizontally */
    transform: translateX(-50%);
}

.distributor-page .instant-card-left h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 32.5px;
}

.distributor-page .instant-card-left h6,
.distributor-page .instant-card-left p:not(.instant-card-left .card p) {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    padding-bottom: 40px;
}

.distributor-page .instant-card-left .card h3 {
    letter-spacing: 0.5px;
    font-size: 20px;
    font-weight: 400;
    font-size: 21px;
    margin-bottom: 0 !important;
    text-align: center !important;
}

.distributor-page .instant-card-left .card {
    /* padding: 28.5px 14.43px; */
    /* padding: 0 20px; */
}

.distributor-page .instant-card-left .card p {
    font-size: 16.5px;
    font-weight: 300;
}

.distributor-page .instant-card-left h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22.5px;
}

.distributor-page .banner-cards-container {
    display: flex;
    gap: 30px;
}

.distributor-page .banner-cards-container .owl-carousel {
    gap: 20px;
    margin-bottom: 70px;
}

.distributor-page .banner-cards-container h1 {
    font-family: Outfit !important;
    font-size: 32px;
    font-weight: 700;
    line-height: 40.32px;
}

.distributor-page .banner-cards-container p {
    font-family: Outfit !important;
    color: var(--text-white-darkmode);
    font-size: 20px;
    font-weight: 300;
    line-height: 27.72px;
    padding-top: 15px;
}

.distributor-page .btn-generate a {
    padding: 12px 30px !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
}

.distributor-page .banner-image-container-1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.distributor-page .banner-text-container-1 {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.distributor-page .banner-image-container-2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.distributor-page .banner-text-container-2 {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 10px 0 0 30px;
}

.distributor-page .distributor-Card .banner-text-container-1 {
    display: flex;
    padding: 10px 0 0 30px;
    /* Show text by default */
}

@media not all and (pointer: coarse) {

    /* Show only image in the first card when hovering over the second */
    .distributor-page .distributor-Card-2:hover .banner-text-container-1 {
        display: none;
        /* Hide text of the first card when hovering over the second */
    }

    .distributor-page .distributor-Card-2:hover~.distributor-Card .banner-image-container-1 {
        display: none;
        /* Show image of the first card */
    }
}

/* Ensure the image is always displayed */
.distributor-page .distributor-Card .banner-image-container-1 .banner-image-container-2 {
    display: flex;
    /* Show image by default */
}

.distributor-page .distributor-Card-2 .banner-text-container-2 {
    display: none;
    /* Hide text by default */
}

@media not all and (pointer: coarse) {

    /* Show text in the second card when hovering */
    .distributor-page .distributor-Card-2:hover .banner-text-container-2 {
        display: flex;
        /* Show text on hover */
    }

    .distributor-page .distributor-Card-2:hover .btn-generate {
        left: 80%;
    }
}


.distributor-page .container {
    position: relative;
    height: 470px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 120px;
    max-width: unset;
}

.distributor-page .point {
    position: absolute;
    width: 250px;
    transition: background 0.3s;
}

.distributor-page .image-effortless {
    position: absolute;
    /* Position the image absolutely */
    top: 0;
    /* Align to the top */
    right: 0;
    /* Align to the right */
    width: 50px;
    /* Adjust width as needed */
    height: auto;
    display: none;

}

.distributor-page .divider {
    height: 1px;
    /* Adjust height as needed */
    background-color: var(--grey-text-darkmode);
    /* Use the same color as numeric-effortless */
    margin-top: 20px;
    /* Space above the divider */
    width: 100%;
    /* Full width of the container */
    display: none;
    opacity: 0.5;
}

.distributor-page .image-effortless-2 {
    position: absolute;
    /* Position the image absolutely */
    top: 0;
    /* Align to the top */
    left: 0;
    /* Align to the right */
    width: 50px;
    /* Adjust width as needed */
    height: auto;
    display: none;

}

.distributor-page .point.active .divider,
.distributor-page .point.active .image-effortless,
.distributor-page .point.active .image-effortless-2 {
    display: block;
    /* Show image when the point is active */
}

.distributor-page .point .numeric-effortless,
.distributor-page .point .title-effortless,
.distributor-page .point .text-effortless {
    color: var(--grey-text-darkmode);
    /* Default color for all text when not active */
}


.distributor-page .point-1 {
    top: 10px;
    left: 0;
    text-align: left;
}

.distributor-page .point-2 {
    top: 10px;
    right: 0;
    text-align: right;
}

.distributor-page .point-3 {
    bottom: 20px;
    left: 0;
    text-align: left;
}

.distributor-page .point-4 {
    bottom: 20px;
    right: 0;
    text-align: right;
}

.distributor-page .point.active .numeric-effortless {
    color: rgba(93, 183, 132, 1);
    /* Green for Point 1 */
}

.distributor-page .point.active .divider {
    border: 0.5px solid rgba(93, 183, 132, 1);
}

.distributor-page .point.active .title-effortless {
    color: rgba(93, 183, 132, 1);
    /* Green for Point 1 */
}

.distributor-page .point.active .text-effortless {
    color: var(--text-white-darkmode);

    /* White background */
}

.distributor-page .point-2.active .divider {
    border: 0.5px solid rgba(147, 91, 238, 1);
}

.distributor-page .point-2.active .numeric-effortless,
.distributor-page .point-2.active .title-effortless {
    color: rgba(147, 91, 238, 1);
    /* Violet for Point 2 */
}

.distributor-page .point-2.active .text-effortless {
    color: var(--text-white-darkmode);

    /* White background */
}

.distributor-page .point-3.active .numeric-effortless,
.distributor-page .point-3.active .title-effortless {
    color: rgba(234, 128, 93, 1);
    /* Orange for Point 3 */
}

.distributor-page .point-3.active .divider {
    border: 0.5px solid rgba(234, 128, 93, 1);
}

.distributor-page .point-3.active .text-effortless {
    color: var(--text-white-darkmode);

    /* White background */
}

.distributor-page .point-4.active .numeric-effortless,
.distributor-page .point-4.active .title-effortless {
    color: rgba(248, 74, 169, 1);
    /* Pink for Point 4 */
}

.distributor-page .point-4.active .divider {
    border: 0.5px solid rgba(248, 74, 169, 1);
}

.distributor-page .point-4.active .text-effortless {
    color: var(--text-white-darkmode);
    /* White background */
}

.distributor-page .image-container {
    position: absolute;
    z-index: 0;
    top: calc(50% - 175px);
    left: calc(50% - 175px);
}

.distributor-page #central-image {
    width: 300px;
    /* Adjust as needed */
    height: auto;
    transition: opacity 0.5s;
}

.distributor-page .numeric-effortless {
    font-family: Lato;
    font-size: 42px;
    font-weight: 700;
    line-height: 52.5px;
}

.distributor-page .title-effortless {
    font-family: Lato;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
}

.distributor-page .text-effortless {
    font-family: Lato;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.distributor-page .instant-container {
    background: var(--div-background-darkmode);
    border-radius: 85px 0px 0px 0px;
    padding: 45px 80px 30px 45px;
    gap: 25px;
    color: var(--text-white-darkmode);
}

.distributor-page .grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    gap: 20px;
}

.distributor-page .card {
    padding: 14.43px;
    gap: 9.62px;
    border-radius: 24.05px;
    text-align: center;
    border: 0.47px;
    opacity: 0px;
    width: 100%;
    background: rgba(254, 254, 254, 0.03);
    border: 0.47px solid rgba(84, 171, 191, 0.5)
}

.distributor-page .instant-card-left {
    width: 66%;
}

.distributor-page .instant-card-right {
    position: absolute;
    bottom: 0;
    left: calc(62% - 12px);
    width: 38%;
    z-index: 1;
    top: 40px;
    margin-top: 0px;
}

.distributor-page .instant-setup {
    padding: 20px 0px 20px 20px;
    gap: 10px;
    border-radius: 55px 0px 55px 0px;
    opacity: 0px;
    background: var(--background-darkmode);
}

.distributor-page .card-setup-container {
    width: 100%;
}

.distributor-page .card-setup-container>div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.distributor-tabssection {
    position: relative;
}

.distributor-page .card-setup {
    padding: 15px;
    text-align: center;
    gap: 10px;
    color: var(--Scheme-Name, rgba(84, 171, 191, 1));
    position: relative;
    overflow: hidden;
    z-index: 1;
    justify-content: space-around;
    transition: color 0.5s, background-color 0.5s;
    border: 0.5px solid var(--Scheme-Name, rgba(84, 171, 191, 1)) !important
}

.distributor-page .card-setup,
.distributor-page .card-setup-1,
.distributor-page .card-setup-6 {
    width: 225px;
    height: 200px;
    align-content: space-evenly;
}

#distributor-tab {
    margin-top: 60px;
    padding-bottom: 110px;
}

.distributor-page .invest-section {
    margin-top: 45px;
    margin-bottom: 150px;
}

.distributor-page .card-setup-1:not(.active):before,
.distributor-page .card-setup-6:not(.active):before,
.distributor-page .card-setup:not(.active):before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--Scheme-Name, rgba(84, 171, 191, 1));
    color: white;
    transform: translateY(100%);
    /* Start off-screen */
    transition: all 0.7s;
    /* Smooth transition */
    opacity: 0;
    /* Initially hidden */
}

.distributor-page .card-setup:nth-child(2):not(.active):before {
    background: rgba(51, 155, 179, 1);
}

.distributor-page .card-setup:nth-child(3):not(.active):before {
    background: rgba(0, 130, 160, 1);
}

.distributor-page .card-setup:nth-child(4):not(.active):before {
    background: rgba(0, 118, 146, 1);
}

.distributor-page .card-setup:nth-child(5):not(.active):before {
    background: rgba(0, 92, 114, 1);
}

.distributor-page .card-setup-6:not(.active):before {
    background: rgba(0, 72, 88, 1);
}

/* @media not all and (pointer: coarse) { */
.distributor-page .instant-card-right .nav-tabs .nav-link.card-setup-1:not(.active):hover,
.distributor-page .instant-card-right .nav-tabs .nav-link.card-setup-6:not(.active):hover,
.distributor-page .instant-card-right .nav-tabs .nav-link.card-setup:not(.active):hover {
    color: white;
    transition: all 0.5s;
}

/* } */
.distributor-page .invest-section .nav-tabs .nav-link,
.distributor-page .invest-section .nav-tabs .nav-link a {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    padding: 10px;
    width: auto;
}

/* @media not all and (pointer: coarse) { */
.distributor-page .card-setup-1:hover:before,
.distributor-page .card-setup-6:hover:before,
.distributor-page .card-setup:hover:before {
    transform: translateY(0%);
    /* Move background into view */
    z-index: -1;
    /* Send background behind text */
    opacity: 1;
    /* Show background */
}

/* } */
.distributor-page .nav-tabs .nav-link.card-setup-1,
.distributor-page .nav-tabs .nav-link.card-setup-6 {
    border-radius: 40px 0px 0px 0px;
    padding: 15px;
    text-align: center;
    gap: 10px;
    color: var(--Scheme-Name, rgba(84, 171, 191, 1));
    position: relative;
    overflow: hidden;
    z-index: 1;
    justify-content: space-around;
    transition: color 0.2s, background-color 0.2s;
    border: 0.5px solid var(--Scheme-Name, rgba(84, 171, 191, 1))
}

.distributor-page .instant-card-right .nav-tabs {
    border-bottom: none;
}

.distributor-page .nav-tabs .nav-link.card-setup-6 {
    border-radius: 0px 0px 40px 0px;
}

.distributor-page .card-setup {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.distributor-page .card-setup-1:hover .icon img,
.distributor-page .card-setup-6:hover .icon img,
.distributor-page .card-setup:hover .icon img,
.distributor-page .card-setup-1.active .icon img,
.distributor-page .card-setup-6.active .icon img,
.distributor-page .card-setup.active .icon img {
    filter: brightness(0) invert(1);
}

.distributor-page .active-card,
.distributor-page .nav-tabs .nav-link.active {
    background: var(--Scheme-Name, rgba(84, 171, 191, 1));
    color: white;
    border: 0.5px solid var(--Scheme-Name, rgba(84, 171, 191, 1));
}

.distributor-page .nav-tabs .nav-link:nth-child(2).active {
    background: rgba(51, 155, 179, 1);
}

.distributor-page .nav-tabs .nav-link:nth-child(3).active {
    background: rgba(0, 130, 160, 1);
}

.distributor-page .nav-tabs .nav-link:nth-child(4).active {
    background: rgba(0, 118, 146, 1);
}

.distributor-page .nav-tabs .nav-link:nth-child(5).active {
    background: rgba(0, 92, 114, 1);
}

.distributor-page .nav-tabs .nav-link:nth-child(6).active {
    background: rgba(0, 72, 88, 1);
}

.distributor-page .active-card .icon img,
.distributor-page .nav-tabs .nav-link.active .icon img {
    filter: brightness(0) invert(1);
}

.distributor-page .instant-card-left {
    display: none;
    /* Hide all sections by default */
}

.distributor-page .instant-card-left.active {
    display: block;
    /* Show the active section */
    height: 678px;
}



.distributor-page .flex-row {
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: stretch;
    height: auto;
}

.distributor-page .nav-tabs-2 {
    border-radius: 54.96px;
    border: 2px solid var(--grey-text-darkmode);
    justify-content: center;
    width: fit-content;
    margin: auto;
}

.distributor-page .nav-tabs-2 .nav-link-2 {
    border: none;
    border-radius: 30px;
    background-color: transparent;
    color: var(--grey-text-darkmode);
    padding: 10px 20px;
    transition: all 0.3s ease;
    width: 242px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
}

.distributor-page .nav-tabs-2 .nav-link-2.active-2 {
    background-color: #ff6700;
    color: #ffffff;
}

.distributor-page .quicklinks-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    gap: 20px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap !important;
    justify-content: center;

}

.distributor-page .quicklinks-card {
    display: flex;
    /* Use flexbox for layout */
    flex-direction: column;
    /* Stack items vertically */
    justify-content: space-between;
    padding: 30.36px 0 0px 0;
    /* gap: 10.24px; */
    border-radius: 20.6px;
    opacity: 0px;
    background: var(--div-background-darkmode);
    color: var(--text-white-darkmode);
    text-align: center;
    flex: 0 0 calc(25% - 20px);
}

.distributor-page .quicklinks-card h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    padding: 15px 20px 0px;
}

.distributor-page .quicklinks-card p {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 20px;
    padding-bottom: 30px;
}

.distributor-page .quicklinks-card a {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 23.04px;
    padding: 10px;
}


.distributor-page .know-more-btn {
    padding: 4px 25.6px;
    /* Padding */
    gap: 15.36px;
    /* Gap */
    border-radius: 15.36px 15.36px 0px 0px;
    /* Border radius */
    border: 0.51px solid rgba(0, 130, 160, 0.25);
    border-bottom: none;
    /* Border */
    background: var(--know-more);
    /* Background color */
    cursor: pointer;
    /* Pointer cursor */
    color: #ffffff;
    transition: width 0.3s ease;
    width: 80%;
    margin: auto;
    margin-bottom: 0px;
}

.distributor-page img {
    margin-left: 8px;
    /* Space between text and arrow */
    transition: transform 0.3s;
    /* Transition for rotation */
}

/* Hover effect */
@media not all and (pointer: coarse) {
    .distributor-page .know-more-btn:hover {
        width: 100%;
        opacity: 1;
        border-radius: 0 0 15.36px 15.36px;
        border-left: transparent;
        border-right: transparent;
        border-bottom: transparent;
    }

    .distributor-page .know-more-btn:hover img {
        transform: translateY(-2px) rotate(45deg);
        /* Move right and rotate */
    }
}

/* distributor end */
/* mutual funds app */
.investment-need p {
    color: var(--text-white-darkmode) !important;
    font-weight: 600 !important;
    font-size: 16px;
    text-align: center !important;
}

.investment-need-text {
    margin-top: 30px;
}

.investment-need {
    position: relative;
    background-image: url(/wp-content/uploads/2025/01/main-bg.svg);
    background-size: unset;
    /* background-repeat: no-repeat; */
    background-position: bottom;
    padding: 10px 0;
    margin: 0 auto;
    width: 90%;
    /* height: 824px;*/
}

.investment-need .new-mobile-img {
    position: relative;
    bottom: -16px;
    left: calc(50% - 500px);
    margin-bottom: 0;

}

.growing-wealth {
    margin: 80px auto;
}

.growing-wealth-cards {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.growing-wealth-cards>div {
    border-radius: 20px;
    background: linear-gradient(to right,
            var(--for-linear-bg) 30%, var(--div-background-darkmode) 100%, rgba(30, 29, 42, 0.4) 50%);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    padding: 30px;
}

.growing-wealth-cards>div h5 {
    font-size: 24px;
    font-weight: 800;
    color: var(--text-white-darkmode);
}

.get-app-mobile {
    position: relative;
    display: inline-block;
}

.get-app-mobile::before,
.get-app-mobile::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.get-app-mobile::after {
    width: 560px;
    /* Slightly larger than solid circle */
    height: 560px;
    border: 2px solid var(--grey-text-darkmode);
    /* Dashed circle */
    z-index: -1;
}

.get-app-mobile::before {
    width: 800px;
    /* Adjust size as needed */
    height: 800px;
    border: 2px dashed var(--grey-text-darkmode);
    /* Solid circle */
    z-index: 0;
}

.get-app-mobile .point-text {
    font-size: 16px;
    font-weight: 400;
    color: var(--background-white);
    border: 1px solid var(--button-fill-darkmode);
    border-radius: 50px;
    padding: 20px 25px;
    background-color: var(--background-darkmode);
}

.growing-wealth-cards>div p {
    font-size: 18px;
    font-weight: 400;
    color: var(--grey-text-darkmode);
}

.mobile-use-steps {
    margin: 150px auto;
}


.app-images {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.app-images img {
    width: 180px;
}

.get-app-points {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 90px;
}

.get-app-points>div {
    margin: auto;
}

.get-app-points-text {
    display: flex;
}

.get-app-points-text .point-1,
.get-app-points-text .point-2,
.get-app-points-text .point-3,
.get-app-points-text .point-4,
.get-app-points-text .point-5,
.get-app-points-text .point-6,
.get-app-points-text .point-7,
.get-app-points-text .point-8 {
    position: absolute;
}

.get-app-points-text .point-1>div,
.get-app-points-text .point-2>div,
.get-app-points-text .point-3>div,
.get-app-points-text .point-4>div,
.get-app-points-text .point-5>div,
.get-app-points-text .point-6>div,
.get-app-points-text .point-7>div,
.get-app-points-text .point-8>div {
    display: flex;
    align-items: center;
}

.get-app-points-text .point-1 {
    top: 15%;
    left: -95%;
}

.get-app-points-text .point-2 {
    top: 35%;
    left: -76%;
}

.get-app-points-text .point-3 {
    top: 56%;
    left: -96%;
}

.get-app-points-text .point-4 {
    bottom: 12%;
    left: -113%;
}

.get-app-points-text .point-5 {
    top: 16%;
    right: -114%;
}

.get-app-points-text .point-6 {
    top: 35%;
    right: -75%;
}

.get-app-points-text .point-7 {
    bottom: 32%;
    right: -106%;
}

.get-app-points-text .point-8 {
    bottom: 14%;
    right: -106%;
}

.get-app-points-text .point-1 .point-number,
.get-app-points-text .point-2 .point-number,
.get-app-points-text .point-3 .point-number,
.get-app-points-text .point-4 .point-number {
    position: absolute;
    left: 97%;
}

.get-app-points-text .point-5 .point-number,
.get-app-points-text .point-6 .point-number,
.get-app-points-text .point-7 .point-number,
.get-app-points-text .point-8 .point-number {
    position: absolute;
    right: 95%;
}

.get-app-points-text .point-number {
    font-size: 16px;
    color: var(--background-white);
    width: 60px;
    height: 60px;
    border: 1px solid var(--button-fill-darkmode);
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--background-darkmode);
}

.get-app-mobile-display,
.steps-mobile-image {
    display: none;
}

/* partner app page */
.partner-app{
    .get-app-points-text .point-1 {
    top: 15%;
    left: -85%;
}
.get-app-points-text .point-2 {
    top: 35%;
    left: -102%;
}
.get-app-points-text .point-3 {
    top: 56%;
    left: -112%;
}
.get-app-points-text .point-4 {
    bottom: 12%;
    left: -106%;
}
.get-app-points-text .point-7 {
    bottom: 32%;
    right: -100%;
}
.get-app-points-text .point-6 {
    top: 35%;
    right: -97%;
}
.get-app-points-text .point-5 {
    top: 16%;
    right: -92%;
}
}
/* partner app page end */
/* mutual funds app end */
/* contact us */
select.foliono-dropdown {
    appearance: none;
    /* Remove default arrow */
    -webkit-appearance: none;
    /* Remove default arrow for Safari */
    -moz-appearance: none;
    /* Remove default arrow for Firefox */
    background: transparent;
    /* Make the background transparent */
    padding-right: 20px;
    /* Add space for the custom arrow */
}

/* Remove the arrow in IE */
select.foliono-dropdown::-ms-expand {
    display: none;
}

.foliono-input-field:after {
    content: url(/wp-content/uploads/2025/01/dropdown-arrow-1.svg);
    position: absolute;
    top: calc(50% - 12px);
    right: 28px;
    text-decoration: underline;
    color: var(--text-blue-and-outline-darkmode);
}

.accounts-search figure {
    margin: 0;
    top: calc(50% - 5px) !important;
}

/* contact us section */
.contactus-page .zero-screen {
    margin-bottom: 0px;
}

.contactus-page.faq-main-div .page-nav-tabs .nav-item a.nav-link {
    margin-right: 0 !important;
}

.contactus-page .bank-card .divider {
    margin-top: 38px;
    background-color: #97959169;
}

.contactus-page .main-container {
    position: relative;
    padding: 20px 0px 20px 79px;
}

.contactus-page .tab-content {
    padding: 26px 0;
}

.contactus-page .main-container>div {
    justify-content: unset;
}

.contactus-page .divider {
    border: 0.5px solid #a3a09b66;
    margin: 0;
}

.social-media figure {
    justify-self: center;
        margin: 1rem 0;
}

.contactus-page .content {
    display: none;
}

.contactus-page .content.active {
    display: block;
}

.contactus-page .page-title,
.gstin-page #gstin .page-title {
    padding: 0 10px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 20px !important;
}

.gstin-page .page-title .bank-card .is-content-justification-space-between {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.gstin-page .page-title .bank-card .is-content-justification-space-between>.wp-block-group {
    flex-basis: 45%;
}

.gstin-page select:hover,
.gstin-page select:focus {
    border-top: transparent;
}

/* contact us section end */
/* product labeling */
.tendr_unique_dsgn .fund-title {
    font-weight: 400;
    font-size: 22px;
    color: var(--scheme-name-darkmode);
    padding-bottom: 12px;
}

.tendr_unique_dsgn .fund-description p {
    font-size: 14px !important;
    text-align: left !important;
    color: var(--text-white-darkmode) !important;
    padding: 0 !important;
}

.tendr_unique_dsgn .risk-meter img {
    width: 252px;
}

.tendr_unique_dsgn .fund {
    border-bottom: 0.5px solid #80808087;
    padding: 35px 0;
    align-items: start !important;
}

.tendr_unique_dsgn .custom-pagination {
    padding-top: 20px;
}

.tendr_unique_dsgn .risk-meter {
    text-align-last: center;
}

.tendr_unique_dsgn .risk-note {
    font-weight: 500;
    font-size: 14px;
    color: var(--grey-text-darkmode);
    text-align: center;
    width: 70%;
    margin: auto;
}

/* product labeling end */
/* blog internal pages */

.smartblog {
    max-width: 1360px;
    margin: 0 auto;
    padding: 20px;
}

.smartblog header {
    text-align: left;
    margin-bottom: 8px;
}

.smartblog header nav {
    color: #aaa;
    font-size: 14px;
}

.smartblog header h1 {
    font-weight: 500;
    padding: 9px 0 25px;
    font-size: 28px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--text-white-darkmode);
}

.smartblog header p,
.smartblog .main-content p,
.smartblog li {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2%;
    margin-bottom: 0;
    color: var(--grey-text-darkmode);
}

.smartblog main {
    display: flex;
    gap: 44px;
}

.smartblog .main-content {
    flex: 3;
    border-radius: 10px;

    text-align: left;
}

.smartblog .main-content img {
    display: block;
    margin: 0 auto 20px;
    width: 100%;
    border-radius: 10px;
}

.smartblog .main-content h2 {
    font-size: 22px;
    color: #fff;
}

.smartblog .formula {
    background-color: #3b3b5e;
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
}

.smartblog .formula code {
    color: #ff8c00;
    font-family: monospace;
}

.smartblog aside {
    flex: 1;
}

.smartblog aside h3 {
    font-weight: 400;
    font-size: 22px;
    line-height: 20.8px;
    margin: 0 0 35px;
    color: var(--text-white-darkmode);
}

.smartblog .related-article {
    display: flex;
    margin-bottom: 35px;
    border-radius: 5px;
    gap: 18px;

}

.smartblog .related-article img {
    width: 128.63px;
    height: 134.91px;
    border-radius: 5px;
    object-fit: cover;
}

.smartblog .related-article div:not(.text-data) {
    width: 155.37px;
    height: 134.91px;
    gap: 4px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.smartblog .related-article h4 {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 26px;
    color: var(--text-white-darkmode);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.smartblog .related-article p {
    font-weight: 500;
    font-size: 10px;
    line-height: 15.4px;
    margin: 0;
    color: var(--grey-text-darkmode);

}

.smartblog .related-article a {
    background-color: rgba(0, 130, 160, 0.2);
    color: #54ABBF;
    text-decoration: none;
    font-size: 12px;
    width: fit-content;
    height: auto;
    border-radius: 19px;
    padding: 6px 17px;
    gap: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}


.smartblog .related-article a:hover {
    text-decoration: underline;
}

.smartblog .art-content {
    padding: 0px;
}

.smartblog .main-content ul {
    padding: 0 20px;
}

.smartblog nav.breadcrumbs a {
    color: #E76408;
    /* Inherits the text color from its parent element */
    text-decoration: none;
    /* Removes underline */
}

.header-background {
    background: var(--background-darkmode);
}

/* blog internal end */
.contactus-page .bank-card div.is-content-justification-space-between {
    justify-content: space-between;
    flex-wrap: nowrap;
}

.contactus-page .bank-card div.is-content-justification-space-between div {
    flex-basis: 50%
}

.contactus-page .d-flex.m-auto img {
    width: 40px;
}

.timeline {

    .outer-div {
        margin: 176px auto 0;
        max-width: 1440px;
    }

    .line,
    .line2,
    .line3,
    .line4 {
        position: relative;
        width: 100%;
        /* height: 50px; */
        /* border-top: 4px solid #fff; */
        opacity: 70%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .line2,
    .line3,
    .line4 {
        margin-top: 100px;
        /* Space between the lines */
    }


    .icon {
        position: absolute;
        top: -25px;
    }

    .star img {
        width: 20px;
        height: 20px;
    }

    .icon img {
        width: 50px;
        height: 50px;
        z-index: 1000000;
    }

    .icon .dark {
        position: absolute;
        top: -25px;
        display: none;
        width: 100px;
        z-index: 9999;
        height: 100px;
        transform: scale(0.5);
        transition: transform 1s ease;
    }

    .icon .light {
        position: absolute;
        z-index: 1000000;
    }

    .star {
        position: absolute;
        top: -12px;
        z-index: 1;
        transition: top 0.5s ease, left 0.1s linear;
        /* Smooth vertical and horizontal movement */
    }

    .content-container {
        display: none;
        /* Hide all content containers by default */
        margin-top: 20px;
        /* Space between the line and the content container */
        display: block;
    }

    .content-box {
        background-color: var(--background-darkmode);
        border: 1px solid #b23eff;
        border-radius: 10px;
        padding: 15px;
        max-width: 600px;
        margin: auto;
        display: none;
    }

    .content-box h3 {
        font-style: italic;
        color: var(--text-white-darkmode);
        font-size: 20px;
        font-weight: 600;
    }

    .content-box p {
        color: var(--text-white-darkmode);
        font-size: 16px;
    }

    .mytraildiv {
        height: 265px;
        padding: 0;
        margin: 0;
        position: relative;
        align-content: space-evenly;
        margin-top: -5px;
    }

    .bt-2 {
        border-top: 2px solid var(--grey-text-darkmode);
    }

    .bb-2 {
        border-bottom: 2px solid var(--grey-text-darkmode);
    }

    .brr-2 {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-right: 2px solid var(--grey-text-darkmode);
        ;
    }

    .blr-2 {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        border-left: 2px solid var(--grey-text-darkmode);
    }

    .line,
    .line2,
    .line3,
    .line4 {
        position: absolute;
    }

    .line {
        top: 0;
    }

    .line2,
    .line3,
    .line4 {
        bottom: 0;
    }

    .coverbox-br1 {
        width: 50px;
        height: 50px;
        position: absolute;
        background: var(--background-darkmode);
        right: -2px;
        bottom: 3.5px;
        border-bottom-right-radius: 50px;
        z-index: 99;
        border: 2px solid var(--grey-text-darkmode);
        border-top: none;
        border-left: none;
    }

    .coverbox-br2 {
        width: 50px;
        height: 50px;
        position: absolute;
        background: var(--background-darkmode);
        right: -2px;
        bottom: 0;
        z-index: 9;
    }

    .mytraildiv title {
        font-size: 25px;
        top: -92px;
        /* display: block !important; */
        display: none;
        position: absolute;
        left: 20px;
        letter-spacing: 1px;
        opacity: 1;
        font-weight: 600;
        color: var(--text-white-darkmode);
    }

    .br3 {
        top: 3.5px;
        bottom: unset;
        border: 2px solid var(--grey-text-darkmode);
        border-top: 2px solid var(--grey-text-darkmode);
        border-bottom: none;
        border-left: none;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 0;
    }

    .br4 {
        top: 0;
        bottom: unset;
    }
}

.invest .dropdown-menu {
    width: 246px;
}

.invest .dropdown-menu li {
    margin: 5px;
}

.sub-menu-for-signin a:hover,
.invest .dropdown-menu li:hover {
    background-color: hsl(191.25 100% 31.37% / .2) !important;
}

.timeline {
    display: none;
}



/* testing toggle bars */
.invest-section .nav-tabs .nav-link.active,
.invest-section .nav-tabs .nav-link.active a,
.dailyupdatesbanner .nav-tabs .nav-link.active,
.dailyupdatesbanner .nav-tabs .nav-link.active a {
    background-color: transparent !important;
    transition: color 0.2s ease;
}

.invest-section .nav-tabs {
    position: relative;
    z-index: 2;
}

.sliding-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #ff6700;
    z-index: 0;
    border-radius: 8px 8px 0 0;
    transition: all 0.3s ease;
    border-radius: 30px;
}

.nav-tabs {
    position: relative;
    z-index: 2;
    margin: 0;
}

.mytabs-container {
    position: relative;
    width: 100%;
}

/* testing toggle end */
/* SHAREHOLDER CORNER  */
.shareholder-pattern .investor-ally>div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 20px !important;
    gap: 30px;
}

.shareholder-pattern .investor-ally .service-card {
    position: relative;
    padding: 16px 40px;
    padding-bottom: 60px !important;
}

.shareholder-pattern .investor-ally .service-card img {
    position: unset;
    width: unset;
    margin-bottom: unset;
    margin-left: unset;
    margin-top: unset;
}

.shareholder-pattern .investor-ally .service-card figure {
    left: -54px;
    top: -40px;
    width: 90px;
    position: absolute;
}

/* SHARE HOLDER CORNER END */
.sign-in-btn.mobile_signin {
    display: none;
}

.custom-html-page .d-flex>td {
    flex-basis: 50%
}

.custom-html-page .custom-table th {
    color: white
}

.custom-html-page .d-flex>td:first-child td,
.custom-html-page .d-flex>td:first-child th {
    color: var(--background-white);
}

.custom-html-page .custom-table table {
    border: 1px solid var(--border-light-darkmode);
}

#homepage-popup-overlay div {
    transition: all 0.6s linear;
    /* Changed to linear */
    transform-origin: top center;
}

#homepage-popup-overlay img {
    width: 500px;
    height: auto;
}

/* Animation classes */
.animate-close {
    transform: translateX(-80%) translateY(-50%) scaleY(-0.1) scaleX(2);
    opacity: 0;
}

.fade-out {
    opacity: 0;
}

@media only screen and (max-width: 600px) {
    .presentation-dropdowns {
        display: block;
    }

    .presentation-dropdowns .dropdown-container {
        width: 100%;
        justify-content: space-between;
        padding: 0 0 15px 0;
    }

    .investor-page .carousel-section .card {
        height: auto;
    }

    .message {
        display: none;
    }

    .shareholder-internal-page .pdf-icon {
        width: 80px;
    }

    .shareholder-internal-page .pdf-details {
        padding: 0;
    }

    .shareholder-internal.FND .pdf-icon {
        width: 40px;
    }

    .pdf-title,
    .pdf-details a:not(.shareholder-internal .pdf-details a) {
        max-width: 560px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-decoration: none;
    }

    .custom-html-page .d-flex>td {
        flex-basis: 100%;
        overflow: scroll;
        max-width: 90vw;
    }

    .custom-html-page .d-flex {
        flex-direction: column;
    }

    .sign-in-btn.mobile_signin {
        background-color: #302f3b;
        display: block;
    }

    a.sign-in-btn.mobile_signin img {
        padding: 0 2px 0 0;
    }

    .sub-menu-for-signin.mobile_signin_menu {
        top: 50px;
        right: 18px;
    }

    .menu-bbottom {
        border-bottom: 1px solid #80808069;
    }

    /* SHAREHOLDER CORNER  */
    .shareholder-pattern .investor-ally>div {
        grid-template-columns: auto;
    }

    .shareholder-pattern .investor-ally .service-card figure {
        left: -35px;
        top: -30px;
        width: 70px;
    }

    /* SHAREHOLDER CORNER  */
    /* product labeling */
    .tendr_unique_dsgn .fund-title {
        font-size: 18px;
    }

    .tendr_unique_dsgn .fund-description {
        font-size: 14px;
    }

    .tendr_unique_dsgn .fund {
        flex-direction: column !important;
    }

    .tendr_unique_dsgn .risk-note {
        font-size: 12px;
    }

    /* product labeling end */
    .mobile-header {
        .logo {
            margin-top: 9px;
        }
    }

    .header .logo img {
        width: auto !important;
    }

    .form-container>.form-container-right.tab-content .form-container-right {
        padding: 10px 20px;
    }

    .modifyKYC .submit-button a,
    .modifyKYC .submit-button {
        height: auto;
        margin: 0;
        width: -webkit-fill-available;
        padding: 5px;
    }

    .instructions-info {
        gap: 10px !important;
        justify-content: space-between;
    }

    .instructions-info .instruction-details {
        width: 80%;
    }

    .entry-content {
        margin-top: 80px;
    }

    .locate-options {
        margin-top: 30px;
    }

    .kyc-faq p,
    .KYC-FAQs .SMSService-p {
        text-align: center !important;
    }

    .cbanner-div {
        padding: 30px 0 50px 10px;
    }

    .contactus-page .card img {
        top: -7px;
        width: 36px;
        height: 41px;
    }

    .home-banner .gif-banner {
        top: -20px;
        left: -8px;
    }

    .invest-section {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .forms-template .pdf-title,
    .news_inst_fct_out .pdf-title {
        width: 90%;
    }

    #investmentTabsContent .risk-profile-btn {
        display: none !important;
    }

    .contact-banner {
        background-image: url(/wp-content/uploads/2025/03/banner-cc-mobile.svg);
        height: 210px;
    }

    .contact-banner p {
        font-size: 22px;
    }

    .contact-banner span {
        font-size: 30px;
    }

    .forms-template.news_inst_fct_out.FND {
        padding-top: 90px;
    }

    .news_inst_fct_out.FND .nav-tabs {
        left: 0px;
        right: 2px;
    }

    .FND.forms-template {
        display: block;
        padding: 0;

        .form-container {
            flex-direction: column;
        }

        .nav-tabs,
        .form-container-left {
            display: flex;
            flex-wrap: nowrap;
            align-items: stretch;
            white-space: nowrap;
            overflow-x: auto;
            scrollbar-width: none;
            -webkit-overflow-scrolling: touch;
            flex-direction: row;
        }

        .form-container-left-card {
            flex-direction: row;
            align-items: center;
        }

        .form-container-left h3,
        .nav-link {
            font-size: 14px;
            margin-bottom: 0;
        }

        .form-container-left-card img {
            width: 30px;
            height: 30px;
        }

        .searchyear .search-box input,
        .searchyear .field {
            width: 100%;
        }

    }

    .forms-template.FND.compliance-section .tab-content {
        min-width: auto;
        padding: 15px;
    }

    .year-box {
        justify-content: flex-start;
    }

    .FND.forms-template {
        .searchyear {
            flex-direction: column;
            gap: 15px;
        }

        .pdf-details a {
            font-size: 14px;
        }
    }

    .ncd-breadcrumb {
        white-space: break-spaces !important;
    }

    .floating-icons {
        display: none;
    }

    .form-container-right-card .searchyear {
        margin-bottom: 0;
    }

    .mobile-banner {
        display: block;
    }

    .web-banner {
        display: none !important;
    }

    .home-banner .banner-1 .btn-1 a,
    .home-banner .banner-1 .btn-2 a {
        font-size: 14px !important;
        padding: 8px 20px !important;
    }

    .title:not(.card-api .title) {
        font-size: 16px;
        line-height: 19.2px;
        text-align: center;
    }

    .card-section .card h3:after {
        content: "";
        margin: 12px 0 15px;
    }

    .owl-stage-outer:not(#investmentCarousel .owl-stage-outer, .owl-carousel-invest .owl-stage-outer) {
        padding: 30px 0px 10px;
    }

    .owl-stage-outer:has(.owl-stage-outer .owl-item .box2) {
        padding: 30px 0px 10px;
    }

    .tab-pane {
        padding-top: 30px
    }

    #investmentTabsContent .tab-pane,
    .modifyKYC {
        padding-top: 0px
    }

    .tab-pane .box2 h4,
    .goal-calculator-main .box2 h4 {
        font-size: 14px;
        padding: 10px 20px 0;
        text-align: left;
    }

    .tab-pane .box2,
    .goal-calculator-main .box2 {
        overflow: visible;
    }

    .tab-pane .box2 p,
    .goal-calculator-main .box2 p {
        text-align: left !important
    }

    .tab-pane .box2 img,
    .goal-calculator-main .box2 img {
        position: absolute;
        top: -27px;
        right: -20px;
    }

    .max-width .card-section .card {
        flex-basis: 45% !important;
    }

    #investmentTabsContent .owl-carousel .owl-item img {
        width: 65.95px !important;
        margin-bottom: 0;
        height: auto;
    }

    .owl-carousel.owl-drag .owl-item:not(#investmentCarousel .owl-item, .owl-carousel-invest .owl-item),
    .goal-calculator-main .goal-inner-box {
        height: auto;
    }

    #investmentTabsContent .wp-block-button a,
    #investmentTabsContent .dropdown .dropdown-toggle,
    #investmentTabsContent .dropdown-item {
        font-size: 10px !important;
    }

    #investmentTabsContent .dropdown {
        padding-bottom: 20px;
    }

    #investmentTabsContent .wp-block-button {
        margin: 15px 0;
    }

    #investmentTabsContent .owl-item {
        /* box-shadow: 0px 2px 10px 0px rgba(84, 171, 191, 0.25); */
        border: 1px solid rgba(0, 130, 160, 0.32);
    }

    .universe-section .btn-1 a,
    .card-api .subtitle,
    .card-api .title,
    .card-api .nav-value .change,
    .card-api .cagr .risk span,
    .card-api .buttons button,
    .card-central div:nth-child(3) a {
        font-size: 14px !important;
    }

    .card-api .option-name span,
    .card-api .nav-title,
    .card-api .value,
    .card-api .risk,
    .view-all a {
        font-size: 12px;
    }

    .card-api .nav-value .value,
    .card-api .cagr .value h5 {
        font-size: 16px;
    }

    .card-central div:nth-child(3) {
        position: relative;
        right: 0px;
    }

    .card-central div:nth-child(3) a {
        padding: 4px 10px;
        align-items: start;
    }

    .card-central div:nth-child(3) a img {
        margin: 0 0 0 10px;
        align-self: stretch;
    }

    .view-all {
        line-height: 0;
        margin: 0;
    }

    canvas {
        height: 250px;
        width: 250px;
        position: absolute;
        right: 20px;
        bottom: 50px;
        opacity: 0.5;
    }

    .universe-blocks {
        flex-direction: column-reverse;
    }

    .universe-section .right-section {
        margin-top: 0;
        margin-left: 0;
        width: 100%;
        height: 30vh;
        background-size: contain !important;
    }

    .left-section-uni {
        padding: 20px;
    }

    .corner {
        width: 104px;
    }

    .center-logo {
        left: calc(60% - 100px);
    }

    .top-bar,
    .header,
    .menu-modal {
        display: none;
    }

    main {
        overflow-x: hidden;
    }

    .max-width {
        padding: 0 15px !important;
    }

    .max-width.kyc-tabs-outer,
    .max-width.modes-tabs {
        padding-bottom: 20px !important;
    }

    .banner-1 {
        display: block !important;
    }

    .owl-carousel3 .owl-nav img,
    .owl-carousel4 .owl-nav img {
        width: 15px;
    }

    .tab-content .owl-nav button:hover,
    .tab-content .owl-nav img:focus-visible,
    .tab-content .owl-nav button:focus-visible {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .tab-content .owl-theme .owl-nav {
        text-align: end;
    }

    .banner-1 button.btn-2,
    .box button.btn-2,
    .btn-2 {
        width: auto;
    }

    .banner-1 {
        height: auto;
    }

    .banner-1 button.btn-1,
    .banner-1 button.btn-2 {
        font-size: 14px;
        line-height: 16.8px;
        padding: .5rem;
    }

    .banner-1 .col1 {
        padding-right: 0;
        flex: 100%;
        padding-bottom: 50px;
    }

    .banner-1 h2,
    .banner-1 h3 {
        font-size: 20px;
        font-weight: 700;
        line-height: 24.24px;
    }

    .banner-1 p {
        font-size: 12px;
        line-height: 16.8px;
        letter-spacing: -0.02em;
    }

    .banner-1 .col2 {
        flex: 100%;
    }



    .title:before,
    .title:after,
    .latest-updates h2:after,
    h1.kyc-faq:after,
    .newsletter-content h2:after {
        width: 60px;
    }

    .cards {
        flex-wrap: wrap;
        gap: 10px;
    }

    .card h3 {
        font-size: 14px;
        line-height: 17.5px;
    }

    .card p {
        font-size: 12px;
        line-height: 15px;
    }

    .card small {
        font-size: 10px;
        line-height: 12.5px;
        letter-spacing: 0.02em;
    }

    .sub-title {
        font-size: 12px;
        line-height: 14.4px;
    }

    .invest-section .nav-tabs .nav-link {
        width: 90px;
        padding: 10px 0;
    }

    .invest-section .nav-tabs .nav-link a {
        font-size: 14px;
        padding: 0;
        line-height: 16.8px;
        letter-spacing: 0.02em;
    }

    .sub-text {
        font-size: 12px;
        line-height: 14.4px;
    }

    .owl-carousel .owl-stage-outer {
        padding: 0px 0px 10px;
    }

    .tab-content h4 {
        font-size: 14px;
        line-height: 17.5px;
        padding-top: 10px;
    }

    #investmentTabsContent.tab-content p:not(.sub-text, .hover-text, .compliance-section .tab-content p, .contactus-page p),
    .goal-calculator-main .tab-content p:not(.sub-text, .hover-text, .compliance-section .tab-content p, .contactus-page p) {
        display: none;
    }

    .tab-pane .box p.hover-text,
    .tab-pane .box p.hover-text2,
    .goal-calculator-main .box p.hover-text,
    .goal-calculator-main .box p.hover-text2 {
        opacity: 1;
        transform: translate(0);
        font-size: 12px;
        line-height: 18px;
    }

    .box button.btn-2 {
        font-size: 10px;
        line-height: 12px;
        width: 122px;
    }

    .tab-pane .d-flex .owl-stage div {
        height: auto;
        /* padding: 20px; */
    }

    .owl-carousel3 .col-md-4 {
        padding: 0;
    }

    .risk-profile-btn {
        display: none;
    }

    .card-api {
        width: auto;

    }

    .tab-pane .d-flex .owl-stage .box2,
    .goal-calculator-main .box2 {
        padding: 0 0px;
    }

    .tab-pane .d-flex .owl-stage .owl-item>div {
        padding: 20px;
        padding: 0px 10px 10px;
        background: transparent;
    }

    .tab-pane .d-flex .owl-stage div>.box {
        height: auto !important;
        background-color: transparent;
    }

    .cards-container {
        flex-wrap: wrap;
        padding-bottom: 40px;
    }

    .card-central {
        padding: 20px 16px;
    }

    .card-central .logos {
        top: -3px;
        right: 7px;
    }

    .card-central figure {
        position: absolute;
        right: 6px;
        width: 70px;
    }

    .universe-section {
        margin-top: 0px !important;
    }

    .card-central div:nth-child(2) {
        width: 85%;
    }

    .card-central img:not(a img) {
        width: 104px;
    }



    .universe-section .row {
        flex-direction: column-reverse;
    }

    .universe-section h3 {
        font-size: 12px;
        line-height: 19.2px;
        letter-spacing: -0.02em;
    }

    .left-section-uni h2 {
        font-size: 16px;
        line-height: 19.2px;
    }

    .left-section-uni h1 {
        font-size: 12px;
        line-height: 14.4px;
    }

    .left-section-uni ul li a {
        font-size: 13.79px
    }

    .left-section-uni ul li {
        font-size: 12.26px;
    }

    .left-section-uni p {
        font-size: 12px;
        line-height: 14.4px;
    }

    .universe-section img {
        width: 104px;
    }

    .newsletter-section {
        flex-wrap: wrap;
    }

    .latest-updates,
    .newsletter {
        width: 100%;
    }

    .subscription-form,
    .newsletter-content {
        width: auto;
    }

    .qr-block,
    .Explore-Features {
        display: none;
    }

    .tab-pane .d-flex .owl-stage .owl-item {
        border: 1px solid rgba(0, 130, 160, 0.8);
    }

    .card-central h3 {
        font-size: 14px;
        line-height: 16.8px;
    }

    .card-central ul li {
        font-size: 12px;
        line-height: 19.8px;
    }

    .card-central .btn-2 {
        font-size: 14px;
    }



    .corner1 {
        top: 50%;
        left: -5px;
    }

    .corner2 {
        top: 0;
        left: 45%;
        transform: translateX(-100%);
    }

    .corner3 {
        top: 55%;
        left: 95%;
        transform: translateX(-100%) translateY(-100%);
    }

    .corner4 {
        top: 100%;
        left: 65%;
        transform: translateX(0) translateY(-100%);
    }

    #corner3 img,
    #corner4 img {
        padding: 3px;
    }

    .left-section-uni button {
        font-size: 14px;
    }

    .newsletter-section {
        padding-top: 30px !important;
    }

    .latest-updates h2,
    h1.kyc-faq,
    .newsletter-content h2 {
        font-size: 16px;
        line-height: 19.2px;
    }

    .latest-updates h5,
    .newsletter h5 {
        font-size: 12px;
        line-height: 14.4px;
        padding-bottom: 15px;
    }

    .update-item h3 {
        font-size: 11.33px;
        line-height: 16.99px;
        letter-spacing: 0.005em;
    }

    .update-item p {
        font-size: 9.91px;
        line-height: 13.88px;
        letter-spacing: -0.02em;
    }

    .update-item time {
        font-size: 9.91px;
        line-height: 11.89px;
    }

    .view-all,
    .view-all:hover {
        font-size: 12.74px;
        line-height: 15.29px;
    }

    .tab-content .view-all {
        display: none;
    }

    .newsletter {
        margin-top: 20px;
    }

    .newsletter label:has(input[type=radio]) {
        font-size: 14px;
        line-height: 16.8px;
        letter-spacing: 0.02em;
    }

    .subscription-form input[type="email"],
    .subscription-form input[type="email"]:focus-visible {
        font-size: 12px;
    }

    .subscription-form button {
        font-size: 14px;
        width: 120px;
    }

    .btn-box {
        justify-content: start;
        gap: 20px;
    }

    .latest-updates img {
        width: 140px;
        right: -11%;
        top: -8%;
    }

    .timeline {
        display: none;
    }

    .email-box {
        margin-bottom: 140px;
    }

    .parent-div {
        right: -20px;
        bottom: -49px;
    }

    /* goal calculators  */
    .page-main-heading {
        font-size: 16px;
    }

    .goal-calculator-main .box2 p:not(.hover-text) {
        display: none;
    }

    .goal-calculator-main .btn-0 {
        margin: 0 0 20px 20px;
    }

    .goal-calculator-main .box2 img {
        height: auto;
        width: 75px;
    }

    .goal-calculator-main a {
        font-size: 10px;
    }

    /* goal calculators end */
    /* fix-end */
    /* investor homepage */

    /* investor page */

    .banner-investor-homepage h5 {
        width: auto;
        font-size: 14px;
        line-height: 21px;
    }

    .banner-investor-homepage .title {
        font-size: 18px;
        line-height: 21.6px;
    }

    .banner-investor-homepage .sub-title {
        font-size: 14px;
        line-height: 16.8px;
    }

    .invest-section {
        margin-top: 0px;
        margin-bottom: 0px;
    }


    .parentclass.distributor-page {

        .banner-image-container-2>div,
        .banner-image-container-1>div {
            width: 136px;
        }

        .banner-cards-container h1,
        .quicklinks-card h3 {
            font-size: 16px;
        }

        .banner-cards-container {
            display: flex;
            gap: 0;
            margin-top: -50px !important;
        }

        .banner-cards-container p {
            font-size: 11px;
            line-height: 11px;
        }

        .btn-generate {
            width: max-content;
            bottom: 20px;
            right: 20px;
            left: unset;
            transform: translateX(0px);
        }

        .distributor-Card-2 .banner-text-container-2 {
            display: block;
        }

        .distributor-Card,
        .distributor-Card-2 {
            width: 100%;
            height: 200px;
            padding: 24px 24px 24px 0;
        }

        .distributor-Card .banner-text-container-1 {
            padding: 0;
        }

        .banner-cards-container h1 {
            line-height: normal;
        }

        .distributor-page .banner-cards-container {
            padding-top: 10px;
        }

        .instant-card-left,
        .instant-card-right {
            width: 100%;
            position: relative;
            left: unset;
        }

        .container {
            height: auto;
        }

        .container>div {
            display: flex;
            flex-direction: column;
        }

        .image-effortless-2 {
            left: unset;
            right: 0;
        }

        .point,
        .image-container {
            position: relative;
            width: -webkit-fill-available;
            text-align: left !important;
            padding: 20px;
            top: unset !important;
            left: unset !important;
            right: unset !important;
            display: none;
        }

        .point.active {
            display: block;
        }

        #central-image {
            width: auto;
        }

        .image-container {
            position: relative;
            display: flex;
            width: 200px;
            margin: auto;
        }

        .instant-card-left h2,
        .quicklinks-card a,
        .accordion-header {
            font-size: 14px;
        }

        .know-more-btn {
            width: 100%;
            border-radius: 15.36px 15.36px 25px 25px;
        }

        .instant-card-left h6,
        .card h3,
        .card h3,
        .quicklinks-card p,
        .text-effortless,
        .btn-generate a,
        .grid-container .card p {
            font-size: 12px;
            text-align: left !important;
        }

        .instant-card-left.active {
            padding: 20px;
            border-radius: 0 0 15px 15px;
        }

        .grid-container {
            grid-template-columns: repeat(1, 1fr);
        }

        .grid-container .card {
            flex-direction: row;
            text-align: left;
        }

        .point figure {
            width: 25px !important;
            top: 30px;
        }

        .nav-tabs .nav-link .icon {
            display: none !important;
            margin: 0;
        }

        .card-setup-container>div {
            overflow-x: auto;
            overflow-y: hidden;
            grid-template-columns: repeat(6, 1fr);
            scrollbar-width: none;
        }

        .instant-card-right .nav-link {
            width: max-content;
            border-radius: 7px 7px 0 0 !important;
            height: auto;
        }

        #distributor-tab {
            margin-top: 0px;
            padding-bottom: 60px;
        }

        .invest-section {
            margin-bottom: 50px;
        }

        .instant-card-right .nav-link h5,
        .invest-section .nav-tabs .nav-link a {
            margin: 0;
            font-size: 14px;
        }

        .instant-card-left h6 {
            line-height: inherit;
            padding-bottom: 20px;
        }

        .grid-container .card .icon {
            padding-right: 10px;
        }

        .invest-section .nav-tabs {
            gap: 0px;
        }

        .distributor-tabssection>div {
            flex-direction: column-reverse;
            display: flex;
        }

        .instant-setup,
        .invest-section .nav-tabs .nav-link {
            padding: 0 0;
        }

        .invest-section .nav-tabs {
            flex-wrap: nowrap;
        }

        .invest-section .nav-tabs {
            margin: 0 20px;
        }

        .quicklinks-container {
            flex-wrap: nowrap !important;
            overflow-y: scroll;
            justify-content: flex-start;
        }

        .quicklinks-card {
            border-radius: 25px;
            flex-basis: 65% !important;
        }

        .numeric-effortless {
            font-size: 20px;
            margin: 0;
        }

        .title-effortless {
            font-size: 18px;
        }

        .btn-generate a {
            padding: 4px 16px !important;
            font-size: 12px !important;
        }

        .owl-nav2 {
            margin-bottom: 80px;
            justify-self: end;
            float: unset;
        }

        .banner-cards-container .owl-carousel,
        .container {
            margin-bottom: 10px;
        }

        .instant-card-right {
            top: 0;
        }

    }

    .investor-page .compliance-section,
    .investor-page .new-banner-investor,
    .investor-page .investor-ally,
    .investor-page .card-section,
    .investor-page .fund-returns-section,
    .investor-page .card-container-IR {
        margin-bottom: 20px !important;
    }

    .investor-page {
        .banner-investor-homepage {
            background-position: center;
        }

        .report-card .d-flex figure {
            width: auto;
        }

        .middle-column figure {
            padding: 0 40px 10px;
            width: 200px;
            margin: auto;
        }

        .max-width:has(.banner-investor-homepage) {
            padding: 0 !important;
        }

        .compliance-section,
        #accordion1 {
            display: block;
        }

        .carousel-section {
            flex-direction: column;
        }

        .carousel-section .left-nav {
            order: 3;
            margin: auto;
            padding-top: 30px;
            align-items: normal;
        }

        .card-section {
            flex-direction: column-reverse;
            margin: 0 20px !important;
        }

        .agent-div {
            position: relative;
            margin: auto;
            left: unset;
        }

        .agent-div img {
            width: 257px;
        }

        .carousel-section .carousel-section-div {
            width: 100%;
            padding: 0 0px;
        }

        .investor-carousel {
            margin: -60px 20px 50px;
            background: #1e1d2a;
        }

        .investor-carousel.card-section {
            padding: 30px 20px !important;
            border-radius: 25px;
            box-shadow: 0px 0px 4px rgba(84, 171, 191, 0.15);
        }

        .carousel-section .card h3,
        .carousel-section .card strong {
            font-size: 16px;
            line-height: 20px;
        }

        .carousel-section .card p {
            font-size: 14px;
            line-height: 17.5px;
        }


        .carousel-section .owl-nav button img {
            vertical-align: sub;
        }

        .fund-returns-section .card-central {
            height: auto;
        }

        .fund-returns-section .card-central h3 {
            font-size: 16px;
            line-height: 20px;
        }

        .fund-returns-section .card-central p {
            font-size: 12px;
            line-height: 15.6px;
            width: auto;
        }

        .fund-returns-section .card-central .btn-2 {
            font-size: 12px;
        }

        .fund-returns-section .card-central img:not(button img) {
            right: -13px;
            margin-bottom: 0;
        }

        .card-container-IR {
            grid-template-columns: repeat(1, 1fr);
        }

        .report-card {
            padding: 17px;
            height: auto;
        }

        .card-container-IR img:not(.image img) {
            width: 102px;
        }

        .interactive-soa {
            background: linear-gradient(to bottom, var(--report-b1-arrow) 0%, var(--report-b1-linear-dark) 46%);
        }

        .account-statement {
            background: linear-gradient(to bottom, var(--report-b2-arrow) 0%, var(--report-b2-linear-dark) 46%);
        }

        .exit-load-details {
            background: linear-gradient(to bottom, var(--report-b3-arrow) 0%, var(--report-b3-linear-dark) 46%);
        }

        .capital-gain-statement {
            background: linear-gradient(to bottom, var(--report-b4-arrow) 0%, var(--report-b4-linear-dark) 46%);
        }

        .report-card h5 {
            font-size: 16px;
            line-height: 19.2px;
        }

        .report-card p {
            font-size: 14px;
            line-height: 21px;
            width: 56%;
        }

        .service-card img {
            width: 80px;
            margin-top: -41px;
        }

        .investor-ally {
            padding: 50px 20px !important;
        }

        .investor-ally h5 {
            font-size: 16px;
            line-height: 19.2px;
        }

        .investor-ally p {
            font-size: 14px;
            line-height: 21px;
        }

        .service-card button {
            font-size: 14px;
            width: 176px;
            padding: 12px;
        }

        .investor-ally .middle-column h5 {
            font-size: 26px;
            line-height: 39px;
        }

        .col-md-4:has(.middle-column) {
            margin: 30px 0;
        }

        .middle-column h2 {
            font-size: 18px;
            line-height: 22.5px;
        }

        .tab-list {
            display: none;
            /* Hide the ul on mobile */
        }

        /* custom dropdown */
        .custom-dropdown {
            display: block;
            /* Show the custom dropdown on mobile */
            position: relative;
            width: 100%;
        }

        .custom-dropdown .dropdown-header {
            display: flex;
            align-items: center;
            padding: 22px;
            border: none;
            background: var(--div-background-darkmode);
            cursor: pointer;
            margin-bottom: 20px;
            border-radius: 15px;
        }

        .custom-dropdown .dropdown-header:after {
            content: url(/wp-content/uploads/2025/01/dropdown-arrow-1.svg);
            position: absolute;
            right: 15px;
        }

        .custom-dropdown .dropdown-header img {
            margin-right: 10px;
            width: 20px;
            height: 20px;
        }

        .custom-dropdown .dropdown-options {
            display: none;
            position: absolute;
            width: 100%;
            border: 1px solid #ccc;
            background: #fff;
            z-index: 1000;
        }

        .custom-dropdown .dropdown-options.show {
            display: block;
            border: none;
            border-radius: 5px;
            box-shadow: 0 7px 4px 2px #000000;
        }

        .custom-dropdown .dropdown-options .option {
            display: flex;
            align-items: center;
            padding: 10px;
            padding: 16px 16px 7px;
            cursor: pointer;
            background: var(--div-background-darkmode);
        }

        .custom-dropdown .dropdown-options .option:hover {
            background: #f0f0f0;
        }

        .custom-dropdown .dropdown-options .option img {
            margin-right: 10px;
            width: 20px;
            height: 20px;
        }

        /* custom dropdown end */
        .compliance-section .tab-content h2 {
            font-size: 16px;
            line-height: 24px;
        }

        .shareholder-internal .tab-content p {
            padding: 0;
        }

        .compliance-section .tab-content p,
        .compliance-section .tab-content a,
        .compliance-section .tab-content li {
            font-size: 14px;
            line-height: 22.4px;
        }

        .compliance-section .tab-content {
            height: fit-content;
            max-width: 100%;
        }

        .compliance-section {
            padding-bottom: 30px !important;
        }

        .acc-card button,
        .acc-card button:focus,
        .acc-card button:hover {
            font-size: 14px;
            line-height: 16.8px;
        }

        .accordion .card-body {
            font-size: 12px;
            line-height: 17px;

        }

        .new-carousel-block .col1 {
            align-self: center;
        }

        .new-carousel-block .left-nav {
            padding-bottom: 20px;
            gap: 10px;
        }

        .cards-container {
            flex-wrap: wrap;
        }

        .cards-container .card-central div:nth-child(3) a {
            font-size: 12px !important;
        }

        .service-card a,
        .btn-1 a {
            font-size: 14px;
        }

        .new-banner-investor {
            padding-bottom: 30px !important;
        }

        .mobile-dropdown-section {
            display: block;
        }

        .compliance-section .tab-content {
            padding: 25px;
        }
    }

    /* investor homepage end */
    .videos-page {
        .video-card h4 {
            font-size: 16px;
        }

        .video-card h3 {
            font-size: 12px;
        }
    }

    /* only faqs */

    .accordion-header {
        font-size: 14px;
        padding: 22px 40px 22px 30px;
    }

    p.accordion-content,
    .accordion-content p,
    .accordion-content li {
        font-size: 12px;
    }

    .faq-accordion-block {
        flex-direction: column;
        gap: 0;
    }

    /* faqs end */

    .mutual-fund-app-page {
        .investment-need {
            height: auto;
            background-size: cover;
            width: 100%;
        }

        .get-app-points {
            margin-top: 0;
        }

        .investment-need .new-mobile-img {
            position: relative;
            left: unset;
        }

        .growing-wealth {
            margin: 40px auto;
        }

        .growing-wealth-cards>div h5 {
            font-size: 14px;
        }

        .mobile-use-steps {
            margin: 30px auto;
        }

        .growing-wealth-cards>div p,
        .get-app-mobile .point-text,
        .get-app-mobile .point-number {
            font-size: 12px;
        }

        .get-app-mobile::before,
        .get-app-mobile::after {
            content: unset;
        }

        .get-app-points-text figure {
            display: none;
        }

        .get-app-points-text .point-5 .point-number,
        .get-app-points-text .point-6 .point-number,
        .get-app-points-text .point-7 .point-number,
        .get-app-points-text .point-8 .point-number,
        .get-app-points-text .point-1 .point-number,
        .get-app-points-text .point-2 .point-number,
        .get-app-points-text .point-3 .point-number,
        .get-app-points-text .point-4 .point-number,
        .get-app-points-text .point-1,
        .get-app-points-text .point-2,
        .get-app-points-text .point-3,
        .get-app-points-text .point-4,
        .get-app-points-text .point-5,
        .get-app-points-text .point-6,
        .get-app-points-text .point-7,
        .get-app-points-text .point-8 {
            position: relative;
            top: unset;
            left: unset;
            bottom: unset;
            right: unset;
        }

        .get-app-points-text .point-5>div,
        .get-app-points-text .point-6>div,
        .get-app-points-text .point-7>div,
        .get-app-points-text .point-8>div {
            display: flex;
            align-items: center;
            width: 100%;
        }

        .get-app-points-text .point-1>div,
        .get-app-points-text .point-2>div,
        .get-app-points-text .point-3>div,
        .get-app-points-text .point-4>div {
            flex-direction: row-reverse;

        }

        .get-app-mobile .point-text {
            width: 100%;
        }

        .get-app-points-text .point-number {
            flex-basis: 20%;
        }
    }

    .contactus-page {
        .social-media figure {
            margin: 25px 0;
        }

        .social-media .divider {
            display: none;
        }

        .page-nav-tabs {
            overflow: scroll;
            flex-wrap: nowrap;
            gap: 3px;
        }

        .page-nav-tabs .nav-item .nav-link {
            width: max-content;
        }

        .social-media {
            padding: 12px 0px;
            border-radius: 20px 0 0 20px;
            height: auto;
        }

        .social-media-container {
            flex: 1 1 16%;
            position: relative;
            margin-top: 150px;
            left: 0;
        }

        .card-container {
            flex: 1 1 82%;
        }

        .map-container1 {
            flex: 1 1 100%;
        }

        .map-container iframe {
            border-radius: 11px;
        }

        .working-hours {
            margin: 10px auto;
        }

        .faq-main-div .nav-item a,
        .option-label,
        .wpcf7-submit,
        .submit-button a {
            font-size: 14px;
            width: -webkit-fill-available;
        }

        .main-container>div {
            flex-wrap: wrap;
        }

        .main-container {
            padding: 0;
        }

        .card-container .card h4,
        .card-container .card h5 {
            font-size: 14px;
        }

        .map-container1 {
            margin-top: 30px;
            padding: 30px 15px;
            border-radius: 20px;
            background: var(--div-background-darkmode);
        }

        .map-container iframe {
            height: 240px;
        }

        .card-container .card p {
            font-size: 16px;
            padding-right: 35px;
            line-height: normal;
        }

        .card {
            padding: 0px 18px;
        }

        .locate-options,
        .form-row {
            flex-direction: column;
            gap: 10px;
            margin: 0;
        }

        .form-container-Query {
            gap: 10px;
        }

        .tab-pane .page-title {
            display: flex;
        }

    }

    .blog-card-title {
        font-size: 16px;
    }

    .smartblog main {
        flex-direction: column;
    }

    .smartblog header h1 {
        font-size: 18px;
        margin: 10px 0;
    }

    .smartblog header p,
    .smartblog .main-content p,
    .smartblog li {
        font-size: 18px;
    }

    .smartblog .related-article {
        flex-direction: column;
        width: 80%;
    }

    .contactus-page .page-title,
    .gstin-page #gstin .page-title {
        grid-template-columns: auto;
    }

    .smartblog .related-article img {
        height: 155px;
        width: auto;
    }

    .smartblog .related-article div:not(.text-data) {
        height: auto;
        width: auto;
    }

    .blog-card {
        min-height: 330px;
    }

    .blog-card-body a {
        position: relative;
        bottom: unset;
    }

    .smartblog .related-article h4,
    .blog-card-text {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .related-block {
        display: flex;
        gap: 20px;
        overflow-x: scroll;
    }

}