@font-face {
    font-family: "Noto Sans bold";
    src: url(../../fonts/NotoSans-Bold.eot);
    src: url(../../fonts/NotoSans-Bold.eot?#iefix) format("embedded-opentype"),url(../../fonts/NotoSans-Bold.woff2) format("woff2"),url(../../fonts/NotoSans-Bold.woff) format("woff"),url(../../fonts/NotoSans-Bold.ttf) format("truetype"),url(../../fonts/NotoSans-Bold.svg#NotoSans-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans Med";
    src: url(../../fonts/NotoSans-Medium.eot);
    src: url(../../fonts/NotoSans-Medium.eot?#iefix) format("embedded-opentype"),url(../../fonts/NotoSans-Medium.woff2) format("woff2"),url(../../fonts/NotoSans-Medium.woff) format("woff"),url(../../fonts/NotoSans-Medium.ttf) format("truetype"),url(../../fonts/NotoSans-Medium.svg#NotoSans-Medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Noto Sans";
    src: url(../../fonts/NotoSans.eot);
    src: url(../../fonts/NotoSans.eot?#iefix) format("embedded-opentype"),url(../../fonts/NotoSans.woff2) format("woff2"),url(../../fonts/NotoSans.woff) format("woff"),url(../../fonts/NotoSans.ttf) format("truetype"),url(../../fonts/NotoSans.svg#NotoSans) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Rupee Foradian";
    src: url(../../fonts/RupeeForadian.eot);
    src: url(../../fonts/RupeeForadian.eot?#iefix) format("embedded-opentype"),url(../../fonts/RupeeForadian.woff2) format("woff2"),url(../../fonts/RupeeForadian.woff) format("woff"),url(../../fonts/RupeeForadian.ttf) format("truetype"),url(../../fonts/RupeeForadian.svg#RupeeForadian) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icomoon;
    src: url(../../fonts/icomoon.eot?31nmda);
    src: url(../../fonts/icomoon.eot?31nmda#iefix) format("embedded-opentype"),url(../../fonts/icomoon.woff2?31nmda) format("woff2"),url(../../fonts/icomoon.ttf?31nmda) format("truetype"),url(../../fonts/icomoon.woff?31nmda) format("woff"),url(../../fonts/icomoon.svg?31nmda#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"], [class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-Size:before {
    content: "\e974"
}

.icon-Size1:before {
    content: "\e975"
}

.icon-Size-:before {
    content: "\e976"
}

.icon-eye-Open:before {
    content: "\e977"
}

.icon-eye-off-new:before {
    content: "\e973"
}

.icon-hide-icon:before {
    content: "\e972"
}

.icon-eye-off-1:before {
    content: "\e970"
}

.icon-Thumbs-Up:before {
    content: "\e971";
    color: #fff
}

.icon-Others:before {
    content: "\e967"
}

.icon-Vacation:before {
    content: "\e968"
}

.icon-Vehicle:before {
    content: "\e969"
}

.icon-Home:before {
    content: "\e96a"
}

.icon-Marriage:before {
    content: "\e96b"
}

.icon-OTP:before {
    content: "\e966"
}

.icon-Processed:before {
    content: "\e960"
}

.icon-Rejected:before {
    content: "\e961"
}

.icon-e-KYC:before {
    content: "\e96c"
}

.icon-Submit-Form-15G:before {
    content: "\e962"
}

.icon-Transact-Email:before {
    content: "\e963"
}

.icon-Update-FATCA-Individuals1:before {
    content: "\e964"
}

.icon-Update-Mobile-no:before {
    content: "\e965"
}

.icon-ChatBot:before {
    content: "\e95f"
}

.icon-Login:before {
    content: "\e948"
}

.icon-White-tick:before {
    content: "\e95e"
}

.icon-eye-off:before {
    content: "\e96e"
}

.icon-eye-1:before {
    content: "\e96f"
}

.icon-edit:before {
    content: "\e96d"
}

.icon-location:before {
    content: "\e947"
}

.icon-NAV--IDCW:before {
    content: "\e936"
}

.icon-Transaction-Forms:before {
    content: "\e937"
}

.icon-Update-FATCA-Individuals:before {
    content: "\e938"
}

.icon-Update-Bank-mandate:before {
    content: "\e939"
}

.icon-Update-Nominee:before {
    content: "\e93a"
}

.icon-Update-PAN:before {
    content: "\e93b"
}

.icon-Check-your-KYC-Status:before {
    content: "\e93c"
}

.icon-Capital-Gain-Statement:before {
    content: "\e93d"
}

.icon-Give-Missed-call-and-get-statement:before {
    content: "\e93e"
}

.icon-Download-your-Statement:before {
    content: "\e93f"
}

.icon-EOTM:before {
    content: "\e940"
}

.icon-SIP-Top-up:before {
    content: "\e941"
}

.icon-Cancel-your-SIP:before {
    content: "\e942"
}

.icon-Pause-your-SIP:before {
    content: "\e943"
}

.icon-Renew-your-SIP:before {
    content: "\e944"
}

.icon-Start-your-SIP:before {
    content: "\e945"
}

.icon-Login--Transact:before {
    content: "\e946"
}

.icon-Whatup:before {
    content: "\e949"
}

.icon-mail-1:before {
    content: "\e94a"
}

.icon-Download_fund-Detail:before {
    content: "\e94b"
}

.icon-Features_Expertise:before {
    content: "\e94c"
}

.icon-Features_Growth:before {
    content: "\e94d"
}

.icon-Features_Solutions:before {
    content: "\e94e"
}

.icon-Features_Flexibility:before {
    content: "\e94f"
}

.icon-Capital-appreciation:before {
    content: "\e950"
}

.icon-FAQ:before {
    content: "\e951"
}

.icon-Investor-Service-Request-Forms:before {
    content: "\e952"
}

.icon-RTA-Mail-back-reports:before {
    content: "\e953"
}

.icon-Transaction-Summary-Report:before {
    content: "\e954"
}

.icon-AUM-Report:before {
    content: "\e955"
}

.icon-Brokerage-Report:before {
    content: "\e956"
}

.icon-Download_Small-1:before {
    content: "\e957"
}

.icon-Red-Error:before {
    content: "\e958"
}

.icon-Co-branded-marketing-material:before {
    content: "\e959"
}

.icon-Generate-transaction-links:before {
    content: "\e95a"
}

.icon-Account-Statement:before {
    content: "\e95b"
}

.icon-Offline-Empanelment:before {
    content: "\e95c"
}

.icon-Online-Empanelment:before {
    content: "\e95d"
}

.icon-loader:before {
    content: "\e921"
}

.icon-impactofInflation:before {
    content: "\e932"
}

.icon-sipCalculator:before {
    content: "\e933"
}

.icon-retirementPlanning:before {
    content: "\e934"
}

.icon-g-oalPlanning:before {
    content: "\e935"
}

.icon-quickTransact:before {
    content: "\e925"
}

.icon-transactStatus:before {
    content: "\e926"
}

.icon-instaRedemption:before {
    content: "\e927"
}

.icon-businessCenterBag:before {
    content: "\e928"
}

.icon-experience:before {
    content: "\e929"
}

.icon-cilEducation:before {
    content: "\e92a"
}

.icon-linkedin:before {
    content: "\e92b"
}

.icon-facebook-1:before {
    content: "\e92c"
}

.icon-Whatsup:before {
    content: "\e92d"
}

.icon-Copy-Link:before {
    content: "\e92e"
}

.icon-uploadOutline:before {
    content: "\e92f"
}

.icon-Upload:before {
    content: "\e930"
}

.icon-Success-Green:before {
    content: "\e931"
}

.icon-alert-outline:before {
    content: "\e91e"
}

.icon-exclamatory:before {
    content: "\e922"
}

.icon-location-1:before {
    content: "\e91f"
}

.icon-listing:before {
    content: "\e920"
}

.icon-plus-outline:before {
    content: "\e91c"
}

.icon-youtube:before {
    content: "\e91d"
}

.icon-minus:before {
    content: "\e923"
}

.icon-export:before {
    content: "\e924"
}

.icon-close:before {
    content: "\e91b"
}

.icon-smartphone:before {
    content: "\e914"
}

.icon-mail:before {
    content: "\e91a"
}

.icon-drak:before {
    content: "\e916"
}

.icon-size:before {
    content: "\e917"
}

.icon-search:before {
    content: "\e918";
    color: #003e66
}

.icon-call-1:before {
    content: "\e919"
}

.icon-distributor-assist:before {
    content: "\e901"
}

.icon-need-help:before {
    content: "\e902"
}

.icon-feedback:before {
    content: "\e903"
}

.icon-investor-care:before {
    content: "\e904"
}

.icon-Nearest-Branch:before {
    content: "\e905"
}

.icon-whatsapp-no:before {
    content: "\e906"
}

.icon-toll-free:before {
    content: "\e907"
}

.icon-play:before {
    content: "\e908"
}

.icon-whatsapp:before {
    content: "\e909"
}

.icon-call:before {
    content: "\e90a"
}

.icon-next:before {
    content: "\e90b"
}

.icon-copy:before {
    content: "\e90c"
}

.icon-twitter:before {
    content: "\e90d"
}

.icon-share:before {
    content: "\e90e"
}

.icon-instagram:before {
    content: "\e90f"
}

.icon-facebook:before {
    content: "\e910"
}

.icon-clock:before {
    content: "\e911"
}

.icon-calender:before {
    content: "\e912"
}

.icon-dwonload:before {
    content: "\e913"
}

.icon-plus:before {
    content: "\e915"
}

.icon-time:before {
    content: "\e900"
}

.cp-fund-card {
    min-height: 28.375rem;
    border-radius: 11px;
    border: 1px solid #cdd3d7;
    box-shadow: 0 1.4px 20px 1.4px rgba(0,0,0,.08);
    width: 32%;
    overflow: hidden;
    background-color: #fff
}

    .cp-fund-card .fund-head {
        padding: 0.938rem;
        background-color: #005085;
        color: #fff
    }

        .cp-fund-card .fund-head .head-title {
            min-height: 60px;
            font-size: 1.188rem;
            line-height: 1.75rem;
            font-family: "Noto Sans bold";
            color: #fff;
            margin-bottom: .4rem;
            margin-right: 2px;
            text-transform: capitalize;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .cp-fund-card .fund-head .head-list {
            display: -ms-flexbox;
            display: flex;
            margin-bottom:0rem;
            padding-left:0rem;
        }

        .cp-fund-card .fund-head .head-item {
            font-size: 0.75rem;
            line-height: 1rem;
            font-family: "Noto Sans Med";
            color: #fff;
            padding: 0 1rem;
            position: relative
        }

            .cp-fund-card .fund-head .head-item:before {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                width: 1px;
                height: 1rem;
                background-color: #fff
            }

            .cp-fund-card .fund-head .head-item:first-child {
                padding-left: 0
            }

            .cp-fund-card .fund-head .head-item:last-child {
                padding-right: 0
            }

                .cp-fund-card .fund-head .head-item:last-child:before {
                    content: none
                }

            .cp-fund-card .fund-head .head-item .mf-detail {
                font-family: "Noto Sans"
            }

                .cp-fund-card .fund-head .head-item .mf-detail.cm-bold {
                    font-family: "Noto Sans bold"
                }

            .cp-fund-card .fund-head .head-item .mf-link {
                color: #fff;
                text-decoration: underline
            }

        .cp-fund-card .fund-head .tooltip-icon {
            width: 0.813rem;
            height: 0.813rem;
            line-height: 0.813rem;
            margin-left: 0.5rem;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            border-bottom: 0;
            background-color: #fff;
            border-radius: 50%;
            text-decoration: none;
        }

            .cp-fund-card .fund-head .tooltip-icon .icon-exclamatory {
                font-size: 0.75rem;
                color: #005085
            }

    .cp-fund-card .fund-details {
        padding: 0.688rem 1.5rem 1.563rem
    }

        .cp-fund-card .fund-details .detail-row {
            padding-bottom: 1rem;
            border-bottom: 1px solid #d6e4e9;
            margin-bottom: 1rem;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .cp-fund-card .fund-details .detail-row .detail-col {
                width: auto
            }

            .cp-fund-card .fund-details .detail-row .detail-title {
                font-size: 0.75rem;
                line-height: 0.125rem;
                font-family: "Noto Sans";
                color: #4f6674
            }

            .cp-fund-card .fund-details .detail-row .detail-val {
                font-size: 0.875rem;
                line-height: 1.188rem;
                font-family: "Noto Sans";
                color: #032538;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center
            }

                .cp-fund-card .fund-details .detail-row .detail-val.typ-amount {
                    font-size: 1.125rem;
                    line-height: 1.75rem;
                    color: #003e66;
                    font-weight: 600
                }

                    .cp-fund-card .fund-details .detail-row .detail-val.typ-amount .rupee {
                        margin-right: .5rem;
                        margin-top: .1rem
                    }

                .cp-fund-card .fund-details .detail-row .detail-val .green {
                    color: #00946f;
                    margin-left: 1rem;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-align: center;
                    align-items: center;
                    font-weight: 400
                }

                .cp-fund-card .fund-details .detail-row .detail-val.typ-inception .green {
                    margin-left: 0
                }

                .cp-fund-card .fund-details .detail-row .detail-val .icon {
                    width: 0;
                    height: 0;
                    border-width: 0 5.5px 8px 5.5px;
                    border-color: transparent transparent #00946f transparent;
                    border-style: solid;
                    margin-left: .5rem
                }

                .cp-fund-card .fund-details .detail-row .detail-val .icon-img {
                    width: 1.5rem;
                    height: 0.875rem;
                    margin-right: .5rem
                }

                .cp-fund-card .fund-details .detail-row .detail-val .tooltip-icon {
                    width: 0.813rem;
                    height: 0.813rem;
                    margin-left: 3px;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -ms-flex-align: center;
                    align-items: center;
                    border-bottom: 0;
                    border-radius: 50%;
                    background-color: #005085;
                    text-decoration:none;
                }

                    .cp-fund-card .fund-details .detail-row .detail-val .tooltip-icon .icon-exclamatory {
                        font-size: 0.75rem;
                        color: #fff
                    }

            .cp-fund-card .fund-details .detail-row.typ-no-border {
                border: 0;
                padding-bottom: 0
            }

        .cp-fund-card .fund-details .detail-note {
            text-align: center;
            padding: 4px 1rem;
            background-color: #fdf2d9;
            border-radius: 1rem;
            font-size: 0.75rem;
            line-height: 0.875rem;
            color: #4f6674;
            font-family: "Noto Sans";
            margin-bottom: 1.4rem
        }

            .cp-fund-card .fund-details .detail-note .note-val {
                font-size: 0.875rem;
                line-height: 1.125rem;
                color: #032538;
                font-family: "Noto Sans bold";
                margin-left: .4rem
            }

        .cp-fund-card .fund-details .act-btn {
            text-align: center;
            margin-top: 1.5rem
        }

            .cp-fund-card .fund-details .act-btn .btn-default {
                min-width: 10.063rem;
                border-radius: 30px;
                font-size: 0.875rem;
                /*padding: .9rem 3rem*/
            }

    .cp-fund-card.typ-fundListing {
        margin-bottom: 2rem
    }

        .cp-fund-card.typ-fundListing:last-child {
            margin-right: 0
        }

    .cp-fund-card.typ-fund-detailbanner {
        background: 0 0;
        min-height: auto;
        box-shadow: none;
        border: 0;
        margin-top: -1.2rem;
        width: 100%;
        overflow: visible
    }

        .cp-fund-card.typ-fund-detailbanner .fund-details {
            padding: 0
        }

            .cp-fund-card.typ-fund-detailbanner .fund-details .detail-row {
                border-bottom: 0;
                padding-bottom: 0;
                -ms-flex-pack: start;
                justify-content: flex-start
            }

                .cp-fund-card.typ-fund-detailbanner .fund-details .detail-row .detail-col {
                    width: 21rem
                }

            .cp-fund-card.typ-fund-detailbanner .fund-details .detail-title {
                font-size: 1.4rem
            }

                .cp-fund-card.typ-fund-detailbanner .fund-details .detail-title.carg-inception {
                    position: relative
                }

                    .cp-fund-card.typ-fund-detailbanner .fund-details .detail-title.carg-inception::after {
                        position: absolute;
                        right: 1.4rem;
                        top: 50%;
                        font-size: 0.625rem;
                        color: #4f6674;
                        font-family: "Noto Sans";
                        content: "\e90b";
                        font-family: icomoon !important;
                        -ms-transform: translateY(-50%) rotate(90deg);
                        transform: translateY(-50%) rotate(90deg)
                    }

    .cp-fund-card.typ-goal-fund .fund-head .head-item:first-child {
        font-family: "Noto Sans bold"
    }

.cp-fund-tab {
    width: 85%;
    margin: 0 auto
}

    .cp-fund-tab .nav-tabs {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0.75rem
    }

    .cp-fund-tab .nav-item {
        padding: 0 1.5rem;
        padding-bottom: .35rem;
        border-bottom: 1px solid #d6e4e9;
        margin-right: 0 !important
    }

        .cp-fund-tab .nav-item:last-child {
            margin-right: 0
        }

        .cp-fund-tab .nav-item .nav-link {
            font-size: 0.75rem;
            line-height: 1rem;
            font-family: "Noto Sans";
            color: #4f6674;
            text-transform: capitalize;
            padding: 0
        }

        .cp-fund-tab .nav-item.active {
            border-bottom: 1.5px solid #032538
        }

            .cp-fund-tab .nav-item.active .nav-link {
                font-family: "Noto Sans Med";
                color: #005085
            }

            .cp-fund-tab .nav-item.active:before {
                display: none
            }

    .cp-fund-tab .insideTabacontent .tab-pane, .cp-fund-tab .insideTabacontent .tabDesc, .cp-fund-tab .tab-content .tab-pane, .cp-fund-tab .tab-content .tabDesc {
        display: none;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: center
    }

        .cp-fund-tab .insideTabacontent .tab-pane.active, .cp-fund-tab .insideTabacontent .tabDesc.active, .cp-fund-tab .tab-content .tab-pane.active, .cp-fund-tab .tab-content .tabDesc.active {
            display: -ms-flexbox;
            display: flex
        }

    .cp-fund-tab .insideTabacontent .val-detail, .cp-fund-tab .tab-content .val-detail {
        width: 47%
    }

        .cp-fund-tab .insideTabacontent .val-detail .val, .cp-fund-tab .tab-content .val-detail .val {
            font-size: 1rem;
            line-height: 1.375rem;
            color: #032538;
            font-family: "Noto Sans bold";
            margin-bottom: .4rem
        }

            .cp-fund-tab .insideTabacontent .val-detail .val.green, .cp-fund-tab .tab-content .val-detail .val.green {
                color: #00946f
            }

        .cp-fund-tab .insideTabacontent .val-detail .val-title, .cp-fund-tab .tab-content .val-detail .val-title {
            font-size: 0.75rem;
            line-height: 1rem;
            color: #4f6674;
            font-family: "Noto Sans";
            text-transform: capitalize
        }

.cp-fillter {
    box-shadow: 0 1.25px 20px 2px rgba(6,177,199,.14);
    border-radius: 10px 0 0 10px;
    background: #fff;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 99;
    height: 100%;
    padding: 1.813rem 1.5rem;
    max-width: 25rem;
    width: 100%
}

    .cp-fillter .title {
        color: #000;
        font-size: 1.5rem;
        font-family: "Noto Sans bold";
        border-bottom: 1px solid rgba(79,102,116,.5);
        padding-bottom: 2rem;
        position: relative
    }

        .cp-fillter .title .icon {
            font-size: 1.125rem;
            color: #032538;
            position: absolute;
            right: 0;
            top: 3px
        }

    .cp-fillter .filterMenu .menu-item {
        border-bottom: 1px solid rgba(79,102,116,.5);
        padding: 1.5rem 0
    }

    .cp-fillter .filterMenu .fil-menu-link {
        font-size: 0.875rem;
        line-height: 1.5rem;
        color: #032538;
        font-family: "Noto Sans";
        width: 100%;
        display: block;
        position: relative
    }

        .cp-fillter .filterMenu .fil-menu-link:before {
            content: "\e90b";
            position: absolute;
            right: 0;
            font-family: icomoon !important;
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            font-size: 0.938rem;
            color: #032538
        }

        .cp-fillter .filterMenu .fil-menu-link.active {
            color: #005085
        }

            .cp-fillter .filterMenu .fil-menu-link.active:before {
                -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
                color: #005085
            }

    .cp-fillter .filterMenu .subMenulist {
        display: none
    }

    .cp-fillter .act-wrap {
        box-shadow: 0 4px 18px rgba(0,0,0,.12);
        border-radius: 0 0 0 10px;
        background: #fff;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 1.5rem;
        width: 100%
    }

    .cp-fillter .btn-default {
        min-width: 10.5rem
    }

        .cp-fillter .btn-default + .btn-default {
            margin-left: 1.5rem
        }

.cp-insideTab {
    position: relative
}

    .cp-insideTab .tab-inner-title {
        font-size: 0.875rem;
        color: #bbb;
        font-family: "Noto Sans bold"
    }

    .cp-insideTab .view-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center
    }

    .cp-insideTab .tabMenu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .cp-insideTab .tab-item:last-child .tablink:after {
        display: none
    }

    .cp-insideTab .tablink {
        font-size: 1rem;
        font-family: "Noto Sans";
        color: #545454;
        position: relative;
        padding-left: 1.563rem;
        line-height: 1.5rem
    }

        .cp-insideTab .tablink:after {
            position: absolute;
            right: -1.6rem;
            top: 50%;
            content: "";
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background: #545454;
            width: .2rem;
            height: 1.4rem
        }

        .cp-insideTab .tablink.active {
            font-family: "Noto Sans bold";
            color: #005085
        }

        .cp-insideTab .tablink .icon {
            display: inline-block;
            padding-right: 1rem
        }

    .cp-insideTab .maplist {
        font-size: 1rem;
        font-family: "Noto Sans";
        color: #545454;
        position: relative;
        padding-left: 2.5rem
    }

        .cp-insideTab .maplist:after {
            position: absolute;
            right: -1rem;
            top: 50%;
            content: "";
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background: #545454;
            width: 1px;
            height: 1.4rem
        }

        .cp-insideTab .maplist:last-child::after {
            background: 0 0
        }

        .cp-insideTab .maplist.active {
            font-family: "Noto Sans bold";
            color: #005085
        }

        .cp-insideTab .maplist .icon {
            display: inline-block;
            padding-right: 1rem
        }

    .cp-insideTab .hide {
        display: none
    }

    .cp-insideTab.typ-fundList .tabMenu {
        margin-bottom: 0.75rem;
        margin-top: 0.625rem
    }

    .cp-insideTab.typ-fundList .tabMenu {
        padding-left: 0rem !important;
    }

    .cp-insideTab.typ-fundList .tablink {
        font-size: 0.75rem;
        border-bottom: 1px solid #d6e4e9;
        padding: 0 0.938rem
    }

        .cp-insideTab.typ-fundList .tablink:after {
            display: none
        }

        .cp-insideTab.typ-fundList .tablink.active {
            border-bottom: 1px solid #032538
        }

@media only screen and (max-width:1366px) {
    .cp-fund-card.typ-fund-detailbanner .fund-details .detail-row .detail-col {
        width: 13.25rem
    }

    .cp-insideTab .tablink:after {
        right: -0.088rem
    }

    .cp-insideTab .maplist:after {
        right: -0.088rem
    }
}

@media only screen and (max-width:1024px) {
    .cp-fund-card.typ-fund-detailbanner .fund-details .detail-row .detail-col {
        width: 13.438rem
    }
}

@media only screen and (max-width:992px) {
    .cp-insideTab .tablink:after {
        height: 9px;
        right: -7px
    }

    .cp-insideTab .maplist:after {
        height: 9px;
        right: -7px
    }
}

@media only screen and (max-width:768px) {
    .cp-fund-tab {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .breadCrumWrap .breadCrumList {
        padding-top: 1rem
    }

    .breadCrumWrap .List-item-link {
        font-size: 0.75rem;
        padding-right: 0.938rem;
        line-height: 1.313rem
    }

        .breadCrumWrap .List-item-link:after {
            right: .2rem;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .breadCrumWrap.typ-about .breadCrumList {
        position: relative;
        top: 0
    }

    .breadCrumWrap.type-page-bread .breadCrumList {
        position: relative
    }

    .cp-fund-card {
        width: 100%
    }

        .cp-fund-card .fund-details .detail-row .detail-col {
            width: 49%
        }

        .cp-fund-card .fund-details .detail-row .detail-val .icon {
            margin-left: 1rem
        }

        .cp-fund-card.typ-fundListing {
            width: 100%;
            margin-bottom: 1.5rem;
            margin-right: 0
        }

        .cp-fund-card.typ-fund-detailbanner {
            width: 100%
        }

            .cp-fund-card.typ-fund-detailbanner .fund-details .detail-row .detail-col {
                width: 50%
            }

    .cp-fillter {
        width: 85%
    }

        .cp-fillter .btn-default + .btn-default {
            margin-left: 1.4rem
        }

        .cp-fillter .btn-default {
            min-width: 12rem
        }

    .cp-insideTab .tab-inner-title {
        display: none
    }

    .cp-insideTab .tabMenu {
        margin-top: 3rem
    }

    .cp-insideTab .tablink {
        padding-right: 2.5rem;
        padding-left: 0
    }

        .cp-insideTab .tablink:after {
            right: 12px;
            height: 14px
        }

    .cp-insideTab .maplist {
        padding-right: 2.5rem;
        padding-left: 0
    }

        .cp-insideTab .maplist:after {
            right: 12px;
            height: 14px
        }
}

@media only screen and (max-width:360px) {
    .cp-fund-card.typ-fund-detailbanner .fund-details .detail-title.carg-inception::after {
        right: .4rem
    }
}

.riskopopover {
    position: relative !important
}

.tabDesc {
    flex-wrap: wrap !important
}

.w-50 {
    width: 48% !important
}

.cp-fund-card {
    overflow: inherit !important
}

    .cp-fund-card .fund-details {
        padding: 0.688rem 0.938rem 1.563rem !important;
    }

        .cp-fund-card .fund-details .detail-row .detail-val.typ-amount {
            font-size: 1rem !important
        }

/*.bs-tab.typ-fundList .tab-pane .fund-wrap {
    justify-content: left !important;
}*/

.cp-fund-card.typ-fundListing:nth-child(3n+3) {
    margin-right: 0 !important
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .cp-fund-card.typ-fundListing {
        margin-right: 0.5rem
    }
}

/*@media only screen and (min-width:992px) {
    .cp-fund-card.typ-fundListing {
        margin-right: 1.5rem
    }
}*/

.cp-fund-card .fund-details .detail-row .detail-val .down-icon {
    width: 0;
    height: 0;
    border-width: 0 5.5px 8px 5.5px;
    border-style: solid;
    margin-left: 0.5rem;
    border-color: transparent transparent #dc261b transparent;
    transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
}

.cp-fund-card .fund-details .detail-row .detail-val .red {
    color: #dc261b;
    margin-left: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
}

.cp-fillter .js-close {
    right: -15px !important;
    top: -12px !important;
    cursor: pointer;
}

.benchmark-name {
    font-size: 0.875rem !important;
}

.cp-fund-card .fund-details .detail-row .detail-val.typ-amount {
    font-size: 0.875rem !important;
}

.custom-popover .prcmatrix {
    width: 100% !important
}

.custom-popover .riskoImg .riskimg {
    width: 75% !important
}

.riskopopover:hover .custom-popover {
    display: block !important
}


.justify-end {
    justify-content: end;
}

.justify-center {
    justify-content: center;
}

.height-57 {
    height: 39px !important;
    overflow: hidden;
}

.cp-fund-card .fund-details .detail-row {
    padding-bottom: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.m-auto {
    margin: auto;
}


.d-flex {
    display: flex !important
}

.insideTabacontent .tooltip-icon {
    width: 0.813rem;
    height: 0.813rem;
    margin-left: 3px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0;
    border-radius: 50%;
    background-color: #005085;
}

    .insideTabacontent .tooltip-icon .icon-exclamatory {
        font-size: 1rem;
        color: #fff;
    }

.feature-list {
    justify-content: center;
}

.card-kmbtn {
    white-space: nowrap;
}


.toggle-switch.checbox-switch {
    padding-left: 0;
    font-size: 17px;
    width: 176px;
    float: left;
    margin: 12px 10px 0 0;
}

.right-act .js-filteropen {
    float: right
}

.toggle-switch.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}

    .toggle-switch.checbox-switch label input,
    .checkbox-inline.checbox-switch input {
        display: none;
    }

    .toggle-switch.checbox-switch label span,
    .checkbox-inline.checbox-switch span {
        width: 45px;
        border-radius: 20px;
        height: 19px;
        border: 1px solid #dbdbdb;
        background-color: #f2aa00;
        border-color: #d6d6d6;
        box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        cursor: pointer;
    }

        .toggle-switch.checbox-switch label span:before,
        .checkbox-inline.checbox-switch span:before {
            display: inline-block;
            width: 21px;
            height: 21px;
            border-radius: 50%;
            background: #fff;
            content: " ";
            top: 0;
            position: relative;
            left: -1px;
            transition: all 0.3s ease;
            box-shadow: 0 1px 4px rgba(0,0,0,0.4);
            top: -2px;
        }

    .toggle-switch.checbox-switch label > input:checked + span:before,
    .checkbox-inline.checbox-switch > input:checked + span:before {
        left: 24px;
        top: -2px;
    }
    /* Switch Primary */
    .toggle-switch.checbox-switch.switch-primary label > input:checked + span,
    .checkbox-inline.checbox-switch.switch-primary > input:checked + span {
        background-color: #d6d6d6;
        border-color: #d6d6d6;
        /*box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;*/
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    .toggle-switch.checbox-switch.switch-primary label > input:checked:disabled + span,
    .checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
        background-color: #d6d6d6;
        border-color: #d6d6d6;
        /* box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;*/
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }
body.dark .toggle-switch.checbox-switch {
    color: #fff !important;
}
.bs-tab.typ-fundList .right-act .btn-default {
    min-width: 0.688rem !important;
    min-height: 0.25rem !important;
    padding: 0.625rem 2rem !important;
    line-height: 1.25rem !important;
}
.cp-fund-card.typ-fundListing:nth-child(3n+3) {
    margin-right: 0 !important;
}
.bs-tab.typ-fundList .tab-pane {
    margin-top: 1rem !important;
}

.cp-fund-card .fund-head .head-item {
    padding: 0 6px;
}

.unchecked .reg, .ischecked .dir {
    font-weight: bold;
}

.toggle-switch.checbox-switch.switch-primary label > input:checked + span, .checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: #f2aa00 !important
}

.cm-overlay {
    background-image: url('/ResourcePackages/unionmf/assets/dist/images/backdrop.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
}

.height-57 {
    align-items: start !important
}

.float-right {
    float: right;
}

.fund-details .detail-col {
    margin: 0.625rem 0 0 0;
}

body.dark .custom-popover .popover-body p {
    color: #032538;
}

.custom-popover .popover-body p {
    font-size: 0.625rem;
    line-height: 0.75 !important;
}

.bs-tab .nav-item:before {
    height: 0.1rem !important;
}

#MsgPopUp {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transform: none;
    width: 100%;
    background: rgba(0,0,0,0.5);
}

    #MsgPopUp .modal-body {
        padding: 3rem
    }

    #MsgPopUp .close-btn {
        position: absolute;
        top: -24px;
        right: -24px;
    }

#MsgPopUpBefore {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 450px;
    transform: none;
    width: 100%;
    /*background: rgba(0,0,0,0.5);*/
}

    #MsgPopUpBefore .modal-body {
        padding: 3rem
    }

    #MsgPopUpBefore .close-btn {
        position: absolute;
        top: -24px;
        right: -24px;
    }

#MsgPopUpClosed {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transform: none;
    width: 100%;
    background: rgba(0,0,0,0.5);
}

    #MsgPopUpClosed .modal-body {
        padding: 3rem
    }

    #MsgPopUpClosed .close-btn {
        position: absolute;
        top: -24px;
        right: -24px;
    }

#MsgPopUpOpenEnd {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transform: none;
    width: 100%;
    background: rgba(0,0,0,0.5);
}

    #MsgPopUpOpenEnd .modal-body {
        padding: 3rem
    }

    #MsgPopUpOpenEnd .close-btn {
        position: absolute;
        top: -24px;
        right: -24px;
    }

.mht {
    min-height: 59px;
    align-items: start !important;
}

.detail-row.mht .detail-col:last-child .detail-title {
    text-align: right !important
}

.nfo-card p.detail-val.down-val {
    float: right;
}

.return-date {
    font-size: 0.75rem;
    line-height: 1rem;
    color: #4f6674;
    font-family: "Noto Sans";
    margin-bottom: 0.675rem
}
/*code added by vijay INAV start*/
#MsgPopUpDDLETF {
    position: fixed;
    top: 50px;
    bottom: 0;
    right: 0;
    left: 0;
    transform: none;
    width: 100%;
    z-index: 100;
    background: rgba(0,0,0,0.5);
}

    #MsgPopUpDDLETF .modal-body {
        padding: 3rem
    }

    #MsgPopUpDDLETF .modal-dialog {
        width: calc(100% -30px);
        max-width: 560px;
    }

    #MsgPopUpDDLETF .dropdown.bootstrap-select.dropup button {
        width: 100%;
        margin: auto;
        max-width: 360px;
    }

        #MsgPopUpDDLETF .dropdown.bootstrap-select.dropup button > div {
            margin: 0
        }

    #MsgPopUpDDLETF .close-btn {
        position: absolute;
        top: -24px;
        right: -24px;
    }

    #MsgPopUpDDLETF p {
        text-align: center;
        font-size: 14px;
    }

.txtmarg {
    text-align: center;
    margin-bottom: 1rem;
}

#broker-list {
    width: 75%;
}

.bs-checkbox .label-text {
    font-size: 14px !important;
}

.bs-select {
    text-align: center;
}

    .bs-select::after {
        text-align: center;
        content: none;
    }

.error-msg {
    font-size: 1.2rem;
    line-height: 2.4rem;
    position: relative;
    color: #ea4d4d;
    bottom: 0;
    left: 0;
    display: none;
    font-family: "Noto Sans";
    font-weight: 500;
    line-height: 1.8rem;
    width: 100%;
}

#MsgPopUpDDLETF .form-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
}

#MsgPopUpDDLETF .dropdown.bootstrap-select.dropup.show {
    margin: auto !important;
}

.bs-tab.typ-slider .nav-item {
    margin-right: 0.938rem !important;
}

#MsgPopUpDDLETF .impfld {
    padding: 0 !important;
    padding-bottom: 2rem !important;
}

.mht {
    min-height: 59px;
    align-items: start !important;
}

.detail-row.mht .detail-col:last-child .detail-title {
    text-align: right !important
}

.nfo-card p.detail-val.down-val {
    float: right;
}

#ETFschemeDisclaimers {
    z-index: 100;
}
/*code added by vijay INAV end */
/*code added by vijay Fund in Focus */
.bs-tab .nav-item .nav-link {
    padding: 0 7px !important;
}

.cp-fund-tab .insideTabacontent .val-detail .val.red {
    color: #dc261b;
}

.custom-popover {
    width: 240px;
}

    .custom-popover .popover-body {
        padding: 9px 14px;
        color: #032538;
        font-size: 14px;
        line-height: 0.75rem !important;
    }

    .custom-popover h5 {
        color: #032538;
        font-size: 0.75rem;
        padding-bottom: 0.4rem;
        line-height: 0.75rem;
        font-weight: bold
    }

    .custom-popover .popover-body ul li:after {
        content: '';
        display: inline-block;
        width: 0.3rem;
        height: 0.3rem;
        border-radius: 100%;
        background-color: #032538;
        position: absolute;
        left: 0;
        top: 6.5px;
    }

    .custom-popover .popover-body ul li {
        font-size: 10px;
        width: 100%;
        display: block;
        position: relative;
        padding: 0 0 0 0.8rem;
        color: #032538;
        opacity: 0.8
    }

    .custom-popover .popover-body h4 {
        font-size: 0.75rem;
        color: #032538;
        font-weight: bold;
        text-align: left !important;
        margin-top: 0.5rem
    }

    .custom-popover .popover-body h6 {
        font-size: 0.75rem;
        color: #032538;
        font-weight: bold;
        text-align: center !important;
        margin: 0.8rem 0 !important
    }

    .custom-popover .popover-body .riskoImg {
        text-align: center;
    }

    .custom-popover .popover-body p {
        color: #032538;
        font-size: 0.625rem;
        line-height: 1rem !important
    }

.js-fundCardSilder .swiper-slide {
    min-height: 100% !important;
    height: auto !important;
    display: flex;
}
.nav-tabs {
    border-bottom: none !important;
}
.nav-tabs a {
    outline: none !important;
}
.cm-overlay {
    z-index: -1;
}