﻿@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

img,
object,
embed,
video {
    max-width: 100%;
}

.ie6 img {
    width: 100%;
}

.theme_tabs_ul li {
    border: 1px solid #21f0a9;
    border-radius: 50px;
    margin-right: 4px !important;
    margin-bottom: 12px;
}

    .theme_tabs_ul li a {
        color: #212529 !important;
        font-size: 14px !important;
        padding: 4px 12px !important;
    }

        .theme_tabs_ul li a.active {
            color: #fff !important;
            font-weight: bold;
            box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
        }

        .theme_tabs_ul li a:hover {
            color: #fff !important;
        }

.btn.disabled,
.btn:disabled {
    opacity: 1 !important;
}

input:focus,
textarea:focus {
    outline: none !important;
    border-color: transparent;
    box-shadow: 0 0 0px transparent;
    outline-color: transparent;
}

@font-face {
    font-family: cat_light;
    src: url('../fonts/cat_light.ttf');
}

@font-face {
    font-family: 'rupee_foradianregular';
    src: url('../fonts/rupee_foradian-webfont.woff2') format('woff2'), url('../fonts/rupee_foradian-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.inr {
    font-family: cursive;
}

.link,
a {
    color: #337ab7;
    text-decoration: none;
}

.Gray_color {
    color: #A8A9AD !important;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
}

::selection {
    background-color: #62b8e0;
    color: #fff;
    text-shadow: none;
}

.inr-symbol {
    font-family: 'rupee_foradianregular';
    margin-right: 3px;
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Quicksand', sans-serif !important;
    letter-spacing: 0.25px;
}

@font-face {
    font-family: Quicksand;
    src: url('../fonts/QuickSend/Quicksand-Regular.ttf');
}

.f-12 {
    font-size: 13px;
}

.f-11 {
    font-size: 12px;
}

.f-10 {
    font-size: 11px;
}

.f-8 {
    font-size: 10px;
}

.w-6 {
    width: 60%;
    max-width: 60%;
}

.w-5 {
    width: 50%;
    max-width: 50%;
}

.w-4 {
    width: 40%;
    max-width: 40%;
}

.w-3 {
    width: 30%;
    max-width: 30%;
}

.w-2 {
    width: 20%;
    max-width: 20%;
}

.w-1 {
    width: 10%;
    max-width: 10%;
}

.quick-text {
    padding: 0 90px;
}

.feature_icon {
    width: 163px;
    height: auto;
}

.them-greay {
    color: #848484;
}

.them-dark {
    color: #525252 !important;
    font-weight: 600 !important;
}

.form-control {
    -webkit-box-shadow: inset 0 0px 0px transparent !important;
    box-shadow: inset 0 0px 0px transparent !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border: none;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.Dots_naw_Main {
    height: 30px;
    width: 30px;
    color: #5f6368;
    fill: #5f6368;
    padding: 2px;
    opacity: .6;
    margin: 2px;
    transition: all .5s ease 0s;
    transform: scale(1);
}

    .Dots_naw_Main:hover {
        transform: scale(1.1);
        opacity: 1;
        background: #0000000d;
        border-radius: 50px;
    }

.open .Dots_naw_Main {
    transform: scale(1.1);
    opacity: 1;
    background: #0000000d;
    border-radius: 50px;
}

.mx-auto {
    margin: 0 auto;
}

.fluid {
    clear: both;
    margin-left: 0;
    width: 100%;
    float: left;
    display: block;
}

.w-82 {
    width: 82%;
    max-width: 82%;
}

.w-80 {
    width: 80%;
    max-width: 80%;
}

.w-55 {
    width: 45%;
    max-width: 45%;
}

.w-15 {
    width: 25%;
    max-width: 25%;
}

.w-12 {
    width: 13%;
    max-width: 13%;
}

.w-10 {
    width: 10%;
    max-width: 10%;
}

.advance-proceed-btn {
    color: #FFFFFF;
    background: #21f0a9;
    font-size: 12px !important;
    padding: 5px 40px 5px 10px !important;
    text-transform: uppercase;
    -moz-border-radius: 15px;
    border-radius: 15px !important;
    font-weight: bold !important;
    letter-spacing: 0.1em;
    margin-top: 20px;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    vertical-align: middle;
    position: relative;
    height: 100%;
}

    .advance-proceed-btn img {
        position: absolute;
        width: auto;
        top: 3px;
        right: 10px;
        bottom: 0;
        height: 80%;
    }

.top_90 {
    margin-top: 90px;
}

.carousel-control {
    width: auto;
    background: transparent !important;
}

    .carousel-control.left {
        margin-left: -60px;
    }

    .carousel-control.right {
        margin-right: -60px;
    }

.white_box_half_wrap {
    float: left;
}

.pro-sip-image {
    height: 82px;
}

.icon_ul {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

    .icon_ul li {
        display: inline-block;
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
        cursor: pointer;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 10px;
        width: 33%;
        margin-bottom: 10px;
    }

        .icon_ul li:hover,
        .icon_ul li.active {
            background-color: #eeeeee;
        }

.common_file_input {
    width: 100%;
    padding: 10px;
    background-color: transparent;
    border: none;
    border: 1px solid #aeaeae;
    font-size: 12px;
    margin: 10px 0;
}

.align_center {
    text-align: center;
}

.justify-content-between {
    justify-content: space-between !important;
}

.ipad_menu_fix {
    display: none;
}

.menu_wrap .menu_item {
    float: left;
    display: inline-block;
    position: relative;
}

.menu_fix_wrap .galaxy_dp_item {
    margin-left: 0px;
    width: 33px;
    height: 33px;
}

.menu_bar_wrap .close_btn {
    display: none;
}

.menu_bar_wrap.active .open_btn {
    display: none;
}

.menu_bar_wrap.active .close_btn {
    display: inline-block;
}

/* holding css start*/

.demat_table table tr th:nth-child(1) {
    text-align: left;
}

.demat_table table tr .redeem-btn {
    background: #21f0a8;
    color: #FFFFFF !important;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: bold;
    width: 50%;
    height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.demat_table table tr th {
    padding: 10px 10px 10px 0px !important;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: none;
    color: #848484;
    font-size: 13px;
    text-align: center;
}

.demat_table table tbody tr td:nth-child(1) {
    text-align: left;
    width: 40%;
}

.demat_table table tbody tr td:nth-child(2) {
    width: 12%;
}

.demat_table table tbody tr td:nth-child(3) {
    width: 12%;
}

.demat_table table tbody tr td:nth-child(4) {
    width: 12%;
}

.demat_table table tbody tr td:nth-child(5) {
    width: 12%;
}

.demat_table table tbody tr td:nth-child(6) {
    width: 12%;
}

.demat_table table tbody tr td {
    padding: 8px 8px 8px 0px !important;
    color: #848484;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
}

.demat_table table tr td a label {
    font-size: 14px;
    display: block;
    font-weight: normal;
}

.redeem-enter-amount {
    font-size: 13px;
    color: #848484;
}

    .redeem-enter-amount label select {
        color: #00af72;
    }

        .redeem-enter-amount label select option {
            color: #000;
        }

.total-redeem {
    font-size: 13px;
    border-bottom: 1px dashed #e2e2e2;
    padding-bottom: 10px;
    color: #848484;
}

.enter-amount-input {
    background: #e2fff5;
    border: 0;
    color: #1ed696;
    font-weight: 600;
    text-indent: 5px;
    padding: 5px;
    letter-spacing: 0.8px;
    text-align: right;
}

.applicable-text label {
    color: #848484;
    font-weight: normal;
    letter-spacing: 0.8px;
    font-size: 13px;
    padding: 10px 0 0;
    margin-bottom: 0;
}

    .applicable-text label i {
        color: #1ed696;
    }

.redeem-all input {
    width: 14px;
    height: 14px;
    padding-top: 35px;
    display: inline-flex;
    align-items: center;
    position: absolute;
}

    .redeem-all input[type='checkbox']:after {
        display: none;
    }

    .redeem-all input[type='checkbox']:checked:after {
        display: none;
    }

.redeem-2-amount {
    color: #848484;
}

.redeem-all label {
    color: #1ed696;
    display: inline-block;
    margin-left: 22px;
    font-weight: normal;
    letter-spacing: 0.8px;
}

.redeem-2-amount label {
    font-size: 13px;
    margin-bottom: 0;
}

    .redeem-2-amount label span {
        color: #848484;
        font-weight: normal;
        letter-spacing: 0.8px;
        margin-left: 5px;
    }

.applicable-nav-date {
    font-size: 13px;
    color: #848484;
    font-weight: normal;
    letter-spacing: 0.8px;
}

.approx-load {
    font-size: 13px;
    color: #848484;
    font-weight: normal;
    letter-spacing: 0.8px;
    margin: 0;
}

.order-placed label {
    display: block;
    font-size: 16px;
    color: #848484;
}

.order-placed span {
    font-size: 16px;
    display: block;
    color: #848484;
}

.order-placed .order-sucess-image {
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.order-placed p {
    font-size: 13px;
    padding: 0;
    margin-bottom: 0;
    color: #848484;
}

.redeem-height {
    height: 200px;
    position: relative;
}

.redeem-authorise-text {
    position: absolute;
    bottom: 15px;
    font-size: 11px;
    text-align: center;
    font-weight: 600;
    color: #848484;
}

/* holding css end */

/* Pledge Tooltip Css start */

.tooltip-inner {
    max-width: 100%;
    padding: 0;
}

.pledge_wrapper {
    width: 300px;
    padding: 10px 10px;
    font-family: 'Quicksand';
    font-family: 'Quicksand', sans-serif;
    background: #fff;
    box-shadow: 0 3px 3px 0px #0000005e;
    border-radius: 4px;
}

.pledge_text {
    margin: 8px 0 0;
    text-align: left;
}

    .pledge_text label {
        font-weight: 600;
        letter-spacing: 0.5px;
        color: #000;
        font-size: 12px;
    }

    .pledge_text span {
        font-size: 13px;
        font-weight: 700;
        color: #3c3b3b;
        letter-spacing: 0.9px;
        margin-left: 5px;
    }


/* Pledge Tooltip Css End */

.theme_tabs_ul li a:hover {
    background: #21f0a8;
    border: none;
    color: #5a6064;
    border-radius: 30px;
    cursor: pointer;
}

.gallery_left_arrow {
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: 10;
    color: #5a6064 !important;
    font-size: 40px;
    line-height: 40px;
    margin-top: -15px;
}

.gallery_right_arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 10;
    color: #5a6064 !important;
    font-size: 40px;
    line-height: 40px;
    margin-top: -15px;
}

.mandate .gallery_left_arrow {
    position: absolute;
    top: 50%;
    left: 2px;
    z-index: 10;
    color: #FFF !important;
    font-size: 20px;
    line-height: 20px;
    margin-top: -15px;
}

.arrow_margin {
    margin: -8px 1px 0 0;
}

.mandate .gallery_right_arrow {
    position: absolute;
    top: 50%;
    right: 2px;
    z-index: 10;
    color: #FFF !important;
    font-size: 20px;
    line-height: 20px;
    margin-top: -15px;
}

.search_parent_wrap .search_result_wrap .close_btn {
    position: absolute;
    top: -47px;
    right: 30px;
    font-size: 25px;
    cursor: pointer;
}

.funds_ul li .desc_wrap {
    font-size: 13px;
    color: black;
    min-height: 35px;
    max-height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.funds-name-wrap {
    font-size: 14px !important;
    height: 50px !important;
}

.mfp-close-btn-in .mfp-close {
    color: #000 !important;
}

.canvasjs-chart-credit {
    display: none;
}

.amount_input_large.small {
    width: 60%;
    float: none;
    display: inline-block;
    font-size: 18px;
}

.funds-div {
    width: 18%;
}

.funds-text {
    padding-bottom: 25px;
    border-bottom: 1px solid #1EFFA9;
}

    .funds-text label {
        color: #999;
        background-color: #22FFAA;
        padding: 4px 8px 3px;
        text-transform: uppercase;
        font-size: 10px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        letter-spacing: 0.1em;
    }

.funds-name {
    color: #848b90;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100;
    margin-bottom: 10px;
}

.funds-rate div label:nth-child(1) {
    color: #848b90;
    font-size: 11px;
    font-weight: 100;
    letter-spacing: 1px;
}

.funds-rate div label:nth-child(2) {
    color: #AAAAAA;
    font-size: 16px;
    font-weight: 600;
}

.returns-name {
    font-size: 11px;
    margin: 7px 5px 0;
    color: #808285;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.smart-ul ul {
    padding: 0 !important;
    list-style: none;
}

.search-height {
    position: absolute !important;
    z-index: 10;
    top: 65px;
    height: 260px;
    background-color: #fff !important;
    overflow-y: auto;
    border: 1px solid #dfdfdf;
}

.high {
    color: #aaa;
    margin: 0;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.rank {
    margin: 0;
    color: #65ADDB;
    font-size: 30px;
    font-family: sans-serif;
    font-weight: 900;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #56c540;
    display: inline-block;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #df4754;
    display: inline-block;
}

.search .btn-group button {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #ccc !important;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center !important;
    padding: 9px 5px !important;
    line-height: 1;
}

.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: transparent !important;
    border-color: none !important;
}

.btn:active {
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-default {
    text-shadow: 0 1px 0 #fff;
    background-image: none !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-radius: 0;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    box-shadow: none !important;
}

.dropdown-toggle::after {
    margin-left: 6.255em !important;
}

.btn {
    padding: 6px 12px 10px !important;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none !important;
}

.dropdown-menu {
    border: none !important;
    top: 35px !important;
    font-size: 12px !important;
    text-align: center !important;
}

.open .dropdown-menu {
    display: inline-block;
}

.bucket_ul {
    background-color: #F7F7F8 !important;
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 200px;
    transition: all 0.9s ease 0s;
    border-radius: 5px;
}

    .bucket_ul:hover {
        transform: scale(1.05);
        -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    }

.year-ul {
    margin-top: 15px;
    display: flex;
}

.bucket-fund-name {
    font-size: 17px;
    font-weight: 600;
    color: #A8A9AD;
    margin-bottom: 15px;
}

.bucket-fund-label {
    color: #A8A9AD;
    font-size: 10px;
    letter-spacing: 1px;
}

.year-name {
    color: #21F0A9;
    font-size: 9px;
    letter-spacing: 1px;
    font-weight: bold;
}

.funds {
    padding-top: 5px;
    color: #A8A9AD;
    font-size: 13px;
    font-weight: bold;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.p-1 {
    padding: 0.5rem;
}

.p-2 {
    padding: 0.75rem;
}

.p-3 {
    padding: 1rem;
}

.p-4 {
    padding: 1.5rem;
}

.p-5 {
    padding: 2rem;
}

.watch-tittle {
    color: #65ADDB;
    font-size: 26px;
    text-transform: uppercase;
}

.watch-label {
    font-size: 13px;
    color: #A8A9AD;
}

.table td,
.table th,
.table thead th {
    border: none !important;
}

.table {
    background-color: transparent !important;
}

.watch-nav li {
    float: none;
    width: 100px;
    display: inline-block;
    border: 1px solid #21f0a9;
    border-radius: 30px;
    margin-bottom: 15px;
    font-size: 11px;
    text-align: center;
    padding: 4px 10px 4px;
}

    .watch-nav li a {
        color: #5a6064 !important;
        padding: 3px 10px 3px !important;
    }

    .watch-nav li.active a {
        color: #fff !important;
        padding: 3px 10px 3px !important;
    }

    .watch-nav li.active {
        color: #5a6064 !important;
        font-size: 11px;
        border: 1px solid #21f0a9 !important;
        background-color: #21f0a9 !important;
        padding: 4px 10px 1px;
    }

.watch-div {
    width: 18.35%;
    float: left;
    display: inline-block;
    position: relative;
    padding: 4px 10px;
    margin: 0;
    height: 284px;
    border-radius: 5px;
    margin-right: 2%;
    background: #F7F7F8;
    margin-bottom: 50px;
    transition: all 0.8s !important;
}

.watch-ul {
    width: 100%;
    float: left;
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 60px 0 0 0;
}

    .watch-ul li:nth-child(5n) {
        margin-right: 0%;
    }

.watch-name {
    color: #A8A9AD;
    font-size: 14px;
    margin-bottom: 15px;
}

.funds-growth label {
    color: #fff;
    background: #21f0a9;
    font-size: 8px;
    padding: 0.5px 2.44px 0.5px;
    text-transform: uppercase;
    -moz-border-radius: 15px;
    border-radius: 15px;
    letter-spacing: 0.1em;
    margin-bottom: 0rem;
}

.funds-nav label {
    color: #808285;
    letter-spacing: 2px;
    margin-bottom: 0;
    font-size: 9px;
}

.funds-nav span {
    color: #65ADDB;
    font-size: 20px;
    font-weight: 900;
}

.watch-nav {
    font-size: 9px;
    color: #65ADDB;
    padding-top: 15px;
    padding-left: 10px;
    letter-spacing: 1px;
}

.watch-year {
    width: 33%;
    margin-right: 6px;
}

    .watch-year label {
        font-size: 9px;
        color: #A8A9AD;
        margin-bottom: 5px;
        text-transform: uppercase;
        margin-bottom: 0;
        font-weight: normal;
        display: block;
    }

.watch-number {
    position: absolute;
    left: -14px;
    top: -14px;
    color: #fff;
    width: 30px;
    height: 30px;
    background-color: #21efa8;
    box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 33px;
    border-radius: 50%;
}

.watch-year span {
    font-size: 15px;
    color: #A8A9AD;
    font-weight: 900;
    margin-bottom: 0px;
}

a {
    text-decoration: none !important;
}

.watch-div {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}

    .watch-div:hover {
        transform: scale(1.05);
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    }

        .watch-div:hover .watch-name {
            color: #00eeab;
        }

.funds-tab li {
    display: inline-block;
}

    .funds-tab li a {
        color: #A8A9AD;
        font-size: 11px;
        font-weight: bold;
        padding: 10px 16px 4px 10px;
    }

    .funds-tab li.active {
        border-bottom: 1px solid #21F0A9 !important;
    }

.border-f-right:after {
    position: absolute;
    content: '';
    top: 11px;
    width: 1px;
    height: 21px;
    background: #ccc;
    right: -11px;
}

.fund-notice {
    font-size: 9px !important;
    font-weight: bold;
    margin-left: 5px;
    color: #65ADDB !important;
}

.FundReturnVal {
    font-weight: bold;
    font-size: 11px;
}

.filter-heading {
    display: block;
    font-size: 15.5px;
    color: #A8A9AD;
    font-weight: bold;
    text-align: left;
    letter-spacing: 1px;
    padding-bottom: 12px;
}

.multiselect-native-select .btn-group {
    width: 92% !important;
}

.table-fund-name,
.table-condition,
.table-nav {
    color: #A8A9AD;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
}

.table-trush a i {
    color: #A8A9AD;
    font-size: 23px;
}

.condition-table tr td {
    padding: 25px 0 0 0;
}

.condition-table tr th {
    color: #808285;
    font-size: 18px;
}

.table-btn {
    background-color: #21F0A9;
    padding: 2px 15px 2px !important;
    font-size: 11px !important;
    color: #fff;
    text-transform: uppercase !important;
    border-radius: 30px !important;
}

.highcharts-yaxis-grid {
    display: none;
}

.work-reg-dropdown-logo {
    right: 0;
    left: auto !important;
    min-width: 330px !important;
    padding: 15px !important;
    margin: .82rem 0 0 !important;
    border-radius: 10px !important;
}

.highcharts-pie-series .highcharts-point {
    stroke: #EDE;
    stroke-width: 0px;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 600px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.table-responsive_up_box {
    background-color: #F2F3F4;
    border-radius: 15px;
    padding: 15px 15px;
}

.sip-order tbody tr td a,
.pay-order tbody tr td a {
    color: #939598 !important;
    text-decoration: none;
}

/* Mobile Layout: 480px and below. */

/* Mobile Layout: 480px and below. */

.finger_print_box.white_box_form.no_mtop {
    margin-top: 0;
}

.form_table_wrap .form_cell_wrap.vtop {
    vertical-align: top;
}

.amount_control {
    float: none;
    display: inline-block;
    position: relative;
    border: 0;
    background: transparent;
    color: #333;
    border-bottom: 1px solid #b4b2ab;
    letter-spacing: 0.25em;
    width: 180px;
    text-align: center;
}

.padding_20 {
    padding: 20px !important;
}

.padding_10 {
    padding: 10px !important;
}

.padding_30 {
    padding: 30px !important;
}

.no_padding {
    padding: 0 !important
}

.f_left {
    float: left
}

.f_right {
    float: right
}

.full_wrap {
    width: 100%;
    display: inline-block;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

.half_wrap {
    width: 50%;
    display: inline-block;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#map {
    width: 100%;
    height: 321px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.text_anchor {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

    .text_anchor:hover {
        color: #fff;
        text-decoration: none;
    }

.text_black_anchor {
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

    .text_black_anchor:hover {
        color: #000;
        text-decoration: none;
    }

.margin_top_20 {
    margin-top: 20px;
}

.margin_bot_20 {
    margin-bottom: 20px;
}

.margin_top_10 {
    margin-top: 10px;
}

.input_mask_parent input[type="text"],
.input_mask_parent input[type="password"] {
    text-align: center;
}

.pie_chart_wrap {
    height: 300px;
}

@-webkit-keyframes rotate_90 {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(40deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-webkit-keyframes rotate_minus_90 {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(-10deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-webkit-keyframes galaxy_movement {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0px);
    }
}

.half_wrap.full {
    width: 100%;
}

.demat_desc {
    color: #000 !important;
}

    .demat_desc p {
        color: #000 !important;
        padding-top: 0;
        text-align: justify;
        padding-bottom: 0;
    }

.common_anchor.grey:before {
    background: #dadada;
}

.form_parent_wrap .white_box_form .field_parent_wrap textarea {
    height: 70px;
}

.form_parent_wrap .white_box_form .field_parent_wrap input::-webkit-input-placeholder {
    color: #aeaeae;
}

.form_parent_wrap .white_box_form .field_parent_wrap input::-moz-placeholder {
    color: #aeaeae;
}

.form_parent_wrap .white_box_form .field_parent_wrap input:-ms-input-placeholder {
    color: #aeaeae;
}

.form_parent_wrap .white_box_form .field_parent_wrap input:-moz-placeholder {
    color: #aeaeae;
}

.demat_mtop {
    margin-top: 40px;
}

.autow {
    width: auto !important;
}

.theme_tabs_ul li a {
    margin: 0;
}

.text_shadow {
    text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
}

.funds_ul li .fund_top_info_wrap .name_wrap {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.funds_ul li:hover .fund_top_info_wrap .name_wrap {
    color: rgba(0, 238, 171, 1);
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
}

.form_parent_wrap.nobg {
    background-image: none;
}

.abs_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.dropdown-menu {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
    box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
}

    .dropdown-menu > li > a {
        color: #000;
    }

.amount_input_large::-webkit-input-placeholder {
    color: #aeaeae;
}

.amount_input_large::-moz-placeholder {
    color: #aeaeae;
}

.amount_input_large:-ms-input-placeholder {
    color: #aeaeae;
}

.amount_input_large:-moz-placeholder {
    color: #aeaeae;
}

.cart_table.summary_cart_table td {
    vertical-align: middle;
}

.menu_fix_wrap .icon_item_wrap a.glow_anchor:after {
    display: none;
}

.fund_page_wrap .double_calc_parent_wrap ul li {
    background: #fff;
    color: #000;
}

    .fund_page_wrap .double_calc_parent_wrap ul li.active {
        background: #21f0a9;
        color: #000;
    }

    .fund_page_wrap .double_calc_parent_wrap ul li:hover {
        background: #21f0a9;
        color: #000;
    }

    .fund_page_wrap .double_calc_parent_wrap ul li.active {
        background: #21f0a9;
        color: #000;
    }

.Condition .grid-row {
    background: transparent;
    box-shadow: 1px 1px 7px 2px #00000022;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
    margin: 8px 0px;
    min-height: 67px;
    align-items: center;
    opacity: 0.9;
}

    .Condition .grid-row:hover {
        background: transparent;
        box-shadow: 1px 1px 9px 2px #00000033;
        border: none;
        border-radius: 5px;
        padding: 10px 12px;
        margin: 8px 0px;
        opacity: 1;
    }

    .Condition .grid-row .title {
        font-size: 10px;
        color: #b0b1b3;
        font-weight: 600;
        align-self: center;
        padding: 0 0;
        letter-spacing: 0.7px;
        margin: 0 0 0px;
    }

    .Condition .grid-row .data {
        font-size: 12px;
        color: #b0b1b3;
        letter-spacing: 0.7px;
        align-self: center;
        font-weight: 900;
        padding: 0 0;
        margin: 0 0 0px;
    }

    .Condition .grid-row .running {
        font-size: 13px;
        color: #4cb270;
        padding: 3px 5px !important;
        font-weight: 900;
        align-self: center;
        border-radius: 50px;
        margin: 0 auto;
        width: 100%;
        letter-spacing: 0.9px;
        background-color: transparent;
    }

    .Condition .grid-row .stop {
        font-size: 13px;
        color: #dd0202;
        padding: 3px 5px !important;
        font-weight: 900;
        align-self: center;
        border-radius: 50px;
        margin: 0 auto;
        width: 100%;
        letter-spacing: 0.9px;
        background-color: transparent;
    }

    .Condition .grid-row:hover .Buy_Now:hover {
        color: #b0b1b3;
        background-color: #efefef;
        box-shadow: 1px 1px 5px 2px #efefef;
    }

.Condition .tittle-heading {
    color: #b0b1b3;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
    margin: 100px 0 20px 0;
}

.Condition .fund-title1 {
    font-size: 10px;
    color: #b0b1b3;
    font-weight: 500;
    align-self: center;
    padding: 0 0;
    letter-spacing: 0.5px;
    margin: 0 0 0px;
}

.Condition .fund-title2 {
    font-size: 14px;
    padding: 0 0;
    letter-spacing: 0.6px;
    overflow: hidden;
    align-self: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 900;
    margin: auto 0;
}

.Condition .fund-title3 {
    font-size: 11px;
    color: #b0b1b3;
    font-weight: 600;
    align-self: center;
    padding: 0 0;
    letter-spacing: 0.5px;
    margin: 0 0 0px;
}

.theme_tabs_ul li a {
    text-transform: uppercase;
}

.funds_ul li .fund_top_info_wrap .graph_wrap {
    margin-bottom: 10px;
}

.finger_print_box.white_box_form.large {
    background: url(../images/how_galaxy_works_bg.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Bootstrap Switch */

.btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #66AADD;
}

    .btn-toggle:focus,
    .btn-toggle.focus,
    .btn-toggle:focus.active,
    .btn-toggle.focus.active {
        outline: none;
    }

    .btn-toggle:before,
    .btn-toggle:after {
        line-height: 1.5rem;
        width: 4rem;
        text-align: center;
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        transition: opacity 0.25s;
    }

    .btn-toggle:before {
        content: attr(data-before_text);
        left: -4rem;
    }

    .btn-toggle:after {
        content: attr(data-after_text);
        right: -4rem;
        opacity: 0.5;
    }

    .btn-toggle > .handle {
        position: absolute;
        top: 0.1875rem;
        left: 0.1875rem;
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 1.125rem;
        background: #fff;
        transition: left 0.25s;
    }

    .btn-toggle.active {
        transition: background-color 0.25s;
    }

        .btn-toggle.active > .handle {
            left: 1.6875rem;
            transition: left 0.25s;
        }

        .btn-toggle.active:before {
            opacity: 0.5;
        }

        .btn-toggle.active:after {
            opacity: 1;
        }

    .btn-toggle.btn-sm:before,
    .btn-toggle.btn-sm:after {
        line-height: -0.5rem;
        color: #fff;
        letter-spacing: 0.75px;
        left: 0.4125rem;
        width: 2.325rem;
    }

    .btn-toggle.btn-sm:before {
        text-align: right;
    }

    .btn-toggle.btn-sm:after {
        text-align: left;
        opacity: 0;
    }

    .btn-toggle.btn-sm.active:before {
        opacity: 0;
    }

    .btn-toggle.btn-sm.active:after {
        opacity: 1;
    }

    .btn-toggle.btn-xs:before,
    .btn-toggle.btn-xs:after {
        display: none;
    }

    .btn-toggle:before,
    .btn-toggle:after {
        color: #6b7381;
    }

    .btn-toggle.active {
        background-color: #21f0b3;
    }

    .btn-toggle.btn-lg {
        margin: 0 8rem;
        padding: 0;
        position: relative;
        border: none;
        height: 40px;
        width: 80px;
        border-radius: 40px;
    }

        .btn-toggle.btn-lg:focus,
        .btn-toggle.btn-lg.focus,
        .btn-toggle.btn-lg:focus.active,
        .btn-toggle.btn-lg.focus.active {
            outline: none;
        }

        .btn-toggle.btn-lg:before,
        .btn-toggle.btn-lg:after {
            line-height: 40px;
            width: 5rem;
            text-align: center;
            font-weight: 600;
            font-size: 1rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: absolute;
            bottom: 0;
            transition: opacity 0.25s;
        }

        .btn-toggle.btn-lg:before {
            content: attr(data-before_text);
            left: -7rem;
        }

        .btn-toggle.btn-lg:after {
            content: attr(data-after_text);
            right: -7rem;
            opacity: 0;
        }

    .btn-toggle.before_after_white:before,
    .btn-toggle.before_after_white:after {
        color: #bdc1c8;
    }

    .btn-toggle.btn-lg > .handle {
        position: absolute;
        top: 5px;
        left: 5px;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #fff;
        transition: left 0.25s;
    }

    .btn-toggle.btn-lg.active {
        transition: background-color 0.25s;
    }

        .btn-toggle.btn-lg.active > .handle {
            left: 45px;
            transition: left 0.25s;
        }

        .btn-toggle.btn-lg.active:before {
            opacity: 0.5;
        }

        .btn-toggle.btn-lg.active:after {
            opacity: 1;
        }

    .btn-toggle.btn-lg.btn-sm:before,
    .btn-toggle.btn-lg.btn-sm:after {
        line-height: 0.5rem;
        color: #fff;
        letter-spacing: 0.75px;
        left: 0.6875rem;
        width: 3.875rem;
    }

    .btn-toggle.btn-lg.btn-sm:before {
        text-align: right;
    }

    .btn-toggle.btn-lg.btn-sm:after {
        text-align: left;
        opacity: 0;
    }

    .btn-toggle.btn-lg.btn-sm.active:before {
        opacity: 0;
    }

    .btn-toggle.btn-lg.btn-sm.active:after {
        opacity: 1;
    }

    .btn-toggle.btn-lg.btn-xs:before,
    .btn-toggle.btn-lg.btn-xs:after {
        display: none;
    }

    .btn-toggle.btn-sm {
        margin: 0 0.5rem;
        padding: 0;
        position: relative;
        border: none;
        height: 1.5rem;
        width: 3rem;
        border-radius: 1.5rem;
    }

        .btn-toggle.btn-sm:focus,
        .btn-toggle.btn-sm.focus,
        .btn-toggle.btn-sm:focus.active,
        .btn-toggle.btn-sm.focus.active {
            outline: none;
        }

        .btn-toggle.btn-sm:before,
        .btn-toggle.btn-sm:after {
            line-height: 1.5rem;
            width: 0.5rem;
            text-align: center;
            font-weight: 600;
            font-size: 0.55rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: absolute;
            bottom: 0;
            transition: opacity 0.25s;
        }

        .btn-toggle.btn-sm:before {
            content: attr(data-before_text);
            left: -0.5rem;
        }

        .btn-toggle.btn-sm:after {
            content: attr(data-after_text);
            right: -0.5rem;
            opacity: 0.5;
        }

        .btn-toggle.btn-sm > .handle {
            position: absolute;
            top: 0.1875rem;
            left: 0.1875rem;
            width: 1.125rem;
            height: 1.125rem;
            border-radius: 1.125rem;
            background: #fff;
            transition: left 0.25s;
        }

        .btn-toggle.btn-sm.active {
            transition: background-color 0.25s;
        }

            .btn-toggle.btn-sm.active > .handle {
                left: 1.6875rem;
                transition: left 0.25s;
            }

            .btn-toggle.btn-sm.active:before {
                opacity: 0.5;
            }

            .btn-toggle.btn-sm.active:after {
                opacity: 1;
            }

        .btn-toggle.btn-sm.btn-sm:before,
        .btn-toggle.btn-sm.btn-sm:after {
            line-height: -0.5rem;
            color: #fff;
            letter-spacing: 0.75px;
            left: 0.4125rem;
            width: 2.325rem;
        }

        .btn-toggle.btn-sm.btn-sm:before {
            text-align: right;
        }

        .btn-toggle.btn-sm.btn-sm:after {
            text-align: left;
            opacity: 0;
        }

        .btn-toggle.btn-sm.btn-sm.active:before {
            opacity: 0;
        }

        .btn-toggle.btn-sm.btn-sm.active:after {
            opacity: 1;
        }

        .btn-toggle.btn-sm.btn-xs:before,
        .btn-toggle.btn-sm.btn-xs:after {
            display: none;
        }

    .btn-toggle.btn-xs {
        margin: 0 0;
        padding: 0;
        position: relative;
        border: none;
        height: 1rem;
        width: 2rem;
        border-radius: 1rem;
    }

        .btn-toggle.btn-xs:focus,
        .btn-toggle.btn-xs.focus,
        .btn-toggle.btn-xs:focus.active,
        .btn-toggle.btn-xs.focus.active {
            outline: none;
        }

        .btn-toggle.btn-xs:before,
        .btn-toggle.btn-xs:after {
            line-height: 1rem;
            width: 0;
            text-align: center;
            font-weight: 600;
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: absolute;
            bottom: 0;
            transition: opacity 0.25s;
        }

        .btn-toggle.btn-xs:before {
            content: attr(data-before_text);
            left: 0;
        }

        .btn-toggle.btn-xs:after {
            content: attr(data-after_text);
            right: 0;
            opacity: 0.5;
        }

        .btn-toggle.btn-xs > .handle {
            position: absolute;
            top: 0.125rem;
            left: 0.125rem;
            width: 0.75rem;
            height: 0.75rem;
            border-radius: 0.75rem;
            background: #fff;
            transition: left 0.25s;
        }

        .btn-toggle.btn-xs.active {
            transition: background-color 0.25s;
        }

            .btn-toggle.btn-xs.active > .handle {
                left: 1.125rem;
                transition: left 0.25s;
            }

            .btn-toggle.btn-xs.active:before {
                opacity: 0.5;
            }

            .btn-toggle.btn-xs.active:after {
                opacity: 1;
            }

        .btn-toggle.btn-xs.btn-sm:before,
        .btn-toggle.btn-xs.btn-sm:after {
            line-height: -1rem;
            color: #fff;
            letter-spacing: 0.75px;
            left: 0.275rem;
            width: 1.55rem;
        }

        .btn-toggle.btn-xs.btn-sm:before {
            text-align: right;
        }

        .btn-toggle.btn-xs.btn-sm:after {
            text-align: left;
            opacity: 0;
        }

        .btn-toggle.btn-xs.btn-sm.active:before {
            opacity: 0;
        }

        .btn-toggle.btn-xs.btn-sm.active:after {
            opacity: 1;
        }

        .btn-toggle.btn-xs.btn-xs:before,
        .btn-toggle.btn-xs.btn-xs:after {
            display: none;
        }

    .btn-toggle.btn-secondary {
        color: #6b7381;
        background: #bdc1c8;
    }

        .btn-toggle.btn-secondary:before,
        .btn-toggle.btn-secondary:after {
            color: #6b7381;
        }

        .btn-toggle.btn-secondary.active {
            background-color: #ff8300;
        }

/* Bootstrap Switch */

.dashboard_icons .icon_parent {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .dashboard_icons .icon_parent:hover {
        background: #F2F3F4;
    }

.color-red {
    color: red;
}

.color-green {
    color: darkgreen;
}

.wrap {
    height: 100%;
    position: relative;
    overflow: visible;
}

    .wrap img,
    .bg {
    }

.bg {
    width: 70%;
    height: 70%;
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: -1;
    background: url('../images/background_2.png') repeat center center;
    background-size: cover;
    transform: scale(1.1);
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #808080; /*#212529;*/
    text-align: inherit;
    white-space: nowrap;
    background-color: #0000;
    border: 0;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 10em !important;
    vertical-align: .255em;
    content: "";
    border-top: .4em solid !important;
    border-right: .4em solid #0000 !important;
    border-bottom: 0;
    border-left: .4em solid #0000 !important;
}

.search_filter {
    width: 92%;
    padding: 8px;
    border: none;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    background: none;
}

.span-height {
    height: auto !important;
}

.multiselect-native-select .btn-group button .caret {
    display: none
}

/*new*/

.comparison_box a {
    text-decoration: none;
}

.peer_box {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 5px;
}

    .peer_box .yr {
        font-size: 12px;
        color: #ccc;
    }

/*Speedo Metere*/

body {
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.highcharts-exporting-group,
.highcharts-credits {
    display: none !important;
}

.m-r-0 {
    margin-right: 0;
}

.balance .main-box-left {
    max-height: 260px;
}

.balance .main-box-left,
.holdings .main-box-left {
    padding-right: 2rem;
    height: auto;
}

    .balance .main-box-left .main-box-left-sub {
        min-height: 260px;
        background: #21f0a8;
        border: 0;
        color: #ffffff !important;
        border-radius: 10px;
        padding: 3rem 5rem 4.75rem 5em;
    }

.nav-tabs.payment_mode > li > a {
    border-radius: 7px;
}

.balance .main-box-left .main-box-left-sub .title_top {
    font-weight: 600;
    font-size: 15px;
    line-height: 14px;
    letter-spacing: 0.7px;
    color: #fff;
    padding-top: 1px;
}

.balance .main-box-left .main-box-left-sub h1 {
    font-weight: 600;
    font-size: 28px;
    color: #fff;
    letter-spacing: 3.55px;
    width: 100px;
    text-align: center;
}

    .balance .main-box-left .main-box-left-sub h1 hr {
        margin-top: 10px;
        margin-bottom: 30px;
        border: 0;
        width: 99.9%;
        border-top: 2px solid #F2F3F4;
    }

.balance .main-box-left .main-box-left-sub label {
    margin-top: 40px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.7px;
    color: #fff;
    float: left;
}

.balance .main-box-left .main-box-left-sub .withdraw_ammount {
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    letter-spacing: 3px;
    width: max-content;
    float: left;
    padding-bottom: 1px;
    border-bottom: 2px solid #F2F3F4;
    margin: .9rem 0 0 3rem;
}

.balance .nav-tabs {
    border: 0;
}

.balance .nav > li > a {
    padding: 2px 0px;
    color: #848b90;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 20px;
}

.balance .nav-tabs > li.active > a,
.balance .nav-tabs > li.active > a:focus,
.balance .nav-tabs > li.active > a:hover {
    border-bottom: 2px solid #21f0a8;
    border-top: none;
    border-left: none;
    border-right: none;
    background: #F2F3F4;
}

.balance .amt {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.7px;
    text-align: center;
    margin: 20px auto;
    color: #5a6064;
    padding-top: 15px;
}

.balance .enter_amount {
    border-bottom: 1px solid #21f0a8;
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: center;
    width: 50%;
    background: transparent;
    margin: 10px auto 20px;
}

.balance .button_add_amount {
    width: auto;
    border: none;
    border-radius: 50px;
    height: 20px;
    line-height: 18px;
    color: #fff !important;
    background: #21f0a8;
    text-align: center;
    margin: 30px auto 10px;
    padding: 2px 8px !important;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.6px;
    cursor: default;
}

    .balance .button_add_amount:hover {
        color: #fff;
        background: #62b8e0;
        transition: 0.6s;
    }

.balance .main-box-right {
    height: 260px;
    border: none;
    border-radius: 10px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: #F2F3F4;
}

.balance .main-box-right-step-2 {
    height: 260px;
    border: none;
    padding: 0rem;
    background: transparent;
}

    .balance .main-box-right-step-2 .top-bank-details-box {
        background: #F2F3F4;
        padding: 12px 14px 16px 14px;
        border-radius: 3px;
    }

        .balance .main-box-right-step-2 .top-bank-details-box .payble_ammount {
            font-weight: 900;
            font-size: 12px;
            line-height: 10px;
            letter-spacing: 0.65px;
            text-align: center;
            margin: 0 auto 15px;
            color: #5a6064;
            padding-top: 0;
        }

        .balance .main-box-right-step-2 .top-bank-details-box .payble_bank {
            font-weight: 500;
            font-size: 10px;
            line-height: 10px;
            letter-spacing: 0.65px;
            color: #5a6064;
            margin: 0 0 3px;
            padding-top: 0;
        }

        .balance .main-box-right-step-2 .top-bank-details-box .button_change_bank {
            padding: 2px 8px !important;
            width: auto;
            border: none;
            border-radius: 50px;
            height: 20px;
            line-height: 16px;
            color: #fff !important;
            background: #21f0a8;
            float: right;
            text-align: center;
            margin: 0;
            font-size: 9px;
            font-weight: 600;
            letter-spacing: 0.6px;
            cursor: default;
        }

            .balance .main-box-right-step-2 .top-bank-details-box .button_change_bank:hover {
                color: #fff;
                background: #62b8e0;
                transition: 0.6s;
            }

    .balance .main-box-right-step-2 .payment-list-group {
        background: transparent;
        padding: 05px 0px;
        border-radius: 3px;
    }

        .balance .main-box-right-step-2 .payment-list-group a {
            margin-bottom: 0px;
        }

    .balance .main-box-right-step-2 .nav-tabs > li.active > a:hover {
        border-bottom: 1px solid #21f0a8;
        border-top: 1px solid #21f0a8;
        border-left: 1px solid #21f0a8;
        border-right: 1px solid #21f0a8;
    }

    .balance .main-box-right-step-2 .nav-tabs > li.active > a {
        border-bottom: 1px solid #21f0a8;
        border-top: 1px solid #21f0a8;
        border-left: 1px solid #21f0a8;
        border-right: 1px solid #21f0a8;
        background: transparent;
    }

    .balance .main-box-right-step-2 .nav-tabs > li {
        float: unset;
        margin-bottom: 0px;
    }

    .balance .main-box-right-step-2 .list-none {
        list-style: none;
    }

    .balance .main-box-right-step-2 .payment-list-group .payment-type-icon {
        margin: 0;
        text-align: center;
        padding-top: 0;
        width: 45px;
        height: 45px;
        line-height: 45px;
        overflow: hidden;
    }

        .balance .main-box-right-step-2 .payment-list-group .payment-type-icon img {
            width: 100%;
            height: auto;
        }

    .balance .main-box-right-step-2 .payment-list-group .payment-type {
        font-weight: 500;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0.6px;
        color: #5a6064;
        margin: 0 0 3px;
        text-align: right;
        padding-top: 18px;
    }

    .balance .main-box-right-step-2 .nav-tabs > li.active > a .payment-type,
    .nav-tabs > li.active > a:focus .payment-type,
    .nav-tabs > li.active > a:hover .payment-type {
        color: #848484;
    }

    .balance .main-box-right-step-2 .top-nav {
        padding: 1rem 1rem 0;
    }

        .balance .main-box-right-step-2 .top-nav .payble_ammount {
            font-weight: 500;
            font-size: 8px;
            line-height: 8px;
            letter-spacing: 0.5px;
            margin: 0 auto 20px;
            color: #5a6064;
            padding-top: 0;
        }

        .balance .main-box-right-step-2 .top-nav .payble_ammount-bank {
            font-weight: 500;
            font-size: 8px;
            line-height: 25px;
            letter-spacing: 0.5px;
            margin: 0 auto 0px;
            color: #5a6064;
            padding-top: 0;
        }

        .balance .main-box-right-step-2 .top-nav .payble_ammount span {
            font-size: 10px;
            line-height: 8px;
        }

    .balance .main-box-right-step-2 .bank-details .list-details .payment-type {
        font-weight: 600;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: 0.5px;
        color: #848484;
        margin: 10px 0 10px;
        padding-top: 10px;
    }

    .balance .main-box-right-step-2 .bank-detail {
        padding: 2px 8px !important;
        width: auto;
        border: none;
        border-radius: 50px;
        height: 20px;
        line-height: 16px;
        color: #fff !important;
        background: #21f0a8;
        text-align: center;
        margin: 12px 0 10px 0;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.7px;
        cursor: default;
    }

.balance .list-details {
    padding: 4px 16px 0px;
    color: #848b90;
    font-weight: 600;
    margin-bottom: 0px;
}

/* Balance  page */

/* SIP Order page */

.sip-order .title {
    font-weight: 900;
    font-size: 18px;
    color: #afafaf;
    letter-spacing: 0.52px;
}

.glyphicon {
    -webkit-transition: 1s ease-out;
    -moz-transition: 1s ease-out;
    transition: 1s ease-out;
}

.anim-glyphicon:hover > .glyphicon {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.float-unset {
    float: unset !important;
}

.sip-order .title span {
    font-weight: 600;
    font-size: 15px;
    color: #62b8e0;
    float: right;
    line-height: 1.9;
}

.sip-order .title label {
    font-weight: 600;
    font-size: 15px;
    color: #afafaf;
    float: right;
}

.sip-order .Step1 .badge {
    position: absolute;
    top: 9.5rem;
    right: 36%;
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    background-color: transparent;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .sip-order .Step1 .badge label {
        color: #929191;
        font-size: 7px;
        width: auto;
        height: 12px;
        letter-spacing: 0.55px;
        line-height: 10px;
        border-radius: 50px;
        padding: 2px 5px;
        display: inline-block;
        background-color: #21f0a8;
    }

.sip-order .Step1 .comming-soon {
    font-weight: 600;
    font-size: 8px;
    padding-top: 4px;
    color: #62b8e0;
}

.sip-order .Step1 a {
    cursor: default;
}

/* SIP Order page */

/* Profile Design */

.profile {
    width: 25%;
}

    .profile h4 {
        color: #848484;
    }

    .profile h5 {
        color: #62b8e0;
    }

    .profile .h4,
    .h5 {
        margin-top: 8px;
        line-height: 1.3;
        margin-bottom: 8px;
    }

/* Profile Design */

/* Holdings Design */

.holdings .main-box-left .mfInvCurrentAmt {
    font-size: 28px !important;
    font-weight: 500;
    padding: 0px;
    font-weight: 500;
    letter-spacing: -.35px;
}

.holdings .main-box-left .sub_title {
    opacity: 1;
    font-size: 12px !important;
    padding: 8px 0 !important;
    font-weight: 600;
    letter-spacing: .5px;
    color: #848484;
}

.holdings .scheme-table th {
    font-size: 12px !important;
    color: #848484;
}

.holdings .scheme-table td {
    font-size: 11px !important;
    color: #848484;
}

    .holdings .scheme-table td:last-child {
        font-size: 14px !important;
    }

.holdings .scheme-table > thead > tr > th,
.holdings .scheme-table > thead > tr > td {
    border-bottom: none;
    border-top: none;
    border: none;
}

.holdings .table > tbody > tr > td,
.holdings .table > tbody > tr > th,
.holdings .table > tfoot > tr > td,
.holdings .table > tfoot > tr > th,
.holdings .table > thead > tr > td,
.holdings .table > thead > tr > th {
    padding: 10px 10px 10px 0px !important;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: none;
    color: #848484;
}

    .holdings .table > tbody > tr > td:first-child,
    .holdings .table > tbody > tr > th:first-child {
        width: 255px;
        max-width: 250px;
        overflow: hidden;
        padding: 8px 8px 8px 0px !important;
        text-overflow: ellipsis;
        white-space: normal;
    }

.holdings .msc999Heading {
    font-size: 16px;
    letter-spacing: -.23px;
    color: #a1a1a1;
    font-weight: 600;
    -webkit-font-smoothing: auto;
    margin: 15px 0 10px;
}

.holdings .msc999Para {
    font-size: 11px;
    line-height: 1.4;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    letter-spacing: -.16px;
    color: #848484;
    font-weight: 600;
    margin: 0 auto 15px auto;
}

.holdings .new-sip-btn {
    background: #21f0a8;
    color: #FFFFFF !important;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: bold;
    width: 50%;
    line-height: 20px;
    height: 35px;
}

.holdings .new-invest-btn {
    background: #21f0a8;
    color: #FFFFFF !important;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: bold;
    width: 48.556%;
    line-height: 20px;
    height: 35px;
    margin: 0 auto;
}

.holdings .pt-2 {
    padding-top: 0.8rem;
}

.holdings .more-details-holding-sip {
    right: -50px;
    z-index: 120;
    overflow: hidden;
    left: auto;
    max-width: 100px !important;
    margin: 0.12rem 0 0;
    border-radius: 10px;
    padding: 0;
}

    .holdings .more-details-holding-sip li {
        float: unset;
        padding: 2px 0;
    }

        .holdings .more-details-holding-sip li:hover {
            background: #00000033;
            font-weight: 600;
        }

.holdings .unite-price .main-box-left .unite_purchase_record .table > tbody > tr > td:first-child,
.holdings .unite-price .main-box-left .unite_purchase_record .table > tbody > tr > th:first-child {
    width: auto;
    max-width: auto;
    overflow: hidden;
    padding: 8px 8px 8px 0px !important;
    text-overflow: ellipsis;
    white-space: normal;
}

.holdings .main-box-left .scheme-table > thead > tr > th:first-child,
.holdings .main-box-left .scheme-table > thead > tr > td:first-child {
    padding: 8px 8px 8px 0px !important;
}

.holdings .main-box-left .scheme-table > thead > tr > th:last-child,
.holdings .main-box-left .scheme-table > thead > tr > td:last-child,
.holdings .main-box-left .table > tbody > tr > td:last-child,
.holdings .main-box-left .table > tbody > tr > th:last-child {
    padding: 8px 0px 8px 8px !important;
}

.holdings .unite-price .main-box-left .unite_purchase_record .table > tbody > tr > td:last-child,
.holdings .unite-price .main-box-left .unite_purchase_record .table > tbody > tr > th:last-child {
    font-size: 10px !important;
}

.h-30 {
    height: 30px;
    line-height: 30px;
}

.h-20 {
    height: 20px;
    line-height: 20px;
}

.h-40 {
    height: 40px;
    line-height: 40px;
}

.h-42 {
    height: 42px;
}

.holdings .unite-price .invest-more-btn-unit-details {
    background: #21f0a8;
    color: #FFFFFF !important;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: bold;
    width: 50%;
    margin-bottom: 2rem;
    line-height: 20px;
    height: 35px;
}

.holdings .unite-price .back-button {
    position: absolute;
    top: 140px;
    color: #62b8e0;
}

/* Holdings Design */

/* Mandate Design */

.mandate .main-box-top {
    height: auto;
    min-height: 300px;
    max-height: 300px;
    background: #21f0a8;
    border: 0;
    color: #ffffff !important;
    border-radius: 10px;
    padding: 1rem 1.5rem;
    z-index: 1;
}

    .mandate .main-box-top table tr td {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0 10px;
        font-weight: 600;
        line-height: 42px;
        vertical-align: middle;
    }

        .mandate .main-box-top table tr td.bank_name {
            overflow: hidden;
            white-space: normal;
            text-overflow: ellipsis;
            padding: 0 10px;
            font-weight: 600;
            line-height: 1.5;
            vertical-align: middle;
        }

.mandate .mandate-title {
    font-size: 20px;
    font-weight: bold;
    color: #78B3DF;
    padding: 0 0 0 2px;
    margin: 0 auto 10px;
}

.Mandate-sip-table .button_add_amount-main {
    margin: 8px auto 0px auto;
}

.Mandate-sip-table .add_btn {
    position: absolute;
    top: -53px;
    right: 0px;
}

    .Mandate-sip-table .add_btn .button_add_amount {
        width: 21px;
        height: 21px;
        line-height: 20px;
        padding: 2px !important;
        color: #fff;
    }

.Mandate-sip-table .button_add_amount {
    width: auto;
    border: none;
    border-radius: 50px;
    height: 30px;
    line-height: 30px;
    color: #fff !important;
    background: #21f0a8;
    text-align: center;
    margin: 0px;
    padding: 0px 15px !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.6px;
    transition: 0.6s;
    cursor: default;
}

.my-schedule .modal-content {
    height: 339.94px;
    border: 0px;
    width: 100%;
    margin: 0 auto;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:invalid,
textarea:invalid {
    background-color: transparent;
    border-bottom: 2px solid #d40000;
}

.Mandate-sip-table .button_add_margine {
    margin: 0px 8px 0px 0px;
}

.Mandate-sip-table .button_add_amount:hover {
    color: #fff !important;
    background: #62b8e0;
    transition: 0.5s;
}

.Mandate-sip-table .main-box-right {
    height: auto;
    border: none;
    border-radius: 10px;
    padding: 3rem 0rem;
    background: transparent;
}

.Mandate-sip-table .nav-tabs {
    border: 0;
}

.mandate_ul_tabs-50 li a:hover {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #c5c5c5 !important;
}

.Mandate-sip-table .tab-content {
    margin-top: 3rem;
}

.Mandate-sip-table table tr td {
    color: #848b90;
    padding: 10px 10px;
}

.Mandate-sip-table .sip {
    color: #78B3DF !important;
}

.mandate #robo_loader_wrap .row {
    display: flex;
    align-items: center;
}

.mandate .talk_btn {
    background-color: #21F0A9;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    padding: 5px 12px;
    border-radius: 100px;
    letter-spacing: 1px;
    display: inline-block;
    margin: -4px auto 0;
}

    .mandate .talk_btn:hover {
        color: #fff !important;
        background: #62b8e0;
        transition: 0.5s;
    }

/* Mandate */

/* NFO */

.nfo .banner-img img {
    width: 80%;
}

.home .banner-img img {
    width: 78.3% !important;
}

.nfo .banner-text h3 {
    color: #323232;
    margin-bottom: 20px;
    font-weight: normal;
}

.nfo .banner-text h6 {
    color: #b1b1b1;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.nfo .justify-content-center {
    display: flex;
    align-items: center;
}

/* Search page */

.multiselect-container {
    width: auto !important;
    height: 300px !important;
    overflow: auto !important;
    right: auto !important;
    top: 35px !important;
}

/* Search page */

.Broker_index {
    height: 80vh;
}

@media only screen and (max-width:768px) {
    .Broker_index {
        height: 100vh;
    }
}

.nfo .grid-row {
    background: transparent;
    box-shadow: 1px 1px 7px 2px #00000022;
    border: none;
    border-radius: 5px;
    padding: 15px 15px;
    margin: 10px auto;
    opacity: 0.8;
}

    .nfo .grid-row:hover {
        background: transparent;
        box-shadow: 1px 1px 9px 2px #00000033;
        border: none;
        border-radius: 5px;
        padding: 15px 12px;
        margin: 10px auto;
        opacity: 1;
    }

    .nfo .grid-row .fund-title {
        font-size: 12px;
        color: #979797;
        padding: 0 0;
        letter-spacing: 0.6px;
        overflow: hidden;
        align-self: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: 900;
        margin: auto 0;
    }

    .nfo .grid-row .title {
        font-size: 12px;
        color: #979797;
        font-weight: 600;
        align-self: center;
        padding: 0 0;
        letter-spacing: 0.7px;
        margin: 0 0 0px;
    }

    .nfo .grid-row .data {
        font-size: 13px;
        color: #979797;
        letter-spacing: 0.7px;
        align-self: center;
        font-weight: 900;
        padding: 0 0;
        margin: 0 0 0px;
    }

    .nfo .grid-row .Buy_Now {
        font-size: 12px;
        color: #ffffff;
        padding: 3px 5px !important;
        font-weight: 600;
        align-self: center;
        border-radius: 50px;
        margin: 0 auto;
        width: 100%;
        letter-spacing: 0.9px;
        background-color: #21F0A8;
    }

.nfo .pr-50 {
    padding-right: 5.5%;
}

.nfo .grid-row:hover .Buy_Now:hover {
    color: #ffffff;
    background-color: #62b8e0;
}

.nfo .grid-row:hover .Buy_Now {
    color: #848484;
    background-color: #21F0A8;
}

.nfo .tittle-heading {
    color: #72736e;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
    margin: 100px 0 20px 0;
}

.No-ipo-tittle-heading {
    align-self: center;
}

    .No-ipo-tittle-heading h2 {
        color: #a1a1a1;
        font-size: 16px;
    }

    .No-ipo-tittle-heading p {
        color: #a1a1a1;
        font-size: 12px;
        width: 50%;
        padding-top: 0px;
    }

.No-data-img {
    text-align: right;
}

    .No-data-img img {
        width: 25.00%;
        height: auto;
    }

.col-half-offset {
    margin-left: 1.18888%;
}

/* NFO */

.btn-Custom {
    background: transparent;
    color: #FFF;
    font-size: 24px !important;
}

    .btn-Custom:hover,
    .btn-Custom:active,
    .btn-Custom:focus,
    .btn-Custom::after,
    .btn-Custom::before {
        background: transparent;
        color: #FFF;
        font-size: 24px;
    }

button:active,
button:focus,
*:focus,
*:active {
    -moz-outline-style: none !important;
    outline: none !important;
    outline: 0 !important;
}

button:focus {
    border: none !important;
    outline: none !important;
}

.col-46 {
    width: 46.666667%;
}

.my-schedule .modal-open .modal {
    overflow-x: unset;
}

.home_slider_top_wrap .half_wrap.f_left img {
    width: 70%;
}

.my-schedule .modal-dialog {
    margin: 12% auto 5%;
}

.my-schedule .modal-header {
    min-height: 53px;
    height: 53px;
    padding: 1rem !important;
    margin: 0px 0 0px;
}

.my-schedule .close {
    font-size: 38px;
    line-height: 0.8;
}

.my-schedule .create-b,
.my-schedule .close-b {
    border: none;
    border-radius: 50px;
}

.my-schedule .close-b {
    background: #b1b3b2;
    color: #1e1e1e;
}

.my-schedule .create-b {
    background: #4cb270;
    color: #fff;
}

.noscroll {
    overflow: hidden;
}

.custom_h1 {
    font-size: 28px !important;
    font-weight: bold !important;
}

/* broker page design */

.autocomplete-group {
    background: #ffffff;
    font-size: 10px;
    height: 22px;
    padding: 0px;
    padding-left: 10px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 3px;
    border-top: 1px dotted #a9a2a2;
    border-bottom: 1px dotted #a9a2a2;
}

div#bloc-3 {
    position: fixed !important;
    bottom: 0 !important;
}

::placeholder {
    color: #d6d6d6 !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #d6d6d6 !important;
}

::-ms-input-placeholder {
    color: #d6d6d6 !important;
}

::-moz-selection {
    color: #78b3df;
    background: #21f0a869 !important;
}

::selection {
    color: #78b3df;
    background: #21f0a869 !important;
}

input.specialnono {
    background: transparent;
    border-top: transparent !important;
    border-left: transparent !important;
    border-right: transparent !important;
    border-bottom: transparent !important;
    font-weight: 500;
    color: #040404;
    padding-left: 0;
    box-shadow: none !important;
    border-radius: 0;
    font-size: 23px;
    padding-bottom: 0px;
    height: 64px;
    letter-spacing: 1px;
    padding-left: 60px;
}

div#resultsscompanySearch {
    position: relative;
    display: block;
    margin-top: 71px;
    box-shadow: 0px 3px 8px rgba(220, 220, 220, 0.64);
    width: 100%;
}

.autocomplete-suggestion {
    padding: 5px;
    padding-left: 5px;
    cursor: pointer;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(170, 170, 170);
}

.autocomplete-suggestions {
    line-height: 42px;
    font-size: 24px;
    width: 100% !important;
    border-top: 0px;
    overflow: scroll;
    overflow-x: hidden;
    margin-top: 5px;
    box-shadow: 0px 3px 8px rgba(220, 220, 220, 0.64);
    background: #fff;
}

.searchicon {
    display: inline-block;
    width: 36px;
    vertical-align: top;
    height: 36px;
    margin-top: 17px;
    margin-right: 23px;
    margin-left: 0px;
    padding-left: 0px;
    position: absolute;
}

    .searchicon path {
        fill: #050505;
        transition: fill .2s;
    }

    .searchicon.active path {
        fill: #ffc107;
        fill: #050505;
        transition: fill .2s;
    }

.textboxy {
    display: inline-block;
    width: 100%;
    height: 70px;
    vertical-align: top;
}

.blockytt::after {
    background-color: #e5e5e5;
    content: "";
    display: block;
    height: 1px;
    margin-top: 3px;
    width: 100%;
}

.blockytt {
    padding-left: 0px;
    margin-left: 0px;
    text-align: left;
    margin-top: 40px;
    padding-bottom: 11px;
}

.automargin {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.mypagesubhead {
    font-weight: 100;
    font-size: 1.2em;
    letter-spacing: 1px;
    line-height: 30px;
    color: #353535;
}

.next,
.prev {
    cursor: pointer;
}

::-webkit-scrollbar {
    width: 0px;
}

.blocprojects {
    max-width: 1200px;
    margin: auto;
    padding: 20px;
    position: relative;
}

.blocsauyhelo {
    max-width: 1200px;
    margin: auto;
    padding: 20px;
}

.workeheading {
    font-weight: 800;
    font-size: 7em;
    color: #000;
}

.workeheadingsub {
    font-size: 19px;
    line-height: 40px;
    margin-left: 16px;
    margin-bottom: 55px;
}

.linebelow {
    width: 100px;
    height: 4px;
    display: block;
    background: #c6a753;
    margin-top: 16px;
}

.card {
    width: 60%;
    margin: auto 6%;
    height: 500px;
    background: #ecebeb;
    position: relative;
    transition: -webkit-all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1), -webkit-transform .5s cubic-bezier(.165, .84, .44, 1);
}

    .card:first-child {
        margin-left: 130px;
    }

@keyframes type {
    from {
        width: 0;
    }
}

@-moz-keyframes type {
    from {
        width: 0;
    }
}

@-webkit-keyframes type {
    from {
        width: 0;
    }
}

@-ms-keyframes type {
    from {
        width: 0;
    }
}

@-o-keyframes type {
    from {
        width: 0;
    }
}

@keyframes type2 {
    0% {
        width: 0;
    }

    50% {
        width: 0;
    }

    100% {
        width: 100;
    }
}

@keyframes blink {
    to {
        opacity: .0;
    }
}

::selection {
    background: black;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#bloc-1 {
    text-align: center;
}

.jumpjumparrow {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    margin-left: auto;
    color: #000;
    cursor: pointer;
}

.scrollright {
    background: transparent;
    position: absolute;
    right: 0;
    z-index: 100;
    top: 0;
    height: 100%;
    padding: 16px;
    width: 100px;
    margin-right: 20px;
    text-align: right;
}

.scrollleft {
    background: transparent;
    position: absolute;
    left: 0%;
    z-index: 100;
    top: 0;
    height: 100%;
    padding: 22px;
    width: 100px;
    margin-left: 20px;
    opacity: 0;
}

    .scrollleft i,
    .scrollright i {
        top: 38%;
        display: block;
        position: absolute;
        font-size: 67px;
        background: #0000001f;
        border-radius: 60px;
        padding: 20px 25px;
        color: #fff;
    }

i.fa.fa-arrow-right {
    right: 0;
}

i.fa.fa-arrow-left {
    left: 0;
}

div#bloc-3 {
    border-top: none;
    display: none;
}

sup {
    top: -1.25em !important;
    color: #21f0a9;
    font-weight: 600;
}

.user-menu li a {
    color: #666;
    margin: 0 10px;
    font-size: 16px;
}

.dropdown-item {
    margin: 0em !important;
    padding: 0 10px;
    font-size: 14px !important;
}

.apps {
    margin: -8px 0 0 0 !important;
}

.company-logo h6 {
    font-size: 13px;
    font-weight: 600;
}

.badge {
    position: absolute;
    top: 15%;
    right: -2%;
    background-color: transparent;
}

    .badge label {
        color: #fff;
        font-size: 10px;
        width: 15.5px;
        height: 15px;
        line-height: 15.2px;
        border-radius: 50px;
        background-color: #0a7725;
    }

.ddlSIPDate {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 600;
    box-shadow: none !important;
    color: #939598;
    -webkit-box-shadow: inset 0 0px 0px transparent !important;
    box-shadow: inset 0 0px 0px transparent !important;
}

.payment-text label span {
    color: #65ADDB;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-left: 25px;
}

.footer_relation {
    position: absolute;
    bottom: 30px;
    z-index: 2;
}

.table_scroll_fix {
    max-height: 170px;
    height: 170px;
    overflow: auto;
    margin-bottom: 0px;
}

.table_scroll_fix1 {
    max-height: 190px;
    height: 190px;
    overflow: auto;
    margin-bottom: 0px;
}

.table_stiky_header {
    width: 100%;
    position: sticky;
    top: 0;
    background: #F2F3F4;
    z-index: 1;
}

.table-scroller {
    z-index: 2;
}

.order-table tbody tr td {
    padding: 10px 10px;
}

.quick_box {
    max-height: 397px;
    min-height: 397px !important;
}

.quick-text img {
    width: 150px;
    padding: 65px 0 50px;
}

.quick-text-next img {
    width: 192px;
    padding: 80px 0 60px;
}

.galaxy_dp {
    margin-left: 8px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 16px;
    bottom: 0;
    background-color: #66AADD;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 6px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #21F0A9;
}

input:focus + .slider {
    box-shadow: 0 0 1px #21F0A9;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

input[type='checkbox']:after {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #F2F3F4;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #adadad;
}

input[type='checkbox']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #21F0A9;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #00af72;
}

select option {
    background: #fff;
    width: 30px;
    text-align: center;
}

    select option:first-child {
        border-radius: 4px 4px 0px 0px;
    }

    select option:last-child {
        border-radius: 0px 0px 4px 4px;
    }

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu a::after {
        transform: rotate(-90deg);
        position: absolute;
        right: 6px;
        top: .8em;
    }

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: .1rem;
        margin-right: .1rem;
    }

.dropdown-menu.show {
    display: block;
}

.table tbody + tbody {
    border-top: 2px solid transparent !important;
}

.No-ipo-tittle-heading {
    align-self: center;
}

    .No-ipo-tittle-heading p {
        color: #b0b1b3;
        font-size: 12px;
        width: 50%;
        padding-top: 0px;
        padding-bottom: 0px;
    }

.No-data-img {
    text-align: right;
}

/* Sroll to top button */

.scrolltop {
    display: none;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 20px;
    right: 10px;
}

.scroll {
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #21f0a9;
    padding: 9px 10px 4px;
    text-align: center;
    border-radius: 100px;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

    .scroll:hover {
        background: #65ADDB;
        transition: 0.5s;
        box-shadow: 0px 0px 10px #65ADDB;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }

        .scroll:hover .fa {
            padding-top: -10px;
        }

    .scroll .fa {
        font-size: 30px;
        margin-top: -5px;
        margin-left: 1px;
        color: #FFF;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }

.multiselect {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: .700rem !important;
}

.clearFilter {
    position: absolute;
    right: 12px;
    background: #65ADDB;
    border-color: #65ADDB;
}

.input-group-addon:first-child {
    border: none;
    width: 30px;
    text-align: center;
    padding: 9px 5px 4px;
    line-height: 1;
}

.multiselect-container .input-group {
    width: 88%;
}

.multiselect-clear-filter,
.input-group-btn:last-child > .btn {
    border-bottom: none !important;
}

#ddlFirstOrder {
    font-size: 11px;
    color: #939598 !important;
    letter-spacing: 0.4px;
    background: transparent;
}

.fixed-table {
    max-height: 460px !important;
    min-height: 460px !important;
}

.mandate_create_img {
    width: 100%;
}

/* Add New Css */

.mandate_ul_tabs .mandate_ul_tabs-50 {
    width: 50% !important;
    max-width: 50% !important;
}

.modal-dialog {
    z-index: 1040;
    max-width: 100% !important;
    margin: 0% auto !important;
}

.modal-title {
    color: #65ADDB;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    border: 0;
    padding: 10px;
}

/* .modal-content, */

.current_amt {
    color: #939598 !important;
    font-size: 14px;
    font-weight: 600;
}

.id_sip {
    color: #939598 !important;
    font-size: 17px;
    font-weight: 600;
}

.id_sip_p {
    color: #939598 !important;
    font-size: 11px;
    font-weight: 600;
}

.modal-header {
    border-bottom: 1px solid transparent !important;
    padding: 15px 15px !important;
}

.modal-body {
    padding: 15px 15px !important;
}

.modal-footer {
    -ms-flex-pack: center;
    justify-content: center !important;
    padding: 15px 15px !important;
    border-top: 1px solid transparent !important;
}

.proceed-btn {
    color: #FFFFFF;
    background: #21f0a9;
    font-size: 12px !important;
    padding: 5px 20px 5px !important;
    text-transform: uppercase;
    -moz-border-radius: 15px;
    border-radius: 15px !important;
    font-weight: bold !important;
    letter-spacing: 0.1em;
    margin-top: 20px;
}

.left-nav,
.right-nav {
    float: left;
}

.right-nav {
    margin-left: 20px;
}

a {
    cursor: pointer;
}

.modal-header {
    text-align: center;
}

.logo_fix_wrap {
    position: absolute;
    z-index: 101;
    left: 0;
    top: 10px;
}

    .logo_fix_wrap img {
        width: 190px;
    }


/* ACCOUNT PROFILE */

#loading_setting {
    -webkit-animation: rotation 5s infinite linear;
    animation: rotation 5s infinite linear;
}

    #loading_setting:hover {
        -webkit-animation: none;
        animation: none;
        transition: 5s;
    }

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.user-info {
    min-width: 250px !important;
    width: 250px;
    top: 100% !important;
    left: -94px !important;
    position: absolute !important;
    border-radius: 10px !important;
}

.user-icon {
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #21f0a9;
    border-radius: 50px;
    line-height: 29.5px;
    cursor: pointer;
    opacity: 0.8;
    margin: -6px 2px 1px !important;
    transition: all 0.5s ease 0s;
    transform: scale(1);
}

    .user-icon:hover {
        transform: scale(1.1);
        box-shadow: 0 0 4px 1px #adadad96;
    }

.show .user-icon {
    transform: scale(1.1);
    box-shadow: 0 0 4px 1px #adadad96;
}

.user-icon label {
    font-weight: bold;
    color: #fff;
}

.user-menu ul {
    list-style: none;
    padding: 0;
    text-align: left;
}

    .user-menu ul li {
        padding: 8px 5px;
        transition: all 0.5s ease 0s;
    }

.user-menu li a {
    color: #666;
    margin: 0 10px;
    font-size: 16px;
}

.user-menu ul li:hover {
    background-color: #F2F2F4;
}

.user-menu a img {
    width: 15px;
}

.user-menu a label {
    padding-left: 29px;
    font-size: 12px;
    margin-bottom: 0;
    letter-spacing: 1px;
    color: #7C7C7C;
    cursor: pointer;
    font-weight: bold;
}

.user-icon label {
    font-weight: bold;
    color: #fff;
}

.account-info {
    background-color: #333435e6;
    color: #fff;
    border-radius: 5px;
    padding: 4px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s ease 0s;
}

    .account-info h4 {
        color: #fff;
        font-size: 11px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: normal;
    }

    .account-info label,
    .account-info span {
        font-size: 10px;
        color: #e2e2e2;
        line-height: normal;
        font-weight: 600;
        letter-spacing: normal;
        display: block;
    }

.show .account-info {
    display: none;
    visibility: hidden;
}

.user-icon1 {
    width: 65px;
    height: 65px;
    text-align: center;
    background-color: #21f0a9;
    border-radius: 50px;
    line-height: 62px;
    cursor: pointer;
    margin: 15px auto;
}

    .user-icon1 label {
        font-weight: bold;
        color: #fff;
        font-size: 35px;
    }

.user-code span {
    font-weight: bold;
    color: #000;
    font-size: 14px;
    margin-top: 10px;
    display: block;
    padding: 0 15px;
    letter-spacing: 1px;
}

.user-code h6 {
    color: #7C7C7C;
    font-weight: bold;
    margin-top: 7px;
    font-size: 12px;
    letter-spacing: 1px;
}

.fund_page_wrap .fund_box_wrap .price_wrap h2 {
    font-size: 50px;
    float: left;
}

.highcharts-tooltip-box text tspan {
    fill: #00e9ca;
    font-size: 11px;
    letter-spacing: 0.75px;
    font-weight: 200;
}

.paichart_only .HOLDINGS .highcharts-root {
    width: 85.885% !important;
    margin: 37px auto 0;
}

.border-left-custom {
    border-left: 1px solid #dee2e6 !important;
}

.mini-loader .loader {
    /* width: 170px; */
    width: 100px;
    height: 40px;
    position: relative;
    margin: 20px auto 0;
}

    .mini-loader .loader .inner_loader {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
        animation: move-ball 1s infinite linear;
    }

.loader {
    /* width: 170px; */
    width: 100px;
    height: 40px;
    position: relative;
    margin: 50px auto 0;
}

    .loader .inner_loader {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
        animation: move-ball 1s infinite linear;
    }

        .loader .inner_loader:nth-child(1) {
            background: #21f0a9;
        }

        .loader .inner_loader:nth-child(2) {
            background: #A8A9AD;
            animation-delay: -0.2s;
        }

        .loader .inner_loader:nth-child(3) {
            background: #65ADDB;
            animation-delay: -0.4s;
        }

        .loader .inner_loader:nth-child(4) {
            background: #A8A9AD;
            animation-delay: -0.6s;
        }

        .loader .inner_loader:nth-child(5) {
            background: #21f0a9;
            animation-delay: -0.8s;
        }

.Investloader {
    /* width: 170px; */
    width: 100px;
    /*height: 40px;*/
    position: absolute;
    /*margin: 50px auto 0;*/
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    z-index: 1;
}

    .Investloader .inner_loader {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
        animation: move-ball 1s infinite linear;
    }

        .Investloader .inner_loader:nth-child(1) {
            background: #21f0a9;
        }

        .Investloader .inner_loader:nth-child(2) {
            background: #A8A9AD;
            animation-delay: -0.2s;
        }

        .Investloader .inner_loader:nth-child(3) {
            background: #65ADDB;
            animation-delay: -0.4s;
        }

        .Investloader .inner_loader:nth-child(4) {
            background: #A8A9AD;
            animation-delay: -0.6s;
        }

        .Investloader .inner_loader:nth-child(5) {
            background: #21f0a9;
            animation-delay: -0.8s;
        }

@keyframes move-ball {
    0% {
        box-shadow: 0px 21px 15px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(1.1);
        transform: translatey(0) scale(1);
    }

    25% {
        box-shadow: 0px 38.5px 25px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(1);
        transform: translatey(-17.5px) scale(0.75);
    }

    50% {
        box-shadow: 0px 21px 15px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(0.8);
        transform: translatey(0px) scale(0.5);
    }

    75% {
        box-shadow: 0px 3.5px 5px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(1);
        transform: translatey(17.5px) scale(0.75);
    }

    100% {
        box-shadow: 0px 21px 15px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(1.1);
        transform: translatey(0) scale(1);
    }
}

.blockUI {
    background: transparent !important;
    border-color: transparent !important;
}

.navbar-nav .tCenter {
    background: #e45050;
    color: #fff;
    width: 14px;
    font-weight: bold;
    height: 14px;
    line-height: 1;
    -webkit-border-radius: 80%;
    text-align: center;
    position: absolute;
    transform: translate(-50%, -50%);
    box-sizing: content-box;
    padding: 2px;
}

.navbar-nav .sm-badge .tCenter {
    left: 80%;
    top: 35%;
}

.navbar-nav .open .dropdown-menu {
    position: absolute !important;
    float: unset !important;
}

.company-name {
    min-width: 330px !important;
    width: 330px !important;
    top: 80% !important;
    left: 70% !important;
    border-radius: 10px !important;
}

.action_button a img {
    width: 15%;
    height: auto;
}

.action_button_schedual a img {
    width: 10%;
    height: auto;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #fff !important;
}

.SegmentedControl__pill-container__2YgMb {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.SegmentedControl__pill__2mhg5:first-child {
    border-left: none;
}

.SegmentedControl__pill__2mhg5:last-child {
    border-right: none;
}

.SegmentedControl__pill__2mhg5 {
    padding: 7px 9px;

    @media (max-width: 1183px) {
        padding: 12px 9px;
    }
}

.SegmentedControl__pill__2mhg5 {
    -webkit-flex: 1 0 0;
    -moz-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0;
    border: none;
    border-left-color: rgba(221, 224, 228, .7);
    border-right: 0;
    text-align: center;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .SegmentedControl__pill__2mhg5:hover {
        color: #535b62;
        background-color: rgba(129, 135, 140, .08);
    }

.SegmentedControl__pill-selected__3gX8h:hover {
    background-color: #f9fafb;
}

.SegmentedControl__pill__2mhg5:active {
    outline: none;
}

.SegmentedControl__pill-selected__3gX8h {
    color: #99D6CE !important;
    border: transparent !important;
    border-bottom: 2px solid #99D6CE !important;
}

    .SegmentedControl__pill-selected__3gX8h + .SegmentedControl__pill__2mhg5 {
        border-left: none;
    }

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem transparent !important;
}

.common_header {
    padding: 0;
    margin: 0;
    color: #848b90;
    font-size: 37.5px;
}

.highcharts-xaxis-labels {
    display: none;
}


/* media start */

@media only screen and (max-width: 481px) and (min-height: 600px) {
    .phone_flex_custom {
        top: -34vh;
    }
}

@media only screen and (max-width: 481px) and (min-height: 700px) {
    .phone_flex_custom {
        top: -30vh;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .mobile_fix {
        display: none;
    }

    .ddlSIPDate {
        width: 100%;
        -webkit-box-shadow: inset 0 0px 0px transparent !important;
        box-shadow: inset 0 0px 0px transparent !important;
    }

    .order-table tbody tr td {
        padding: 9.5px 10px;
    }

    .pro-sip-image {
        height: 55px;
    }

    .sip-order .Step1 .badge {
        top: 6.35rem;
        right: 30%;
    }

    .feature_icon {
        width: 110px;
        height: auto;
    }

    .gridContainer {
        padding-left: 1.1625%;
        clear: none;
        float: none;
        margin: 0 auto;
    }

    .zeroMargin_tablet {
        margin-left: 0;
    }

    /*Home Wrap Starts*/
    .home_slider_top_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        padding-top: 120px;
        padding-bottom: 80px;
    }

    .table_wrap {
        display: table;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

        .table_wrap .cell_wrap {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }

    .home_slider_top_wrap .half_wrap {
        /* height: 100%; */
        width: 100%;
    }

        .home_slider_top_wrap .half_wrap.f_left {
            text-align: center;
            padding-bottom: 40px;
        }

    /* .home_slider_top_wrap .half_wrap.f_left img {
		width: 430px;
	} */
    .w-55 {
        width: 20%;
    }

    .w-50 {
        width: 27%;
    }

    /* .w-20 {
		width: 27%;
	} */
    .w-15 {
        width: 32%;
    }

    .w-12 {
        width: 17%;
    }

    .w-10 {
        width: 14%;
    }

    .home_slider_top_wrap .half_wrap.f_right {
        text-align: center;
    }

    .border_box {
        display: inline-block;
        width: 400px;
        background-color: #adb0b2;
        height: 1px;
        background-color: #adb0b2;
    }

    p {
        color: #000000;
        font-size: 18px;
        line-height: 1.4em;
        padding-top: 20px;
    }

    .common_anchor {
        display: inline-block;
        position: relative;
        padding: 15px;
    }

        .common_anchor span {
            padding: 10px;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #fff;
            color: #000;
            display: inline-block;
            position: relative;
            z-index: 20;
        }

    .top_custom {
        top: -6vh;
    }

    .menu_fix_wrap .menu_item.icon_item_wrap {
        margin-top: 10vh;
    }

    /*    #divHeaderHTML {
        top: 8.85vh;
        position: absolute;
        left: 5.25vh;
    }*/
    .menu_fix_wrap .galaxy_dp_item {
        text-align: right;
        top: 8.85vh;
        position: absolute;
        right: 9.5vh;
    }

    .common_anchor:before {
        background-color: #21f0a9;
        height: 8px;
        width: 20%;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -4px;
        content: '';
        z-index: 10;
        transition-property: width, height, top, margin-top;
        transition-duration: 0.5s;
        transition-delay: 0.5s, 0s, 0s, 0s;
        transition-timing-funtion: linear;
    }

    .common_anchor:hover:before {
        height: 100%;
        top: 0;
        margin-top: 0px;
        width: 100%;
    }

    /*Home Wrap Ends*/
    /*Overview Wrap Starts*/
    .overview_wrap_home {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
    }

        .overview_wrap_home .half_wrap.f_left {
            text-align: left;
            padding-top: 90px;
            padding-bottom: 30px;
            width: 100%;
            text-align: center;
        }

        .overview_wrap_home .item_wrap .image_wrap {
            display: inline-block;
            width: 25%;
            float: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
        }

            .overview_wrap_home .item_wrap .image_wrap img {
                width: 100px;
            }

        .overview_wrap_home .item_wrap {
            padding-top: 20px;
            text-align: left;
        }

            .overview_wrap_home .item_wrap .data_wrap {
                display: inline-block;
                width: 75%;
                float: right;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: 20px;
            }

                .overview_wrap_home .item_wrap .data_wrap p {
                    font-size: 18px;
                    padding-right: 10%;
                }

                .overview_wrap_home .item_wrap .data_wrap h3 {
                    padding: 0;
                    margin: 0;
                    font-size: 20px;
                    color: #848b90;
                }

        .overview_wrap_home .galaxy_wrap {
            display: inline-block;
            width: 100%;
            float: left;
            text-align: center;
        }

            .overview_wrap_home .galaxy_wrap img {
                -webkit-animation: galaxy_movement 1s infinite linear;
                width: 500px;
            }

    /*Overview Wrap ends*/
    /*Feature Wrap Starts*/
    .home_feature_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .home_feature_wrap .col-xs-12 h2 {
            padding: 0;
            margin: 0;
            font-size: 19px;
            color: #5a6064;
        }

        .home_feature_wrap .col-xs-12 p {
            font-size: 14px;
        }

        .home_feature_wrap .col-xs-12 {
            padding-top: 40px;
            padding-bottom: 40px;
        }

    /*Feature Wrap Ends*/
    /*Review Wrap Starts*/
    .home_slider_top_wrap.review .half_wrap {
        padding: 50px;
    }

    .home_slider_top_wrap.review {
        padding-top: 100px;
        padding-bottom: 50px;
        overflow: visible;
        z-index: 20;
    }

        .home_slider_top_wrap.review p.small {
            font-size: 20px;
        }

        .home_slider_top_wrap.review .galaxy_man_wrap {
            display: inline-block;
            width: 100%;
            text-align: center;
            float: left;
            margin-bottom: 30px;
        }

            .home_slider_top_wrap.review .galaxy_man_wrap img {
                width: 440px;
                -webkit-animation: rotate_minus_90 18s infinite linear;
            }

    /*Reiew Wrap Ends*/
    /*Fund Partner Wrap*/
    .fund_partner_wrap {
        text-align: center;
        padding-top: 70px;
        padding-bottom: 70px;
    }

        .fund_partner_wrap .common_header {
            color: #8f959a;
        }

        .fund_partner_wrap img {
            padding-top: 20px;
        }

    /*Fund Partner Wrap Ends*/
    .logo_fix_wrap {
        margin-left: -13%;
        margin-bottom: 5vh;
    }

        .logo_fix_wrap img {
            width: 180px;
        }

    .menu_fix_wrap {
        z-index: 100;
        padding: 20px 0;
        height: 100%;
    }

    .menu_wrap {
        width: 100%;
    }

        .menu_wrap .menu_item {
            width: 100%;
            text-align: center;
        }

            .menu_wrap .menu_item + .menu_item {
                margin-top: 30px;
            }

    .menu_fix_wrap > div {
        width: 100%;
        float: left;
        display: table;
        position: relative;
        height: 100%;
    }

    .menu_fix_wrap .common_anchor:last-child span {
        background-color: #21f0a9;
    }

    .menu_fix_wrap .menu_wrap {
        float: right;
        display: inline-block;
        position: relative;
        margin-right: 30px;
    }

    .menu_fix_wrap a.glow_anchor {
        float: none;
        display: inline-block;
        position: relative;
        font-size: 18px;
        color: #5a6064;
        letter-spacing: 0.2em;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        text-transform: uppercase;
        line-height: 30px;
    }

    .menu_fix_wrap a.profile_new {
        margin-right: 20px !important;
    }

    .menu_fix_wrap a.glow_anchor:after {
        position: absolute;
        bottom: -2px;
        left: 50%;
        width: 0;
        height: 2px;
        content: '';
        background-color: #21f0a9;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .menu_fix_wrap a.glow_anchor:hover:after,
    .menu_fix_wrap a.glow_anchor.active:after {
        width: 100%;
        left: 0;
    }

    .menu_fix_wrap a.glow_anchor i {
        color: #5a6064;
        font-size: 20px;
    }

        .menu_fix_wrap a.glow_anchor i:hover {
            color: #21f0a9;
        }

    .menu_fix_wrap a.glow_anchor:hover {
        color: #21f0a9;
        text-decoration: none;
    }

    .top_custom {
        top: -6vh;
    }

    .menu_fix_wrap .menu_item.icon_item_wrap {
        margin-top: 10vh;
    }

    .phone_flex_custom {
        top: -47vh;
    }

    .galaxy_dp {
        float: left;
        display: inline-block;
        position: relative;
        width: 33px;
        height: 33px;
    }

        .galaxy_dp .dropdown-toggle {
            padding: 10px;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #fff;
            color: #000;
            display: inline-block;
            position: relative;
            text-transform: uppercase;
            z-index: 20;
            font-size: 13px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        }

        .galaxy_dp ul li a {
            font-size: 13px;
        }

        .galaxy_dp:hover .dropdown-toggle {
            background: #3d3d3d;
            color: #fff;
            text-decoration: none;
        }

    .menu_fix_wrap .galaxy_dp .dropdown-toggle {
        padding: 6px 15px;
        padding-bottom: 3px;
    }

    .menu_fix_wrap .galaxy_dp {
        float: none;
    }

    .top_menu_wrap {
        margin-bottom: 10px;
    }

    .menu_fix_wrap .top_menu_wrap a.glow_anchor {
        font-size: 15px;
    }

    .footer_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 70px;
        padding-bottom: 70px;
    }

        .footer_wrap img {
            width: 250px;
            margin-bottom: 20px;
        }

        .footer_wrap p {
            font-size: 15px;
            padding-left: 10%;
            padding-right: 10%;
        }

    .carousel-control.left {
        margin-left: -30px;
        bottom: 110px;
        top: auto;
    }

    .carousel-control.right {
        margin-right: -30px;
        bottom: 110px;
        top: auto;
    }

    /*Registration Process Starts*/
    .form_parent_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        text-align: center;
    }

        .form_parent_wrap .table_height {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .form_parent_wrap .logo_wrap img {
            width: 180px;
        }

        .form_parent_wrap h1.common_header {
            font-size: 30px;
            padding-top: 20px;
        }

        .form_parent_wrap p {
            font-size: 16px;
            color: #fff;
            padding-top: 10px;
            padding-bottom: 30px;
        }

        .form_parent_wrap .white_box_form {
            background-color: #F2F3F4;
            padding: 30px;
            -webkit-box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.1);
            text-align: left;
            padding-left: 110px;
        }

            .form_parent_wrap .white_box_form:before {
                content: attr(data-before);
                position: absolute;
                right: 0;
                top: -40px;
                font-family: cat_light;
                color: #848b90;
                font-size: 14px;
                letter-spacing: 0.3em;
                text-transform: uppercase;
            }

            .form_parent_wrap .white_box_form + .white_box_form {
                margin-top: 80px;
            }

            .form_parent_wrap .white_box_form:after {
                content: attr(data-after);
                position: absolute;
                left: 50px;
                top: -25px;
                font-family: cat_light;
                color: #fff;
                font-size: 12px;
                letter-spacing: 0.3em;
                text-transform: uppercase;
            }

            .form_parent_wrap .white_box_form .field_parent_wrap {
                padding-bottom: 20px;
            }

            .form_parent_wrap .white_box_form .galaxy_man_wrap {
                position: absolute;
                left: -10px;
                top: -30px;
            }

                .form_parent_wrap .white_box_form .galaxy_man_wrap img {
                    width: 100px;
                }

        .form_parent_wrap .gridContainer {
            max-width: 870px;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap .title_wrap {
            font-size: 12px;
            text-transform: uppercase;
            color: #000;
            letter-spacing: 0.2em;
            color: #717171;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap input,
        .form_parent_wrap .white_box_form .field_parent_wrap textarea,
        .common_control,
        .form_parent_wrap .white_box_form .field_parent_wrap select {
            width: 100%;
            padding: 8px;
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #2b2b2b;
            font-size: 13px;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap .full_wrap .half_wrap.f_right {
            padding-left: 15px;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap .full_wrap .half_wrap.f_left {
            padding-right: 15px;
        }

        .form_parent_wrap .white_box_form .forms_logos {
            text-align: center;
            padding-right: 150px;
        }

    .fix_top_right {
        position: fixed;
        right: 20px;
        top: 20px;
        z-index: 50;
        cursor: pointer;
    }

    /*Registration Process Ends*/
    /* demat 1 starts */
    .demat_h2.common_header {
        color: #000;
        font-size: 25px;
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .document_ul li {
        list-style: none;
        background: url("../images/tick.png") no-repeat center left;
        margin-left: 0;
        padding-left: 23px;
        line-height: 2em;
    }

    .form_parent_wrap .white_box_form .icon_wrap {
        text-align: center;
    }

    .document_ul {
        text-align: left;
        padding: 0;
        font-size: 14px;
        color: #000;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .logo_wrap + .white_box_form {
        margin-top: 40px;
    }

    .form_parent_wrap .white_box_form.noiconform {
        padding-left: 30px;
    }

    .white_box_half_wrap.half_wrap {
        width: 100%;
    }

    .form_table_wrap {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
    }

        .form_table_wrap .form_cell_wrap {
            width: 100%;
            float: left;
            display: inline-block;
            position: relative;
        }

            .form_table_wrap .form_cell_wrap:nth-child(even) {
                padding-top: 20px;
            }

    /* demat 1 ends */
    /* demat 4 Starts */
    .file_upload_ul {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .file_upload_ul li {
            display: inline-block;
            width: 100%;
            margin: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            list-style: none;
            cursor: pointer;
            padding: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #d1d1d1;
            font-size: 13px;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            text-align: left;
            position: relative;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .file_upload_ul li .tick {
                position: absolute;
                left: -15px;
                display: none;
                top: 15px;
            }

            .file_upload_ul li.done .tick {
                display: inline-block
            }

            .file_upload_ul li .arrow_icon {
                position: absolute;
                z-index: 20;
                right: 30px;
                font-size: 25px;
                color: #cccccc;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                top: 8px;
            }

            .file_upload_ul li:hover .arrow_icon,
            .file_upload_ul li.active .arrow_icon {
                color: #333;
                right: 20px;
            }

    .lr_wrap {
        float: left;
    }

        .lr_wrap:nth-child(odd) {
            padding-right: 20px;
        }

        .lr_wrap:nth-child(even) {
            padding-left: 20px;
        }

    /* demat 4 ends */
    /* demat 7 start */
    .common_header.more_lh {
        line-height: 35px;
        font-size: 20px;
    }

    .input_mask_parent {
        width: 50%;
        float: none;
        display: inline-block;
    }

        .input_mask_parent input[type="text"],
        .input_mask_parent input[type="password"] {
            font-size: 20px;
        }

    .demat_desc p {
        font-size: 15px;
    }

    /* demat 7 ends */
    .ipad_menu_fix {
        position: fixed;
        z-index: 1000;
        width: 100%;
        background-color: #fff;
        bottom: 0;
        left: 0;
        text-align: center;
        border-top: 1px solid #aeaeae;
        display: inline-block;
    }

        .ipad_menu_fix .col-xs-4 {
            padding-top: 15px;
            padding-bottom: 15px;
            border-right: 1px solid #aeaeae;
            color: #000000;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .ipad_menu_fix .col-xs-4:last-child {
                border-right: 0;
            }

            .ipad_menu_fix .col-xs-4:hover,
            .ipad_menu_fix .col-xs-4.active {
                background-color: #21f0a9;
                color: #000;
            }

    .home_category_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .home_category_wrap .top_cat_list_wrap {
            margin-top: 40px;
        }

        .home_category_wrap .col-xs-12 h2 {
            padding: 0;
            margin: 0;
            font-size: 15px;
            color: #5a6064;
        }

    /* Search Starts */
    .home_slider_top_wrap.other_page {
        padding-top: 150px;
        padding-bottom: 50px;
        overflow: inherit;
    }

    .search_parent_wrap {
        width: 100%;
        margin: 0 0px 30px;
        border-bottom: 1px solid #adb0b2;
    }

        .search_parent_wrap .search_inner_wrap {
            padding: 15px 20px;
            padding-left: 100px;
        }

            .search_parent_wrap .search_inner_wrap .icon {
                position: absolute;
                top: 10px;
                left: 30px;
            }

            .search_parent_wrap .search_inner_wrap .search_text {
                width: 100%;
                float: left;
                display: inline-block;
                position: relative;
                border: 0;
                font-size: 20px;
                color: #000;
                letter-spacing: 0.1em;
            }

                .search_parent_wrap .search_inner_wrap .search_text::-webkit-input-placeholder {
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text::-moz-placeholder {
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text:-ms-input-placeholder {
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text:-moz-placeholder {
                    color: #aeaeae;
                }

        .search_parent_wrap .search_result_wrap {
            padding: 22px;
            display: none;
            background: #fffbf5;
        }

            .search_parent_wrap .search_result_wrap .quarter_wrap {
                width: 31.33%;
                float: left;
                display: inline-block;
                position: relative;
                margin-right: 3%;
            }

                .search_parent_wrap .search_result_wrap .quarter_wrap:nth-child(3n+0) {
                    margin-right: 0;
                }

            .search_parent_wrap .search_result_wrap ul {
                width: 100%;
                float: left;
                display: inline-block;
                position: relative;
                padding: 0;
                margin: 0;
            }

                .search_parent_wrap .search_result_wrap ul li {
                    width: 100%;
                    float: left;
                    display: inline-block;
                    position: relative;
                    padding: 0;
                    margin: 0;
                    color: #696969;
                }

                    .search_parent_wrap .search_result_wrap ul li a {
                        width: 100%;
                        float: left;
                        display: inline-block;
                        position: relative;
                        padding: 0;
                        margin: 0;
                        color: #696969;
                        text-decoration: none;
                        margin-top: 5px;
                    }

                    .search_parent_wrap .search_result_wrap ul li.title {
                        text-transform: uppercase;
                        font-size: 11px;
                        padding-bottom: 5px;
                        margin-bottom: 5px;
                        border-bottom: 1px solid rgba(0, 150, 255, 1);
                    }

                .search_parent_wrap .search_result_wrap ul + ul {
                    margin-top: 40px;
                }

    .other_page_desc_wrap {
        text-align: center;
        font-size: 15px;
        padding: 0 10%;
        margin-bottom: 50px;
        line-height: 1.8em;
    }

    .funds_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        margin-bottom: 50px;
    }

    .watch-div {
        padding: 4px 10px !important;
        height: 272px;
    }

    .funds_ul li,
    .watch-div {
        width: 32%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0 10px;
        margin: 0;
        border-radius: 5px;
        margin-right: 2%;
        background: #F7F7F8;
        margin-bottom: 50px;
        transition: all 0.8s !important;
    }

        .funds_ul li:hover {
            transform: scale(1.05);
            -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        }

        .funds_ul li .fund_top_info_wrap {
            padding: 12px 20px;
            border-bottom: 1px solid #3CF0B3;
        }

            .funds_ul li .fund_top_info_wrap .name_wrap {
                font-size: 20px;
                color: #848b90;
                margin-bottom: 0px;
                min-height: 50px;
                max-height: 50px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .funds_ul li .fund_top_info_wrap .cat_wrap {
                margin-bottom: 15px;
            }

                .funds_ul li .fund_top_info_wrap .cat_wrap span {
                    color: #fff;
                    background: #21f0a9;
                    border: 1px solid #21f0a9;
                    padding: 3px 7px;
                    text-transform: uppercase;
                    font-size: 9px;
                    margin-left: -10px;
                    float: left;
                    display: inline-block;
                    -webkit-border-radius: 15px;
                    -moz-border-radius: 15px;
                    border-radius: 15px;
                    letter-spacing: 0.5px;
                }

        .funds_ul li .fund_over_wrap {
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .funds_ul li .fund_over_wrap .single_over_wrap {
                width: 50%;
                float: left;
                display: inline-block;
                position: relative;
                padding: 0 5px;
                text-align: center;
                border-left: 1px solid #333333;
            }

                .funds_ul li .fund_over_wrap .single_over_wrap .text_wrap {
                    font-size: 10px;
                    color: #000;
                    text-transform: uppercase;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap:first-child {
                    border-left: 0;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap:last-child {
                    border-left: 0;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap.only_text .text_wrap {
                    font-size: 13px;
                    padding-top: 18px;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap .value_wrap {
                    font-size: 14px;
                    color: #848b90;
                    margin-bottom: 0px;
                }

        .funds_ul li .rank_wrap {
            background: #21f0a9;
            position: absolute;
            top: -17px;
            left: -17px;
            color: #000;
            min-width: 35px;
            height: 35px;
            line-height: 40px;
            font-size: 20px;
            text-align: center;
            -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
        }

        .funds_ul li .rank_text_wrap {
            position: absolute;
            top: -18px;
            letter-spacing: 0.1em;
            left: 35px;
            color: #5a6064;
            font-size: 10px;
            text-transform: uppercase;
        }

    .theme_tabs_parent_wrap {
        margin-bottom: 60px;
        overflow: visible;
        z-index: 9999;
    }

    .theme_tabs_ul {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 0;
        text-align: center;
    }

        .theme_tabs_ul .tab_filter {
            float: left;
            width: auto;
            display: inline-block;
            border: 1px solid #21f0a9;
            border-radius: 30px !important;
            margin-bottom: 15px;
            line-height: 1.1 !important;
            padding: 6px 12px !important;
            margin-right: 5.400px !important;
        }

            .theme_tabs_ul .tab_filter.active,
            .theme_tabs_ul .tab_filter:active {
                border: 1px solid #21f0a9;
                background: #21f0a9;
                color: #ffffff;
                font-weight: bold;
                -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
                box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
            }

            .theme_tabs_ul .tab_filter:last-child {
                margin-right: 0px;
            }

        .theme_tabs_ul li a {
            background: transparent;
            font-size: 12px;
            color: #5a6064;
            text-transform: uppercase;
            -webkit-border-radius: 0px;
            cursor: pointer;
            -moz-border-radius: 100px;
            border-radius: 100px;
            border: none;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 5px;
            padding-bottom: 5px;
        }

            .theme_tabs_ul li a:after {
                position: absolute;
                bottom: 0;
                left: 50%;
                width: 0;
                height: 2px;
                content: '';
                color: #21f0a8;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            .theme_tabs_ul li a.active {
                background: #21f0a8;
                border: none;
                color: #5a6064;
                border-radius: 30px;
                cursor: pointer;
            }

                .theme_tabs_ul li.active a:after,
                .theme_tabs_ul li a.active:after,
                .theme_tabs_ul.nav-tabs > li.active > a:after,
                .theme_tabs_ul.nav-tabs > li.active > a:focus:after,
                .theme_tabs_ul.nav-tabs > li.active > a:hover:after {
                    width: 100%;
                    left: 0;
                }

    /* Search Ends */
    /* Fund Page Start */
    .fund_page_wrap .title_parent_wrap {
        padding-bottom: 30px;
    }

        .fund_page_wrap .title_parent_wrap h2 {
            margin: 0;
            font-size: 25px;
            color: #232323;
            float: left;
            width: 100%;
            text-align: center;
        }

    .fund_page_wrap .fund_box_wrap .price_wrap h2 span {
        float: left;
    }

        .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap {
            padding: 8px;
            font-size: 15px;
            color: #fff;
            padding-left: 12px;
            padding-right: 12px;
            float: left;
            margin-top: 11px;
            margin-left: 15px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap.green {
                background-color: #4db55e
            }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap.red {
                background-color: #df2511
            }

        .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap {
            padding: 8px;
            font-size: 15px;
            color: #000;
            padding-left: 12px;
            padding-right: 12px;
            float: left;
            margin-top: 11px;
            margin-left: 5px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap.green {
                color: #4db55e;
            }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap.red {
                color: #df2511;
            }

    .fund_page_wrap .fund_box_wrap .date_time_wrap {
        font-size: 14px;
        color: #747474;
        padding-bottom: 10px;
    }

    .fund_page_wrap .fund_box_wrap {
        /* padding: 25px; */
        margin-bottom: 30px;
        text-align: left;
    }

        .fund_page_wrap .fund_box_wrap.large {
            padding-top: 0px;
            padding-bottom: 40px;
        }

        .fund_page_wrap .fund_box_wrap p {
            color: #000;
            font-size: 14px;
            padding-top: 0;
            line-height: 1.8em;
        }

        .fund_page_wrap .fund_box_wrap.black p {
            color: #fff;
        }

    .fund_page_wrap .rank_return_parent_wrap .half_wrap {
        width: 50%;
    }

        .fund_page_wrap .rank_return_parent_wrap .half_wrap:nth-child(odd) {
            padding-right: 20px;
        }

        .fund_page_wrap .rank_return_parent_wrap .half_wrap:nth-child(even) {
            padding-left: 20px;
        }

    .fund_page_wrap .add_to_cart_text {
        color: #848b90;
        text-align: center;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .fund_page_wrap .return_perc_wrap {
        font-size: 40px;
        line-height: 40px;
        text-align: center;
        text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
        color: #fff;
        margin-top: 25px;
    }

    .fund_page_wrap .return_text_wrap {
        font-size: 13px;
        text-align: center;
        color: #fff;
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .fund_page_wrap .fund_rank_wrap {
        text-align: center;
    }

        .fund_page_wrap .fund_rank_wrap .info_wrap {
            color: #939393;
            font-size: 12px;
            margin-top: 10px;
            text-align: center;
        }

        .fund_page_wrap .fund_rank_wrap table {
            width: 100%;
        }

            .fund_page_wrap .fund_rank_wrap table td {
                vertical-align: middle;
                width: 50%;
            }

                .fund_page_wrap .fund_rank_wrap table td.text {
                    font-size: 12px;
                    padding-left: 5px;
                }

                .fund_page_wrap .fund_rank_wrap table td.number {
                    font-size: 60px;
                    line-height: 80px;
                    padding-right: 5px;
                }

                .fund_page_wrap .fund_rank_wrap table td:first-child {
                    text-align: right;
                }

                .fund_page_wrap .fund_rank_wrap table td:last-child {
                    text-align: left;
                }

    .normal_anchor {
        padding: 10px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #21f0a9;
        color: #1e1e1e;
        display: inline-block;
        position: relative;
        font-size: 14px;
        float: none;
        text-transform: uppercase;
        z-index: 20;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .normal_anchor.blue {
            background: #75cef3;
        }

        .normal_anchor:hover {
            background: rgba(0, 0, 0, 1);
            text-decoration: none;
            color: #fff;
        }

        .normal_anchor + .normal_anchor {
            margin-left: 10px;
        }

    .fund_page_wrap .overview_data_wrap {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 50px;
    }

        .fund_page_wrap .overview_data_wrap h3 {
            text-align: center;
            padding: 0;
            margin: 0;
            font-size: 30px;
            color: #21f0a9;
            padding-bottom: 5px;
        }

        .fund_page_wrap .overview_data_wrap h4 {
            margin: 0;
            padding: 0;
            font-size: 13px;
            text-transform: uppercase;
            color: #21f0a9;
            padding-top: 10px;
            padding-left: 10px;
            padding-right: 10px;
            line-height: 1.8em;
        }

    .fund_page_wrap .double_calc_parent_wrap {
        text-align: left;
    }

        .fund_page_wrap .double_calc_parent_wrap .f_right {
            padding: 0;
            padding-left: 30px;
            text-align: left;
        }

            .fund_page_wrap .double_calc_parent_wrap .f_right p {
                padding-left: 0;
            }

    /* .fund_page_wrap .double_calc_parent_wrap .f_left {
		padding-right: 30px;
	} */
    .fund_page_wrap .double_calc_parent_wrap {
        padding-bottom: 30px;
    }

        .fund_page_wrap .double_calc_parent_wrap .title_wrap {
            text-transform: uppercase;
            letter-spacing: 0.1em;
            font-size: 15px;
            margin-bottom: 20px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 8px;
            text-align: left;
        }

        .fund_page_wrap .double_calc_parent_wrap .value_wrap h3 {
            color: #333;
            font-size: 13px;
            padding: 0;
            margin: 0;
            padding-bottom: 5px;
            text-align: left;
            padding-top: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap h3.green {
                color: #4db55e;
            }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap h3.grey {
                color: #5a6064;
            }

        .fund_page_wrap .double_calc_parent_wrap .value_wrap span {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0;
            height: 8px;
            float: left;
            margin-bottom: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap span.green {
                background-color: #21f0a9;
            }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap span.grey {
                background-color: #5a6064;
            }

        .fund_page_wrap .double_calc_parent_wrap ul {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0;
            float: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-top: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap ul li {
                display: inline-block;
                width: 17.6%;
                margin: 0;
                padding: 0;
                float: left;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 10px;
                border: 1px solid #ccc;
                margin-right: 3%;
                cursor: pointer;
                text-align: center;
                background-color: #21f0a9;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

                .fund_page_wrap .double_calc_parent_wrap ul li:hover,
                .fund_page_parent_wrap .double_calc_parent_wrap .half_wrap ul li.active {
                    background-color: rgba(0, 150, 255, 1);
                    color: #fff;
                }

                .fund_page_wrap .double_calc_parent_wrap ul li:last-child {
                    margin-right: 0;
                }

        .fund_page_wrap .double_calc_parent_wrap h5 {
            text-transform: uppercase;
            margin: 0;
            padding: 0;
            font-size: 15px;
            letter-spacing: 0.1em;
            padding-bottom: 5px;
            text-align: left;
            padding-top: 10px;
        }

    .fund_page_wrap .common_data_parent {
        padding-top: 40px;
    }

        .fund_page_wrap .common_data_parent p {
            padding-bottom: 20px;
        }

    .fund_page_wrap .common_title {
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

        .fund_page_wrap .common_title span {
            font-size: 12px;
            text-transform: none;
            letter-spacing: 0;
        }

    .fund_page_wrap .bottom_data_parent h3 {
        color: #333;
        font-size: 15px;
        letter-spacing: 0.1em;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .fund_page_wrap .bottom_data_parent .col-md-6 {
        color: #979797;
        font-size: 13px;
        text-align: left;
        padding: 0;
    }

        .fund_page_wrap .bottom_data_parent .col-md-6.f_right {
            padding: 0;
            text-align: left;
        }

        .fund_page_wrap .bottom_data_parent .col-md-6.f_left {
            color: #000;
            text-align: left;
            padding-right: 20px;
        }

    .fund_page_wrap .bottom_data_parent .parent_li {
        padding-bottom: 10px;
        text-align: left;
    }

    .fund_page_wrap .fund_bot_data_wrap table {
        width: 100%;
        text-align: left;
        margin-top: 20px;
        border-spacing: 10px;
        border-collapse: separate;
    }

        .fund_page_wrap .fund_bot_data_wrap table td {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            vertical-align: middle;
            padding: 5px;
            padding-left: 15px;
            font-size: 13px;
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-align: center;
        }

        .fund_page_wrap .fund_bot_data_wrap table tr td:first-child {
            text-align: left;
        }

        .fund_page_wrap .fund_bot_data_wrap table tr {
            cursor: pointer;
        }

            .fund_page_wrap .fund_bot_data_wrap table tr:hover td {
                background-color: #F2F3F4;
            }

            .fund_page_wrap .fund_bot_data_wrap table tr:first-child td {
                background-color: #F2F3F4;
            }

    /* Fund Page Ends */
    /* Ordering Start */
    .anchor_icon_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        text-align: center;
    }

        .anchor_icon_ul li {
            float: none;
            display: inline-block;
            position: relative;
            padding: 0;
            margin: 0;
            width: 150px;
            margin-right: 70px;
        }

            .anchor_icon_ul li .icon_wrap img {
                max-width: 90px;
            }

            .anchor_icon_ul li .title {
                font-size: 13px;
                letter-spacing: 0.3em;
                margin-top: 5px;
                text-transform: uppercase;
                color: #717171;
            }

            .anchor_icon_ul li .normal_anchor {
                width: 100%;
                margin-top: 10px;
            }

    /* Ordering Ends */
    /* Ordering 2 Starts */
    .common_inner_header {
        font-size: 30px;
        line-height: 45px;
        color: #717171;
        margin: 0;
        text-align: center;
        margin-bottom: 15px;
    }

    .amount_input_large {
        border: 0;
        border-bottom: 1px solid #d2d2d2;
        color: #000;
        font-size: 30px;
        background: transparent;
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 20px;
    }

    .amount_note {
        margin-top: -10px;
        text-align: center;
        color: #707070;
        margin-bottom: 20px;
    }

    .box_icon_center_content {
        padding-right: 100px;
    }

    /* Ordering 2 Ends */
    /* Ordering 3 Starts */
    .cart_table {
        width: 100%;
        float: left;
        border-spacing: 10px;
        border-collapse: separate;
        color: #45484d;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

        .cart_table thead td {
            padding: 10px 5px;
        }

        .cart_table td {
            vertical-align: top;
            padding-left: 5px;
            padding-right: 5px;
        }

        .cart_table tbody td.title_td {
            vertical-align: middle;
        }

        .cart_table td + td {
            border-left: 1px solid #e1e1e1;
        }

        .cart_table thead {
            font-size: 13px;
            letter-spacing: 0.1em;
        }

        .cart_table tbody {
            font-size: 12px;
            letter-spacing: 0.1em;
        }

        .cart_table .title_td {
            width: 50%;
        }

        .cart_table .week_td {
            width: 25%;
        }

        .cart_table .dates_td {
            width: 25%;
        }

    .demat_desc.small p {
        font-size: 12px;
    }

    .cart_table.summary_cart_table td {
        padding: 8px 5px;
    }

    /* Ordering 3 Ends */
    /* Dashboard Start */
    .home_slider_top_wrap.dashboard_page {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .dashboard_statistics_wrap {
        padding-top: 20px;
        padding-bottom: 10px;
        background: rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        z-index: 10;
        -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        text-align: center;
        margin-bottom: 10px;
    }

        .dashboard_statistics_wrap .single_stat_wrap {
            float: left;
            width: 33.33%;
            display: inline-block;
            position: relative;
            padding-left: 30px;
            padding-right: 30px;
            margin-bottom: 20px;
        }

            .dashboard_statistics_wrap .single_stat_wrap .value_wrap {
                color: #bbbbbb;
                font-size: 25px;
            }

            .dashboard_statistics_wrap .single_stat_wrap .name_wrap {
                color: #bbbbbb;
                font-size: 12px;
                text-transform: uppercase;
                letter-spacing: 0.1em;
            }

    .dashboard_icons {
        text-align: center;
    }

        .dashboard_icons .icon_parent {
            border-right: 1px solid #cbcbcb;
            margin-bottom: 20px;
        }

            .dashboard_icons .icon_parent .img_wrap img {
                max-width: 64px;
            }

            .dashboard_icons .icon_parent:nth-child(4n+0) {
                border-right: 0;
            }

            .dashboard_icons .icon_parent .name_wrap {
                font-size: 12px;
                text-transform: uppercase;
                color: #717171;
                letter-spacing: 0.1em;
                margin-top: 8px;
            }

    .finger_print_box.white_box_form {
        padding-left: 110px;
        background: #000;
        color: #fff;
        margin-top: 50px;
        font-size: 12px;
    }

        .finger_print_box.white_box_form .icon {
            position: absolute;
            top: 15px;
            left: 20px;
        }

    .overview_data_wrap .item_wrap {
        width: 33.33%;
        float: left;
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 25px;
    }

    /* Dashboard Ends */
    .finger_print_box.white_box_form.large {
        font-size: 18px;
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    /* Bucket Starts */
    /* Bucket Ends */
    .finger_print_box.white_box_form .anchor_wrap {
        position: absolute;
        top: 45px;
        right: 20px;
    }

    .bucket_ul.funds_ul li .fund_top_info_wrap .name_wrap {
        padding-right: 20px;
    }

    /* bucket 5 starts */
    .form_parent_wrap .gridContainer.large {
        max-width: 100%;
        min-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .funds_ul li,
    .funds_ul li .desc_wrap,
    .funds_ul li.active .fund_over_wrap .single_over_wrap .text_wrap,
    .funds_ul li.active .fund_over_wrap .single_over_wrap .value_wrap {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .funds_ul li.active {
            background: #fff;
            color: #000;
        }

            .funds_ul li.active:hover .fund_top_info_wrap .name_wrap,
            .funds_ul li.active .fund_top_info_wrap .name_wrap {
                color: #000;
                text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
            }

            .funds_ul li.active .fund_top_info_wrap .cat_wrap span {
                background: #000;
                color: #fff;
            }

            .funds_ul li.active .desc_wrap {
                color: #000;
            }

            .funds_ul li.active .fund_over_wrap .single_over_wrap .text_wrap {
                color: #000;
            }

            .funds_ul li.active .fund_over_wrap .single_over_wrap .value_wrap {
                color: #000;
            }

    .search_parent_wrap.mtop {
        margin-top: 40px;
    }

    /* bucket 5 ends */
    /* bucket minicart starts */
    .minicart_wrap {
        position: fixed;
        bottom: 0px;
        left: 50%;
        margin-left: -225px;
        z-index: 50;
        text-align: center;
        width: 450px;
    }

        .minicart_wrap .cart_text_wrap,
        .minicart_wrap .cart_anchor {
            float: none;
            display: inline-block;
            position: relative;
            padding: 10px;
            background: transparent;
            font-size: 13px;
            min-width: 120px;
            z-index: 1;
            text-align: center;
            text-transform: uppercase;
            color: #fff;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-decoration: none;
            background: url(../images/top_bg_background_dark.jpg) center no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

            .minicart_wrap .cart_text_wrap:hover,
            .minicart_wrap .cart_anchor:hover {
                text-decoration: none;
                color: #fff;
                background-position: top center;
            }

        .minicart_wrap .continue_button {
            position: relative;
            display: inline-block;
            margin-left: 15px;
        }

        .minicart_wrap .minicart_info {
            z-index: 1;
            width: 100%;
            background: #fff;
            text-align: left;
            padding: 15px 10px;
            display: none;
        }

            .minicart_wrap .minicart_info .cart_table {
                border-collapse: separate;
                border-spacing: 0;
                margin-bottom: 0;
            }

                .minicart_wrap .minicart_info .cart_table tr td {
                    padding: 5px 0;
                    padding-right: 25px;
                    position: relative;
                }

            .minicart_wrap .minicart_info .remove_wrap {
                color: red;
                position: absolute;
                top: 3px;
                font-size: 15px;
                cursor: pointer;
                right: 0;
            }

        .minicart_wrap .back_overlay {
            position: fixed;
            top: 0;
            left: 0;
            display: none;
            width: 100%;
            height: 100%;
        }

    select.amount_input_large {
        font-size: 20px !important;
    }

    /* bucket minicart ends */
    .search_top_graphic_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 50px;
        margin-top: -30px;
        margin-bottom: 80px;
    }

        .search_top_graphic_wrap .half_wrap {
            float: left;
            width: 50%;
        }

            .search_top_graphic_wrap .half_wrap:first-child {
                padding-right: 20px;
            }

            .search_top_graphic_wrap .half_wrap:last-child {
                padding-left: 20px;
            }

            .search_top_graphic_wrap .half_wrap.f_right {
                text-align: right;
                padding-top: 30px !important;
                padding-right: 0 !important;
                padding-left: 20px !important;
            }

                .search_top_graphic_wrap .half_wrap.f_right p {
                    padding-left: 0 !important;
                }

    .abs_robo_small_instruction {
        position: absolute;
        top: 100%;
        margin-top: 30px;
        width: 65%;
        right: 0;
        padding: 15px;
        -webkit-box-shadow: 0px 0px 11px -2px #fff;
        -moz-box-shadow: 0px 0px 11px -2px #fff;
        box-shadow: 0px 0px 11px -2px #fff;
        -webkit-border-radius: 5px;
        background: url(../images/how_galaxy_works_bg.jpg) center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: #fff;
        font-size: 12px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .abs_robo_small_instruction .arrow_up {
            position: absolute;
            bottom: 100%;
            line-height: 10px;
            right: 25px;
            z-index: 100;
            color: #007cb9;
            font-size: 30px;
        }

            .abs_robo_small_instruction .arrow_up.fa-caret-up:before {
                text-shadow: 0px -4px 8px rgba(255, 255, 255, 0.2);
            }

    .field_parent_wrap.align_center .icon_ul li {
        float: none;
    }

    /* Robo 2 Ends */
    /* Robo 3 Starts */
    .form_parent_wrap .plan_table_wrap.white_box_form.noiconform {
        text-align: center;
        padding: 0;
        background: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding-top: 20px;
        padding-left: 0;
    }

    .plan_table_wrap ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .plan_table_wrap ul li {
            display: inline-block;
            margin: 0;
            padding: 0;
            width: 100%;
            list-style: none;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            border: 1px solid #b2b2b2;
            -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            padding: 15px;
            position: relative;
            cursor: pointer;
            float: left;
            background: url(../images/top_bg_background_dark.jpg) center no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            color: #fff;
            z-index: 10;
        }

            .plan_table_wrap ul li + li {
                margin-top: 25px;
            }

            .plan_table_wrap ul li .full_wrap {
                opacity: 0.8;
            }

            .plan_table_wrap ul li:last-child {
                margin-right: 0;
            }

            .plan_table_wrap ul li .title_wrap {
                font-size: 22px;
                padding-top: 5px;
                color: #fff;
            }

            .plan_table_wrap ul li .amount_title_wrap {
                font-size: 11px;
            }

        .plan_table_wrap ul .amount_wrap {
            font-size: 13px;
            color: #fff;
            margin-bottom: 5px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
        }

        .plan_table_wrap ul li .amount_title_wrap.align_left {
            text-align: left;
        }

        .plan_table_wrap ul li .price_wrap {
            font-size: 18px;
            color: #85998d;
            padding-bottom: 10px;
        }

        .plan_table_wrap ul li .percentage_wrap {
            display: inline-block;
            width: 100%;
            height: 6px;
            background-color: #15c059;
            float: left;
            margin-bottom: 10px;
        }

            .plan_table_wrap ul li .percentage_wrap.yellow {
                background-color: #e4c204;
            }

        .plan_table_wrap ul li p {
            font-size: 12px;
            padding: 0;
        }

        .plan_table_wrap ul li .quater_wrap {
            width: 50%;
            display: inline-block;
            position: relative;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 8px;
            z-index: 10;
        }

            .plan_table_wrap ul li .quater_wrap.f_left {
                padding-left: 0;
                border-right: 1px solid #ccc;
            }

            .plan_table_wrap ul li .quater_wrap.f_right {
                padding-right: 0;
            }

            .plan_table_wrap ul li .quater_wrap p {
                font-size: 10px;
                text-align: left;
            }

        .plan_table_wrap ul li .tick_abs {
            position: absolute;
            width: 100%;
            left: 0;
            top: -10px;
            text-align: center;
            display: none;
        }

        .plan_table_wrap ul li.active {
            background: url(../images/how_galaxy_works_bg.jpg) center no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            z-index: 20;
        }

            .plan_table_wrap ul li.active .full_wrap {
                opacity: 1;
            }

            .plan_table_wrap ul li.active .tick_abs {
                display: inline-block;
            }

        .plan_table_wrap ul.center_li li {
            float: none;
        }

    .dashboard_statistics_wrap.white {
        background: white;
    }

        .dashboard_statistics_wrap.white .single_stat_wrap .value_wrap,
        .dashboard_statistics_wrap.white .single_stat_wrap .name_wrap {
            color: #000;
        }

    .select_table_data_wrap h2.common_header {
        padding-top: 0;
    }

    .select_table_data_wrap table {
        width: 100%;
        text-align: left;
        border-spacing: 10px;
        border-collapse: separate;
    }

        .select_table_data_wrap table td {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            vertical-align: middle;
            padding: 5px;
            padding-left: 15px;
            font-size: 13px;
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-align: center;
        }

        .select_table_data_wrap table tr td:first-child {
            text-align: left;
        }

        .select_table_data_wrap table tr {
            cursor: pointer;
        }

            .select_table_data_wrap table tr:hover td {
                background-color: #F2F3F4;
            }

            .select_table_data_wrap table tr:first-child td {
                background-color: #F2F3F4;
            }

        .select_table_data_wrap table td span {
            text-transform: uppercase;
            font-size: 10px;
            letter-spacing: 0.2em;
        }

        .select_table_data_wrap table .title_wrap {
            text-align: center;
            border-bottom: 1px solid #ccc;
            padding-bottom: 5px;
        }

        .select_table_data_wrap table .col-sm-4 {
            padding-top: 3px;
            padding-bottom: 3px;
            text-align: center;
            padding-top: 5px;
        }

    /* Robo 3 Ends */
    .dashboard_icons.large .icon_parent .img_wrap img {
        max-width: 80px;
    }

    .account_icon_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
    }

        .account_icon_ul li {
            float: left;
            display: inline-block;
            position: relative;
            padding: 10px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            margin: 10px;
        }

            .account_icon_ul li.active,
            .account_icon_ul li:hover {
                background: rgba(255, 255, 255, 0.1);
            }

            .account_icon_ul li img {
                width: 67px;
            }

    /* Cart Starts */
    .white_box_form.cart_item_wrap,
    .form_parent_wrap .cart_item_wrap.white_box_form.noiconform {
        padding: 20px;
    }

    .form_parent_wrap .white_box_form.cart_item_wrap + .white_box_form.cart_item_wrap {
        margin-top: 50px;
    }

    .cart_item_wrap .cart_total_label {
        font-size: 20px;
        line-height: 36px;
        color: #fff;
    }

    .cart_item_wrap .cart_amount_label {
        font-size: 12px;
        color: #fff;
        text-align: center;
    }

    .cart_total_wrap {
        background: url(../images/home_top_cat_bg.jpg) center center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        .cart_total_wrap .row + .row {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid rgba(255, 255, 255, 0.3);
        }

    .cart_item_wrap .cart_amount_label span {
        text-transform: uppercase;
    }

    /* Cart Ends */
    /* Dashboard Box Starts */
    .dashboard_overview_box_parent_wrap {
        margin-top: 40px;
        text-align: left;
        color: #fff;
        margin-bottom: 20px;
    }

        .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap {
            margin-top: 20px;
        }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap.no_mtop {
                margin-top: 0;
            }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .value_wrap {
                float: left;
                display: inline-block;
                position: relative;
                color: #fff;
                font-size: 12px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .value_wrap.right {
                    float: right;
                }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .text_wrap {
                float: left;
                display: inline-block;
                position: relative;
                color: #fff;
                font-size: 11px;
                margin-top: 3px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .text_wrap.right {
                    float: right;
                }

        .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap {
            background: #000;
            padding: 15px;
        }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap {
                margin-top: 5px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap span {
                    width: 50%;
                    float: left;
                    display: inline-block;
                    position: relative;
                    height: 3px;
                    background: #0d9458;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                }

                    .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap span.yellow {
                        background: #fdaf3d
                    }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .name_wrap {
                font-size: 15px;
            }

    .anchor_group {
        float: right;
        display: table;
        position: relative;
    }

        .anchor_group a {
            display: table-cell;
            position: relative;
            line-height: 16px;
            padding: 0 5px;
            font-size: 10px;
            border: 1px solid #CCCCCC;
            color: #fff;
            opacity: 0.8;
            text-decoration: none;
        }

            .anchor_group a.active {
                border-color: #0d9458;
                opacity: 1;
                background: #0d9458;
            }

    .theme_tabs_parent_wrap.dashboard_tab {
        margin-bottom: 20px;
    }

    .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap {
        display: none;
    }

    /* Dashboard Box Ends */
    /* Transaction Starts */

    .theme_tabs_parent_wrap.my_account_tab_wrap .theme_tabs_ul {
        margin-bottom: 20px;
    }

    .cart_table.transaction_table {
        background: #fff;
    }

        .cart_table.transaction_table thead {
            font-size: 12px;
        }

        .cart_table.transaction_table tbody {
            text-align: left;
            text-transform: none;
            font-size: 11px;
        }

            .cart_table.transaction_table tbody td {
                vertical-align: middle;
            }

    .gridContainer.medium {
        max-width: 100%;
        min-width: 100%;
    }

    .theme_tabs_parent_wrap.less_margin {
        margin-bottom: 20px;
    }

    /* Transaction Ends */
    /* Transaction By Fund Starts */

    .single_fund_info_wrap {
        background: #fff;
        margin-bottom: 25px;
        text-align: left;
    }

        .single_fund_info_wrap .arrow_wrap {
            position: absolute;
            top: 50%;
            right: 10px;
            line-height: 30px;
            margin-top: -20px;
            color: #000;
            font-size: 30px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .single_fund_info_wrap.active .arrow_wrap {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

        .single_fund_info_wrap .det_wrap {
            padding: 15px;
            padding-right: 50px;
            cursor: pointer;
        }

            .single_fund_info_wrap .det_wrap .det_title_wrap {
                border-bottom: 1px solid #e1e1e1;
                padding-bottom: 3px;
                margin-bottom: 6px;
            }

            .single_fund_info_wrap .det_wrap .title {
                width: 80%;
                float: left;
                display: inline-block;
                position: relative;
                color: #000;
                font-size: 13px;
            }

            .single_fund_info_wrap .det_wrap .cat {
                max-width: 20%;
                float: right;
                display: inline-block;
                position: relative;
                background: #21f0a9;
                font-size: 12px;
                text-align: right;
                color: #000;
                padding: 0 10px;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
            }

            .single_fund_info_wrap .det_wrap .det_info_wrap .det_info_single_wrap + .det_info_single_wrap {
                border-left: 1px solid #e1e1e1;
            }

        .single_fund_info_wrap .det_table_wrap {
            background: #efefef;
            display: none;
        }

            .single_fund_info_wrap .det_table_wrap .cart_table.transaction_table thead {
                font-size: 11px;
            }

            .single_fund_info_wrap .det_table_wrap .cart_table.transaction_table {
                background: #efefef;
            }

        .single_fund_info_wrap .det_wrap .det_info_wrap {
            font-size: 12px;
            color: #000;
        }

    /* Transaction By Fund Ends */

    .funds_ul2 {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        margin-bottom: 50px;
    }

    .funds-name-wrap {
        font-size: 12px !important;
        height: 50px !important;
    }

    .funds_ul2 li {
        width: 30%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 2px;
        margin: 0;
        border: 0.51px solid #c3c3c3;
        border-radius: 5px;
        margin-right: 3%;
        background: #fff;
        margin-bottom: 50px;
        transition: all 0.8s !important;
    }

        .funds_ul2 li:hover {
            transform: scale(1.05);
            -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        }

        .funds_ul2 li .fund_top_info_wrap {
            padding: 8px 10px;
        }

            .funds_ul2 li .fund_top_info_wrap .name_wrap {
                font-size: 18px;
                color: #848b90;
                margin-bottom: 0px;
                min-height: 70px;
                max-height: 70px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .funds_ul2 li .fund_top_info_wrap .cat_wrap {
                margin-bottom: 15px;
            }

                .funds_ul2 li .fund_top_info_wrap .cat_wrap span {
                    color: #000;
                    background: #fff;
                    padding: 7px 10px;
                    text-transform: uppercase;
                    border: 1px solid #21f0a9;
                    margin-left: -10px;
                    float: left;
                    display: inline-block;
                    -webkit-border-radius: 15px;
                    -moz-border-radius: 15px;
                    border-radius: 15px;
                    letter-spacing: 0.1em;
                }

            .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap {
                width: 100%;
                float: left;
                display: table;
                position: relative;
            }

                .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap + .single_graph_wrap {
                    margin-top: 5px;
                }

                .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .text_wrap {
                    text-transform: uppercase;
                    color: #21f0a9;
                    width: 20%;
                    padding-right: 10px;
                    font-size: 14px;
                }

                .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap {
                    width: 40%;
                }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap span {
                        width: 50%;
                        float: left;
                        display: inline-block;
                        position: relative;
                        height: 5px;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                        background: #21f0a9;
                    }

                        .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap span.white {
                            background: white;
                        }

                .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .amount_wrap {
                    width: 40%;
                    color: #21f0a9;
                    font-size: 14px;
                }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .amount_wrap span {
                        color: #fff;
                        font-size: 12px;
                    }

                .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap > * {
                    display: table-cell;
                    position: relative;
                    vertical-align: middle;
                }

        .funds_ul2 li .fund_over_wrap {
            border-top: 1px solid #adb0b2;
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .funds_ul2 li .fund_over_wrap .single_over_wrap {
                width: 50%;
                float: left;
                display: inline-block;
                position: relative;
                padding: 0 10px;
                text-align: center;
                border-left: 1px solid #333333;
            }

                .funds_ul2 li .fund_over_wrap .single_over_wrap:first-child {
                    border-left: 0;
                }

                .funds_ul2 li .fund_over_wrap .single_over_wrap:last-child {
                    border-left: 0;
                }

                .funds_ul2 li .fund_over_wrap .single_over_wrap .text_wrap {
                    font-size: 10px;
                    color: #000;
                    text-transform: uppercase;
                }

                .funds_ul2 li .fund_over_wrap .single_over_wrap.only_text .text_wrap {
                    font-size: 10px;
                    margin-top: auto;
                    margin-bottom: auto;
                    word-break: break-word;
                }

                .funds_ul2 li .fund_over_wrap .single_over_wrap .value_wrap {
                    font-size: 14px;
                    color: #848b90;
                    margin-bottom: 0px;
                }

        .funds_ul2 li .rank_wrap {
            background: #21f0a9;
            position: absolute;
            top: -23px;
            left: -16px;
            color: #000;
            min-width: 35px;
            height: 35px;
            line-height: 35px;
            font-size: 20px;
            text-align: center;
            -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
        }

        .funds_ul2 li .rank_text_wrap {
            position: absolute;
            top: -18px;
            letter-spacing: 0.1em;
            left: 35px;
            color: #5a6064;
            font-size: 10px;
            text-transform: uppercase;
        }

    .bucket_ul.funds_ul2 li .fund_top_info_wrap .name_wrap {
        padding-right: 30px;
    }

    .funds_ul2 li,
    .funds_ul2 li .desc_wrap,
    .funds_ul2 li.active .fund_over_wrap .single_over_wrap .text_wrap,
    .funds_ul2 li.active .fund_over_wrap .single_over_wrap .value_wrap {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .funds_ul2 li.active {
            background: #fff;
            color: #000;
        }

            .funds_ul2 li.active:hover .fund_top_info_wrap .name_wrap,
            .funds_ul2 li.active .fund_top_info_wrap .name_wrap {
                color: #000;
                text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
            }

            .funds_ul2 li.active .fund_top_info_wrap .cat_wrap span {
                background: #000;
                color: #fff;
            }

            .funds_ul2 li.active .desc_wrap {
                color: #000;
            }

            .funds_ul2 li.active .fund_over_wrap .single_over_wrap .text_wrap {
                color: #000;
            }

            .funds_ul2 li.active .fund_over_wrap .single_over_wrap .value_wrap {
                color: #000;
            }

    .quick-text {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 786px) and (min-width: 481px) {
    .mobile_fix {
        display: none;
    }

    .ddlSIPDate {
        width: 100%;
        -webkit-box-shadow: inset 0 0px 0px transparent !important;
        box-shadow: inset 0 0px 0px transparent !important;
    }

    .order-table tbody tr td {
        padding: 9.5px 10px;
    }

    .pro-sip-image {
        height: 55px;
    }

    .sip-order .Step1 .badge {
        top: 6.35rem;
        right: 30%;
    }

    .feature_icon {
        width: 110px;
        height: auto;
    }

    .gridContainer {
        padding-left: 1.1625%;
        clear: none;
        float: none;
        margin: 0 auto;
    }

    .zeroMargin_tablet {
        margin-left: 0;
    }

    /*Home Wrap Starts*/

    .home_slider_top_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        padding-top: 120px;
        padding-bottom: 80px;
    }

    .table_wrap {
        display: table;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

        .table_wrap .cell_wrap {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }

    .home_slider_top_wrap .half_wrap {
        width: 100%;
    }

        .home_slider_top_wrap .half_wrap.f_left {
            text-align: center;
            padding-bottom: 40px;
        }

    .mandate_ul_tabs .mandate_ul_tabs-50 {
        width: 60% !important;
        max-width: 60% !important;
    }

        .mandate_ul_tabs .mandate_ul_tabs-50 .w-50 {
            width: 50% !important;
            max-width: 50% !important;
        }

    .w-55 {
        width: 20%;
    }

    .w-50 {
        width: 27%;
    }

    .w-15 {
        width: 32%;
    }

    .w-12 {
        width: 17%;
    }

    .w-10 {
        width: 14%;
    }

    .home_slider_top_wrap .half_wrap.f_right {
        text-align: center;
    }

    .border_box {
        display: inline-block;
        width: 400px;
        background-color: #adb0b2;
        height: 1px;
        background-color: #adb0b2;
    }

    p {
        color: #000000;
        font-size: 18px;
        line-height: 1.4em;
        padding-top: 20px;
    }

    .common_anchor {
        display: inline-block;
        position: relative;
        padding: 15px;
    }

        .common_anchor span {
            padding: 10px;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #fff;
            color: #000;
            display: inline-block;
            position: relative;
            z-index: 20;
        }

    .top_custom {
        top: -6vh;
    }

    .menu_fix_wrap .menu_item.icon_item_wrap {
        margin-top: 10vh;
    }

    .menu_fix_wrap .galaxy_dp_item {
        text-align: right;
        top: 8.85vh;
        position: absolute;
        right: 9.5vh;
    }

    .common_anchor:before {
        background-color: #21f0a9;
        height: 8px;
        width: 20%;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -4px;
        content: '';
        z-index: 10;
        transition-property: width, height, top, margin-top;
        transition-duration: 0.5s;
        transition-delay: 0.5s, 0s, 0s, 0s;
        transition-timing-funtion: linear;
    }

    .common_anchor:hover:before {
        height: 100%;
        top: 0;
        margin-top: 0px;
        width: 100%;
    }

    /*Home Wrap Ends*/
    /*Overview Wrap Starts*/

    .overview_wrap_home {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
    }

        .overview_wrap_home .half_wrap.f_left {
            text-align: left;
            padding-top: 90px;
            padding-bottom: 30px;
            width: 100%;
            text-align: center;
        }

        .overview_wrap_home .item_wrap .image_wrap {
            display: inline-block;
            width: 25%;
            float: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
        }

            .overview_wrap_home .item_wrap .image_wrap img {
                width: 100px;
            }

        .overview_wrap_home .item_wrap {
            padding-top: 20px;
            text-align: left;
        }

            .overview_wrap_home .item_wrap .data_wrap {
                display: inline-block;
                width: 75%;
                float: right;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: 20px;
            }

                .overview_wrap_home .item_wrap .data_wrap p {
                    font-size: 18px;
                    padding-right: 10%;
                }

                .overview_wrap_home .item_wrap .data_wrap h3 {
                    padding: 0;
                    margin: 0;
                    font-size: 20px;
                    color: #848b90;
                }

        .overview_wrap_home .galaxy_wrap {
            display: inline-block;
            width: 100%;
            float: left;
            text-align: center;
        }

            .overview_wrap_home .galaxy_wrap img {
                -webkit-animation: galaxy_movement 1s infinite linear;
                width: 500px;
            }

    /*Overview Wrap ends*/
    /*Feature Wrap Starts*/

    .home_feature_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .home_feature_wrap .col-xs-12 h2 {
            padding: 0;
            margin: 0;
            font-size: 19px;
            color: #5a6064;
        }

        .home_feature_wrap .col-xs-12 p {
            font-size: 14px;
        }

        .home_feature_wrap .col-xs-12 {
            padding-top: 40px;
            padding-bottom: 40px;
        }

    /*Feature Wrap Ends*/
    /*Review Wrap Starts*/

    .home_slider_top_wrap.review .half_wrap {
        padding: 50px;
    }

    .home_slider_top_wrap.review {
        padding-top: 100px;
        padding-bottom: 50px;
        overflow: visible;
        z-index: 20;
    }

        .home_slider_top_wrap.review p.small {
            font-size: 20px;
        }

        .home_slider_top_wrap.review .galaxy_man_wrap {
            display: inline-block;
            width: 100%;
            text-align: center;
            float: left;
            margin-bottom: 30px;
        }

            .home_slider_top_wrap.review .galaxy_man_wrap img {
                width: 440px;
                -webkit-animation: rotate_minus_90 18s infinite linear;
            }

    /*Reiew Wrap Ends*/
    /*Fund Partner Wrap*/

    .fund_partner_wrap {
        text-align: center;
        padding-top: 70px;
        padding-bottom: 70px;
    }

        .fund_partner_wrap .common_header {
            color: #8f959a;
        }

        .fund_partner_wrap img {
            padding-top: 20px;
        }

    /*Fund Partner Wrap Ends*/

    .logo_fix_wrap {
        margin-left: 0;
        margin-bottom: 5vh;
    }

        .logo_fix_wrap img {
            width: 180px;
        }

    .menu_wrap {
        width: 100%;
    }

        .menu_wrap .menu_item {
            width: 100%;
            text-align: center;
        }

            .menu_wrap .menu_item + .menu_item {
                margin-top: 30px;
            }

    .menu_fix_wrap > div {
        width: 100%;
        float: left;
        display: table;
        position: relative;
        height: 100%;
    }

    .menu_fix_wrap .common_anchor:last-child span {
        background-color: #21f0a9;
    }

    .menu_fix_wrap .menu_wrap {
        float: right;
        display: inline-block;
        position: relative;
        margin-right: 30px;
    }

    .menu_fix_wrap a.glow_anchor {
        float: none;
        display: inline-block;
        position: relative;
        font-size: 18px;
        color: #5a6064;
        letter-spacing: 0.2em;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        text-transform: uppercase;
        line-height: 30px;
    }

        .menu_fix_wrap a.glow_anchor:after {
            position: absolute;
            bottom: -2px;
            left: 50%;
            width: 0;
            height: 2px;
            content: '';
            background-color: #21f0a9;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .menu_fix_wrap a.glow_anchor:hover:after,
        .menu_fix_wrap a.glow_anchor.active:after {
            width: 100%;
            left: 0;
        }

        .menu_fix_wrap a.glow_anchor i {
            color: #5a6064;
            font-size: 20px;
        }

            .menu_fix_wrap a.glow_anchor i:hover {
                color: #21f0a9;
            }

        .menu_fix_wrap a.glow_anchor:hover {
            color: #21f0a9;
            text-decoration: none;
        }

    .top_custom {
        top: -6vh;
    }

    .menu_fix_wrap .menu_item.icon_item_wrap {
        margin-top: 10vh;
    }

    .phone_flex_custom {
        top: -47vh;
    }

    .galaxy_dp {
        float: left;
        display: inline-block;
        position: relative;
        width: 33px;
        height: 33px;
    }

        .galaxy_dp .dropdown-toggle {
            padding: 10px;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #fff;
            color: #000;
            display: inline-block;
            position: relative;
            text-transform: uppercase;
            z-index: 20;
            font-size: 13px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        }

        .galaxy_dp ul li a {
            font-size: 13px;
        }

        .galaxy_dp:hover .dropdown-toggle {
            background: #3d3d3d;
            color: #fff;
            text-decoration: none;
        }

    .menu_fix_wrap .galaxy_dp .dropdown-toggle {
        padding: 6px 15px;
        padding-bottom: 3px;
    }

    .menu_fix_wrap .galaxy_dp {
        float: none;
    }

    .top_menu_wrap {
        margin-bottom: 10px;
    }

    .menu_fix_wrap .top_menu_wrap a.glow_anchor {
        font-size: 15px;
    }

    .footer_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 70px;
        padding-bottom: 70px;
    }

        .footer_wrap img {
            width: 250px;
            margin-bottom: 20px;
        }

        .footer_wrap p {
            font-size: 15px;
            padding-left: 10%;
            padding-right: 10%;
        }

    .carousel-control.left {
        margin-left: -30px;
        bottom: 110px;
        top: auto;
    }

    .carousel-control.right {
        margin-right: -30px;
        bottom: 110px;
        top: auto;
    }

    /*Registration Process Starts*/

    .form_parent_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        text-align: center;
    }

        .form_parent_wrap .table_height {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .form_parent_wrap .logo_wrap img {
            width: 180px;
        }

        .form_parent_wrap h1.common_header {
            font-size: 30px;
            padding-top: 20px;
        }

        .form_parent_wrap p {
            font-size: 16px;
            color: #fff;
            padding-top: 10px;
            padding-bottom: 30px;
        }

        .form_parent_wrap .white_box_form {
            background-color: #F2F3F4;
            padding: 30px;
            -webkit-box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.1);
            text-align: left;
            padding-left: 110px;
        }

            .form_parent_wrap .white_box_form:before {
                content: attr(data-before);
                position: absolute;
                right: 0;
                top: -40px;
                font-family: cat_light;
                color: #848b90;
                font-size: 14px;
                letter-spacing: 0.3em;
                text-transform: uppercase;
            }

            .form_parent_wrap .white_box_form + .white_box_form {
                margin-top: 80px;
            }

            .form_parent_wrap .white_box_form:after {
                content: attr(data-after);
                position: absolute;
                left: 50px;
                top: -25px;
                font-family: cat_light;
                color: #fff;
                font-size: 12px;
                letter-spacing: 0.3em;
                text-transform: uppercase;
            }

            .form_parent_wrap .white_box_form .field_parent_wrap {
                padding-bottom: 20px;
            }

            .form_parent_wrap .white_box_form .galaxy_man_wrap {
                position: absolute;
                left: -10px;
                top: -30px;
            }

                .form_parent_wrap .white_box_form .galaxy_man_wrap img {
                    width: 100px;
                }

        .form_parent_wrap .gridContainer {
            max-width: 870px;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap .title_wrap {
            font-size: 12px;
            text-transform: uppercase;
            color: #000;
            letter-spacing: 0.2em;
            color: #717171;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap input,
        .form_parent_wrap .white_box_form .field_parent_wrap textarea,
        .common_control,
        .form_parent_wrap .white_box_form .field_parent_wrap select {
            width: 100%;
            padding: 8px;
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #2b2b2b;
            font-size: 13px;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap .full_wrap .half_wrap.f_right {
            padding-left: 15px;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap .full_wrap .half_wrap.f_left {
            padding-right: 15px;
        }

        .form_parent_wrap .white_box_form .forms_logos {
            text-align: center;
            padding-right: 150px;
        }

    .fix_top_right {
        position: fixed;
        right: 20px;
        top: 20px;
        z-index: 50;
        cursor: pointer;
    }

    /*Registration Process Ends*/
    /* demat 1 starts */

    .demat_h2.common_header {
        color: #000;
        font-size: 25px;
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .document_ul li {
        list-style: none;
        background: url("../images/tick.png") no-repeat center left;
        margin-left: 0;
        padding-left: 23px;
        line-height: 2em;
    }

    .form_parent_wrap .white_box_form .icon_wrap {
        text-align: center;
    }

    .document_ul {
        text-align: left;
        padding: 0;
        font-size: 14px;
        color: #000;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .logo_wrap + .white_box_form {
        margin-top: 40px;
    }

    .form_parent_wrap .white_box_form.noiconform {
        padding-left: 30px;
    }

    .white_box_half_wrap.half_wrap {
        width: 100%;
    }

    .form_table_wrap {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
    }

        .form_table_wrap .form_cell_wrap {
            width: 100%;
            float: left;
            display: inline-block;
            position: relative;
        }

            .form_table_wrap .form_cell_wrap:nth-child(even) {
                padding-top: 20px;
            }

    /* demat 1 ends */
    /* demat 4 Starts */

    .file_upload_ul {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .file_upload_ul li {
            display: inline-block;
            width: 100%;
            margin: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            list-style: none;
            cursor: pointer;
            padding: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #d1d1d1;
            font-size: 13px;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            text-align: left;
            position: relative;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .file_upload_ul li .tick {
                position: absolute;
                left: -15px;
                display: none;
                top: 15px;
            }

            .file_upload_ul li.done .tick {
                display: inline-block
            }

            .file_upload_ul li .arrow_icon {
                position: absolute;
                z-index: 20;
                right: 30px;
                font-size: 25px;
                color: #cccccc;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                top: 8px;
            }

            .file_upload_ul li:hover .arrow_icon,
            .file_upload_ul li.active .arrow_icon {
                color: #333;
                right: 20px;
            }

    .lr_wrap {
        float: left;
    }

        .lr_wrap:nth-child(odd) {
            padding-right: 20px;
        }

        .lr_wrap:nth-child(even) {
            padding-left: 20px;
        }

    /* demat 4 ends */
    /* demat 7 start */

    .common_header.more_lh {
        line-height: 35px;
        font-size: 20px;
    }

    .input_mask_parent {
        width: 50%;
        float: none;
        display: inline-block;
    }

        .input_mask_parent input[type="text"],
        .input_mask_parent input[type="password"] {
            font-size: 20px;
        }

    .demat_desc p {
        font-size: 15px;
    }

    /* demat 7 ends */

    .home_category_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .home_category_wrap .top_cat_list_wrap {
            margin-top: 40px;
        }

        .home_category_wrap .col-xs-12 h2 {
            padding: 0;
            margin: 0;
            font-size: 15px;
            color: #5a6064;
        }

    /* Search Starts */

    .home_slider_top_wrap.other_page {
        padding-top: 150px;
        padding-bottom: 50px;
        overflow: inherit;
    }

    .search_parent_wrap {
        width: 100%;
        margin: 0 0px 30px;
        border-bottom: 1px solid #adb0b2;
    }

        .search_parent_wrap .search_inner_wrap {
            padding: 15px 20px;
            padding-left: 100px;
        }

            .search_parent_wrap .search_inner_wrap .icon {
                position: absolute;
                top: 10px;
                left: 30px;
            }

            .search_parent_wrap .search_inner_wrap .search_text {
                width: 100%;
                float: left;
                display: inline-block;
                position: relative;
                border: 0;
                font-size: 20px;
                color: #000;
                letter-spacing: 0.1em;
            }

                .search_parent_wrap .search_inner_wrap .search_text::-webkit-input-placeholder {
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text::-moz-placeholder {
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text:-ms-input-placeholder {
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text:-moz-placeholder {
                    color: #aeaeae;
                }

        .search_parent_wrap .search_result_wrap {
            padding: 22px;
            display: none;
            background: #fffbf5;
        }

            .search_parent_wrap .search_result_wrap .quarter_wrap {
                width: 31.33%;
                float: left;
                display: inline-block;
                position: relative;
                margin-right: 3%;
            }

                .search_parent_wrap .search_result_wrap .quarter_wrap:nth-child(3n+0) {
                    margin-right: 0;
                }

            .search_parent_wrap .search_result_wrap ul {
                width: 100%;
                float: left;
                display: inline-block;
                position: relative;
                padding: 0;
                margin: 0;
            }

                .search_parent_wrap .search_result_wrap ul li {
                    width: 100%;
                    float: left;
                    display: inline-block;
                    position: relative;
                    padding: 0;
                    margin: 0;
                    color: #696969;
                }

                    .search_parent_wrap .search_result_wrap ul li a {
                        width: 100%;
                        float: left;
                        display: inline-block;
                        position: relative;
                        padding: 0;
                        margin: 0;
                        color: #696969;
                        text-decoration: none;
                        margin-top: 5px;
                    }

                    .search_parent_wrap .search_result_wrap ul li.title {
                        text-transform: uppercase;
                        font-size: 11px;
                        padding-bottom: 5px;
                        margin-bottom: 5px;
                        border-bottom: 1px solid rgba(0, 150, 255, 1);
                    }

                .search_parent_wrap .search_result_wrap ul + ul {
                    margin-top: 40px;
                }

    .other_page_desc_wrap {
        text-align: center;
        font-size: 15px;
        padding: 0 10%;
        margin-bottom: 50px;
        line-height: 1.8em;
    }

    .funds_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0 0 0 15px;
        margin: 0;
        margin-bottom: 50px;
    }

    .watch-div {
        padding: 4px 10px !important;
        height: 272px;
        width: 45% !important;
    }

    .funds_ul li,
    .watch-div {
        width: 32%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0 10px;
        margin: 0;
        border-radius: 5px;
        margin-right: 2%;
        background: #F7F7F8;
        margin-bottom: 50px;
        transition: all 0.8s !important;
    }

        .funds_ul li:hover {
            transform: scale(1.05);
            -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        }

        .funds_ul li .fund_top_info_wrap {
            padding: 12px 20px;
            border-bottom: 1px solid #3CF0B3;
        }

            .funds_ul li .fund_top_info_wrap .name_wrap {
                font-size: 20px;
                color: #848b90;
                margin-bottom: 0px;
                min-height: 50px;
                max-height: 50px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .funds_ul li .fund_top_info_wrap .cat_wrap {
                margin-bottom: 15px;
            }

                .funds_ul li .fund_top_info_wrap .cat_wrap span {
                    color: #fff;
                    background: #21f0a9;
                    border: 1px solid #21f0a9;
                    padding: 3px 7px;
                    text-transform: uppercase;
                    font-size: 9px;
                    margin-left: 0px;
                    float: left;
                    display: inline-block;
                    -webkit-border-radius: 15px;
                    -moz-border-radius: 15px;
                    border-radius: 15px;
                    letter-spacing: 0.5px;
                }

            .funds_ul li .fund_top_info_wrap .graph_wrap .single_graph_wrap {
                width: 100%;
                float: left;
                display: table;
                position: relative;
            }

                .funds_ul li .fund_top_info_wrap .graph_wrap .single_graph_wrap + .single_graph_wrap {
                    margin-top: 5px;
                }

                .funds_ul li .fund_top_info_wrap .graph_wrap .single_graph_wrap .text_wrap {
                    text-transform: uppercase;
                    color: #21f0a9;
                    width: 20%;
                    padding-right: 10px;
                    font-size: 12px;
                }

                .funds_ul li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap {
                    width: 40%;
                }

                    .funds_ul li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap span {
                        width: 50%;
                        float: left;
                        display: inline-block;
                        position: relative;
                        height: 5px;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                        background: #21f0a9;
                    }

                        .funds_ul li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap span.white {
                            background: white;
                        }

                .funds_ul li .fund_top_info_wrap .graph_wrap .single_graph_wrap .amount_wrap {
                    width: 40%;
                    color: #21f0a9;
                    font-size: 12px;
                }

                    .funds_ul li .fund_top_info_wrap .graph_wrap .single_graph_wrap .amount_wrap span {
                        color: #fff;
                        font-size: 12px;
                    }

                .funds_ul li .fund_top_info_wrap .graph_wrap .single_graph_wrap > * {
                    display: table-cell;
                    position: relative;
                    vertical-align: middle;
                }

        .funds_ul li .fund_over_wrap {
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .funds_ul li .fund_over_wrap .single_over_wrap {
                width: 50%;
                float: left;
                display: inline-block;
                position: relative;
                padding: 0 5px;
                text-align: center;
                border-left: 1px solid #333333;
            }

                .funds_ul li .fund_over_wrap .single_over_wrap .text_wrap {
                    font-size: 10px;
                    color: #000;
                    text-transform: uppercase;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap:first-child {
                    border-left: 0;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap:last-child {
                    border-left: 0;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap.only_text .text_wrap {
                    font-size: 13px;
                    padding-top: 18px;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap .value_wrap {
                    font-size: 14px;
                    color: #848b90;
                    margin-bottom: 0px;
                }

        .funds_ul li .rank_wrap {
            background: #21f0a9;
            position: absolute;
            top: -17px;
            left: -17px;
            color: #000;
            min-width: 35px;
            height: 35px;
            line-height: 40px;
            font-size: 20px;
            text-align: center;
            -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
        }

        .funds_ul li .rank_text_wrap {
            position: absolute;
            top: -18px;
            letter-spacing: 0.1em;
            left: 35px;
            color: #5a6064;
            font-size: 10px;
            text-transform: uppercase;
        }

    .theme_tabs_parent_wrap {
        margin-bottom: 60px;
        overflow: visible;
        z-index: 9999;
    }

    .theme_tabs_ul {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 0;
        text-align: center;
    }

        .theme_tabs_ul .tab_filter {
            float: left;
            width: auto;
            display: inline-block;
            border: 1px solid #21f0a9;
            border-radius: 30px !important;
            margin-bottom: 15px;
            line-height: 1.1 !important;
            padding: 6px 12px !important;
            margin-right: 5.400px !important;
        }

            .theme_tabs_ul .tab_filter.active,
            .theme_tabs_ul .tab_filter:active {
                border: 1px solid #21f0a9;
                background: #21f0a9;
                color: #ffffff;
                font-weight: bold;
                -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
                box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
            }

            .theme_tabs_ul .tab_filter:last-child {
                margin-right: 0px;
            }

        .theme_tabs_ul li a {
            background: transparent;
            font-size: 12px;
            color: #5a6064;
            text-transform: uppercase;
            -webkit-border-radius: 0px;
            cursor: pointer;
            -moz-border-radius: 100px;
            border-radius: 100px;
            border: none;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 5px;
            padding-bottom: 5px;
        }

            .theme_tabs_ul li a:after {
                position: absolute;
                bottom: 0;
                left: 50%;
                width: 0;
                height: 2px;
                content: '';
                color: #21f0a8;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            .theme_tabs_ul li a.active {
                background: #21f0a8;
                border: none;
                color: #5a6064;
                border-radius: 30px;
                cursor: pointer;
            }

                .theme_tabs_ul li.active a:after,
                .theme_tabs_ul li a.active:after,
                .theme_tabs_ul.nav-tabs > li.active > a:after,
                .theme_tabs_ul.nav-tabs > li.active > a:focus:after,
                .theme_tabs_ul.nav-tabs > li.active > a:hover:after {
                    width: 100%;
                    left: 0;
                }

    /* Search Ends */
    /* Fund Page Start */

    .fund_page_wrap .title_parent_wrap {
        padding-bottom: 30px;
    }

        .fund_page_wrap .title_parent_wrap h2 {
            margin: 0;
            font-size: 25px;
            color: #232323;
            float: left;
            width: 100%;
            text-align: left;
        }

    .fund_page_wrap .fund_box_wrap .price_wrap h2 span {
        float: left;
    }

        .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap {
            padding: 8px;
            font-size: 15px;
            color: #fff;
            padding-left: 12px;
            padding-right: 12px;
            float: left;
            margin-top: 11px;
            margin-left: 15px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap.green {
                background-color: #21f0a9
            }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap.red {
                background-color: #df2511
            }

        .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap {
            padding: 8px;
            font-size: 15px;
            color: #000;
            padding-left: 12px;
            padding-right: 12px;
            float: left;
            margin-top: 11px;
            margin-left: 5px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap.green {
                color: #4db55e;
            }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap.red {
                color: #df2511;
            }

    .fund_page_wrap .fund_box_wrap .date_time_wrap {
        font-size: 14px;
        color: #747474;
        padding-bottom: 10px;
    }

    .fund_page_wrap .fund_box_wrap {
        margin-bottom: 30px;
        text-align: left;
    }

        .fund_page_wrap .fund_box_wrap.large {
            padding-top: 0px;
            padding-bottom: 40px;
        }

        .fund_page_wrap .fund_box_wrap p {
            color: #000;
            font-size: 14px;
            padding-top: 0;
            line-height: 1.8em;
        }

        .fund_page_wrap .fund_box_wrap.black p {
            color: #fff;
        }

    .fund_page_wrap .rank_return_parent_wrap .half_wrap {
        width: 50%;
    }

        .fund_page_wrap .rank_return_parent_wrap .half_wrap:nth-child(odd) {
            padding-right: 20px;
        }

        .fund_page_wrap .rank_return_parent_wrap .half_wrap:nth-child(even) {
            padding-left: 20px;
        }

    .fund_page_wrap .add_to_cart_text {
        color: #848b90;
        text-align: center;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .fund_page_wrap .return_perc_wrap {
        font-size: 40px;
        line-height: 40px;
        text-align: center;
        text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
        color: #fff;
        margin-top: 25px;
    }

    .fund_page_wrap .return_text_wrap {
        font-size: 13px;
        text-align: center;
        color: #fff;
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .fund_page_wrap .fund_rank_wrap {
        text-align: center;
    }

        .fund_page_wrap .fund_rank_wrap .info_wrap {
            color: #939393;
            font-size: 12px;
            margin-top: 10px;
            text-align: center;
        }

        .fund_page_wrap .fund_rank_wrap table {
            width: 100%;
        }

            .fund_page_wrap .fund_rank_wrap table td {
                vertical-align: middle;
                width: 50%;
            }

                .fund_page_wrap .fund_rank_wrap table td.text {
                    font-size: 12px;
                    padding-left: 5px;
                }

                .fund_page_wrap .fund_rank_wrap table td.number {
                    font-size: 60px;
                    line-height: 80px;
                    padding-right: 5px;
                }

                .fund_page_wrap .fund_rank_wrap table td:first-child {
                    text-align: right;
                }

                .fund_page_wrap .fund_rank_wrap table td:last-child {
                    text-align: left;
                }

    .normal_anchor {
        padding: 10px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #21f0a9;
        color: #1e1e1e;
        display: inline-block;
        position: relative;
        font-size: 14px;
        float: none;
        text-transform: uppercase;
        z-index: 20;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .normal_anchor.blue {
            background: #75cef3;
        }

        .normal_anchor:hover {
            background: rgba(0, 0, 0, 1);
            text-decoration: none;
            color: #fff;
        }

        .normal_anchor + .normal_anchor {
            margin-left: 10px;
        }

    .fund_page_wrap .overview_data_wrap {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 50px;
    }

        .fund_page_wrap .overview_data_wrap h3 {
            text-align: center;
            padding: 0;
            margin: 0;
            font-size: 30px;
            color: #21f0a9;
            padding-bottom: 5px;
        }

        .fund_page_wrap .overview_data_wrap h4 {
            margin: 0;
            padding: 0;
            font-size: 13px;
            text-transform: uppercase;
            color: #21f0a9;
            padding-top: 10px;
            padding-left: 10px;
            padding-right: 10px;
            line-height: 1.8em;
        }

    .fund_page_wrap .double_calc_parent_wrap {
        text-align: left;
    }

        .fund_page_wrap .double_calc_parent_wrap .f_right {
            padding: 0;
            padding-left: 30px;
            text-align: left;
        }

            .fund_page_wrap .double_calc_parent_wrap .f_right p {
                padding-left: 0;
            }

    .fund_page_wrap .double_calc_parent_wrap {
        padding-bottom: 30px;
    }

        .fund_page_wrap .double_calc_parent_wrap .title_wrap {
            text-transform: uppercase;
            letter-spacing: 0.1em;
            font-size: 15px;
            margin-bottom: 20px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 8px;
            text-align: left;
        }

        .fund_page_wrap .double_calc_parent_wrap .value_wrap h3 {
            color: #333;
            font-size: 13px;
            padding: 0;
            margin: 0;
            padding-bottom: 5px;
            text-align: left;
            padding-top: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap h3.green {
                color: #4db55e;
            }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap h3.grey {
                color: #5a6064;
            }

        .fund_page_wrap .double_calc_parent_wrap .value_wrap span {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0;
            height: 8px;
            float: left;
            margin-bottom: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap span.green {
                background-color: #21f0a9
            }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap span.grey {
                background-color: #5a6064;
            }

        .fund_page_wrap .double_calc_parent_wrap ul {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0;
            float: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-top: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap ul li {
                display: inline-block;
                width: 17.6%;
                margin: 0;
                padding: 0;
                float: left;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 10px;
                border: 1px solid #ccc;
                margin-right: 3%;
                cursor: pointer;
                text-align: center;
                background-color: #21f0a9;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

                .fund_page_wrap .double_calc_parent_wrap ul li:hover,
                .fund_page_parent_wrap .double_calc_parent_wrap .half_wrap ul li.active {
                    background-color: rgba(0, 150, 255, 1);
                    color: #fff;
                }

                .fund_page_wrap .double_calc_parent_wrap ul li:last-child {
                    margin-right: 0;
                }

        .fund_page_wrap .double_calc_parent_wrap h5 {
            text-transform: uppercase;
            margin: 0;
            padding: 0;
            font-size: 15px;
            letter-spacing: 0.1em;
            padding-bottom: 5px;
            text-align: left;
            padding-top: 10px;
        }

    .fund_page_wrap .common_data_parent {
        padding-top: 40px;
    }

        .fund_page_wrap .common_data_parent p {
            padding-bottom: 20px;
        }

    .fund_page_wrap .common_title {
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

        .fund_page_wrap .common_title span {
            font-size: 12px;
            text-transform: none;
            letter-spacing: 0;
        }

    .fund_page_wrap .bottom_data_parent h3 {
        color: #333;
        font-size: 15px;
        letter-spacing: 0.1em;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .fund_page_wrap .bottom_data_parent .col-md-6 {
        color: #979797;
        font-size: 13px;
        text-align: left;
        padding: 0;
    }

        .fund_page_wrap .bottom_data_parent .col-md-6.f_right {
            padding: 0;
            text-align: left;
        }

        .fund_page_wrap .bottom_data_parent .col-md-6.f_left {
            color: #000;
            text-align: left;
            padding-right: 20px;
        }

    .fund_page_wrap .bottom_data_parent .parent_li {
        padding-bottom: 10px;
        text-align: left;
    }

    .fund_page_wrap .fund_bot_data_wrap table {
        width: 100%;
        text-align: left;
        margin-top: 20px;
        border-spacing: 10px;
        border-collapse: separate;
    }

        .fund_page_wrap .fund_bot_data_wrap table td {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            vertical-align: middle;
            padding: 5px;
            padding-left: 15px;
            font-size: 13px;
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-align: center;
        }

        .fund_page_wrap .fund_bot_data_wrap table tr td:first-child {
            text-align: left;
        }

        .fund_page_wrap .fund_bot_data_wrap table tr {
            cursor: pointer;
        }

            .fund_page_wrap .fund_bot_data_wrap table tr:hover td {
                background-color: #F2F3F4;
            }

            .fund_page_wrap .fund_bot_data_wrap table tr:first-child td {
                background-color: #F2F3F4;
            }

    /* Fund Page Ends */
    /* Ordering Start */

    .anchor_icon_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        text-align: center;
    }

        .anchor_icon_ul li {
            float: none;
            display: inline-block;
            position: relative;
            padding: 0;
            margin: 0;
            width: 150px;
            margin-right: 70px;
        }

            .anchor_icon_ul li .icon_wrap img {
                max-width: 90px;
            }

            .anchor_icon_ul li .title {
                font-size: 13px;
                letter-spacing: 0.3em;
                margin-top: 5px;
                text-transform: uppercase;
                color: #717171;
            }

            .anchor_icon_ul li .normal_anchor {
                width: 100%;
                margin-top: 10px;
            }

    /* Ordering Ends */
    /* Ordering 2 Starts */

    .common_inner_header {
        font-size: 30px;
        line-height: 45px;
        color: #717171;
        margin: 0;
        text-align: center;
        margin-bottom: 15px;
    }

    .amount_input_large {
        border: 0;
        border-bottom: 1px solid #d2d2d2;
        color: #000;
        font-size: 30px;
        background: transparent;
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 20px;
    }

    .amount_note {
        margin-top: -10px;
        text-align: center;
        color: #707070;
        margin-bottom: 20px;
    }

    .box_icon_center_content {
        padding-right: 100px;
    }

    /* Ordering 2 Ends */
    /* Ordering 3 Starts */

    .cart_table {
        width: 100%;
        float: left;
        border-spacing: 10px;
        border-collapse: separate;
        color: #45484d;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

        .cart_table thead td {
            padding: 10px 5px;
        }

        .cart_table td {
            vertical-align: top;
            padding-left: 5px;
            padding-right: 5px;
        }

        .cart_table tbody td.title_td {
            vertical-align: middle;
        }

        .cart_table td + td {
            border-left: 1px solid #e1e1e1;
        }

        .cart_table thead {
            font-size: 13px;
            letter-spacing: 0.1em;
        }

        .cart_table tbody {
            font-size: 12px;
            letter-spacing: 0.1em;
        }

        .cart_table .title_td {
            width: 50%;
        }

        .cart_table .week_td {
            width: 25%;
        }

        .cart_table .dates_td {
            width: 25%;
        }

    .demat_desc.small p {
        font-size: 12px;
    }

    .cart_table.summary_cart_table td {
        padding: 8px 5px;
    }

    /* Ordering 3 Ends */
    /* Dashboard Start */

    .home_slider_top_wrap.dashboard_page {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .dashboard_statistics_wrap {
        padding-top: 20px;
        padding-bottom: 10px;
        background: rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        z-index: 10;
        -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        text-align: center;
        margin-bottom: 10px;
    }

        .dashboard_statistics_wrap .single_stat_wrap {
            float: left;
            width: 33.33%;
            display: inline-block;
            position: relative;
            padding-left: 30px;
            padding-right: 30px;
            margin-bottom: 20px;
        }

            .dashboard_statistics_wrap .single_stat_wrap .value_wrap {
                color: #bbbbbb;
                font-size: 25px;
            }

            .dashboard_statistics_wrap .single_stat_wrap .name_wrap {
                color: #bbbbbb;
                font-size: 12px;
                text-transform: uppercase;
                letter-spacing: 0.1em;
            }

    .dashboard_icons {
        text-align: center;
    }

        .dashboard_icons .icon_parent {
            border-right: 1px solid #cbcbcb;
            margin-bottom: 20px;
        }

            .dashboard_icons .icon_parent .img_wrap img {
                max-width: 64px;
            }

            .dashboard_icons .icon_parent:nth-child(4n+0) {
                border-right: 0;
            }

            .dashboard_icons .icon_parent .name_wrap {
                font-size: 12px;
                text-transform: uppercase;
                color: #717171;
                letter-spacing: 0.1em;
                margin-top: 8px;
            }

    .finger_print_box.white_box_form {
        padding-left: 110px;
        background: #000;
        color: #fff;
        margin-top: 50px;
        font-size: 12px;
    }

        .finger_print_box.white_box_form .icon {
            position: absolute;
            top: 15px;
            left: 20px;
        }

    .overview_data_wrap .item_wrap {
        width: 33.33%;
        float: left;
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 25px;
    }

    /* Dashboard Ends */

    .funds_ul li .abs_icon_wrap {
        position: absolute;
        top: -10px;
        right: 5px;
        font-size: 60px;
        z-index: 10;
        color: #fff;
        max-width: 60px;
    }

    .finger_print_box.white_box_form.large {
        font-size: 18px;
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    /* Bucket Starts */

    .bucket_table {
        width: 100%;
        float: left;
        position: relative;
        border-collapse: separate;
        border-spacing: 5px;
        color: #333;
        font-size: 12px;
    }

        .bucket_table thead td {
            background: #F2F3F4;
            text-transform: uppercase;
            font-size: 12px;
        }

        .bucket_table .title_td {
            width: 43%;
        }

        .bucket_table .per_td {
            width: 8%;
        }

        .bucket_table .alloc_td {
            width: 12%;
        }

        .bucket_table .amount_td {
            width: 13%;
        }

        .bucket_table td {
            padding: 5px 10px;
        }

        .bucket_table tr td {
            border-right: 1px solid #aeaeae;
            border-bottom: 1px solid #aeaeae;
        }

            .bucket_table tr td:last-child {
                border-right: 0;
            }

    /* Bucket Ends */

    .finger_print_box.white_box_form .anchor_wrap {
        position: absolute;
        top: 45px;
        right: 20px;
    }

    .bucket_ul.funds_ul li .fund_top_info_wrap .name_wrap {
        padding-right: 20px;
    }

    /* bucket 5 starts */

    .bucket_selection_wrap {
        margin-top: 50px;
        text-align: left;
    }

        .bucket_selection_wrap .funds_ul {
            margin-bottom: 0;
        }

    .form_parent_wrap .gridContainer.large {
        max-width: 100%;
        min-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .funds_ul li,
    .funds_ul li .desc_wrap,
    .funds_ul li.active .fund_over_wrap .single_over_wrap .text_wrap,
    .funds_ul li.active .fund_over_wrap .single_over_wrap .value_wrap {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .funds_ul li.active {
            background: #fff;
            color: #000;
        }

            .funds_ul li.active:hover .fund_top_info_wrap .name_wrap,
            .funds_ul li.active .fund_top_info_wrap .name_wrap {
                color: #000;
                text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
            }

            .funds_ul li.active .fund_top_info_wrap .cat_wrap span {
                background: #000;
                color: #fff;
            }

            .funds_ul li.active .desc_wrap {
                color: #000;
            }

            .funds_ul li.active .fund_over_wrap .single_over_wrap .text_wrap {
                color: #000;
            }

            .funds_ul li.active .fund_over_wrap .single_over_wrap .value_wrap {
                color: #000;
            }

        .funds_ul li .rank_wrap.tick_wrap {
            background-image: url('../images/tick.png');
            background-position: center center;
            background-repeat: no-repeat;
            z-index: 11;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            -moz-transform: scale(0);
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .funds_ul li.active .rank_wrap.tick_wrap {
            -moz-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

    .search_parent_wrap.mtop {
        margin-top: 40px;
    }

    /* bucket 5 ends */
    /* bucket minicart starts */

    .minicart_wrap {
        position: fixed;
        bottom: 0px;
        left: 50%;
        margin-left: -225px;
        z-index: 50;
        text-align: center;
        width: 450px;
    }

        .minicart_wrap .cart_text_wrap,
        .minicart_wrap .cart_anchor {
            float: none;
            display: inline-block;
            position: relative;
            padding: 10px;
            background: transparent;
            font-size: 13px;
            min-width: 120px;
            z-index: 1;
            text-align: center;
            text-transform: uppercase;
            color: #fff;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-decoration: none;
            background: url(../images/top_bg_background_dark.jpg) center no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

            .minicart_wrap .cart_text_wrap:hover,
            .minicart_wrap .cart_anchor:hover {
                text-decoration: none;
                color: #fff;
                background-position: top center;
            }

        .minicart_wrap .continue_button {
            position: relative;
            display: inline-block;
            margin-left: 15px;
        }

        .minicart_wrap .minicart_info {
            z-index: 1;
            width: 100%;
            background: #fff;
            text-align: left;
            padding: 15px 10px;
            display: none;
        }

            .minicart_wrap .minicart_info .cart_table {
                border-collapse: separate;
                border-spacing: 0;
                margin-bottom: 0;
            }

                .minicart_wrap .minicart_info .cart_table tr td {
                    padding: 5px 0;
                    padding-right: 25px;
                    position: relative;
                }

            .minicart_wrap .minicart_info .remove_wrap {
                color: red;
                position: absolute;
                top: 3px;
                font-size: 15px;
                cursor: pointer;
                right: 0;
            }

        .minicart_wrap .back_overlay {
            position: fixed;
            top: 0;
            left: 0;
            display: none;
            width: 100%;
            height: 100%;
        }

    select.amount_input_large {
        font-size: 20px !important;
    }

    /* bucket minicart ends */

    .search_top_graphic_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 50px;
        margin-top: -30px;
        margin-bottom: 80px;
    }

        .search_top_graphic_wrap .half_wrap {
            float: left;
            width: 50%;
        }

            .search_top_graphic_wrap .half_wrap:first-child {
                padding-right: 20px;
            }

            .search_top_graphic_wrap .half_wrap:last-child {
                padding-left: 20px;
            }

            .search_top_graphic_wrap .half_wrap.f_right {
                text-align: right;
                padding-top: 30px !important;
                padding-right: 0 !important;
                padding-left: 20px !important;
            }

                .search_top_graphic_wrap .half_wrap.f_right p {
                    padding-left: 0 !important;
                }

    /* Robo 1 Starts */

    .robo_num_loader img {
        pointer-events: none;
    }

    .robo_num_loader .anchor_wrap {
        position: absolute;
        bottom: 50px;
        left: 0;
        width: 100%;
        text-align: right;
        z-index: 10;
    }

    /* Robo 1 Ends */
    /* Robo 2 Starts */

    .abs_robo_small_right {
        position: absolute;
        right: -20px;
        bottom: -20px;
    }

    .abs_robo_small_instruction {
        position: absolute;
        top: 100%;
        margin-top: 30px;
        width: 65%;
        right: 0;
        padding: 15px;
        -webkit-box-shadow: 0px 0px 11px -2px #fff;
        -moz-box-shadow: 0px 0px 11px -2px #fff;
        box-shadow: 0px 0px 11px -2px #fff;
        -webkit-border-radius: 5px;
        background: url(../images/how_galaxy_works_bg.jpg) center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: #fff;
        font-size: 12px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .abs_robo_small_instruction .arrow_up {
            position: absolute;
            bottom: 100%;
            line-height: 10px;
            right: 25px;
            z-index: 100;
            color: #007cb9;
            font-size: 30px;
        }

            .abs_robo_small_instruction .arrow_up.fa-caret-up:before {
                text-shadow: 0px -4px 8px rgba(255, 255, 255, 0.2);
            }

    .robo_form_wrap {
        padding: 60px 100px;
    }

    .demat_arrow_right {
        position: absolute;
        z-index: 20;
        bottom: 20px;
        left: 50%;
        margin-left: 10px;
        cursor: pointer;
    }

    .demat_arrow_left {
        position: absolute;
        z-index: 20;
        bottom: 20px;
        margin-left: -62px;
        left: 50%;
        cursor: pointer;
    }

        .demat_arrow_left img,
        .demat_arrow_right img {
            width: auto;
        }

        .demat_arrow_left.disabled,
        .demat_arrow_right.disabled {
            opacity: 0.3;
        }

    .menu_left_popup_wrap {
        width: 150px;
        position: absolute;
        z-index: 15;
        left: -150px;
        bottom: 20px;
        display: none;
    }

        .menu_left_popup_wrap ul {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0;
            float: left;
        }

            .menu_left_popup_wrap ul li {
                display: inline-block;
                width: 100%;
                margin: 0;
                padding: 0;
                float: left;
                list-style: none;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                text-align: right;
                border-right: none;
                margin-bottom: 5px;
            }

                .menu_left_popup_wrap ul li a {
                    display: inline-block;
                    width: 100%;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    text-align: right;
                    padding: 5px;
                    font-size: 12px;
                    color: #fff;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    background: url(../images/top_bg_background_dark.jpg) center no-repeat;
                    -webkit-background-size: cover;
                    -moz-background-size: cover;
                    -o-background-size: cover;
                    background-size: cover;
                    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 150, 255, 0.7);
                    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 150, 255, 0.7);
                    box-shadow: 0px 0px 5px 1px rgba(0, 150, 255, 0.7);
                    opacity: 0.5;
                }

                    .menu_left_popup_wrap ul li a:hover,
                    .menu_left_popup_wrap ul li.active a {
                        color: #fff;
                        background: url(../images/how_galaxy_works_bg.jpg) center no-repeat;
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                        background-size: cover;
                        text-decoration: none;
                        opacity: 1;
                    }

    .field_parent_wrap.align_center .icon_ul li {
        float: none;
    }

    /* Robo 2 Ends */
    /* Robo 3 Starts */

    .dashboard_statistics_wrap .dashboard_statistics_img {
    }

    .form_parent_wrap .plan_table_wrap.white_box_form.noiconform {
        text-align: center;
        padding: 0;
        background: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding-top: 20px;
        padding-left: 0;
    }

    .plan_table_wrap ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .plan_table_wrap ul li {
            display: inline-block;
            margin: 0;
            padding: 0;
            width: 100%;
            list-style: none;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            border: 1px solid #b2b2b2;
            -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            padding: 15px;
            position: relative;
            cursor: pointer;
            float: left;
            background: url(../images/top_bg_background_dark.jpg) center no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            color: #fff;
            z-index: 10;
        }

            .plan_table_wrap ul li + li {
                margin-top: 25px;
            }

            .plan_table_wrap ul li .full_wrap {
                opacity: 0.8;
            }

            .plan_table_wrap ul li:last-child {
                margin-right: 0;
            }

            .plan_table_wrap ul li .title_wrap {
                font-size: 22px;
                padding-top: 5px;
                color: #fff;
            }

            .plan_table_wrap ul li .amount_title_wrap {
                font-size: 11px;
            }

        .plan_table_wrap ul .amount_wrap {
            font-size: 13px;
            color: #fff;
            margin-bottom: 5px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
        }

        .plan_table_wrap ul li .amount_title_wrap.align_left {
            text-align: left;
        }

        .plan_table_wrap ul li .price_wrap {
            font-size: 18px;
            color: #85998d;
            padding-bottom: 10px;
        }

        .plan_table_wrap ul li .percentage_wrap {
            display: inline-block;
            width: 100%;
            height: 6px;
            background-color: #15c059;
            float: left;
            margin-bottom: 10px;
        }

            .plan_table_wrap ul li .percentage_wrap.yellow {
                background-color: #e4c204;
            }

        .plan_table_wrap ul li p {
            font-size: 12px;
            padding: 0;
        }

        .plan_table_wrap ul li .quater_wrap {
            width: 50%;
            display: inline-block;
            position: relative;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 8px;
            z-index: 10;
        }

            .plan_table_wrap ul li .quater_wrap.f_left {
                padding-left: 0;
                border-right: 1px solid #ccc;
            }

            .plan_table_wrap ul li .quater_wrap.f_right {
                padding-right: 0;
            }

            .plan_table_wrap ul li .quater_wrap p {
                font-size: 10px;
                text-align: left;
            }

        .plan_table_wrap ul li .tick_abs {
            position: absolute;
            width: 100%;
            left: 0;
            top: -10px;
            text-align: center;
            display: none;
        }

        .plan_table_wrap ul li.active {
            background: url(../images/how_galaxy_works_bg.jpg) center no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            z-index: 20;
        }

            .plan_table_wrap ul li.active .full_wrap {
                opacity: 1;
            }

            .plan_table_wrap ul li.active .tick_abs {
                display: inline-block;
            }

        .plan_table_wrap ul.center_li li {
            float: none;
        }

    .dashboard_statistics_wrap.white {
        background: white;
    }

        .dashboard_statistics_wrap.white .single_stat_wrap .value_wrap,
        .dashboard_statistics_wrap.white .single_stat_wrap .name_wrap {
            color: #000;
        }

    .select_table_data_wrap h2.common_header {
        padding-top: 0;
    }

    .select_table_data_wrap table {
        width: 100%;
        text-align: left;
        border-spacing: 10px;
        border-collapse: separate;
    }

        .select_table_data_wrap table td {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            vertical-align: middle;
            padding: 5px;
            padding-left: 15px;
            font-size: 13px;
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-align: center;
        }

        .select_table_data_wrap table tr td:first-child {
            text-align: left;
        }

        .select_table_data_wrap table tr {
            cursor: pointer;
        }

            .select_table_data_wrap table tr:hover td {
                background-color: #F2F3F4;
            }

            .select_table_data_wrap table tr:first-child td {
                background-color: #F2F3F4;
            }

        .select_table_data_wrap table td span {
            text-transform: uppercase;
            font-size: 10px;
            letter-spacing: 0.2em;
        }

        .select_table_data_wrap table .title_wrap {
            text-align: center;
            border-bottom: 1px solid #ccc;
            padding-bottom: 5px;
        }

        .select_table_data_wrap table .col-sm-4 {
            padding-top: 3px;
            padding-bottom: 3px;
            text-align: center;
            padding-top: 5px;
        }

    /* Robo 3 Ends */
    .dashboard_icons.large .icon_parent .img_wrap img {
        max-width: 80px;
    }

    .account_icon_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
    }

        .account_icon_ul li {
            float: left;
            display: inline-block;
            position: relative;
            padding: 10px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            margin: 10px;
        }

            .account_icon_ul li.active,
            .account_icon_ul li:hover {
                background: rgba(255, 255, 255, 0.1);
            }

            .account_icon_ul li img {
                width: 67px;
            }

    /* Cart Starts */
    .white_box_form.cart_item_wrap,
    .form_parent_wrap .cart_item_wrap.white_box_form.noiconform {
        padding: 20px;
    }

    .cart_item_wrap .item_left_wrap {
        width: 70%;
        float: left;
        display: inline-block;
        position: relative;
    }

    .cart_item_wrap .item_right_wrap {
        width: 30%;
        float: left;
        display: inline-block;
        position: relative;
    }

    .cart_item_wrap .item_left_wrap .prod_name_anchor {
        font-size: 20px;
        color: #45484d;
        letter-spacing: 0.05em;
    }

    .cart_item_wrap .item_left_wrap .item_desc_wrap {
        font-size: 12px;
        color: #999;
        margin-bottom: 15px;
    }

    .cart_item_wrap .item_right_wrap .item_amount_edit_wrap {
        margin-top: -30px;
    }

        .cart_item_wrap .item_right_wrap .item_amount_edit_wrap a {
            float: right;
            margin-left: 10px;
            background-color: rgba(224, 224, 224, 1);
            color: #000;
            font-size: 11px;
            padding: 5px 8px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .cart_item_wrap .item_right_wrap .item_amount_edit_wrap a.red {
                background-color: #f44336;
                color: #fff;
            }

            .cart_item_wrap .item_right_wrap .item_amount_edit_wrap a.blue {
                background-color: rgba(0, 150, 255, 1);
                color: #fff;
            }

                .cart_item_wrap .item_right_wrap .item_amount_edit_wrap a:hover,
                .cart_item_wrap .item_right_wrap .item_amount_edit_wrap a.red:hover,
                .cart_item_wrap .item_right_wrap .item_amount_edit_wrap a.blue:hover {
                    background: #000;
                    text-decoration: none;
                    color: #fff;
                }

        .cart_item_wrap .item_right_wrap .item_amount_edit_wrap .amount_wrap {
            text-align: right;
            font-size: 24px;
            color: #999;
            margin-top: 8px;
            padding-right: 20px;
        }

        .cart_item_wrap .item_right_wrap .item_amount_edit_wrap.editable .amount_wrap .amount_note {
            font-size: 11px;
            margin-bottom: 5px;
        }

        .cart_item_wrap .item_right_wrap .item_amount_edit_wrap.editable .amount_wrap .amount_input_large {
            font-size: 16px;
            padding: 5px;
        }

        .cart_item_wrap .item_right_wrap .item_amount_edit_wrap.editable .amount_wrap {
            padding-right: 0;
        }

    .cart_item_wrap .item_right_wrap .type_wrap {
        text-align: right;
        font-size: 10px;
        color: #45484d;
        margin-top: 8px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .form_parent_wrap .white_box_form.cart_item_wrap + .white_box_form.cart_item_wrap {
        margin-top: 50px;
    }

    .cart_item_wrap .cart_total_label {
        font-size: 20px;
        line-height: 36px;
        color: #fff;
    }

    .cart_item_wrap .cart_amount_label {
        font-size: 12px;
        color: #fff;
        text-align: center;
    }

    .cart_total_wrap {
        background: url(../images/home_top_cat_bg.jpg) center center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        .cart_total_wrap .row + .row {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid rgba(255, 255, 255, 0.3);
        }

    .cart_item_wrap .cart_amount_label span {
        text-transform: uppercase;
    }

    /* Cart Ends */
    /* Dashboard Box Starts */
    .dashboard_overview_box_parent_wrap {
        margin-top: 40px;
        text-align: left;
        color: #fff;
        margin-bottom: 20px;
    }

        .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap {
            margin-top: 20px;
        }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap.no_mtop {
                margin-top: 0;
            }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .value_wrap {
                float: left;
                display: inline-block;
                position: relative;
                color: #fff;
                font-size: 12px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .value_wrap.right {
                    float: right;
                }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .text_wrap {
                float: left;
                display: inline-block;
                position: relative;
                color: #fff;
                font-size: 11px;
                margin-top: 3px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .text_wrap.right {
                    float: right;
                }

        .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap {
            background: #000;
            padding: 15px;
        }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap {
                margin-top: 5px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap span {
                    width: 50%;
                    float: left;
                    display: inline-block;
                    position: relative;
                    height: 3px;
                    background: #0d9458;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                }

                    .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap span.yellow {
                        background: #fdaf3d
                    }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .name_wrap {
                font-size: 15px;
            }

    .anchor_group {
        float: right;
        display: table;
        position: relative;
    }

        .anchor_group a {
            display: table-cell;
            position: relative;
            line-height: 16px;
            padding: 0 5px;
            font-size: 10px;
            border: 1px solid #CCCCCC;
            color: #fff;
            opacity: 0.8;
            text-decoration: none;
        }

            .anchor_group a.active {
                border-color: #0d9458;
                opacity: 1;
                background: #0d9458;
            }

    .theme_tabs_parent_wrap.dashboard_tab {
        margin-bottom: 20px;
    }

    .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap {
        display: none;
    }

    /* Dashboard Box Ends */
    /* Transaction Starts */
    .theme_tabs_parent_wrap.my_account_tab_wrap .theme_tabs_ul {
        margin-bottom: 20px;
    }

    .cart_table.transaction_table {
        background: #fff;
    }

        .cart_table.transaction_table thead {
            font-size: 12px;
        }

        .cart_table.transaction_table tbody {
            text-align: left;
            text-transform: none;
            font-size: 11px;
        }

            .cart_table.transaction_table tbody td {
                vertical-align: middle;
            }

    .gridContainer.medium {
        max-width: 100%;
        min-width: 100%;
    }

    .theme_tabs_parent_wrap.less_margin {
        margin-bottom: 20px;
    }

    /* Transaction Ends */
    /* Transaction By Fund Starts */
    .single_fund_info_wrap {
        background: #fff;
        margin-bottom: 25px;
        text-align: left;
    }

        .single_fund_info_wrap .arrow_wrap {
            position: absolute;
            top: 50%;
            right: 10px;
            line-height: 30px;
            margin-top: -20px;
            color: #000;
            font-size: 30px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .single_fund_info_wrap.active .arrow_wrap {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

        .single_fund_info_wrap .det_wrap {
            padding: 15px;
            padding-right: 50px;
            cursor: pointer;
        }

            .single_fund_info_wrap .det_wrap .det_title_wrap {
                border-bottom: 1px solid #e1e1e1;
                padding-bottom: 3px;
                margin-bottom: 6px;
            }

            .single_fund_info_wrap .det_wrap .title {
                width: 80%;
                float: left;
                display: inline-block;
                position: relative;
                color: #000;
                font-size: 13px;
            }

            .single_fund_info_wrap .det_wrap .cat {
                max-width: 20%;
                float: right;
                display: inline-block;
                position: relative;
                background: #21f0a9;
                font-size: 12px;
                text-align: right;
                color: #000;
                padding: 0 10px;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
            }

            .single_fund_info_wrap .det_wrap .det_info_wrap .det_info_single_wrap + .det_info_single_wrap {
                border-left: 1px solid #e1e1e1;
            }

        .single_fund_info_wrap .det_table_wrap {
            background: #efefef;
            display: none;
        }

            .single_fund_info_wrap .det_table_wrap .cart_table.transaction_table thead {
                font-size: 11px;
            }

            .single_fund_info_wrap .det_table_wrap .cart_table.transaction_table {
                background: #efefef;
            }

        .single_fund_info_wrap .det_wrap .det_info_wrap {
            font-size: 12px;
            color: #000;
        }

    /* Transaction By Fund Ends */
    .funds_ul2 {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        margin-bottom: 50px;
    }

    .funds-name-wrap {
        font-size: 12px !important;
        height: 50px !important;
    }

    .funds_ul2 li {
        width: 30%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 2px;
        margin: 0;
        border: 0.51px solid #c3c3c3;
        border-radius: 5px;
        margin-right: 3%;
        background: #fff;
        margin-bottom: 50px;
        transition: all 0.8s !important;
    }

        .funds_ul2 li:hover {
            transform: scale(1.05);
            -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        }

        .funds_ul2 li .fund_top_info_wrap {
            padding: 8px 10px;
        }

            .funds_ul2 li .fund_top_info_wrap .name_wrap {
                font-size: 18px;
                color: #848b90;
                margin-bottom: 0px;
                min-height: 70px;
                max-height: 70px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .funds_ul2 li .fund_top_info_wrap .cat_wrap {
                margin-bottom: 15px;
            }

                .funds_ul2 li .fund_top_info_wrap .cat_wrap span {
                    color: #000;
                    background: #fff;
                    padding: 7px 10px;
                    text-transform: uppercase;
                    border: 1px solid #21f0a9;
                    margin-left: -10px;
                    float: left;
                    display: inline-block;
                    -webkit-border-radius: 15px;
                    -moz-border-radius: 15px;
                    border-radius: 15px;
                    letter-spacing: 0.1em;
                }

            .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap {
                width: 100%;
                float: left;
                display: table;
                position: relative;
            }

                .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap + .single_graph_wrap {
                    margin-top: 5px;
                }

                .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .text_wrap {
                    text-transform: uppercase;
                    color: #21f0a9;
                    width: 20%;
                    padding-right: 10px;
                    font-size: 14px;
                }

                .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap {
                    width: 40%;
                }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap span {
                        width: 50%;
                        float: left;
                        display: inline-block;
                        position: relative;
                        height: 5px;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                        background: #21f0a9;
                    }

                        .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap span.white {
                            background: white;
                        }

                .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .amount_wrap {
                    width: 40%;
                    color: #21f0a9;
                    font-size: 14px;
                }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .amount_wrap span {
                        color: #fff;
                        font-size: 12px;
                    }

                .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap > * {
                    display: table-cell;
                    position: relative;
                    vertical-align: middle;
                }

        .funds_ul2 li .fund_over_wrap {
            border-top: 1px solid #adb0b2;
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .funds_ul2 li .fund_over_wrap .single_over_wrap {
                width: 50%;
                float: left;
                display: inline-block;
                position: relative;
                padding: 0 10px;
                text-align: center;
                border-left: 1px solid #333333;
            }

                .funds_ul2 li .fund_over_wrap .single_over_wrap:first-child {
                    border-left: 0;
                }

                .funds_ul2 li .fund_over_wrap .single_over_wrap:last-child {
                    border-left: 0;
                }

                .funds_ul2 li .fund_over_wrap .single_over_wrap .text_wrap {
                    font-size: 10px;
                    color: #000;
                    text-transform: uppercase;
                }

                .funds_ul2 li .fund_over_wrap .single_over_wrap.only_text .text_wrap {
                    font-size: 10px;
                    margin-top: auto;
                    margin-bottom: auto;
                    word-break: break-word;
                }

                .funds_ul2 li .fund_over_wrap .single_over_wrap .value_wrap {
                    font-size: 14px;
                    color: #848b90;
                    margin-bottom: 0px;
                }

        .funds_ul2 li .rank_wrap {
            background: #21f0a9;
            position: absolute;
            top: -23px;
            left: -16px;
            color: #000;
            min-width: 35px;
            height: 35px;
            line-height: 35px;
            font-size: 20px;
            text-align: center;
            -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
        }

        .funds_ul2 li .rank_text_wrap {
            position: absolute;
            top: -18px;
            letter-spacing: 0.1em;
            left: 35px;
            color: #5a6064;
            font-size: 10px;
            text-transform: uppercase;
        }

        .funds_ul2 li .abs_icon_wrap {
            position: absolute;
            top: 0;
            right: 5px;
            font-size: 60px;
            z-index: 10;
            color: #fff;
            max-width: 70px;
        }

    .bucket_ul.funds_ul2 li .fund_top_info_wrap .name_wrap {
        padding-right: 30px;
    }

    .bucket_selection_wrap .funds_ul2 {
        margin-bottom: 0;
    }

    .funds_ul2 li,
    .funds_ul2 li .desc_wrap,
    .funds_ul2 li.active .fund_over_wrap .single_over_wrap .text_wrap,
    .funds_ul2 li.active .fund_over_wrap .single_over_wrap .value_wrap {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .funds_ul2 li.active {
            background: #fff;
            color: #000;
        }

            .funds_ul2 li.active:hover .fund_top_info_wrap .name_wrap,
            .funds_ul2 li.active .fund_top_info_wrap .name_wrap {
                color: #000;
                text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
            }

            .funds_ul2 li.active .fund_top_info_wrap .cat_wrap span {
                background: #000;
                color: #fff;
            }

            .funds_ul2 li.active .desc_wrap {
                color: #000;
            }

            .funds_ul2 li.active .fund_over_wrap .single_over_wrap .text_wrap {
                color: #000;
            }

            .funds_ul2 li.active .fund_over_wrap .single_over_wrap .value_wrap {
                color: #000;
            }

        .funds_ul2 li .rank_wrap.tick_wrap {
            background-image: url('../images/tick.png');
            background-position: center center;
            background-repeat: no-repeat;
            z-index: 11;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            -moz-transform: scale(0);
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .funds_ul2 li.active .rank_wrap.tick_wrap {
            -moz-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

    .quick-text {
        padding: 0 40px;
    }
}

@media only screen and (min-width: 787px) and (max-width: 1100px) {
    .mobile_fix {
        display: none;
    }

    .ipad_menu_fix {
        position: fixed;
        z-index: 1000;
        width: 100%;
        background-color: #fff;
        bottom: 0;
        left: 0;
        text-align: center;
        border-top: 1px solid #aeaeae;
    }

        .ipad_menu_fix .col-xs-4 {
            padding-top: 20px;
            padding-bottom: 30px;
            border-right: 1px solid #aeaeae;
            color: #000000;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .ipad_menu_fix .col-xs-4:last-child {
                border-right: 0;
            }

            .ipad_menu_fix .col-xs-4:hover,
            .ipad_menu_fix .col-xs-4.active {
                background-color: #21f0a9;
                color: #000;
            }

    .order-table tbody tr td {
        padding: 10px 10px;
    }

    .quick-text {
        padding: 0 75px;
    }

    .w-50 {
        width: 47%;
    }

    /* .w-20 {
		width: 33%;
	} */
    .pro-sip-image {
        height: 55px;
    }

    .galaxy_dp {
        margin-left: -7px;
    }

    .apps {
        margin: -4px 0 0 0 !important;
    }

    .feature_icon {
        width: 123px;
        height: auto;
    }

    .gridContainer {
        /* width: 95.675%; */
        padding-left: 1.1625%;
        /* padding-right: 1.1625%; */
        clear: none;
        float: none;
        margin: 0 auto;
    }

    .zeroMargin_tablet {
        margin-left: 0;
    }

    .funds-name-wrap {
        font-size: 12px !important;
        height: 50px !important;
    }

    /*Home Wrap Starts*/
    .home_slider_top_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
    }

    .table_wrap {
        display: table;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

        .table_wrap .cell_wrap {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }

    /* .home_slider_top_wrap .half_wrap {
		height: 100%;
	} */
    .home_slider_top_wrap .half_wrap.f_left {
        text-align: center;
    }

    /* .home_slider_top_wrap .half_wrap.f_left img {
		width: 430px;
	} */
    .home_slider_top_wrap .half_wrap.f_right {
        text-align: right;
        padding: 0px;
        padding-right: 80px;
    }

    .border_box {
        display: inline-block;
        width: 400px;
        background-color: #adb0b2;
        height: 1px;
        background-color: #adb0b2;
    }

    p {
        color: #000000;
        font-size: 18px;
        line-height: 1.4em;
        padding-top: 20px;
    }

    .common_anchor {
        display: inline-block;
        position: relative;
        padding: 15px;
    }

        .common_anchor span {
            padding: 10px;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #fff;
            color: #000;
            display: inline-block;
            position: relative;
            z-index: 20;
        }

        .common_anchor:before {
            background-color: #21f0a9;
            height: 8px;
            width: 20%;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -4px;
            content: '';
            z-index: 10;
            transition-property: width, height, top, margin-top;
            transition-duration: 0.5s;
            transition-delay: 0.5s, 0s, 0s, 0s;
            transition-timing-funtion: linear;
        }

        .common_anchor:hover:before {
            height: 100%;
            top: 0;
            margin-top: 0px;
            width: 100%;
        }

    /*Home Wrap Ends*/
    /*Overview Wrap Starts*/
    .overview_wrap_home {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
    }

        .overview_wrap_home .half_wrap.f_left {
            text-align: left;
            padding-top: 90px;
            padding-bottom: 90px;
        }

        .overview_wrap_home .item_wrap .image_wrap {
            display: inline-block;
            width: 25%;
            float: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
        }

            .overview_wrap_home .item_wrap .image_wrap img {
                width: 100px;
            }

        .overview_wrap_home .item_wrap {
            padding-top: 20px;
        }

            .overview_wrap_home .item_wrap .data_wrap {
                display: inline-block;
                width: 75%;
                float: right;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: 20px;
            }

                .overview_wrap_home .item_wrap .data_wrap p {
                    font-size: 18px;
                    padding-right: 10%;
                }

                .overview_wrap_home .item_wrap .data_wrap h3 {
                    padding: 0;
                    margin: 0;
                    font-size: 20px;
                    color: #848b90;
                }

        .overview_wrap_home .galaxy_wrap {
            position: absolute;
            width: 50%;
            height: 100%;
            right: 0;
            top: 0;
            text-align: center;
        }

            .overview_wrap_home .galaxy_wrap img {
                -webkit-animation: galaxy_movement 1s infinite linear;
                width: 500px;
            }

    /*Overview Wrap ends*/
    /*Feature Wrap Starts*/
    .home_feature_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .home_feature_wrap .col-xs-12 h2 {
            padding: 0;
            margin: 0;
            font-size: 25px;
            color: #5a6064;
        }

        .home_feature_wrap .col-xs-12 p {
            font-size: 16px;
        }

        .home_feature_wrap .col-xs-12 {
            padding-top: 40px;
            padding-bottom: 40px;
        }

    /*Feature Wrap Ends*/
    /*Review Wrap Starts*/
    .home_slider_top_wrap.review .half_wrap {
        padding: 50px;
    }

    .home_slider_top_wrap.review {
        padding-top: 100px;
        padding-bottom: 100px;
        overflow: visible;
        z-index: 20;
    }

        .home_slider_top_wrap.review p.small {
            font-size: 16px;
        }

    .full_height {
        min-height: 415px;
        margin-top: 1px;
    }

    .home_slider_top_wrap.review .galaxy_man_wrap img {
        width: 410px;
        -webkit-animation: rotate_minus_90 18s infinite linear;
    }

    .home_slider_top_wrap.review .galaxy_man_wrap {
        position: absolute;
        width: 50%;
        left: 0;
        text-align: center;
        top: 90px;
    }

    /*Reiew Wrap Ends*/
    /*Fund Partner Wrap*/
    .fund_partner_wrap {
        text-align: center;
        padding-top: 120px;
        padding-bottom: 120px;
    }

        .fund_partner_wrap .common_header {
            color: #8f959a;
        }

        .fund_partner_wrap img {
            padding-top: 20px;
        }

    /*Fund Partner Wrap Ends*/
    .logo_fix_wrap {
        position: absolute;
        z-index: 101;
        left: 20px;
        top: 10px;
    }

        .logo_fix_wrap img {
            width: 230px;
        }

    .menu_fix_wrap .common_anchor:last-child span {
        background-color: #21f0a9;
    }

    .menu_fix_wrap .menu_wrap {
        float: right;
        display: inline-block;
        position: relative;
        margin-right: 30px;
    }

    .menu_fix_wrap a.glow_anchor {
        float: left;
        display: inline-block;
        position: relative;
        font-size: 10px;
        color: #5a6064;
        margin-left: 20px;
        letter-spacing: 0.2em;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        text-transform: uppercase;
        line-height: 30px;
    }

    #divHeaderHTML a {
        margin-left: 8px;
    }

    .menu_fix_wrap a.profile_new {
        margin-right: 20px !important;
    }

    .menu_fix_wrap a.glow_anchor:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 2px;
        content: '';
        background-color: #21f0a9;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .menu_fix_wrap a.glow_anchor:hover:after,
    .menu_fix_wrap a.glow_anchor.active:after {
        width: 100%;
        left: 0;
    }

    .menu_fix_wrap a.glow_anchor i {
        color: #5a6064;
        font-size: 20px;
        line-height: 30px;
    }

        .menu_fix_wrap a.glow_anchor i:hover {
            color: #21f0a9;
        }

    .menu_fix_wrap a.glow_anchor:hover {
        color: #21f0a9;
        text-decoration: none;
    }

    .galaxy_dp {
        float: left;
        display: inline-block;
        position: relative;
    }

        .galaxy_dp .dropdown-toggle {
            padding: 10px;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #fff;
            color: #000;
            display: inline-block;
            position: relative;
            text-transform: uppercase;
            z-index: 20;
            font-size: 12px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        }

        .galaxy_dp ul li a {
            font-size: 12px;
        }

        .galaxy_dp:hover .dropdown-toggle {
            background: #3d3d3d;
            color: #fff;
            text-decoration: none;
        }

    .menu_fix_wrap .galaxy_dp .dropdown-toggle {
        padding: 6px 15px;
        padding-bottom: 3px;
    }

    .menu_fix_wrap .galaxy_dp {
        margin-left: 0px;
        width: 33px;
        height: 33px;
    }

    .top_menu_wrap {
        margin-bottom: 10px;
    }

    .menu_fix_wrap .top_menu_wrap a.glow_anchor {
        font-size: 15px;
    }

    .footer_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 70px;
        padding-bottom: 70px;
    }

        .footer_wrap img {
            width: 250px;
            margin-bottom: 60px;
        }

        .footer_wrap p {
            font-size: 15px;
            padding-left: 10%;
            padding-right: 10%;
        }

    /*Registration Process Starts*/
    .form_parent_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        text-align: center;
    }

        .form_parent_wrap .table_height {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .form_parent_wrap .logo_wrap img {
            width: 180px;
        }

        .form_parent_wrap h1.common_header {
            font-size: 30px;
            padding-top: 20px;
        }

        .form_parent_wrap p {
            font-size: 16px;
            color: #fff;
            padding-top: 10px;
            padding-bottom: 30px;
        }

        .form_parent_wrap .white_box_form {
            background-color: #fff;
            padding: 30px;
            -webkit-box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.1);
            text-align: left;
            padding-left: 150px;
        }

            .form_parent_wrap .white_box_form:before {
                content: attr(data-before);
                position: absolute;
                right: 0;
                top: -40px;
                font-family: cat_light;
                color: #848b90;
                font-size: 14px;
                letter-spacing: 0.3em;
                text-transform: uppercase;
            }

            .form_parent_wrap .white_box_form + .white_box_form {
                margin-top: 80px;
            }

            .form_parent_wrap .white_box_form:after {
                content: attr(data-after);
                position: absolute;
                left: 50px;
                top: -25px;
                font-family: cat_light;
                color: #fff;
                font-size: 12px;
                letter-spacing: 0.3em;
                text-transform: uppercase;
            }

            .form_parent_wrap .white_box_form .field_parent_wrap {
                padding-bottom: 20px;
            }

            .form_parent_wrap .white_box_form .galaxy_man_wrap {
                position: absolute;
                left: -60px;
                top: -30px;
            }

                .form_parent_wrap .white_box_form .galaxy_man_wrap img {
                    width: 180px;
                }

        .form_parent_wrap .gridContainer {
            max-width: 870px;
            min-width: 870px;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap .title_wrap {
            font-size: 12px;
            text-transform: uppercase;
            color: #000;
            letter-spacing: 0.2em;
            color: #717171;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap input,
        .form_parent_wrap .white_box_form .field_parent_wrap textarea,
        .common_control,
        .form_parent_wrap .white_box_form .field_parent_wrap select {
            width: 100%;
            padding: 8px;
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #2b2b2b;
            font-size: 13px;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap .full_wrap .half_wrap.f_right {
            padding-left: 15px;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap .full_wrap .half_wrap.f_left {
            padding-right: 15px;
        }

        .form_parent_wrap .white_box_form .forms_logos {
            text-align: center;
            padding-right: 150px;
        }

    .fix_top_right {
        position: fixed;
        right: 20px;
        top: 20px;
        z-index: 50;
        cursor: pointer;
    }

    /*Registration Process Ends*/
    /* demat 1 starts */
    .demat_h2.common_header {
        color: #000;
        font-size: 25px;
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .document_ul li {
        list-style: none;
        background: url("../images/tick.png") no-repeat center left;
        margin-left: 0;
        padding-left: 23px;
        line-height: 2em;
    }

    .form_parent_wrap .white_box_form .icon_wrap {
        text-align: center;
    }

    .document_ul {
        text-align: left;
        padding: 0;
        font-size: 14px;
        color: #000;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .logo_wrap + .white_box_form {
        margin-top: 40px;
    }

    .form_parent_wrap .white_box_form.noiconform {
        padding-left: 30px;
    }

    .form_table_wrap {
        width: 100%;
        float: left;
        display: table;
        position: relative;
    }

        .form_table_wrap .form_cell_wrap {
            width: 50%;
            display: table-cell;
            vertical-align: middle;
        }

            .form_table_wrap .form_cell_wrap:nth-child(odd) {
                padding-right: 20px;
            }

            .form_table_wrap .form_cell_wrap:nth-child(even) {
                padding-left: 20px;
            }

            /* demat 1 ends */
            /* demat 4 Starts */
            .form_table_wrap .form_cell_wrap.small {
                width: 35%;
            }

            .form_table_wrap .form_cell_wrap.large {
                width: 65%;
            }

    .file_upload_ul {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .file_upload_ul li {
            display: inline-block;
            width: 100%;
            margin: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            list-style: none;
            cursor: pointer;
            padding: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #d1d1d1;
            font-size: 13px;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            text-align: left;
            position: relative;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .file_upload_ul li .tick {
                position: absolute;
                left: -15px;
                display: none;
                top: 15px;
            }

            .file_upload_ul li.done .tick {
                display: inline-block
            }

            .file_upload_ul li .arrow_icon {
                position: absolute;
                z-index: 20;
                right: 30px;
                font-size: 25px;
                color: #cccccc;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                top: 8px;
            }

            .file_upload_ul li:hover .arrow_icon,
            .file_upload_ul li.active .arrow_icon {
                color: #333;
                right: 20px;
            }

    .lr_wrap {
        float: left;
    }

        .lr_wrap:nth-child(odd) {
            padding-right: 20px;
        }

        .lr_wrap:nth-child(even) {
            padding-left: 20px;
        }

    /* demat 4 ends */
    /* demat 7 start */
    .common_header.more_lh {
        line-height: 40px;
        font-size: 25px;
    }

    .input_mask_parent {
        width: 50%;
        float: none;
        display: inline-block;
    }

        .input_mask_parent input[type="text"],
        .input_mask_parent input[type="password"] {
            font-size: 20px;
        }

    .demat_desc p {
        font-size: 15px;
    }

    /* demat 7 ends */
    .home_category_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .home_category_wrap .top_cat_list_wrap {
            margin-top: 40px;
        }

        .home_category_wrap .col-xs-12 h2 {
            padding: 0;
            margin: 0;
            font-size: 17px;
            color: #5a6064;
        }

    .menu_fix_wrap {
        z-index: 100;
    }

    /* Search Starts */
    .home_slider_top_wrap.other_page {
        padding-top: 150px;
        padding-bottom: 50px;
        overflow: inherit;
    }

    .search_parent_wrap {
        margin: 0px 30% 40px 30%;
        border-bottom: 1px solid #adb0b2;
    }

        .search_parent_wrap .search_inner_wrap {
            padding: 15px 20px;
            padding-left: 100px;
        }

            .search_parent_wrap .search_inner_wrap .icon {
                position: absolute;
                top: 10px;
                left: 30px;
            }

            .search_parent_wrap .search_inner_wrap .search_text {
                width: 100%;
                float: left;
                display: inline-block;
                position: relative;
                border: 0;
                font-size: 20px;
                color: #000;
                letter-spacing: 0.1em;
            }

                .search_parent_wrap .search_inner_wrap .search_text::-webkit-input-placeholder {
                    /* Chrome/Opera/Safari */
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text::-moz-placeholder {
                    /* Firefox 19+ */
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text:-ms-input-placeholder {
                    /* IE 10+ */
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text:-moz-placeholder {
                    /* Firefox 18- */
                    color: #aeaeae;
                }

        .search_parent_wrap .search_result_wrap {
            padding: 22px;
            display: none;
            background: #fffbf5;
        }

            .search_parent_wrap .search_result_wrap .quarter_wrap {
                width: 31.33%;
                float: left;
                display: inline-block;
                position: relative;
                margin-right: 3%;
            }

                .search_parent_wrap .search_result_wrap .quarter_wrap:nth-child(3n+0) {
                    margin-right: 0;
                }

            .search_parent_wrap .search_result_wrap ul {
                width: 100%;
                float: left;
                display: inline-block;
                position: relative;
                padding: 0;
                margin: 0;
            }

                .search_parent_wrap .search_result_wrap ul li {
                    width: 100%;
                    float: left;
                    display: inline-block;
                    position: relative;
                    padding: 0;
                    margin: 0;
                    color: #696969;
                }

                    .search_parent_wrap .search_result_wrap ul li a {
                        width: 100%;
                        float: left;
                        display: inline-block;
                        position: relative;
                        padding: 0;
                        margin: 0;
                        color: #696969;
                        text-decoration: none;
                        margin-top: 5px;
                    }

                    .search_parent_wrap .search_result_wrap ul li.title {
                        text-transform: uppercase;
                        font-size: 11px;
                        padding-bottom: 5px;
                        margin-bottom: 5px;
                        border-bottom: 1px solid rgba(0, 150, 255, 1);
                    }

                .search_parent_wrap .search_result_wrap ul + ul {
                    margin-top: 40px;
                }

    .other_page_desc_wrap {
        text-align: center;
        font-size: 15px;
        padding: 0 20%;
        margin-bottom: 50px;
        line-height: 1.8em;
    }

    .funds_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        margin-bottom: 50px;
    }

    .watch-div {
        padding: 4px 10px !important;
        height: 272px;
        /* width: 45% !important; */
    }

    .funds_ul li,
    .watch-div {
        width: 23%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0 10px;
        margin: 0;
        border-radius: 5px;
        margin-right: 2%;
        background: #F7F7F8;
        margin-bottom: 50px;
        transition: all 0.8s !important;
    }

        .funds_ul li:hover {
            transform: scale(1.05);
            -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        }

        .funds_ul li .fund_top_info_wrap {
            padding: 12px 20px;
            border-bottom: 1px solid #3CF0B3;
        }

            .funds_ul li .fund_top_info_wrap .name_wrap {
                font-size: 20px;
                color: #848b90;
                margin-bottom: 0px;
                min-height: 50px;
                max-height: 50px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .funds_ul li .fund_top_info_wrap .cat_wrap {
                margin-bottom: 15px;
            }

                .funds_ul li .fund_top_info_wrap .cat_wrap span {
                    color: #fff;
                    background: #21f0a9;
                    border: 1px solid #21f0a9;
                    padding: 2px 9px;
                    text-transform: uppercase;
                    font-size: 9px;
                    margin-left: 0px;
                    float: left;
                    display: inline-block;
                    -webkit-border-radius: 15px;
                    -moz-border-radius: 15px;
                    border-radius: 15px;
                    letter-spacing: 0.5px;
                }

        .funds_ul li .fund_over_wrap {
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .funds_ul li .fund_over_wrap .single_over_wrap {
                width: 33.33%;
                float: left;
                display: inline-block;
                position: relative;
                padding: 0 5px;
                text-align: center;
            }

                .funds_ul li .fund_over_wrap .single_over_wrap:first-child {
                    border-left: 0;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap:last-child {
                    border-left: 0;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap.only_text .text_wrap {
                    font-size: 13px;
                    padding-top: 18px;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap .text_wrap {
                    font-size: 10px;
                    color: #000;
                    text-transform: uppercase;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap .value_wrap {
                    font-size: 14px;
                    color: #848b90;
                    margin-bottom: 0px;
                }

        .funds_ul li .rank_wrap {
            background: #21f0a9;
            position: absolute;
            top: -17px;
            left: -17px;
            color: #000;
            min-width: 35px;
            height: 35px;
            line-height: 40px;
            font-size: 20px;
            text-align: center;
            -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
        }

        .funds_ul li .rank_text_wrap {
            position: absolute;
            top: -18px;
            letter-spacing: 0.1em;
            left: 35px;
            color: #5a6064;
            font-size: 10px;
            text-transform: uppercase;
        }

    .theme_tabs_parent_wrap {
        margin-bottom: 60px;
        overflow: scroll;
        z-index: 9999;
    }

    .theme_tabs_ul {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 0;
        text-align: center;
    }

        .theme_tabs_ul .tab_filter {
            float: left;
            width: auto;
            display: inline-block;
            border: 1px solid #21f0a9;
            border-radius: 30px !important;
            margin-bottom: 15px;
            line-height: 1.1 !important;
            padding: 6px 12px !important;
            margin-right: 5.55px !important;
        }

            .theme_tabs_ul .tab_filter.active,
            .theme_tabs_ul .tab_filter:active {
                border: 1px solid #21f0a9;
                background: #21f0a9;
                color: #ffffff;
                font-weight: bold;
                -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
                box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
            }

            .theme_tabs_ul .tab_filter:last-child {
                margin-right: 0px;
            }

        .theme_tabs_ul li a {
            background: transparent;
            font-size: 12px;
            color: #5a6064;
            text-transform: uppercase;
            -webkit-border-radius: 0px;
            cursor: pointer;
            -moz-border-radius: 100px;
            border-radius: 100px;
            border: none;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 5px;
            padding-bottom: 5px;
        }

            .theme_tabs_ul li a:after {
                position: absolute;
                bottom: 0;
                left: 50%;
                width: 0;
                height: 2px;
                content: '';
                color: #21f0a8;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            .theme_tabs_ul li a.active {
                background: #21f0a8;
                border: none;
                color: #5a6064;
                border-radius: 30px;
                cursor: pointer;
            }

                .theme_tabs_ul li.active a:after,
                .theme_tabs_ul li a.active:after,
                .theme_tabs_ul.nav-tabs > li.active > a:after,
                .theme_tabs_ul.nav-tabs > li.active > a:focus:after,
                .theme_tabs_ul.nav-tabs > li.active > a:hover:after {
                    width: 100%;
                    left: 0;
                }

    /* Search Ends */
    /* Fund Page Start */
    .fund_page_wrap .title_parent_wrap {
        padding-bottom: 30px;
    }

        .fund_page_wrap .title_parent_wrap h2 {
            margin: 0;
            /* padding: 20px; */
            font-size: 25px;
            color: #232323;
            float: left;
        }

    .fund_page_wrap .fund_box_wrap .price_wrap h2 span {
        float: left;
    }

        .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap {
            padding: 8px;
            font-size: 15px;
            color: #fff;
            padding-left: 12px;
            padding-right: 12px;
            float: left;
            margin-top: 11px;
            margin-left: 15px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap.green {
                background-color: #4db55e
            }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap.red {
                background-color: #df2511
            }

        .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap {
            padding: 8px;
            font-size: 15px;
            color: #000;
            padding-left: 12px;
            padding-right: 12px;
            float: left;
            margin-top: 11px;
            margin-left: 5px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap.green {
                color: #4db55e;
            }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap.red {
                color: #df2511;
            }

    .fund_page_wrap .fund_box_wrap .date_time_wrap {
        font-size: 14px;
        color: #747474;
        padding-bottom: 10px;
    }

    .fund_page_wrap .fund_box_wrap {
        /* padding: 25px; */
        margin-bottom: 30px;
        text-align: left;
    }

        .fund_page_wrap .fund_box_wrap.large {
            padding-top: 0px;
            padding-bottom: 40px;
        }

        .fund_page_wrap .fund_box_wrap p {
            color: #000;
            font-size: 14px;
            padding-top: 0;
            line-height: 1.8em;
        }

        .fund_page_wrap .fund_box_wrap.black p {
            color: #fff;
        }

    .fund_page_wrap .add_to_cart_text {
        color: #848b90;
        text-align: center;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .fund_page_wrap .return_perc_wrap {
        font-size: 40px;
        line-height: 40px;
        text-align: center;
        text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
        color: #fff;
        margin-top: 25px;
    }

    .fund_page_wrap .return_text_wrap {
        font-size: 13px;
        text-align: center;
        color: #fff;
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .fund_page_wrap .fund_rank_wrap {
        text-align: center;
    }

        .fund_page_wrap .fund_rank_wrap .info_wrap {
            color: #939393;
            font-size: 11px;
            margin-top: 10px;
            text-align: center;
        }

        .fund_page_wrap .fund_rank_wrap table {
            width: 100%;
        }

            .fund_page_wrap .fund_rank_wrap table td {
                vertical-align: middle;
                width: 50%;
            }

                .fund_page_wrap .fund_rank_wrap table td.text {
                    font-size: 12px;
                    padding-left: 5px;
                }

                .fund_page_wrap .fund_rank_wrap table td.number {
                    font-size: 60px;
                    line-height: 65px;
                    padding-right: 5px;
                }

                .fund_page_wrap .fund_rank_wrap table td:first-child {
                    text-align: right;
                }

                .fund_page_wrap .fund_rank_wrap table td:last-child {
                    text-align: left;
                }

    .normal_anchor {
        padding: 10px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #21f0a9;
        color: #1e1e1e;
        display: inline-block;
        position: relative;
        font-size: 14px;
        float: none;
        text-transform: uppercase;
        z-index: 20;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .normal_anchor.blue {
            background: #75cef3;
        }

        .normal_anchor:hover {
            background: rgba(0, 0, 0, 1);
            text-decoration: none;
            color: #fff;
        }

        .normal_anchor + .normal_anchor {
            margin-left: 10px;
        }

    .fund_page_wrap .overview_data_wrap {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 50px;
    }

        .fund_page_wrap .overview_data_wrap h3 {
            text-align: center;
            padding: 0;
            margin: 0;
            font-size: 30px;
            color: #21f0a9;
            padding-bottom: 5px;
        }

        .fund_page_wrap .overview_data_wrap h4 {
            margin: 0;
            padding: 0;
            font-size: 13px;
            text-transform: uppercase;
            color: #21f0a9;
            padding-top: 10px;
            padding-left: 10px;
            padding-right: 10px;
            line-height: 1.8em;
        }

    .fund_page_wrap .double_calc_parent_wrap {
        text-align: left;
    }

        .fund_page_wrap .double_calc_parent_wrap .f_right {
            padding: 0;
            padding-left: 30px;
            text-align: left;
        }

            .fund_page_wrap .double_calc_parent_wrap .f_right p {
                padding-left: 0;
            }

    /* .fund_page_wrap .double_calc_parent_wrap .f_left {
		padding-right: 30px;
	} */
    .fund_page_wrap .double_calc_parent_wrap {
        padding-bottom: 30px;
    }

        .fund_page_wrap .double_calc_parent_wrap .title_wrap {
            text-transform: uppercase;
            letter-spacing: 0.1em;
            font-size: 15px;
            margin-bottom: 20px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 8px;
            text-align: left;
        }

        .fund_page_wrap .double_calc_parent_wrap .value_wrap h3 {
            color: #333;
            font-size: 13px;
            padding: 0;
            margin: 0;
            padding-bottom: 5px;
            text-align: left;
            padding-top: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap h3.green {
                color: #4db55e;
            }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap h3.grey {
                color: #5a6064;
            }

        .fund_page_wrap .double_calc_parent_wrap .value_wrap span {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0;
            height: 8px;
            float: left;
            margin-bottom: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap span.green {
                background-color: #21f0a9
            }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap span.grey {
                background-color: #5a6064;
            }

        .fund_page_wrap .double_calc_parent_wrap ul {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0;
            float: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-top: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap ul li {
                display: inline-block;
                width: 17.6%;
                margin: 0;
                padding: 0;
                float: left;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 10px;
                border: 1px solid #ccc;
                margin-right: 3%;
                cursor: pointer;
                text-align: center;
                background-color: #21f0a9;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

                .fund_page_wrap .double_calc_parent_wrap ul li:hover,
                .fund_page_parent_wrap .double_calc_parent_wrap .half_wrap ul li.active {
                    background-color: rgba(0, 150, 255, 1);
                    color: #fff;
                }

                .fund_page_wrap .double_calc_parent_wrap ul li:last-child {
                    margin-right: 0;
                }

        .fund_page_wrap .double_calc_parent_wrap h5 {
            text-transform: uppercase;
            margin: 0;
            padding: 0;
            font-size: 15px;
            letter-spacing: 0.1em;
            padding-bottom: 5px;
            text-align: left;
            padding-top: 10px;
        }

    .fund_page_wrap .common_data_parent {
        padding-top: 40px;
    }

        .fund_page_wrap .common_data_parent p {
            padding-bottom: 20px;
        }

    .fund_page_wrap .common_title {
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

        .fund_page_wrap .common_title span {
            font-size: 12px;
            text-transform: none;
            letter-spacing: 0;
        }

    .fund_page_wrap .bottom_data_parent h3 {
        color: #333;
        font-size: 15px;
        letter-spacing: 0.1em;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .fund_page_wrap .bottom_data_parent .col-md-6 {
        color: #979797;
        font-size: 13px;
        text-align: left;
        padding: 0;
    }

        .fund_page_wrap .bottom_data_parent .col-md-6.f_right {
            padding: 0;
            text-align: left;
        }

        .fund_page_wrap .bottom_data_parent .col-md-6.f_left {
            color: #000;
            text-align: left;
            padding-right: 20px;
        }

    .fund_page_wrap .bottom_data_parent .parent_li {
        padding-bottom: 10px;
        text-align: left;
    }

    .fund_page_wrap .fund_bot_data_wrap table {
        width: 100%;
        text-align: left;
        margin-top: 20px;
        border-spacing: 10px;
        border-collapse: separate;
    }

        .fund_page_wrap .fund_bot_data_wrap table td {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            vertical-align: middle;
            padding: 5px;
            padding-left: 15px;
            font-size: 13px;
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-align: center;
        }

        .fund_page_wrap .fund_bot_data_wrap table tr td:first-child {
            text-align: left;
        }

        .fund_page_wrap .fund_bot_data_wrap table tr {
            cursor: pointer;
        }

            .fund_page_wrap .fund_bot_data_wrap table tr:hover td {
                background-color: #F2F3F4;
            }

            .fund_page_wrap .fund_bot_data_wrap table tr:first-child td {
                background-color: #F2F3F4;
            }

    /* Fund Page Ends */
    /* Ordering Start */
    .anchor_icon_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        text-align: center;
    }

        .anchor_icon_ul li {
            float: none;
            display: inline-block;
            position: relative;
            padding: 0;
            margin: 0;
            width: 150px;
            margin-right: 70px;
        }

            .anchor_icon_ul li .icon_wrap img {
                max-width: 90px;
            }

            .anchor_icon_ul li .title {
                font-size: 13px;
                letter-spacing: 0.3em;
                margin-top: 5px;
                text-transform: uppercase;
                color: #717171;
            }

            .anchor_icon_ul li .normal_anchor {
                width: 100%;
                margin-top: 10px;
            }

    /* Ordering Ends */
    /* Ordering 2 Starts */
    .common_inner_header {
        font-size: 30px;
        line-height: 45px;
        color: #717171;
        margin: 0;
        text-align: center;
        margin-bottom: 15px;
    }

    .amount_input_large {
        border: 0;
        border-bottom: 1px solid #d2d2d2;
        color: #000;
        font-size: 30px;
        background: transparent;
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 20px;
    }

    .amount_note {
        margin-top: -10px;
        text-align: center;
        color: #707070;
        margin-bottom: 20px;
    }

    .box_icon_center_content {
        padding-right: 100px;
    }

    /* Ordering 2 Ends */
    /* Ordering 3 Starts */
    .cart_table {
        width: 100%;
        float: left;
        border-spacing: 10px;
        border-collapse: separate;
        color: #45484d;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

        .cart_table thead td {
            padding: 10px 5px;
        }

        .cart_table td {
            vertical-align: top;
            padding-left: 5px;
            padding-right: 5px;
        }

        .cart_table tbody td.title_td {
            vertical-align: middle;
        }

        .cart_table td + td {
            border-left: 1px solid #e1e1e1;
        }

        .cart_table thead {
            font-size: 13px;
            letter-spacing: 0.1em;
        }

        .cart_table tbody {
            font-size: 12px;
            letter-spacing: 0.1em;
        }

        .cart_table .title_td {
            width: 50%;
        }

        .cart_table .week_td {
            width: 25%;
        }

        .cart_table .dates_td {
            width: 25%;
        }

    .demat_desc.small p {
        font-size: 12px;
    }

    .cart_table.summary_cart_table td {
        padding: 8px 5px;
    }

    /* Ordering 3 Ends */
    /* Dashboard Start */
    .home_slider_top_wrap.dashboard_page {
        padding: 75px 0;
        padding-bottom: 120px;
    }

    .dashboard_statistics_wrap {
        padding: 20px 0;
        background: rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        z-index: 10;
        -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        text-align: center;
        margin-bottom: 10px;
    }

        .dashboard_statistics_wrap .single_stat_wrap {
            float: none;
            display: inline-block;
            position: relative;
            margin-left: 30px;
            margin-right: 30px;
        }

            .dashboard_statistics_wrap .single_stat_wrap .value_wrap {
                color: #bbbbbb;
                font-size: 25px;
            }

            .dashboard_statistics_wrap .single_stat_wrap .name_wrap {
                color: #bbbbbb;
                font-size: 12px;
                text-transform: uppercase;
                letter-spacing: 0.1em;
            }

    .dashboard_icons {
        text-align: center;
    }

        .dashboard_icons .icon_parent {
            border-right: 1px solid #cbcbcb;
            margin-bottom: 20px;
        }

            .dashboard_icons .icon_parent .img_wrap img {
                max-width: 64px;
            }

            .dashboard_icons .icon_parent:nth-child(4n+0) {
                border-right: 0;
            }

            .dashboard_icons .icon_parent .name_wrap {
                font-size: 12px;
                text-transform: uppercase;
                color: #717171;
                letter-spacing: 0.1em;
                margin-top: 8px;
            }

    .finger_print_box.white_box_form {
        padding-left: 110px;
        background: #000;
        color: #fff;
        margin-top: 50px;
        font-size: 12px;
    }

        .finger_print_box.white_box_form .icon {
            position: absolute;
            top: 15px;
            left: 20px;
        }

    .overview_data_wrap .item_wrap {
        width: 20%;
        float: left;
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Dashboard Ends */
    .finger_print_box.white_box_form.large {
        font-size: 22px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }

    /* Bucket Starts */
    /* Bucket Ends */
    .finger_print_box.white_box_form .anchor_wrap {
        position: absolute;
        top: 57px;
        right: 20px;
    }

    .bucket_ul.funds_ul li .fund_top_info_wrap .name_wrap {
        padding-right: 42px;
    }

    .form_parent_wrap .gridContainer.large {
        max-width: 100%;
        min-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .funds_ul li,
    .funds_ul li .desc_wrap,
    .funds_ul li.active .fund_over_wrap .single_over_wrap .text_wrap,
    .funds_ul li.active .fund_over_wrap .single_over_wrap .value_wrap {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .funds_ul li.active {
            background: #fff;
            color: #000;
        }

            .funds_ul li.active:hover .fund_top_info_wrap .name_wrap,
            .funds_ul li.active .fund_top_info_wrap .name_wrap {
                color: #000;
                text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
            }

            .funds_ul li.active .fund_top_info_wrap .cat_wrap span {
                background: #000;
                color: #fff;
            }

            .funds_ul li.active .desc_wrap {
                color: #000;
            }

            .funds_ul li.active .fund_over_wrap .single_over_wrap .text_wrap {
                color: #000;
            }

            .funds_ul li.active .fund_over_wrap .single_over_wrap .value_wrap {
                color: #000;
            }

    .search_parent_wrap.mtop {
        margin-top: 40px;
    }

    /* bucket 5 ends */
    /* bucket minicart starts */
    .minicart_wrap {
        position: fixed;
        bottom: 0px;
        left: 50%;
        margin-left: -200px;
        z-index: 50;
        text-align: center;
        width: 400px;
    }

        .minicart_wrap .cart_text_wrap,
        .minicart_wrap .cart_anchor {
            float: none;
            display: inline-block;
            position: relative;
            padding: 10px;
            background: transparent;
            font-size: 13px;
            min-width: 120px;
            z-index: 1;
            text-align: center;
            text-transform: uppercase;
            color: #fff;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-decoration: none;
            background: url(../images/top_bg_background_dark.jpg) center no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

            .minicart_wrap .cart_text_wrap:hover,
            .minicart_wrap .cart_anchor:hover {
                text-decoration: none;
                color: #fff;
                background-position: top center;
            }

        .minicart_wrap .continue_button {
            position: relative;
            display: inline-block;
            margin-left: 15px;
        }

        .minicart_wrap .minicart_info {
            z-index: 1;
            width: 100%;
            background: #fff;
            text-align: left;
            padding: 15px 10px;
            display: none;
        }

            .minicart_wrap .minicart_info .cart_table {
                border-collapse: separate;
                border-spacing: 0;
                margin-bottom: 0;
            }

                .minicart_wrap .minicart_info .cart_table tr td {
                    padding: 5px 0;
                    padding-right: 25px;
                    position: relative;
                }

            .minicart_wrap .minicart_info .remove_wrap {
                color: red;
                position: absolute;
                top: 3px;
                font-size: 15px;
                cursor: pointer;
                right: 0;
            }

        .minicart_wrap .back_overlay {
            position: fixed;
            top: 0;
            left: 0;
            display: none;
            width: 100%;
            height: 100%;
        }

    select.amount_input_large {
        font-size: 25px !important;
    }

    .finger_print_box.white_box_form.large {
        margin-bottom: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    /* bucket minicart ends */
    .search_top_graphic_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 50px;
        margin-top: -76px;
        margin-bottom: 80px;
    }

        .search_top_graphic_wrap .half_wrap {
            float: left;
        }

            .search_top_graphic_wrap .half_wrap:first-child {
                padding-right: 20px;
            }

            .search_top_graphic_wrap .half_wrap:last-child {
                padding-left: 20px;
            }

            .search_top_graphic_wrap .half_wrap.f_right {
                text-align: right;
                padding-top: 70px !important;
                padding-right: 0 !important;
                padding-left: 20px !important;
            }

                .search_top_graphic_wrap .half_wrap.f_right p {
                    padding-left: 0 !important;
                }

    .abs_robo_small_instruction {
        position: absolute;
        top: 100%;
        margin-top: 30px;
        width: 65%;
        right: 0;
        padding: 15px;
        -webkit-box-shadow: 0px 0px 11px -2px #fff;
        -moz-box-shadow: 0px 0px 11px -2px #fff;
        box-shadow: 0px 0px 11px -2px #fff;
        -webkit-border-radius: 5px;
        background: url(../images/how_galaxy_works_bg.jpg) center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: #fff;
        font-size: 12px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .abs_robo_small_instruction .arrow_up {
            position: absolute;
            bottom: 100%;
            line-height: 10px;
            right: 25px;
            z-index: 100;
            color: #007cb9;
            font-size: 30px;
        }

            .abs_robo_small_instruction .arrow_up.fa-caret-up:before {
                text-shadow: 0px -4px 8px rgba(255, 255, 255, 0.2);
            }

    .field_parent_wrap.align_center .icon_ul li {
        float: none;
    }

    /* Robo 2 Ends */
    /* Robo 3 Starts */
    .form_parent_wrap .plan_table_wrap.white_box_form.noiconform {
        text-align: center;
        padding: 0;
        background: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding-top: 20px;
        padding-left: 0;
    }

    .plan_table_wrap ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .plan_table_wrap ul li {
            display: inline-block;
            margin: 0;
            padding: 0;
            width: 20%;
            list-style: none;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            border: 1px solid #b2b2b2;
            -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            padding: 15px;
            position: relative;
            cursor: pointer;
            float: left;
            background: url(../images/top_bg_background_dark.jpg) center no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            color: #fff;
            z-index: 10;
        }

            .plan_table_wrap ul li .full_wrap {
                opacity: 0.8;
            }

            .plan_table_wrap ul li.left_2 {
                -webkit-transform: scale(0.95) translateX(10%);
                transform: scale(0.95) translateX(10%);
            }

            .plan_table_wrap ul li.left_1 {
                -webkit-transform: scale(0.9) translateX(25%);
                transform: scale(0.9) translateX(25%);
                z-index: 5;
            }

            .plan_table_wrap ul li.right_2 {
                -webkit-transform: scale(0.95) translateX(-10%);
                transform: scale(0.95) translateX(-10%);
            }

            .plan_table_wrap ul li.right_1 {
                -webkit-transform: scale(0.9) translateX(-25%);
                transform: scale(0.9) translateX(-25%);
                z-index: 5;
            }

            .plan_table_wrap ul li.center_li {
                -webkit-transform: scale(1);
                transform: scale(1);
                z-index: 15;
            }

            .plan_table_wrap ul li:last-child {
                margin-right: 0;
            }

            .plan_table_wrap ul li .title_wrap {
                font-size: 22px;
                padding-top: 5px;
                color: #fff;
            }

            .plan_table_wrap ul li .amount_title_wrap {
                font-size: 11px;
            }

        .plan_table_wrap ul .amount_wrap {
            font-size: 13px;
            color: #fff;
            margin-bottom: 5px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
        }

        .plan_table_wrap ul li .amount_title_wrap.align_left {
            text-align: left;
        }

        .plan_table_wrap ul li .price_wrap {
            font-size: 18px;
            color: #85998d;
            padding-bottom: 10px;
        }

        .plan_table_wrap ul li .percentage_wrap {
            display: inline-block;
            width: 100%;
            height: 6px;
            background-color: #15c059;
            float: left;
            margin-bottom: 10px;
        }

            .plan_table_wrap ul li .percentage_wrap.yellow {
                background-color: #e4c204;
            }

        .plan_table_wrap ul li p {
            font-size: 12px;
            padding: 0;
        }

        .plan_table_wrap ul li .quater_wrap {
            width: 50%;
            display: inline-block;
            position: relative;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 8px;
            z-index: 10;
        }

            .plan_table_wrap ul li .quater_wrap.f_left {
                padding-left: 0;
                border-right: 1px solid #ccc;
            }

            .plan_table_wrap ul li .quater_wrap.f_right {
                padding-right: 0;
            }

            .plan_table_wrap ul li .quater_wrap p {
                font-size: 10px;
                text-align: left;
            }

        .plan_table_wrap ul li .tick_abs {
            position: absolute;
            width: 100%;
            left: 0;
            top: -10px;
            text-align: center;
            display: none;
        }

        .plan_table_wrap ul li.active {
            background: url(../images/how_galaxy_works_bg.jpg) center no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            z-index: 20;
        }

            .plan_table_wrap ul li.active .full_wrap {
                opacity: 1;
            }

            .plan_table_wrap ul li.active .tick_abs {
                display: inline-block;
            }

        .plan_table_wrap ul.center_li li {
            float: none;
        }

    .dashboard_statistics_wrap.white {
        background: white;
    }

        .dashboard_statistics_wrap.white .single_stat_wrap .value_wrap,
        .dashboard_statistics_wrap.white .single_stat_wrap .name_wrap {
            color: #000;
        }

    .select_table_data_wrap h2.common_header {
        padding-top: 0;
    }

    .select_table_data_wrap table {
        width: 100%;
        text-align: left;
        border-spacing: 10px;
        border-collapse: separate;
    }

        .select_table_data_wrap table td {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            vertical-align: middle;
            padding: 5px;
            padding-left: 15px;
            font-size: 13px;
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-align: center;
        }

        .select_table_data_wrap table tr td:first-child {
            text-align: left;
        }

        .select_table_data_wrap table tr {
            cursor: pointer;
        }

            .select_table_data_wrap table tr:hover td {
                background-color: #F2F3F4;
            }

            .select_table_data_wrap table tr:first-child td {
                background-color: #F2F3F4;
            }

        .select_table_data_wrap table td span {
            text-transform: uppercase;
            font-size: 10px;
            letter-spacing: 0.2em;
        }

        .select_table_data_wrap table .title_wrap {
            text-align: center;
            border-bottom: 1px solid #ccc;
            padding-bottom: 5px;
        }

        .select_table_data_wrap table .col-sm-4 {
            padding-top: 3px;
            padding-bottom: 3px;
            text-align: center;
            padding-top: 5px;
        }

    /* Robo 3 Ends */
    .dashboard_icons.large .icon_parent .img_wrap img {
        max-width: 85px;
    }

    .account_icon_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
    }

        .account_icon_ul li {
            float: left;
            display: inline-block;
            position: relative;
            padding: 10px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            margin: 10px;
        }

            .account_icon_ul li.active,
            .account_icon_ul li:hover {
                background: rgba(255, 255, 255, 0.1);
            }

            .account_icon_ul li img {
                width: 70px;
            }

    /* Cart Starts */
    .white_box_form.cart_item_wrap,
    .form_parent_wrap .cart_item_wrap.white_box_form.noiconform {
        padding: 20px;
    }

    .form_parent_wrap .white_box_form.cart_item_wrap + .white_box_form.cart_item_wrap {
        margin-top: 50px;
    }

    .cart_item_wrap .cart_total_label {
        font-size: 22px;
        line-height: 36px;
        color: #fff;
    }

    .cart_item_wrap .cart_amount_label {
        font-size: 13px;
        color: #fff;
        text-align: center;
    }

    .cart_total_wrap {
        background: url(../images/home_top_cat_bg.jpg) center center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        .cart_total_wrap .row + .row {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid rgba(255, 255, 255, 0.3);
        }

    .cart_item_wrap .cart_amount_label span {
        text-transform: uppercase;
    }

    /* Cart Ends */
    /* Dashboard Box Starts */
    .dashboard_overview_box_parent_wrap {
        margin-top: 40px;
        text-align: left;
        color: #fff;
        margin-bottom: 20px;
    }

        .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap {
            margin-top: 20px;
        }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap.no_mtop {
                margin-top: 0;
            }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .value_wrap {
                float: left;
                display: inline-block;
                position: relative;
                color: #fff;
                font-size: 14px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .value_wrap.right {
                    float: right;
                }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .text_wrap {
                float: left;
                display: inline-block;
                position: relative;
                color: #fff;
                font-size: 12px;
                margin-top: 3px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .text_wrap.right {
                    float: right;
                }

        .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap {
            background: #000;
            padding: 15px;
        }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap {
                margin-top: 5px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap span {
                    width: 50%;
                    float: left;
                    display: inline-block;
                    position: relative;
                    height: 3px;
                    background: #0d9458;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                }

                    .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap span.yellow {
                        background: #fdaf3d
                    }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .name_wrap {
                font-size: 15px;
            }

    .anchor_group {
        float: right;
        display: table;
        position: relative;
    }

        .anchor_group a {
            display: table-cell;
            position: relative;
            line-height: 16px;
            padding: 0 5px;
            font-size: 10px;
            border: 1px solid #CCCCCC;
            color: #fff;
            opacity: 0.8;
            text-decoration: none;
        }

            .anchor_group a.active {
                border-color: #0d9458;
                opacity: 1;
                background: #0d9458;
            }

    .theme_tabs_parent_wrap.dashboard_tab {
        margin-bottom: 20px;
    }

    .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap {
        display: none;
    }

    /* Dashboard Box Ends */
    /* Transaction Starts */
    .theme_tabs_parent_wrap.my_account_tab_wrap .theme_tabs_ul {
        margin-bottom: 20px;
    }

    .cart_table.transaction_table {
        background: #fff;
    }

        .cart_table.transaction_table tbody {
            text-align: left;
            text-transform: none;
        }

            .cart_table.transaction_table tbody td {
                vertical-align: middle;
            }

    .gridContainer.medium {
        max-width: 100%;
        min-width: 100%;
    }

    .theme_tabs_parent_wrap.less_margin {
        margin-bottom: 20px;
    }

    /* Transaction Ends */
    /* Transaction By Fund Starts */
    .single_fund_info_wrap {
        background: #fff;
        margin-bottom: 25px;
        text-align: left;
    }

        .single_fund_info_wrap .arrow_wrap {
            position: absolute;
            top: 50%;
            right: 10px;
            line-height: 30px;
            margin-top: -20px;
            color: #000;
            font-size: 30px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .single_fund_info_wrap.active .arrow_wrap {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

        .single_fund_info_wrap .det_wrap {
            padding: 15px;
            padding-right: 50px;
            cursor: pointer;
        }

            .single_fund_info_wrap .det_wrap .det_title_wrap {
                border-bottom: 1px solid #e1e1e1;
                padding-bottom: 3px;
                margin-bottom: 6px;
            }

            .single_fund_info_wrap .det_wrap .title {
                width: 80%;
                float: left;
                display: inline-block;
                position: relative;
                color: #000;
                font-size: 13px;
            }

            .single_fund_info_wrap .det_wrap .cat {
                max-width: 20%;
                float: right;
                display: inline-block;
                position: relative;
                background: #21f0a9;
                font-size: 12px;
                text-align: right;
                color: #000;
                padding: 0 10px;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
            }

            .single_fund_info_wrap .det_wrap .det_info_wrap .det_info_single_wrap + .det_info_single_wrap {
                border-left: 1px solid #e1e1e1;
            }

        .single_fund_info_wrap .det_table_wrap {
            background: #efefef;
            display: none;
        }

            .single_fund_info_wrap .det_table_wrap .cart_table.transaction_table thead {
                font-size: 11px;
            }

            .single_fund_info_wrap .det_table_wrap .cart_table.transaction_table {
                background: #efefef;
            }

        .single_fund_info_wrap .det_wrap .det_info_wrap {
            font-size: 12px;
            color: #000;
        }

    /* Transaction By Fund Ends */
    .funds_ul2 {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        margin-bottom: 50px;
    }

        .funds_ul2 li {
            width: 23%;
            float: left;
            display: inline-block;
            position: relative;
            padding: 2px;
            margin: 0;
            border: 0.51px solid #c3c3c3;
            border-radius: 5px;
            margin-right: 2%;
            background: #fff;
            margin-bottom: 50px;
            transition: all 0.8s !important;
        }

            .funds_ul2 li:hover {
                transform: scale(1.05);
                -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
                -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            }

            .funds_ul2 li .fund_top_info_wrap {
                padding: 8px 10px;
            }

                .funds_ul2 li .fund_top_info_wrap .name_wrap {
                    font-size: 18px;
                    color: #848b90;
                    margin-bottom: 0px;
                    min-height: 70px;
                    max-height: 70px;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .funds_ul2 li .fund_top_info_wrap .cat_wrap {
                    margin-bottom: 15px;
                }

                    .funds_ul2 li .fund_top_info_wrap .cat_wrap span {
                        color: #000;
                        background: #fff;
                        padding: 7px 10px;
                        text-transform: uppercase;
                        border: 1px solid #21f0a9;
                        margin-left: -10px;
                        float: left;
                        display: inline-block;
                        -webkit-border-radius: 15px;
                        -moz-border-radius: 15px;
                        border-radius: 15px;
                        letter-spacing: 0.1em;
                    }

                .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap {
                    width: 100%;
                    float: left;
                    display: table;
                    position: relative;
                }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap + .single_graph_wrap {
                        margin-top: 5px;
                    }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .text_wrap {
                        text-transform: uppercase;
                        color: #21f0a9;
                        width: 20%;
                        padding-right: 10px;
                        font-size: 14px;
                    }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap {
                        width: 40%;
                    }

                        .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap span {
                            width: 50%;
                            float: left;
                            display: inline-block;
                            position: relative;
                            height: 5px;
                            -webkit-border-radius: 5px;
                            -moz-border-radius: 5px;
                            border-radius: 5px;
                            background: #21f0a9;
                        }

                            .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap span.white {
                                background: white;
                            }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .amount_wrap {
                        width: 40%;
                        color: #21f0a9;
                        font-size: 14px;
                    }

                        .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .amount_wrap span {
                            color: #fff;
                            font-size: 12px;
                        }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap > * {
                        display: table-cell;
                        position: relative;
                        vertical-align: middle;
                    }

            .funds_ul2 li .fund_over_wrap {
                border-top: 1px solid #adb0b2;
                padding-top: 10px;
                padding-bottom: 10px;
            }

                .funds_ul2 li .fund_over_wrap .single_over_wrap {
                    width: 50%;
                    float: left;
                    display: inline-block;
                    position: relative;
                    padding: 0 10px;
                    text-align: center;
                    border-left: 1px solid #333333;
                }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap:first-child {
                        border-left: 0;
                    }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap:last-child {
                        border-left: 0;
                    }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap .text_wrap {
                        font-size: 10px;
                        color: #000;
                        text-transform: uppercase;
                    }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap.only_text .text_wrap {
                        font-size: 10px;
                        margin-top: auto;
                        margin-bottom: auto;
                        word-break: break-word;
                    }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap .value_wrap {
                        font-size: 14px;
                        color: #848b90;
                        margin-bottom: 0px;
                    }

            .funds_ul2 li .rank_wrap {
                background: #21f0a9;
                position: absolute;
                top: -23px;
                left: -16px;
                color: #000;
                min-width: 35px;
                height: 35px;
                line-height: 35px;
                font-size: 20px;
                text-align: center;
                -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
                -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
                box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
                -webkit-border-radius: 40px;
                -moz-border-radius: 40px;
                border-radius: 40px;
            }

            .funds_ul2 li .rank_text_wrap {
                position: absolute;
                top: -18px;
                letter-spacing: 0.1em;
                left: 35px;
                color: #5a6064;
                font-size: 10px;
                text-transform: uppercase;
            }

    .bucket_ul.funds_ul2 li .fund_top_info_wrap .name_wrap {
        padding-right: 30px;
    }

    .funds_ul2 li,
    .funds_ul2 li .desc_wrap,
    .funds_ul2 li.active .fund_over_wrap .single_over_wrap .text_wrap,
    .funds_ul2 li.active .fund_over_wrap .single_over_wrap .value_wrap {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .funds_ul2 li.active {
            background: #fff;
            color: #000;
        }

            .funds_ul2 li.active:hover .fund_top_info_wrap .name_wrap,
            .funds_ul2 li.active .fund_top_info_wrap .name_wrap {
                color: #000;
                text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
            }

            .funds_ul2 li.active .fund_top_info_wrap .cat_wrap span {
                background: #000;
                color: #fff;
            }

            .funds_ul2 li.active .desc_wrap {
                color: #000;
            }

            .funds_ul2 li.active .fund_over_wrap .single_over_wrap .text_wrap {
                color: #000;
            }

            .funds_ul2 li.active .fund_over_wrap .single_over_wrap .value_wrap {
                color: #000;
            }
}

@media only screen and (min-width: 991px) and (max-width: 1100px) {

    .funds_ul li:nth-child(4n+0),
    .watch-ul li:nth-child(4n+0) {
        margin-right: 0px;
    }

    .Mandate-sip-table .add_btn {
        position: absolute;
        top: -71px;
        right: 0px;
    }
}

@media only screen and (min-width: 1100px) {
    .mobile_fix {
        display: none;
    }

    .funds_ul li:nth-child(5n+0),
    .watch-ul li:nth-child(5n+0) {
        margin-right: 0%;
    }

    .funds_ul li:last-child {
        margin-right: 0px;
    }

    .feature_icon {
        width: 158px;
        height: auto;
    }

    .gridContainer {
        min-width: 1250px;
        padding-left: 0.75%;
        margin: auto;
        clear: none;
        float: none;
        margin-left: auto;
    }

    /*Home Wrap Starts*/
    .home_slider_top_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
    }

    .table_wrap {
        display: table;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

        .table_wrap .cell_wrap {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }

    /* .home_slider_top_wrap .half_wrap {
		height: 100%;
	} */
    .home_slider_top_wrap .half_wrap.f_left {
        text-align: center;
    }

    /* .home_slider_top_wrap .half_wrap.f_left img {
		width: 330px;
	} */
    .home_slider_top_wrap .half_wrap.f_right {
        text-align: right;
        padding: 50px;
    }

    .border_box {
        display: inline-block;
        width: 400px;
        background-color: #adb0b2;
        height: 1px;
        background-color: #adb0b2;
    }

    p {
        color: #000000;
        font-size: 19.95px;
        line-height: 1.4em;
        padding-top: 20px;
    }

    .common_anchor {
        display: inline-block;
        position: relative;
        padding: 15px;
    }

        .common_anchor span {
            padding: 10px;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #fff;
            color: #000;
            font-size: 10px;
            display: inline-block;
            letter-spacing: 1px;
            position: relative;
            z-index: 20;
            font-weight: 600;
        }

        .common_anchor:before {
            background-color: #21f0a9;
            height: 8px;
            width: 20%;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -4px;
            content: '';
            z-index: 10;
            transition-property: width, height, top, margin-top;
            transition-duration: 0.5s;
            transition-delay: 0.5s, 0s, 0s, 0s;
            transition-timing-funtion: linear;
        }

        .common_anchor:hover:before {
            height: 100%;
            top: 0;
            margin-top: 0px;
            width: 100%;
        }

    /*Home Wrap Ends*/
    /*Overview Wrap Starts*/
    .overview_wrap_home {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
    }

        .overview_wrap_home .half_wrap.f_left {
            text-align: left;
            padding-top: 90px;
            padding-bottom: 90px;
        }

        .overview_wrap_home .item_wrap .image_wrap {
            display: inline-block;
            width: 25%;
            float: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
        }

            .overview_wrap_home .item_wrap .image_wrap img {
                width: 100px;
            }

        .overview_wrap_home .item_wrap {
            padding-top: 20px;
        }

            .overview_wrap_home .item_wrap .data_wrap {
                display: inline-block;
                width: 75%;
                float: right;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: 20px;
            }

                .overview_wrap_home .item_wrap .data_wrap p {
                    font-size: 18px;
                    padding-right: 10%;
                }

                .overview_wrap_home .item_wrap .data_wrap h3 {
                    padding: 0;
                    margin: 0;
                    font-size: 20px;
                    color: #848b90;
                }

        .overview_wrap_home .galaxy_wrap {
            position: absolute;
            width: 50%;
            height: 100%;
            right: 0;
            top: 0;
            text-align: center;
        }

            .overview_wrap_home .galaxy_wrap img {
                -webkit-animation: galaxy_movement 1s infinite linear;
                width: 500px;
            }

    /*Overview Wrap ends*/
    /*Feature Wrap Starts*/
    .home_feature_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .home_feature_wrap .col-xs-12 h2 {
            padding: 0;
            margin: 0;
            font-size: 25px;
            font-weight: bold;
            color: #5a6064;
        }

        .home_feature_wrap .col-xs-12 p {
            font-size: 16px;
        }

        .home_feature_wrap .col-xs-12 {
            padding-top: 40px;
            padding-bottom: 40px;
        }

    /*Feature Wrap Ends*/
    /*Review Wrap Starts*/
    .home_slider_top_wrap.review .half_wrap {
        padding: 47px;
    }

    .home_slider_top_wrap.review {
        padding-top: 100px;
        padding-bottom: 100px;
        overflow: visible;
        z-index: 20;
    }

        .home_slider_top_wrap.review p.small {
            font-size: 16px;
        }

        .home_slider_top_wrap.review .galaxy_man_wrap {
            position: absolute;
            width: 50%;
            left: 0;
            text-align: center;
            top: 90px;
        }

            .home_slider_top_wrap.review .galaxy_man_wrap img {
                width: 410px;
                -webkit-animation: rotate_minus_90 18s infinite linear;
            }

    /*Reiew Wrap Ends*/
    /*Fund Partner Wrap*/
    .fund_partner_wrap {
        text-align: center;
        padding-top: 120px;
        padding-bottom: 120px;
    }

        .fund_partner_wrap .common_header {
            color: #8f959a;
        }

        .fund_partner_wrap img {
            padding-top: 20px;
        }

    /*Fund Partner Wrap Ends*/
    .logo_fix_wrap {
        position: absolute;
        z-index: 101;
        left: 0;
        top: 10px;
    }

        .logo_fix_wrap img {
            width: 190px;
        }

    .menu_fix_wrap .common_anchor:last-child span {
        background-color: #21f0a9;
    }

    .menu_fix_wrap .menu_wrap {
        float: right;
        display: inline-block;
        position: relative;
        margin-right: 0px;
        padding-top: 18px;
    }

    .menu_fix_wrap a.glow_anchor {
        float: left;
        display: inline-block;
        position: relative;
        font-size: 12px;
        color: #5a6064;
        margin-left: 30px;
        letter-spacing: 0.2em;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        text-transform: uppercase;
        line-height: 30px;
    }

    .menu_fix_wrap a.profile_new {
        margin-right: 20px !important;
    }

    .menu_fix_wrap a.glow_anchor:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 2px;
        content: '';
        background-color: #21f0a9;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .menu_fix_wrap a.glow_anchor:hover:after,
    .menu_fix_wrap a.glow_anchor.active:after {
        width: 100%;
        left: 0;
    }

    .menu_fix_wrap a.glow_anchor i {
        color: #5a6064;
        font-size: 20px;
        line-height: 30px;
    }

        .menu_fix_wrap a.glow_anchor i:hover {
            color: #21f0a9;
        }

    .menu_fix_wrap a.glow_anchor:hover {
        color: #21f0a9;
        text-decoration: none;
    }

    .galaxy_dp {
        float: left;
        display: inline-block;
        position: relative;
    }

        .galaxy_dp .dropdown-toggle {
            padding: 10px;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #fff;
            color: #000;
            display: inline-block;
            position: relative;
            text-transform: uppercase;
            text-decoration: none;
            z-index: 20;
            font-size: 12px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        }

        .galaxy_dp ul li a {
            font-size: 12px;
        }

        .galaxy_dp:hover .dropdown-toggle {
            background: #3d3d3d;
            color: #fff;
            text-decoration: none;
        }

    .menu_fix_wrap .galaxy_dp .dropdown-toggle {
        padding: 6px 15px;
        padding-bottom: 3px;
    }

    .menu_fix_wrap .galaxy_dp {
        margin-left: 0px;
        width: 33px;
        height: 33px;
    }

    .top_menu_wrap {
        margin-bottom: 10px;
    }

    .menu_fix_wrap .top_menu_wrap a.glow_anchor {
        font-size: 15px;
    }

    .footer_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 70px;
        padding-bottom: 30px;
    }

        .footer_wrap img {
            width: 140px;
        }

        .footer_wrap p {
            font-size: 15px;
            padding-left: 10%;
            padding-right: 10%;
        }

    /*Registration Process Starts*/
    .form_parent_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        text-align: center;
    }

        .form_parent_wrap .table_height {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .form_parent_wrap .logo_wrap img {
            width: 180px;
        }

        .form_parent_wrap h1.common_header {
            font-size: 27px;
            padding-top: 20px;
            text-transform: uppercase;
            color: #808285;
        }

        .form_parent_wrap p {
            font-size: 16px;
            color: #fff;
            padding-top: 10px;
            padding-bottom: 30px;
        }

        .form_parent_wrap .white_box_form {
            background-color: #F2F3F4;
            padding: 30px;
            text-align: left;
            padding-left: 150px;
            border-radius: 15px;
        }

            .form_parent_wrap .white_box_form:before {
                content: attr(data-before);
                position: absolute;
                right: 0;
                top: -40px;
                font-family: cat_light;
                color: #848b90;
                font-size: 14px;
                letter-spacing: 0.3em;
                text-transform: uppercase;
            }

            .form_parent_wrap .white_box_form + .white_box_form {
                margin-top: 80px;
            }

            .form_parent_wrap .white_box_form:after {
                content: attr(data-after);
                position: absolute;
                left: 50px;
                top: -25px;
                font-family: cat_light;
                color: #fff;
                font-size: 12px;
                letter-spacing: 0.3em;
                text-transform: uppercase;
            }

            .form_parent_wrap .white_box_form .field_parent_wrap {
                padding-bottom: 20px;
            }

            .form_parent_wrap .white_box_form .galaxy_man_wrap {
                position: absolute;
                left: -100px;
                top: -30px;
            }

                .form_parent_wrap .white_box_form .galaxy_man_wrap img {
                    width: auto;
                }

        .form_parent_wrap .gridContainer {
            max-width: 870px;
            min-width: 870px;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap .title_wrap {
            font-size: 12px;
            text-transform: uppercase;
            color: #000;
            letter-spacing: 0.2em;
            color: #717171;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap input,
        .form_parent_wrap .white_box_form .field_parent_wrap textarea,
        .common_control,
        .form_parent_wrap .white_box_form .field_parent_wrap select {
            width: 100%;
            padding: 8px;
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #2b2b2b;
            font-size: 13px;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap .full_wrap .half_wrap.f_right {
            padding-left: 15px;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap .full_wrap .half_wrap.f_left {
            padding-right: 15px;
        }

        .form_parent_wrap .white_box_form .forms_logos {
            text-align: center;
            padding-right: 150px;
        }

    .fix_top_right {
        position: relative;
        right: 0;
        text-align: right;
        top: 20px;
        z-index: 50;
        cursor: pointer;
    }

    /*Registration Process Ends*/
    /* demat 1 starts */
    .demat_h2.common_header {
        color: #000;
        font-size: 30px;
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .document_ul li {
        list-style: none;
        background: url("../images/tick.png") no-repeat center left;
        margin-left: 0;
        padding-left: 23px;
        line-height: 2em;
    }

    .form_parent_wrap .white_box_form .icon_wrap {
        text-align: center;
    }

    .document_ul {
        text-align: left;
        padding: 0;
        font-size: 14px;
        color: #000;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .logo_wrap + .white_box_form {
        margin-top: 40px;
    }

    .form_parent_wrap .white_box_form.noiconform {
        padding-left: 30px;
    }

    .form_table_wrap {
        width: 100%;
        float: left;
        display: table;
        position: relative;
    }

        .form_table_wrap .form_cell_wrap {
            width: 50%;
            display: table-cell;
            vertical-align: middle;
        }

            .form_table_wrap .form_cell_wrap:nth-child(odd) {
                padding-right: 20px;
            }

            .form_table_wrap .form_cell_wrap:nth-child(even) {
                padding-left: 20px;
            }

            /* demat 1 ends */
            /* demat 4 Starts */
            .form_table_wrap .form_cell_wrap.small {
                width: 35%;
            }

            .form_table_wrap .form_cell_wrap.large {
                width: 65%;
            }

    .file_upload_ul {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .file_upload_ul li {
            display: inline-block;
            width: 100%;
            margin: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            list-style: none;
            cursor: pointer;
            padding: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #d1d1d1;
            font-size: 13px;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            text-align: left;
            position: relative;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .file_upload_ul li .tick {
                position: absolute;
                left: -15px;
                display: none;
                top: 15px;
            }

            .file_upload_ul li.done .tick {
                display: inline-block
            }

            .file_upload_ul li .arrow_icon {
                position: absolute;
                z-index: 20;
                right: 30px;
                font-size: 25px;
                color: #cccccc;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                top: 8px;
            }

            .file_upload_ul li:hover .arrow_icon,
            .file_upload_ul li.active .arrow_icon {
                color: #333;
                right: 20px;
            }

    .lr_wrap {
        float: left;
    }

        .lr_wrap:nth-child(odd) {
            padding-right: 20px;
        }

        .lr_wrap:nth-child(even) {
            padding-left: 20px;
        }

    /* demat 4 ends */
    /* demat 7 start */
    .common_header.more_lh {
        line-height: 40px;
        font-size: 25px;
    }

    .input_mask_parent {
        width: 50%;
        float: none;
        display: inline-block;
    }

        .input_mask_parent input[type="text"],
        .input_mask_parent input[type="password"] {
            font-size: 20px;
        }

    .demat_desc p {
        font-size: 15px;
    }

    /* demat 7 ends */
    .home_category_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .home_category_wrap .top_cat_list_wrap {
            margin-top: 40px;
        }

        .home_category_wrap .col-xs-12 h2 {
            padding: 0;
            margin: 0;
            font-size: 17px;
            color: #5a6064;
        }

    .menu_fix_wrap {
        z-index: 100;
    }

    /* Search Starts */
    .home_slider_top_wrap.other_page {
        padding-bottom: 100px;
        overflow: inherit;
    }

    .comparison_box .col-xl-3 {
        width: 20%;
    }

    .search_parent_wrap {
        width: 40%;
        margin: 0px 30% 40px 30%;
        border-bottom: 1px solid #adb0b2;
    }

        .search_parent_wrap .search_inner_wrap {
            padding: 15px 20px;
            padding-left: 100px;
        }

            .search_parent_wrap .search_inner_wrap .icon {
                position: absolute;
                top: 10px;
                left: 30px;
            }

            .search_parent_wrap .search_inner_wrap .search_text {
                width: 100%;
                float: left;
                display: inline-block;
                position: relative;
                border: 0;
                font-size: 20px;
                color: #000;
                letter-spacing: 0.1em;
            }

                .search_parent_wrap .search_inner_wrap .search_text::-webkit-input-placeholder {
                    /* Chrome/Opera/Safari */
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text::-moz-placeholder {
                    /* Firefox 19+ */
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text:-ms-input-placeholder {
                    /* IE 10+ */
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text:-moz-placeholder {
                    /* Firefox 18- */
                    color: #aeaeae;
                }

        .search_parent_wrap .search_result_wrap {
            padding: 22px;
            display: none;
            background: #fffbf5;
        }

            .search_parent_wrap .search_result_wrap .quarter_wrap {
                width: 31.33%;
                float: left;
                display: inline-block;
                position: relative;
                margin-right: 3%;
            }

                .search_parent_wrap .search_result_wrap .quarter_wrap:nth-child(3n+0) {
                    margin-right: 0;
                }

            .search_parent_wrap .search_result_wrap ul {
                width: 100%;
                float: left;
                display: inline-block;
                position: relative;
                padding: 0;
                margin: 0;
            }

                .search_parent_wrap .search_result_wrap ul li {
                    width: 100%;
                    float: left;
                    display: inline-block;
                    position: relative;
                    padding: 0;
                    margin: 0;
                    color: #696969;
                }

                    .search_parent_wrap .search_result_wrap ul li a label {
                        width: 100%;
                        float: left;
                        display: block;
                        position: relative;
                        padding: 0;
                        margin: 0;
                        color: #696969;
                        text-decoration: none;
                        margin-top: 5px;
                    }

                    .search_parent_wrap .search_result_wrap ul li a span {
                        color: #696969;
                        display: inline-block;
                        font-size: 9px;
                        letter-spacing: 1px;
                    }

                    .search_parent_wrap .search_result_wrap ul li.title {
                        text-transform: uppercase;
                        font-size: 11px;
                        padding-bottom: 5px;
                        margin-bottom: 5px;
                        border-bottom: 1px solid #AAAAAA;
                    }

                .search_parent_wrap .search_result_wrap ul + ul {
                    margin-top: 40px;
                }

    .other_page_desc_wrap {
        text-align: center;
        font-size: 11px;
        padding: 0 20%;
        margin-bottom: 50px;
        line-height: 1.8em;
    }

    .funds_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        /*    margin-bottom: 50px; */
    }

    .watch-div {
        padding: 4px 10px !important;
        height: 272px;
    }

    .funds_ul li,
    .watch-div {
        width: 18.35%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0 10px;
        margin: 0;
        border-radius: 5px;
        margin-right: 2%;
        background: #F7F7F8;
        margin-bottom: 50px;
        transition: all 0.8s !important;
    }

    .funds_ul li {
        height: 275px;
    }

        .funds_ul li:hover {
            transform: scale(1.05);
            -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        }

        .funds_ul li .fund_top_info_wrap {
            padding: 5px 6px;
            border-bottom: 1px solid #3CF0B3;
        }

            .funds_ul li .fund_top_info_wrap .name_wrap {
                font-size: 13px;
                color: #A8A9AD;
                font-weight: 900;
                margin-bottom: 0px;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-top: 10px;
            }

            .funds_ul li .fund_top_info_wrap .cat_wrap {
                margin-bottom: 15px;
                margin-top: 15px;
            }

                .funds_ul li .fund_top_info_wrap .cat_wrap span {
                    color: #fff;
                    background: #21f0a9;
                    border: 1px solid #21f0a9;
                    font-weight: 900;
                    font-size: 9px;
                    padding: 3px 9px;
                    text-transform: uppercase;
                    float: left;
                    display: inline-block;
                    -webkit-border-radius: 15px;
                    -moz-border-radius: 15px;
                    border-radius: 15px;
                    letter-spacing: 0.5px;
                }

                .funds_ul li .fund_top_info_wrap .cat_wrap .span-height {
                    height: auto !important;
                }

        .funds_ul li .fund_over_wrap {
            padding-bottom: 10px;
        }

            .funds_ul li .fund_over_wrap .single_over_wrap {
                width: 33%;
                float: left;
                display: inline-block;
                position: relative;
                padding: 0 3px;
                text-align: center;
            }

                .funds_ul li .fund_over_wrap .single_over_wrap:first-child {
                    border-left: 0;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap:last-child {
                    border-left: 0;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap .text_wrap {
                    font-size: 9px;
                    color: #A8A9AD;
                    text-align: left;
                    font-weight: 100;
                    letter-spacing: 0.7px;
                    text-transform: uppercase;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap.only_text .text_wrap {
                    font-size: 13px;
                    padding-top: 18px;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap .value_wrap {
                    font-size: 15px;
                    color: #A8A9AD;
                    word-break: break-all;
                    text-align: left;
                    font-weight: 900;
                    margin-bottom: 0px;
                }

        .funds_ul li .rank_wrap {
            background: #21f0a9;
            position: absolute;
            top: -17px;
            left: -17px;
            color: #fff;
            min-width: 30px;
            height: 30px;
            line-height: 29px;
            font-size: 14px;
            text-align: center;
            -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
        }

        .funds_ul li .rank_text_wrap {
            position: absolute;
            top: -18px;
            letter-spacing: 0.1em;
            left: 35px;
            color: #5a6064;
            font-size: 10px;
            text-transform: uppercase;
        }

    .gridContainer.small {
        min-width: 1110px;
        max-width: 1110px;
    }

    .theme_tabs_ul {
        margin-bottom: 00px;
        border-bottom: 0;
        text-align: center;
    }

        .theme_tabs_ul .tab_filter {
            float: none;
            width: auto;
            display: inline-block;
            border: 1px solid #21f0a9;
            border-radius: 30px !important;
            margin-bottom: 15px;
            line-height: 1.1 !important;
            padding: 6px 12px !important;
            margin-right: 2.75px !important;
        }

            .theme_tabs_ul .tab_filter.active,
            .theme_tabs_ul .tab_filter:active {
                border: 1px solid #21f0a9;
                background: #21f0a9;
                color: #ffffff;
                font-weight: bold;
                -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
                box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
            }

            .theme_tabs_ul .tab_filter:last-child {
                margin-right: 0px;
            }

        .theme_tabs_ul li a {
            background: transparent;
            font-size: 10px;
            color: #5a6064;
            text-transform: uppercase;
            -webkit-border-radius: 0px;
            cursor: pointer;
            -moz-border-radius: 100px;
            border-radius: 100px;
            border: none;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 7px;
            padding-bottom: 5px;
        }

            .theme_tabs_ul li a:after {
                position: absolute;
                bottom: 0;
                left: 50%;
                width: 0;
                height: 2px;
                content: '';
                color: #21f0a9;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            .theme_tabs_ul li a.active {
                background: #21f0a8;
                border: none;
                color: #5a6064;
                border-radius: 30px;
                cursor: pointer;
            }

                .theme_tabs_ul li.active a:after,
                .theme_tabs_ul li a.active:after,
                .theme_tabs_ul.nav-tabs > li.active > a:after,
                .theme_tabs_ul.nav-tabs > li.active > a:focus:after,
                .theme_tabs_ul.nav-tabs > li.active > a:hover:after {
                    width: 100%;
                    left: 0;
                }

    /* Search Ends */
    /* Fund Page Start */
    .fund_page_wrap .title_parent_wrap {
        padding-bottom: 30px;
    }

        .fund_page_wrap .title_parent_wrap h2 {
            margin: 0;
            font-size: 23px;
            color: #AAAAAA;
            float: left;
            font-weight: 600;
        }

    .fund_page_wrap .fund_box_wrap .price_wrap h2 span {
        float: left;
        color: #66AADD;
        font-size: 42px !important;
        font-family: sans-serif;
        font-weight: 900;
    }

        .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap {
            padding: 8px;
            font-size: 15px;
            color: #fff;
            padding-left: 12px;
            padding-right: 12px;
            float: left;
            margin-top: 11px;
            margin-left: 15px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap.green {
                background-color: #4db55e
            }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap.red {
                background-color: #df2511
            }

        .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap {
            padding: 8px;
            font-size: 15px;
            color: #000;
            padding-left: 12px;
            padding-right: 12px;
            float: left;
            margin-top: 11px;
            margin-left: 5px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap.green {
                color: #4db55e;
            }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap.red {
                color: #df2511;
            }

    .fund_page_wrap .fund_box_wrap .date_time_wrap {
        font-size: 14px;
        color: #AAAAAA;
        font-weight: 600;
    }

    .fund_page_wrap .fund_box_wrap {
        /* padding: 20px 25px 25px 9px; */
        margin-bottom: 30px;
        text-align: left;
    }

        .fund_page_wrap .fund_box_wrap.large {
            padding-top: 0px;
            padding-bottom: 40px;
        }

        .fund_page_wrap .fund_box_wrap p {
            color: #AAAAAA;
            font-size: 14px;
            text-align: left;
            padding-top: 0;
            line-height: 1.8em;
            font-weight: 600;
        }

        .fund_page_wrap .fund_box_wrap.black p {
            color: #fff;
        }

    .fund_page_wrap .add_to_cart_text {
        color: #848b90;
        text-align: center;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .fund_page_wrap .return_perc_wrap {
        font-size: 40px;
        line-height: 40px;
        text-align: center;
        text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
        color: #fff;
        margin-top: 26px;
    }

    .fund_page_wrap .return_text_wrap {
        font-size: 13px;
        text-align: center;
        color: #fff;
        margin-top: 10px;
        margin-bottom: 26px;
    }

    .fund_page_wrap .fund_rank_wrap {
        text-align: center;
    }

        .fund_page_wrap .fund_rank_wrap .info_wrap {
            color: #939393;
            font-size: 12px;
            margin-top: 10px;
            text-align: center;
        }

        .fund_page_wrap .fund_rank_wrap table {
            width: 100%;
        }

            .fund_page_wrap .fund_rank_wrap table td {
                vertical-align: middle;
                width: 50%;
            }

                .fund_page_wrap .fund_rank_wrap table td.text {
                    font-size: 12px;
                    padding-left: 5px;
                }

                .fund_page_wrap .fund_rank_wrap table td.number {
                    font-size: 60px;
                    line-height: 60px;
                    padding-right: 5px;
                }

                .fund_page_wrap .fund_rank_wrap table td:first-child {
                    text-align: right;
                }

                .fund_page_wrap .fund_rank_wrap table td:last-child {
                    text-align: left;
                }

    .normal_anchor {
        padding: 10px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #21f0a9;
        color: #1e1e1e;
        display: inline-block;
        position: relative;
        font-size: 14px;
        float: none;
        text-transform: uppercase;
        z-index: 20;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .normal_anchor.blue {
            background: #75cef3;
        }

        .normal_anchor:hover {
            background: rgba(0, 0, 0, 1);
            text-decoration: none;
            color: #fff;
        }

        .normal_anchor + .normal_anchor {
            margin-left: 10px;
        }

    .fund_page_wrap .overview_data_wrap {
        text-align: center;
        padding-top: 40px;
        padding-bottom: 30px;
    }

        .fund_page_wrap .overview_data_wrap h3 {
            text-align: center;
            padding: 0;
            margin: 0;
            font-size: 25px;
            color: #21f0a9;
            padding-bottom: 5px;
            font-weight: 600;
        }

        .fund_page_wrap .overview_data_wrap h4 {
            margin: 0;
            padding: 0;
            font-size: 13px;
            text-transform: uppercase;
            color: #AAAAAA;
            padding-top: 10px;
            padding-left: 10px;
            padding-right: 10px;
            line-height: 1.8em;
            font-weight: bold;
        }

    .fund_page_wrap .double_calc_parent_wrap {
        text-align: left;
    }

        .fund_page_wrap .double_calc_parent_wrap .f_right {
            padding: 0;
            padding-left: 30px;
            text-align: left;
        }

            .fund_page_wrap .double_calc_parent_wrap .f_right p {
                padding-left: 0;
            }

    .fund_page_wrap .double_calc_parent_wrap {
        padding-bottom: 50px;
    }

        .fund_page_wrap .double_calc_parent_wrap .title_wrap {
            text-transform: uppercase;
            letter-spacing: 0.1em;
            font-size: 17px;
            padding-bottom: 8px;
            text-align: left;
            font-weight: 600;
        }

        .fund_page_wrap .double_calc_parent_wrap .value_wrap h3 {
            color: #333;
            font-size: 13px;
            padding: 0;
            margin: 0;
            padding-bottom: 5px;
            text-align: left;
            padding-top: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap h3.green {
                color: #4db55e;
            }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap h3.grey {
                color: #5a6064;
            }

        .fund_page_wrap .double_calc_parent_wrap .value_wrap span {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0;
            height: 8px;
            float: left;
            margin-bottom: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap span.green {
                background-color: #21f0a9
            }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap span.grey {
                background-color: #5a6064;
            }

        .fund_page_wrap .double_calc_parent_wrap ul {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0;
            float: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-top: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap ul li {
                display: inline-block;
                width: 17.6%;
                margin: 0;
                padding: 0;
                float: left;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 1px 5px;
                border: 1px solid #ccc;
                margin-right: 3%;
                cursor: pointer;
                text-align: center;
                background-color: #21f0a9;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

                .fund_page_wrap .double_calc_parent_wrap ul li:hover,
                .fund_page_parent_wrap .double_calc_parent_wrap .half_wrap ul li.active {
                    background-color: rgba(0, 150, 255, 1);
                    color: #fff;
                }

                .fund_page_wrap .double_calc_parent_wrap ul li:last-child {
                    margin-right: 0;
                }

        .fund_page_wrap .double_calc_parent_wrap h5 {
            text-transform: uppercase;
            margin: 0;
            padding: 0;
            font-size: 19px;
            letter-spacing: 0.1em;
            padding-bottom: 5px;
            text-align: left;
            padding-top: 10px;
        }

    .fund_page_wrap .common_data_parent {
        /*padding-top: 40px; */
    }

        .fund_page_wrap .common_data_parent p {
            padding-bottom: 20px;
        }

    .fund_page_wrap .common_title {
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 18px;
        margin-top: 20px;
        padding-bottom: 10px;
    }

        .fund_page_wrap .common_title span {
            font-size: 12px;
            text-transform: none;
            letter-spacing: 0;
        }

    .fund_page_wrap .bottom_data_parent h3 {
        color: #333;
        font-size: 15px;
        letter-spacing: 0.1em;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .fund_page_wrap .bottom_data_parent .col-md-6 {
        color: #979797;
        font-size: 13px;
        text-align: left;
        padding: 0;
    }

        .fund_page_wrap .bottom_data_parent .col-md-6.f_right {
            padding: 0;
            text-align: left;
        }

        .fund_page_wrap .bottom_data_parent .col-md-6.f_left {
            color: #000;
            text-align: left;
            padding-right: 20px;
        }

    .fund_page_wrap .bottom_data_parent .parent_li {
        padding-bottom: 10px;
        text-align: left;
    }

    .fund_page_wrap .fund_bot_data_wrap table {
        width: 100%;
        text-align: left;
        margin-top: 20px;
        border-spacing: 10px;
        border-collapse: separate;
    }

        .fund_page_wrap .fund_bot_data_wrap table td {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            vertical-align: middle;
            padding: 5px;
            padding-left: 15px;
            font-size: 13px;
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-align: center;
        }

        .fund_page_wrap .fund_bot_data_wrap table tr td:first-child {
            text-align: left;
        }

        .fund_page_wrap .fund_bot_data_wrap table tr {
            cursor: pointer;
        }

            .fund_page_wrap .fund_bot_data_wrap table tr:hover td {
                background-color: #F2F3F4;
            }

            .fund_page_wrap .fund_bot_data_wrap table tr:first-child td {
                background-color: #F2F3F4;
            }

    /* Fund Page Ends */
    /* Ordering Start */
    .anchor_icon_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        text-align: center;
    }

        .anchor_icon_ul li {
            float: none;
            display: inline-block;
            position: relative;
            padding: 0;
            margin: 0;
            width: 150px;
            margin-right: 70px;
        }

            .anchor_icon_ul li .icon_wrap img {
                max-width: 90px;
            }

            .anchor_icon_ul li .title {
                font-size: 13px;
                letter-spacing: 0.3em;
                margin-top: 5px;
                text-transform: uppercase;
                color: #717171;
            }

            .anchor_icon_ul li .normal_anchor {
                width: 100%;
                margin-top: 10px;
            }

    /* Ordering Ends */
    /* Ordering 2 Starts */
    .common_inner_header {
        font-size: 35px;
        line-height: 50px;
        color: #717171;
        margin: 0;
        text-align: center;
        margin-bottom: 15px;
    }

    .amount_input_large {
        border: 0;
        border-bottom: 1px solid #d2d2d2;
        color: #000;
        font-size: 35px;
        background: transparent;
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 20px;
    }

    .amount_note {
        margin-top: -10px;
        text-align: center;
        color: #707070;
        margin-bottom: 20px;
    }

    .box_icon_center_content {
        padding-right: 100px;
    }

    /* Ordering 2 Ends */
    /* Ordering 3 Starts */
    .cart_table {
        width: 100%;
        float: left;
        border-spacing: 10px;
        border-collapse: separate;
        color: #45484d;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

        .cart_table thead td {
            padding: 10px 5px;
        }

        .cart_table td {
            vertical-align: top;
            padding-left: 5px;
            padding-right: 5px;
        }

        .cart_table tbody td.title_td {
            vertical-align: middle;
        }

        .cart_table.summary_cart_table td {
            padding: 8px 5px;
        }

        .cart_table td + td {
            border-left: 1px solid #e1e1e1;
        }

        .cart_table thead {
            font-size: 13px;
            letter-spacing: 0.1em;
        }

        .cart_table tbody {
            font-size: 12px;
            letter-spacing: 0.1em;
        }

        .cart_table .title_td {
            width: 50%;
        }

        .cart_table .week_td {
            width: 25%;
        }

        .cart_table .dates_td {
            width: 25%;
        }

    .demat_desc.small p {
        font-size: 13px;
    }

    /* Ordering 3 Ends */
    /* Dashboard Start */
    .home_slider_top_wrap.dashboard_page {
        padding: 75px 0;
        padding-bottom: 120px;
    }

    .dashboard_statistics_wrap {
        padding: 20px 0;
        background: rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        z-index: 10;
        -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        text-align: center;
        margin-bottom: 10px;
    }

        .dashboard_statistics_wrap .single_stat_wrap {
            float: none;
            display: inline-block;
            position: relative;
            margin-left: 50px;
            margin-right: 50px;
        }

            .dashboard_statistics_wrap .single_stat_wrap .value_wrap {
                color: #bbbbbb;
                font-size: 30px;
            }

            .dashboard_statistics_wrap .single_stat_wrap .name_wrap {
                color: #bbbbbb;
                font-size: 12px;
                text-transform: uppercase;
                letter-spacing: 0.1em;
            }

    .dashboard_icons {
        text-align: center;
    }

        .dashboard_icons .icon_parent {
            border-right: 1px solid #cbcbcb;
            margin-bottom: 20px;
        }

            .dashboard_icons .icon_parent .img_wrap img {
                max-width: 64px;
            }

            .dashboard_icons .icon_parent:nth-child(4n+0) {
                border-right: 0;
            }

            .dashboard_icons .icon_parent .name_wrap {
                font-size: 12px;
                text-transform: uppercase;
                color: #717171;
                margin-top: 8px;
                letter-spacing: 0.1em;
            }

    .finger_print_box.white_box_form {
        padding-left: 110px;
        background: #000;
        color: #fff;
        margin-top: 50px;
        font-size: 12px;
    }

        .finger_print_box.white_box_form .icon {
            position: absolute;
            top: 15px;
            left: 20px;
        }

    .overview_data_wrap .item_wrap {
        width: 20%;
        float: left;
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Dashboard Ends */
    .finger_print_box.white_box_form.large {
        font-size: 22px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* Bucket Starts */
    /* Bucket Ends */
    .finger_print_box.white_box_form .anchor_wrap {
        position: absolute;
        top: 55px;
        right: 20px;
    }

    .bucket_ul.funds_ul li .fund_top_info_wrap .name_wrap {
        padding-right: 42px;
    }

    /* bucket 5 starts */
    .form_parent_wrap .gridContainer.large {
        max-width: 1100px;
        min-width: 1100px;
    }

    .funds_ul li,
    .funds_ul li .desc_wrap,
    .funds_ul li.active .fund_over_wrap .single_over_wrap .text_wrap,
    .funds_ul li.active .fund_over_wrap .single_over_wrap .value_wrap {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .funds_ul li.active {
            background: #fff;
            color: #000;
        }

            .funds_ul li.active:hover .fund_top_info_wrap .name_wrap,
            .funds_ul li.active .fund_top_info_wrap .name_wrap {
                color: #000;
                text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
            }

            .funds_ul li.active .fund_top_info_wrap .cat_wrap span {
                background: #000;
                color: #fff;
            }

            .funds_ul li.active .desc_wrap {
                color: #000;
            }

            .funds_ul li.active .fund_over_wrap .single_over_wrap .text_wrap {
                color: #000;
            }

            .funds_ul li.active .fund_over_wrap .single_over_wrap .value_wrap {
                color: #000;
            }

    .search_parent_wrap.mtop {
        margin-top: 40px;
    }

    /* bucket 5 ends */
    /* bucket minicart starts */
    .minicart_wrap {
        position: fixed;
        top: 200px;
        right: 0;
        z-index: 50;
        width: 300px;
    }

        .minicart_wrap .cart_text_wrap,
        .minicart_wrap .cart_anchor {
            float: right;
            display: inline-block;
            position: relative;
            padding: 10px;
            background: #21f0a9;
            font-size: 13px;
            min-width: 120px;
            z-index: 1;
            text-align: center;
            text-transform: uppercase;
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-decoration: none;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

            .minicart_wrap .cart_text_wrap:hover,
            .minicart_wrap .cart_anchor:hover {
                text-decoration: none;
                color: #fff;
                background-position: top center;
            }

        .minicart_wrap .continue_button {
            position: absolute;
            top: 100%;
            right: 0;
            margin-top: 20px;
        }

        .minicart_wrap .minicart_info {
            z-index: 1;
            width: 100%;
            background: #fff;
            padding: 15px 10px;
            display: none;
        }

            .minicart_wrap .minicart_info .cart_table {
                border-collapse: separate;
                border-spacing: 0;
                margin-bottom: 0;
            }

                .minicart_wrap .minicart_info .cart_table tr td {
                    padding: 5px 0;
                    padding-right: 25px;
                    position: relative;
                }

            .minicart_wrap .minicart_info .remove_wrap {
                color: red;
                position: absolute;
                top: 3px;
                font-size: 15px;
                cursor: pointer;
                right: 0;
            }

        .minicart_wrap .back_overlay {
            position: fixed;
            top: 0;
            left: 0;
            display: none;
            width: 100%;
            height: 100%;
        }

    select.amount_input_large {
        font-size: 25px !important;
    }

    .finger_print_box.white_box_form.large {
        margin-bottom: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    /* bucket minicart ends */
    .search_top_graphic_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 50px;
        margin-top: -76px;
        margin-bottom: 80px;
    }

        .search_top_graphic_wrap .half_wrap {
            float: left;
        }

            .search_top_graphic_wrap .half_wrap:first-child {
                padding-right: 20px;
            }

            .search_top_graphic_wrap .half_wrap:last-child {
                padding-left: 20px;
            }

            .search_top_graphic_wrap .half_wrap.f_right {
                text-align: right;
                padding-top: 70px !important;
                padding-right: 0 !important;
                padding-left: 20px !important;
            }

                .search_top_graphic_wrap .half_wrap.f_right p {
                    padding-left: 0 !important;
                }

    /* Robo 1 Starts */
    .abs_robo_small_instruction {
        position: absolute;
        bottom: -50px;
        right: 20%;
        padding: 15px;
        -moz-box-shadow: 0px 0px 11px -2px #fff;
        -moz-background-size: cover;
        -o-background-size: cover;
        /* background-size: cover; */
        color: #939598;
        letter-spacing: 1px;
        font-size: 11px;
        font-weight: bold;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .abs_robo_small_instruction .arrow_up {
            position: absolute;
            bottom: 100%;
            line-height: 10px;
            right: 25px;
            z-index: 100;
            color: #007cb9;
            font-size: 30px;
        }

            .abs_robo_small_instruction .arrow_up.fa-caret-up:before {
                text-shadow: 0px -4px 8px rgba(255, 255, 255, 0.2);
            }

    .field_parent_wrap.align_center .icon_ul li {
        float: none;
    }

    /* Robo 2 Ends */
    .form_parent_wrap .plan_table_wrap.white_box_form.noiconform {
        text-align: center;
        padding: 0;
        background: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding-top: 20px;
        padding-left: 0;
    }

    .plan_table_wrap ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .plan_table_wrap ul li {
            display: inline-block;
            margin: 0;
            padding: 0;
            width: 20%;
            list-style: none;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            border: 1px solid #b2b2b2;
            -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            padding: 15px;
            position: relative;
            cursor: pointer;
            float: left;
            background: url(../images/top_bg_background_dark.jpg) center no-repeat fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            color: #fff;
            z-index: 10;
        }

            .plan_table_wrap ul li .full_wrap {
                opacity: 0.8;
            }

            .plan_table_wrap ul li.left_2 {
                -webkit-transform: scale(0.95) translateX(10%);
                transform: scale(0.95) translateX(10%);
            }

            .plan_table_wrap ul li.left_1 {
                -webkit-transform: scale(0.9) translateX(25%);
                transform: scale(0.9) translateX(25%);
                z-index: 5;
            }

            .plan_table_wrap ul li.right_2 {
                -webkit-transform: scale(0.95) translateX(-10%);
                transform: scale(0.95) translateX(-10%);
            }

            .plan_table_wrap ul li.right_1 {
                -webkit-transform: scale(0.9) translateX(-25%);
                transform: scale(0.9) translateX(-25%);
                z-index: 5;
            }

            .plan_table_wrap ul li.center_li {
                -webkit-transform: scale(1);
                transform: scale(1);
                z-index: 15;
            }

            .plan_table_wrap ul li:last-child {
                margin-right: 0;
            }

            .plan_table_wrap ul li .title_wrap {
                font-size: 22px;
                padding-top: 5px;
                color: #fff;
            }

            .plan_table_wrap ul li .amount_title_wrap {
                font-size: 11px;
            }

        .plan_table_wrap ul .amount_wrap {
            font-size: 13px;
            color: #fff;
            margin-bottom: 5px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
        }

        .plan_table_wrap ul li .amount_title_wrap.align_left {
            text-align: left;
        }

        .plan_table_wrap ul li .price_wrap {
            font-size: 18px;
            color: #85998d;
            padding-bottom: 10px;
        }

        .plan_table_wrap ul li .percentage_wrap {
            display: inline-block;
            width: 100%;
            height: 6px;
            background-color: #15c059;
            float: left;
            margin-bottom: 10px;
        }

            .plan_table_wrap ul li .percentage_wrap.yellow {
                background-color: #e4c204;
            }

        .plan_table_wrap ul li p {
            font-size: 12px;
            padding: 0;
        }

        .plan_table_wrap ul li .quater_wrap {
            width: 50%;
            display: inline-block;
            position: relative;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 8px;
            z-index: 10;
        }

            .plan_table_wrap ul li .quater_wrap.f_left {
                padding-left: 0;
                border-right: 1px solid #ccc;
            }

            .plan_table_wrap ul li .quater_wrap.f_right {
                padding-right: 0;
            }

            .plan_table_wrap ul li .quater_wrap p {
                font-size: 10px;
                text-align: left;
            }

        .plan_table_wrap ul li .tick_abs {
            position: absolute;
            width: 100%;
            left: 0;
            top: -10px;
            text-align: center;
            display: none;
        }

        .plan_table_wrap ul li.active {
            background: url(../images/how_galaxy_works_bg.jpg) center no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            z-index: 20;
        }

            .plan_table_wrap ul li.active .full_wrap {
                opacity: 1;
            }

            .plan_table_wrap ul li.active .tick_abs {
                display: inline-block;
            }

        .plan_table_wrap ul.center_li li {
            float: none;
        }

    .dashboard_statistics_wrap.white {
        background: white;
    }

        .dashboard_statistics_wrap.white .single_stat_wrap .value_wrap,
        .dashboard_statistics_wrap.white .single_stat_wrap .name_wrap {
            color: #000;
        }

    .select_table_data_wrap h2.common_header {
        padding-top: 0;
    }

    .select_table_data_wrap table {
        width: 100%;
        text-align: left;
        border-spacing: 10px;
        border-collapse: separate;
    }

        .select_table_data_wrap table td {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            vertical-align: middle;
            padding: 5px;
            padding-left: 15px;
            font-size: 13px;
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-align: center;
        }

        .select_table_data_wrap table tr td:first-child {
            text-align: left;
        }

        .select_table_data_wrap table tr {
            cursor: pointer;
        }

            .select_table_data_wrap table tr:hover td {
                background-color: #F2F3F4;
            }

            .select_table_data_wrap table tr:first-child td {
                background-color: #F2F3F4;
            }

        .select_table_data_wrap table td span {
            text-transform: uppercase;
            font-size: 10px;
            letter-spacing: 0.2em;
        }

        .select_table_data_wrap table .title_wrap {
            text-align: center;
            border-bottom: 1px solid #ccc;
            padding-bottom: 5px;
        }

        .select_table_data_wrap table .col-sm-4 {
            padding-top: 3px;
            padding-bottom: 3px;
            text-align: center;
            padding-top: 5px;
        }

    /* Robo 3 Ends */
    .dashboard_icons.large .icon_parent .img_wrap img {
        max-width: 100px;
    }

    .account_icon_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
    }

        .account_icon_ul li {
            float: left;
            display: inline-block;
            position: relative;
            padding: 10px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            margin: 10px;
        }

            .account_icon_ul li.active,
            .account_icon_ul li:hover {
                background: rgba(255, 255, 255, 0.1);
            }

            .account_icon_ul li img {
                width: 70px;
            }

    /* Cart Starts */
    .white_box_form.cart_item_wrap,
    .form_parent_wrap .cart_item_wrap.white_box_form.noiconform {
        padding: 20px;
    }

    .form_parent_wrap .white_box_form.cart_item_wrap + .white_box_form.cart_item_wrap {
        margin-top: 50px;
    }

    .cart_item_wrap .cart_total_label {
        font-size: 22px;
        line-height: 36px;
        color: #fff;
    }

    .cart_item_wrap .cart_amount_label {
        font-size: 13px;
        color: #fff;
        text-align: center;
    }

    .cart_total_wrap {
        background: url(../images/home_top_cat_bg.jpg) center center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        .cart_total_wrap .row + .row {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid rgba(255, 255, 255, 0.3);
        }

    .cart_item_wrap .cart_amount_label span {
        text-transform: uppercase;
    }

    /* Cart Ends */
    /* Left Panel Starts */
    .home_slider_top_wrap.dashboard_page.inner_page_wrap {
        padding-bottom: 0;
    }

        .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap {
            width: 20%;
            float: left;
            display: inline-block;
            position: absolute;
            top: 0px;
            left: -20%;
            bottom: 0;
            background: #000;
            padding-top: 20px;
            padding-bottom: 20px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap.top {
                top: -10px;
            }

            .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap.opened {
                left: 0;
            }

            .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap .accoridan_parent_wrap {
                width: 100%;
            }

                .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap .accoridan_parent_wrap .acc_title_wrap .angle_icon {
                    float: right;
                    font-size: 20px;
                    margin-top: 5px;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                }

                .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap .accoridan_parent_wrap .acc_title_wrap.active .angle_icon {
                    -webkit-transform: rotate(0);
                    -moz-transform: rotate(0);
                    -o-transform: rotate(0);
                }

                .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap .accoridan_parent_wrap .acc_title_wrap {
                    background: url(../images/home_top_cat_bg.jpg) center center no-repeat;
                    -webkit-background-size: cover;
                    -moz-background-size: cover;
                    -o-background-size: cover;
                    background-size: cover;
                    padding: 8px 15px;
                    color: #fff;
                    text-transform: uppercase;
                    font-size: 12px;
                    text-transform: uppercase;
                    letter-spacing: 0.1em;
                    cursor: pointer;
                    line-height: 30px;
                }

                .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap .accoridan_parent_wrap .acc_desc_wrap {
                    padding: 20px;
                }

                    .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap .accoridan_parent_wrap .acc_desc_wrap ul {
                        padding: 0;
                        margin: 0;
                        padding-left: 20px;
                    }

                        .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap .accoridan_parent_wrap .acc_desc_wrap ul li {
                            padding: 0;
                            margin: 0;
                            line-height: 2em;
                            text-decoration: none;
                            list-style-type: none;
                        }

                    .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap .accoridan_parent_wrap .acc_desc_wrap a {
                        color: #fff;
                        font-size: 13px;
                    }

        .home_slider_top_wrap.dashboard_page.inner_page_wrap .right_content_wrap {
            padding-bottom: 120px;
            width: 100%;
            float: right;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap.opened + .right_content_wrap {
            width: 80%;
        }

    /* Left Panel Ends */
    /* Dashboard Box Starts */
    .dashboard_overview_box_parent_wrap {
        margin-top: 40px;
        text-align: left;
        color: #fff;
        margin-bottom: 20px;
    }

        .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap {
            margin-top: 20px;
        }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap.no_mtop {
                margin-top: 0;
            }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .value_wrap {
                float: left;
                display: inline-block;
                position: relative;
                color: #fff;
                font-size: 14px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .value_wrap.right {
                    float: right;
                }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .text_wrap {
                float: left;
                display: inline-block;
                position: relative;
                color: #fff;
                font-size: 12px;
                margin-top: 3px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .text_wrap.right {
                    float: right;
                }

        .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap {
            background: #000;
            padding: 15px;
        }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap {
                margin-top: 5px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap span {
                    width: 50%;
                    float: left;
                    display: inline-block;
                    position: relative;
                    height: 3px;
                    background: #0d9458;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                }

                    .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap span.yellow {
                        background: #fdaf3d
                    }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .name_wrap {
                font-size: 15px;
            }

    .anchor_group {
        float: right;
        display: table;
        position: relative;
    }

        .anchor_group a {
            display: table-cell;
            position: relative;
            line-height: 16px;
            padding: 0 5px;
            font-size: 10px;
            border: 1px solid #CCCCCC;
            color: #fff;
            opacity: 0.8;
            text-decoration: none;
        }

            .anchor_group a.active {
                border-color: #0d9458;
                opacity: 1;
                background: #0d9458;
            }

    .theme_tabs_parent_wrap.dashboard_tab {
        display: none;
    }

    /* Dashboard Box Ends */
    /* Transaction Starts */
    .theme_tabs_parent_wrap.my_account_tab_wrap .theme_tabs_ul {
        margin-bottom: 20px;
    }

    .cart_table.transaction_table {
        background: #fff;
    }

        .cart_table.transaction_table tbody {
            text-align: left;
            text-transform: none;
        }

            .cart_table.transaction_table tbody td {
                vertical-align: middle;
            }

    .gridContainer.medium {
        max-width: 1040px;
        min-width: 1040px;
    }

    /* Transaction Ends */
    /* Transaction By Fund Starts */
    .single_fund_info_wrap {
        background: #fff;
        margin-bottom: 25px;
        text-align: left;
    }

        .single_fund_info_wrap .arrow_wrap {
            position: absolute;
            top: 50%;
            right: 10px;
            line-height: 30px;
            margin-top: -20px;
            color: #000;
            font-size: 30px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .single_fund_info_wrap.active .arrow_wrap {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

        .single_fund_info_wrap .det_wrap {
            padding: 15px;
            padding-right: 50px;
            cursor: pointer;
        }

            .single_fund_info_wrap .det_wrap .det_title_wrap {
                border-bottom: 1px solid #e1e1e1;
                padding-bottom: 3px;
                margin-bottom: 6px;
            }

            .single_fund_info_wrap .det_wrap .title {
                width: 80%;
                float: left;
                display: inline-block;
                position: relative;
                color: #000;
                font-size: 13px;
            }

            .single_fund_info_wrap .det_wrap .cat {
                max-width: 20%;
                float: right;
                display: inline-block;
                position: relative;
                background: #21f0a9;
                font-size: 12px;
                text-align: right;
                color: #000;
                padding: 0 10px;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
            }

            .single_fund_info_wrap .det_wrap .det_info_wrap .det_info_single_wrap + .det_info_single_wrap {
                border-left: 1px solid #e1e1e1;
            }

        .single_fund_info_wrap .det_table_wrap {
            background: #efefef;
            display: none;
        }

            .single_fund_info_wrap .det_table_wrap .cart_table.transaction_table thead {
                font-size: 11px;
            }

            .single_fund_info_wrap .det_table_wrap .cart_table.transaction_table {
                background: #efefef;
            }

        .single_fund_info_wrap .det_wrap .det_info_wrap {
            font-size: 12px;
            color: #000;
        }

    /* Transaction By Fund Ends */
    .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap .left_panel_bar_wrap {
        position: absolute;
        top: 1px;
        right: -36px;
        background: white;
        z-index: 10;
        cursor: pointer;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 20px;
    }

        .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap .left_panel_bar_wrap .open_btn_wrap {
            display: inline-block;
        }

        .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap .left_panel_bar_wrap .close_btn_wrap {
            display: none;
        }

    .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap.opened .left_panel_bar_wrap .open_btn_wrap {
        display: none;
    }

    .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap.opened .left_panel_bar_wrap .close_btn_wrap {
        display: inline-block;
    }

    .funds_ul2 {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        margin-bottom: 50px;
    }

        .funds_ul2 li {
            width: 23%;
            float: left;
            display: inline-block;
            position: relative;
            padding: 2px;
            margin: 0;
            border-radius: 5px;
            margin-right: 2%;
            background: #fff;
            margin-bottom: 50px;
            transition: all 0.8s !important;
        }

            .funds_ul2 li:hover {
                transform: scale(1.05);
                -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
                -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            }

            .funds_ul2 li .fund_top_info_wrap {
                padding: 8px 10px;
            }

                .funds_ul2 li .fund_top_info_wrap .name_wrap {
                    font-size: 18px;
                    color: #848b90;
                    margin-bottom: 0px;
                    min-height: 70px;
                    max-height: 70px;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .funds_ul2 li .fund_top_info_wrap .cat_wrap {
                    margin-bottom: 15px;
                }

                    .funds_ul2 li .fund_top_info_wrap .cat_wrap span {
                        color: #000;
                        background: #fff;
                        padding: 7px 10px;
                        text-transform: uppercase;
                        border: 1px solid #21f0a9;
                        margin-left: -10px;
                        float: left;
                        display: inline-block;
                        -webkit-border-radius: 15px;
                        -moz-border-radius: 15px;
                        border-radius: 15px;
                        letter-spacing: 0.1em;
                    }

                .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap {
                    width: 100%;
                    float: left;
                    display: table;
                    position: relative;
                }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap + .single_graph_wrap {
                        margin-top: 5px;
                    }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .text_wrap {
                        text-transform: uppercase;
                        color: #21f0a9;
                        width: 20%;
                        padding-right: 10px;
                        font-size: 14px;
                    }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap {
                        width: 40%;
                    }

                        .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap span {
                            width: 50%;
                            float: left;
                            display: inline-block;
                            position: relative;
                            height: 5px;
                            -webkit-border-radius: 5px;
                            -moz-border-radius: 5px;
                            border-radius: 5px;
                            background: #21f0a9;
                        }

                            .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .scale_wrap span.white {
                                background: white;
                            }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .amount_wrap {
                        width: 40%;
                        color: #21f0a9;
                        font-size: 14px;
                    }

                        .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap .amount_wrap span {
                            color: #fff;
                            font-size: 12px;
                        }

                    .funds_ul2 li .fund_top_info_wrap .graph_wrap .single_graph_wrap > * {
                        display: table-cell;
                        position: relative;
                        vertical-align: middle;
                    }

            .funds_ul2 li .fund_over_wrap {
                border-top: 1px solid #adb0b2;
                padding-top: 10px;
                padding-bottom: 10px;
            }

                .funds_ul2 li .fund_over_wrap .single_over_wrap {
                    width: 50%;
                    float: left;
                    display: inline-block;
                    position: relative;
                    padding: 0 10px;
                    text-align: center;
                    border-left: 1px solid #333333;
                }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap:first-child {
                        border-left: 0;
                    }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap:last-child {
                        border-left: 0;
                    }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap .text_wrap {
                        font-size: 10px;
                        color: #000;
                        text-transform: uppercase;
                    }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap.only_text .text_wrap {
                        font-size: 10px;
                        margin-top: auto;
                        margin-bottom: auto;
                        word-break: break-word;
                    }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap .value_wrap {
                        font-size: 14px;
                        color: #848b90;
                        margin-bottom: 0px;
                    }

            .funds_ul2 li .rank_wrap {
                background: #21f0a9;
                position: absolute;
                top: -23px;
                left: -16px;
                color: #000;
                min-width: 35px;
                height: 35px;
                line-height: 35px;
                font-size: 20px;
                text-align: center;
                -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
                -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
                box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
                -webkit-border-radius: 40px;
                -moz-border-radius: 40px;
                border-radius: 40px;
            }

            .funds_ul2 li .rank_text_wrap {
                position: absolute;
                top: -18px;
                letter-spacing: 0.1em;
                left: 35px;
                color: #5a6064;
                font-size: 10px;
                text-transform: uppercase;
            }

    .bucket_ul.funds_ul2 li .fund_top_info_wrap .name_wrap {
        padding-right: 30px;
    }

    .funds_ul2 li,
    .funds_ul2 li .desc_wrap,
    .funds_ul2 li.active .fund_over_wrap .single_over_wrap .text_wrap,
    .funds_ul2 li.active .fund_over_wrap .single_over_wrap .value_wrap {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .funds_ul2 li.active {
            background: #fff;
            color: #000;
        }

            .funds_ul2 li.active:hover .fund_top_info_wrap .name_wrap,
            .funds_ul2 li.active .fund_top_info_wrap .name_wrap {
                color: #000;
                text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
            }

            .funds_ul2 li.active .fund_top_info_wrap .cat_wrap span {
                background: #000;
                color: #fff;
            }

            .funds_ul2 li.active .desc_wrap {
                color: #000;
            }

            .funds_ul2 li.active .fund_over_wrap .single_over_wrap .text_wrap {
                color: #000;
            }

            .funds_ul2 li.active .fund_over_wrap .single_over_wrap .value_wrap {
                color: #000;
            }
}

@media only screen and (min-width: 1600px) {
    .funds_ul2 {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        margin-bottom: 50px;
    }

        .funds_ul2 li {
            width: 23%;
            float: left;
            display: inline-block;
            position: relative;
            padding: 2px;
            margin: 0;
            border: 0.51px solid #c3c3c3;
            border-radius: 5px;
            margin-right: 2%;
            background: #fff;
            margin-bottom: 50px;
            transition: all 0.8s !important;
        }

    .payment-text label span {
        font-size: 36px;
    }

    .funds_ul2 li:hover {
        transform: scale(1.05);
        -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    }

    .funds_ul2 li .fund_top_info_wrap {
        padding: 8px 10px;
    }

        .funds_ul2 li .fund_top_info_wrap .name_wrap {
            font-size: 18px;
            color: #848b90;
            margin-bottom: 0px;
            min-height: 70px;
            max-height: 70px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .funds_ul2 li .fund_top_info_wrap .cat_wrap {
            margin-bottom: 15px;
        }

            .funds_ul2 li .fund_top_info_wrap .cat_wrap span {
                color: #000;
                background: #fff;
                padding: 7px 10px;
                text-transform: uppercase;
                border: 1px solid #21f0a9;
                margin-left: -10px;
                float: left;
                display: inline-block;
                -webkit-border-radius: 15px;
                -moz-border-radius: 15px;
                border-radius: 15px;
                letter-spacing: 0.1em;
            }

    .funds_ul2 li .fund_over_wrap {
        border-top: 1px solid #adb0b2;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .funds_ul2 li .fund_over_wrap .single_over_wrap {
            width: 50%;
            float: left;
            display: inline-block;
            position: relative;
            padding: 0 10px;
            text-align: center;
            border-left: 1px solid #333333;
        }

            .funds_ul2 li .fund_over_wrap .single_over_wrap:first-child {
                border-left: 0;
            }

            .funds_ul2 li .fund_over_wrap .single_over_wrap:last-child {
                border-left: 0;
            }

            .funds_ul2 li .fund_over_wrap .single_over_wrap .text_wrap {
                font-size: 10px;
                color: #000;
                text-transform: uppercase;
            }

            .funds_ul2 li .fund_over_wrap .single_over_wrap.only_text .text_wrap {
                font-size: 10px;
                margin-top: auto;
                margin-bottom: auto;
                word-break: break-word;
            }

            .funds_ul2 li .fund_over_wrap .single_over_wrap .value_wrap {
                font-size: 14px;
                color: #848b90;
                margin-bottom: 0px;
            }

    .funds_ul2 li .rank_wrap {
        background: #21f0a9;
        position: absolute;
        top: -23px;
        left: -16px;
        color: #000;
        min-width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 20px;
        text-align: center;
        -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
    }

    .funds_ul2 li .rank_text_wrap {
        position: absolute;
        top: -18px;
        letter-spacing: 0.1em;
        left: 35px;
        color: #5a6064;
        font-size: 10px;
        text-transform: uppercase;
    }

    .bucket_ul.funds_ul2 li .fund_top_info_wrap .name_wrap {
        padding-right: 30px;
    }

    .funds_ul2 li,
    .funds_ul2 li .desc_wrap,
    .funds_ul2 li.active .fund_over_wrap .single_over_wrap .text_wrap,
    .funds_ul2 li.active .fund_over_wrap .single_over_wrap .value_wrap {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .funds_ul2 li.active {
            background: #fff;
            color: #000;
        }

            .funds_ul2 li.active:hover .fund_top_info_wrap .name_wrap,
            .funds_ul2 li.active .fund_top_info_wrap .name_wrap {
                color: #000;
                text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
            }

            .funds_ul2 li.active .fund_top_info_wrap .cat_wrap span {
                background: #000;
                color: #fff;
            }

            .funds_ul2 li.active .desc_wrap {
                color: #000;
            }

            .funds_ul2 li.active .fund_over_wrap .single_over_wrap .text_wrap {
                color: #000;
            }

            .funds_ul2 li.active .fund_over_wrap .single_over_wrap .value_wrap {
                color: #000;
            }

    .home_slider_top_wrap.dashboard_page {
        padding: 75px 0;
        padding-bottom: 120px;
    }

    .feature_icon {
        width: 163px;
        height: auto;
    }

    .full_height {
        min-height: 850px;
    }

    .container {
        width: 1540px !important;
    }

    .carousel-control.left {
        margin-left: -20px;
    }

    .carousel-control.right {
        margin-right: -20px;
    }

    .dashboard_statistics_wrap {
        margin-bottom: 10px;
    }

    .common_header.more_lh {
        line-height: 40px;
    }

    .overview_wrap_home .item_wrap .image_wrap img,
    .overview_wrap_home .galaxy_wrap img {
        width: auto
    }

    /*Home Wrap Starts*/
    .home_slider_top_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
    }

    .table_wrap {
        display: table;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

        .table_wrap .cell_wrap {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }

    /* .home_slider_top_wrap .half_wrap {
		height: 100%;
	} */
    .home_slider_top_wrap .half_wrap.f_left {
        text-align: center;
    }

    /* .home_slider_top_wrap .half_wrap.f_left img {
		width: 630px;
	} */
    .home_slider_top_wrap .half_wrap.f_right {
        text-align: right;
        padding: 60px;
    }

    .border_box {
        display: inline-block;
        width: 400px;
        background-color: #adb0b2;
        height: 1px;
        background-color: #adb0b2;
    }

    p {
        color: #000000;
        font-size: 21px;
        line-height: 1.4em;
        padding-top: 20px;
    }

    .common_anchor {
        display: inline-block;
        position: relative;
        padding: 15px;
    }

        .common_anchor span {
            padding: 10px;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #fff;
            color: #000;
            font-size: 10px;
            display: inline-block;
            position: relative;
            z-index: 20;
        }

        .common_anchor:before {
            background-color: #21f0a9;
            height: 8px;
            width: 20%;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -4px;
            content: '';
            z-index: 10;
            transition-property: width, height, top, margin-top;
            transition-duration: 0.5s;
            transition-delay: 0.5s, 0s, 0s, 0s;
            transition-timing-funtion: linear;
        }

        .common_anchor:hover:before {
            height: 100%;
            top: 0;
            margin-top: 0px;
            width: 100%;
        }

    /*Home Wrap Ends*/
    /*Overview Wrap Starts*/
    .overview_wrap_home {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
    }

        .overview_wrap_home .half_wrap.f_left {
            text-align: left;
            padding-top: 120px;
            padding-bottom: 120px;
        }

        .overview_wrap_home .item_wrap .image_wrap {
            display: inline-block;
            width: 20%;
            float: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
        }

        .overview_wrap_home .item_wrap {
            padding-top: 30px;
        }

            .overview_wrap_home .item_wrap .data_wrap {
                display: inline-block;
                width: 80%;
                float: right;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: 20px;
            }

                .overview_wrap_home .item_wrap .data_wrap p {
                    font-size: 20px;
                    padding-right: 30%;
                }

                .overview_wrap_home .item_wrap .data_wrap h3 {
                    padding: 0;
                    margin: 0;
                    font-size: 25px;
                    color: #848b90;
                }

        .overview_wrap_home .galaxy_wrap {
            position: absolute;
            width: 50%;
            height: 100%;
            right: 0;
            top: 0;
            text-align: center;
        }

            .overview_wrap_home .galaxy_wrap img {
                -webkit-animation: galaxy_movement 1s infinite linear;
            }

    /*Overview Wrap ends*/
    /*Feature Wrap Starts*/
    .home_feature_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .home_feature_wrap .col-xs-12 h2 {
            padding: 0;
            margin: 0;
            font-size: 25px;
            color: #5a6064;
        }

        .home_feature_wrap .col-xs-12 p {
            font-size: 20px;
        }

        .home_feature_wrap .col-xs-12 {
            padding-top: 80px;
            padding-bottom: 40px;
        }

    /*Feature Wrap Ends*/
    /*Review Wrap Starts*/
    .home_slider_top_wrap.review .half_wrap {
        padding: 50px;
    }

    .home_slider_top_wrap.review {
        padding-top: 180px;
        padding-bottom: 180px;
        overflow: visible;
        z-index: 20;
    }

        .home_slider_top_wrap.review p.small {
            font-size: 20px;
        }

        .home_slider_top_wrap.review .galaxy_man_wrap {
            position: absolute;
            width: 45%;
            left: 0;
            text-align: center;
            top: 120px;
        }

            .home_slider_top_wrap.review .galaxy_man_wrap img {
                width: 540px;
                -webkit-animation: rotate_minus_90 18s infinite linear;
            }

    /*Reiew Wrap Ends*/
    /*Fund Partner Wrap*/
    .fund_partner_wrap {
        text-align: center;
        padding-top: 120px;
        padding-bottom: 120px;
    }

        .fund_partner_wrap .common_header {
            color: #8f959a;
        }

        .fund_partner_wrap img {
            padding-top: 20px;
        }

    /*Fund Partner Wrap Ends*/
    .logo_fix_wrap {
        position: absolute;
        z-index: 101;
        left: 0px;
        top: 10px;
    }

        .logo_fix_wrap img {
            width: 230px;
        }

    .footer_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 70px;
        padding-bottom: 70px;
    }

        .footer_wrap img {
            width: 250px;
            margin-bottom: 60px;
        }

        .footer_wrap p {
            font-size: 15px;
            padding-left: 10%;
            padding-right: 10%;
        }

    .gridContainer {
        /* width: 90.5%; */
        min-width: 1250px;
        padding-left: 0.75%;
        /* padding-right: 0.75%; */
        margin: auto;
        clear: none;
        float: none;
        margin-left: auto;
    }
}

@media only screen and (max-width: 1200px) {
    .No-ipo-tittle-heading p {
        width: 60%;
    }

    .custom_h1 {
        font-size: 22px !important;
        font-weight: bold !important;
    }

    .home_slider_top_wrap .half_wrap.f_left img {
        width: 75%;
    }
}

@media (max-width: 1183px) {
    .full-width-on-mobile {
        width: 100%;
    }
}

@media only screen and (max-width: 1100px) {
    .balance .main-box-right-step-2 .payment-list-group .payment-type-icon {
        width: 38px;
        height: 38px;
        line-height: 38px;
    }

    .arrow_margin {
        margin: -8px -1px 0 0;
    }

    .home_slider_top_wrap .half_wrap.f_left img {
        width: 80%;
    }

    .fund-notice {
        font-size: 11px !important;
        font-weight: bold;
        margin-left: 5px;
        color: #65ADDB !important;
    }

    .balance .main-box-left .main-box-left-sub label {
        margin-top: 20px;
        margin-bottom: 1rem;
    }

    .balance .main-box-left .main-box-left-sub .withdraw_ammount {
        float: left;
        margin: 0 0 0 2rem;
        padding-top: 17px;
    }

    .balance .main-box-left .main-box-left-sub {
        padding: 5rem 0 1rem 3rem;
    }

    .mandate_ul_tabs .mandate_ul_tabs-50 {
        width: 60% !important;
        max-width: 60% !important;
    }

    .mandate_create_img {
        margin: -40px 0 0 -40px;
        max-width: 450px;
    }

    .balance .main-box-left,
    .holdings .main-box-left {
        padding-right: 1rem;
        height: auto;
    }

    .profile {
        width: 35%;
    }

    .paichart_only .HOLDINGS .highcharts-root {
        width: 100% !important;
        margin: 0px auto 0;
    }
}

@media only screen and (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 900px;
    }
}

@media only screen and (max-width: 1020px) {
    .card {
        height: 450px;
    }

    .custom_h1 {
        font-size: 20px !important;
        font-weight: bold !important;
    }

    .overflow-x {
        overflow-x: auto;
    }

    .scroll {
        padding: 9px 10px 4px;
        bottom: 32px;
    }
}

@media only screen and (max-width: 991px) {
    .ipad_menu_fix {
        position: fixed;
        z-index: 1000;
        width: 100%;
        background-color: #fff;
        bottom: 0;
        left: 0;
        text-align: center;
        border-top: 1px solid #aeaeae;
        display: inline-block;
    }

    .home_slider_top_wrap .half_wrap.f_left img {
        width: 84%;
    }

    .Mandate-sip-table .add_btn {
        position: absolute;
        top: -70px;
        right: 0px;
        display: inline-block;
    }

        .Mandate-sip-table .add_btn .button_add_amount {
            width: 20px;
            height: 20px;
            line-height: 17px;
            padding: 2px !important;
            color: #fff;
        }

    .my-schedule .modal-content {
        height: auto;
        border: 0px;
        width: 100%;
        margin: 0 auto;
    }

    .balance .main-box-left .main-box-left-sub label {
        margin-top: 20px;
        margin-bottom: 1rem;
    }

    .balance .main-box-left .main-box-left-sub .withdraw_ammount {
        float: unset;
        margin: 0;
    }

    .balance .main-box-left .main-box-left-sub {
        padding: 4.5rem 0 2rem 3rem;
    }

    .ipad_menu_fix .col-xs-4 {
        padding-top: 20px;
        padding-bottom: 30px;
        border-right: 1px solid #aeaeae;
        color: #000000;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .ipad_menu_fix .col-xs-4:last-child {
            border-right: 0;
        }

        .ipad_menu_fix .col-xs-4:hover,
        .ipad_menu_fix .col-xs-4.active {
            background-color: #21f0a9;
            color: #000;
        }

    .menu_fix_wrap {
        position: fixed;
        text-align: center;
        z-index: 10000;
        overflow: auto;
        padding-bottom: 100px;
        background: #FFF;
        display: none;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .padding-lg {
        padding-right: 00px !important;
        padding-left: 50px !important;
    }

    .w-80 {
        width: 100%;
        max-width: 100%;
    }

    .No-data-img img {
        width: 50.00%;
        height: auto;
    }

    .funds_ul li:nth-child(2n+0),
    .watch-ul li:nth-child(2n+0) {
        margin-right: 0px;
    }

    .funds_ul li:nth-child(1n+0),
    .watch-ul li:nth-child(1n+0) {
        margin-right: 5%;
    }

    .card {
        height: 400px;
    }

    .No-ipo-tittle-heading p {
        width: 80%;
    }

    .clearFilter {
        top: -30px;
        right: 0;
    }

    .mandate_ul_tabs .mandate_ul_tabs-50 {
        width: 65% !important;
        max-width: 65% !important;
    }
}

@media only screen and (max-width: 800px) {
    .card {
        height: 360px;
    }

    .top_90 {
        margin-top: 15px;
    }

    .arrow_margin {
        margin: -8px -3px 0 0;
    }
}

@media only screen and (min-width: 768px) {
    .col-sm-7.automargin {
        width: 90%;
        max-width: 600px;
    }

    .slider-key {
        position: absolute;
        width: 99.9%;
        top: 40%;
        left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .holdings .main-box-left .mfInvCurrentAmt {
        display: inline-block;
        float: right;
    }

    .table-responsive {
        border: none !important;
    }

    .amount_control {
        /* float: none; */
        /* display: inline-block; */
        position: relative;
        border: 0;
        background: transparent;
        color: #333;
        border-bottom: 1px solid #b4b2ab;
        letter-spacing: 0.25em;
        width: 100px;
        text-align: center;
    }

    .home_slider_top_wrap .half_wrap.f_left img {
        width: 90%;
    }

    .slider-key {
        position: absolute;
        width: 99.9%;
        top: 40%;
        left: 0;
    }

    .scroll {
        padding: 9px 10px 4px;
        bottom: 52px;
    }

    .navbar-nav .open .dropdown-menu {
        background-color: #fffffff9;
        border-radius: 5px !important;
    }

    .navbar-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: unset !important;
        flex-direction: unset !important;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        flex-wrap: wrap;
    }

    .action_button a img {
        width: 40%;
        height: auto;
    }

    .action_button_schedual a img {
        width: 40%;
        height: auto;
    }

    .navbar-nav .nav-sm-item-flex1 {
        width: 100% !important;
    }

    .navbar-nav .nav-sm-item-flex:nth-child(6) {
        width: 100%;
    }

    .navbar-nav .nav-sm-item-flex:nth-child(9),
    .navbar-nav .nav-sm-item-flex:nth-child(2),
    .navbar-nav .nav-sm-item-flex:nth-child(3),
    .navbar-nav .nav-sm-item-flex:nth-child(4),
    .navbar-nav .nav-sm-item-flex:nth-child(5),
    .navbar-nav .nav-sm-item-flex:nth-child(7),
    .navbar-nav .nav-sm-item-flex:nth-child(8) {
        width: 33.33%;
    }

    .navbar-nav .nav-sm-item-flex:nth-child(11),
    .navbar-nav .nav-sm-item-flex:nth-child(13) {
        width: 50%;
    }

    .navbar-nav .nav-sm-item-flex .user-icon {
        margin: 10px auto 0 !important;
    }

    .navbar-nav .nav-sm-item-flex svg {
        margin: 17px auto 0 !important;
    }

    .dropdown-menu {
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
        -webkit-box-shadow: 0px 0px 14px 1px rgb(0 0 0 / 20%) !important;
        -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2) !important;
        box-shadow: 0px 0px 14px 1px rgb(0 0 0 / 20%) !important;
    }

    .user-info {
        min-width: 250px !important;
        width: 250px;
        /* top: 100% !important; */
        left: 5px !important;
        position: absolute !important;
        border-radius: 10px !important;
        top: -50px !important;
        background: #fffffff5 !important;
    }

    .company-name {
        top: 40% !important;
        left: 2% !important;
        background: #fffffff5 !important;
    }

    .company-logo {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    .holdings .main-box-left .sub_title {
        display: inline-block;
        float: left;
    }

    .navbar-nav .sm-badge .tCenter {
        left: 50%;
        top: 35%;
    }

    .holding-details-icon-ul {
        width: 100px;
    }

    .bucket_ul {
        height: auto;
    }

    .No-data-img img {
        width: 100%;
        height: auto;
    }

    .No-ipo-tittle-heading h2 {
        color: #b0b1b3;
        font-size: 14px;
    }

    .border-left-custom {
        border-left: 1px solid transparent !important;
    }

    .paichart_only .HOLDINGS .highcharts-root {
        width: 100% !important;
        margin: 37px auto 0;
    }

    .nfo .banner-img img {
        width: 100%;
    }

    .overflow-x {
        overflow-x: auto;
    }

    .home .banner-img img {
        width: 100% !important;
    }

    .custom_h1 {
        font-size: 18px !important;
        font-weight: bold !important;
    }

    .banner-text .w-75,
    .banner-text .w-82,
    .banner-text .w-80 {
        width: 100% !important;
        max-width: 100%;
    }

    .scrollleft,
    .scrollright {
        display: none;
    }

    .clearfix {
        padding: 30px 15px !important;
    }

    .emadate-vactor img {
        width: 150px;
    }

    .add-mandate,
    .withdraw {
        margin-top: 1.5rem;
    }

    .balance .main-box-right {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        margin: 15px 0 0 0px;
    }

    /* .top_240 {
		margin-top: 100px;
	} */
    div#bloc-3 {
        position: relative !important;
    }

    .col-sm-7.automargin {
        padding: 50px;
    }

    .card:first-child {
        margin-left: 10px;
    }

    .col-sm-7.automargin {
        width: 90%;
    }

    .mandate_ul_tabs .mandate_ul_tabs-50 {
        width: 70% !important;
        max-width: 70% !important;
    }

    .funds-name-wrap {
        font-size: 12px !important;
        height: 50px !important;
    }

    .workeheading {
        font-size: 4em;
    }

    .workeheadingsub {
        margin-left: 6px;
    }

    .card {
        width: 75%;
        margin-right: 12px;
        margin-right: 0%;
        margin-left: 14px;
        height: auto;
        margin-bottom: 65px;
    }

    .interactwuth {
        display: none;
    }

    .linebelow {
        margin-left: auto;
        margin-right: auto;
    }

    .top_90 {
        margin-top: 15px;
    }

    .balance .main-box-right-step-2 {
        height: 300px;
        border: none;
        margin-top: 15px;
        padding-left: 15px;
        background: transparent;
    }

    .balance .main-box-left,
    .holdings .main-box-left {
        padding-right: 0rem;
        height: auto;
    }

    .profile {
        width: 99%;
    }

    .No-ipo-tittle-heading p {
        width: 99%;
    }

    .col-half-offset {
        margin-left: 0;
    }

    .No-data-img {
        text-align: center;
    }

    .mandate .main-box-top {
        height: auto;
        min-height: 550px;
        max-height: min-content;
        background: #21f0a8;
        border: 0;
        color: #ffffff !important;
        border-radius: 10px;
        padding: 1rem 1.5rem;
        z-index: 1;
    }

    .fixed-table {
        max-height: none !important;
    }

    .No-data-img {
        text-align: center;
    }

    .No-ipo-tittle-heading p {
        width: 99%;
    }
}

@media only screen and (max-width: 600px) {
    .col-46 {
        width: 99%;
    }

    .fund_page_wrap .title_parent_wrap {
        padding-bottom: 0px;
    }

        .fund_page_wrap .title_parent_wrap h2 {
            margin: 0;
            /* padding: 20px 0 0 0; */
            font-size: 18px;
            color: #232323;
            float: left;
            width: 100%;
            text-align: center !important;
        }

    .fund_page_wrap .fund_box_wrap .price_wrap h2 span {
        float: none;
        color: #66AADD;
        font-size: 42px !important;
        font-family: sans-serif;
        font-weight: 900;
    }
}

@media only screen and (max-width: 575px) {
    .padding-sm {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .home_slider_top_wrap .half_wrap.f_left img {
        width: 100%;
    }

    .mandate_ul_tabs .mandate_ul_tabs-50 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .Mandate-sip-table .add_btn {
        position: absolute;
        top: -70px;
        right: 0px;
        display: inline-block;
    }

    .Mandate-sip-table .button_add_amount {
        margin: 0px;
    }

    .col-half-offset {
        margin-left: 0;
    }
}

@media only screen and (max-width: 510px) {
    .autocomplete-suggestion {
        padding-left: 22px;
        font-size: 18px;
        line-height: 25px;
        padding-top: 0px;
    }

    .autocomplete-suggestion {
        padding-top: 3px;
        padding-bottom: 4px;
    }

    .autocomplete-suggestions {
        padding-top: 0px;
        margin-top: -8px;
    }

    .blockytt {
        margin-top: 30px;
    }

    .col-sm-7.automargin {
        width: 100%;
        max-width: 600px;
    }

    .searchicon {
        width: 25px;
        height: 25px;
        margin-top: 23px;
    }

    .textboxy {
        height: 58px;
    }

    input.specialnono {
        padding-left: 40px;
        font-size: 22px;
    }
}

@media only screen and (max-width: 481px) {
    .gridContainer {
        margin: 0 auto;
        padding-left: 2.275%;
        clear: none;
        float: none;
    }

    input.specialnono {
        font-size: 18px;
    }

    .navbar-nav .sm-badge .tCenter {
        left: 70%;
        top: 35%;
    }

    .quick_box {
        max-height: 697px;
        min-height: 397px !important;
    }

    .quick-text img {
        width: 100px;
        padding: 40px 0 30px;
    }

    .quick-text-next img {
        width: 140px;
        padding: 50px 0 40px;
    }

    .order-table tbody tr td {
        padding: 9px 10px;
    }

    .sip-order .Step1 .badge {
        top: 10rem;
        right: 38.5%;
    }

    .ddlSIPDate {
        width: 100%;
        -webkit-box-shadow: inset 0 0px 0px transparent !important;
        box-shadow: inset 0 0px 0px transparent !important;
    }

    .pro-sip-image {
        height: 87px;
    }

    .funds_ul2 {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        margin-bottom: 50px;
    }

        .funds_ul2 li {
            width: 100%;
            float: left;
            display: inline-block;
            position: relative;
            padding: 2px;
            margin: 0;
            border: 0.51px solid #c3c3c3;
            border-radius: 5px;
            margin-right: 3%;
            background: #fff;
            margin-bottom: 50px;
            transition: all 0.8s !important;
        }

            .funds_ul2 li:hover {
                transform: scale(1.05);
                -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
                -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            }

            .funds_ul2 li .fund_top_info_wrap {
                padding: 8px 10px;
            }

                .funds_ul2 li .fund_top_info_wrap .name_wrap {
                    font-size: 18px;
                    color: #848b90;
                    margin-bottom: 0px;
                    min-height: 70px;
                    max-height: 70px;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .funds_ul2 li .fund_top_info_wrap .cat_wrap {
                    margin-bottom: 15px;
                }

                    .funds_ul2 li .fund_top_info_wrap .cat_wrap span {
                        color: #000;
                        background: #fff;
                        padding: 7px 10px;
                        text-transform: uppercase;
                        border: 1px solid #21f0a9;
                        margin-left: -10px;
                        float: left;
                        display: inline-block;
                        -webkit-border-radius: 15px;
                        -moz-border-radius: 15px;
                        border-radius: 15px;
                        letter-spacing: 0.1em;
                    }

            .funds_ul2 li .fund_over_wrap {
                border-top: 1px solid #adb0b2;
                padding-top: 10px;
                padding-bottom: 10px;
            }

                .funds_ul2 li .fund_over_wrap .single_over_wrap {
                    width: 50%;
                    float: left;
                    display: inline-block;
                    position: relative;
                    padding: 0 10px;
                    text-align: center;
                    border-left: 1px solid #333333;
                }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap:first-child {
                        border-left: 0;
                    }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap:last-child {
                        border-left: 0;
                    }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap .text_wrap {
                        font-size: 10px;
                        color: #000;
                        text-transform: uppercase;
                    }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap.only_text .text_wrap {
                        font-size: 10px;
                        margin-top: auto;
                        margin-bottom: auto;
                        word-break: break-word;
                    }

                    .funds_ul2 li .fund_over_wrap .single_over_wrap .value_wrap {
                        font-size: 14px;
                        color: #848b90;
                        margin-bottom: 0px;
                    }

            .funds_ul2 li .rank_wrap {
                background: #21f0a9;
                position: absolute;
                top: -23px;
                left: -16px;
                color: #000;
                min-width: 35px;
                height: 35px;
                line-height: 35px;
                font-size: 20px;
                text-align: center;
                -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
                -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
                box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
                -webkit-border-radius: 40px;
                -moz-border-radius: 40px;
                border-radius: 40px;
            }

            .funds_ul2 li .rank_text_wrap {
                position: absolute;
                top: -18px;
                letter-spacing: 0.1em;
                left: 35px;
                color: #5a6064;
                font-size: 10px;
                text-transform: uppercase;
            }

    .bucket_ul.funds_ul2 li .fund_top_info_wrap .name_wrap {
        padding-right: 30px;
    }

    .funds_ul2 li,
    .funds_ul2 li .desc_wrap,
    .funds_ul2 li.active .fund_over_wrap .single_over_wrap .text_wrap,
    .funds_ul2 li.active .fund_over_wrap .single_over_wrap .value_wrap {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .funds_ul2 li.active {
            background: #fff;
            color: #000;
        }

            .funds_ul2 li.active:hover .fund_top_info_wrap .name_wrap,
            .funds_ul2 li.active .fund_top_info_wrap .name_wrap {
                color: #000;
                text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
            }

            .funds_ul2 li.active .fund_top_info_wrap .cat_wrap span {
                background: #000;
                color: #fff;
            }

            .funds_ul2 li.active .desc_wrap {
                color: #000;
            }

            .funds_ul2 li.active .fund_over_wrap .single_over_wrap .text_wrap {
                color: #000;
            }

            .funds_ul2 li.active .fund_over_wrap .single_over_wrap .value_wrap {
                color: #000;
            }

    .feature_icon {
        width: 100px;
        height: auto;
    }

    .w-55 {
        width: 40%;
        max-width: 40%;
    }

    /* .w-20 {
		width: 27%;
		max-width: 27%;
	} */
    .w-15 {
        width: 20%;
        max-width: 20%;
    }

    .w-12 {
        width: 17%;
        max-width: 17%;
    }

    .w-10 {
        width: 20%;
        max-width: 20%;
    }

    .zeroMargin_tablet {
        margin-left: 0;
    }

    .bucket_detailes {
        padding: 90px 0 40px !important;
    }

    .ul-tittle {
        font-size: 50px;
    }

    /*Home Wrap Starts*/
    .home_slider_top_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        padding-top: 150px;
        padding-bottom: 80px;
    }

    .table_wrap {
        display: table;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

        .table_wrap .cell_wrap {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }

    .home_slider_top_wrap .half_wrap {
        /* height: 100%; */
        width: 100%;
    }

        .home_slider_top_wrap .half_wrap.f_left {
            text-align: center;
            padding-bottom: 40px;
            border: none !important;
        }

    /* .home_slider_top_wrap .half_wrap.f_left img {
		width: 250px;
	} */
    .common_header {
        padding: 0;
        margin: 0;
        color: #848b90;
        font-size: 20px;
    }

    .home_slider_top_wrap .half_wrap.f_right {
        text-align: center;
        border: none !important;
    }

    .border_box {
        display: inline-block;
        width: 80%;
        background-color: #adb0b2;
        height: 1px;
        background-color: #adb0b2;
    }

    p {
        color: #000000;
        font-size: 16px;
        line-height: 1.4em;
        padding-top: 20px;
    }

    .common_anchor {
        display: inline-block;
        position: relative;
        padding: 15px;
    }

        .common_anchor span {
            padding: 10px;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #fff;
            color: #000;
            display: inline-block;
            position: relative;
            z-index: 20;
        }

        .common_anchor:before {
            background-color: #21f0a9;
            height: 8px;
            width: 20%;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -4px;
            content: '';
            z-index: 10;
            transition-property: width, height, top, margin-top;
            transition-duration: 0.5s;
            transition-delay: 0.5s, 0s, 0s, 0s;
            transition-timing-funtion: linear;
        }

        .common_anchor:hover:before {
            height: 100%;
            top: 0;
            margin-top: 0px;
            width: 100%;
        }

    /*Home Wrap Ends*/
    /*Overview Wrap Starts*/
    .overview_wrap_home {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
    }

        .overview_wrap_home .half_wrap.f_left {
            text-align: left;
            padding-top: 30px;
            padding-bottom: 30px;
            width: 100%;
            text-align: center;
        }

        .overview_wrap_home .item_wrap .image_wrap {
            display: inline-block;
            width: 25%;
            float: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
        }

            .overview_wrap_home .item_wrap .image_wrap img {
                width: 100px;
            }

        .overview_wrap_home .item_wrap {
            padding-top: 20px;
            text-align: left;
        }

            .overview_wrap_home .item_wrap .data_wrap {
                display: inline-block;
                width: 75%;
                float: right;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: 20px;
            }

                .overview_wrap_home .item_wrap .data_wrap p {
                    font-size: 15px;
                    padding-right: 10%;
                }

                .overview_wrap_home .item_wrap .data_wrap h3 {
                    padding: 0;
                    margin: 0;
                    font-size: 18px;
                    color: #848b90;
                }

        .overview_wrap_home .galaxy_wrap {
            display: inline-block;
            width: 100%;
            float: left;
            text-align: center;
        }

            .overview_wrap_home .galaxy_wrap img {
                -webkit-animation: galaxy_movement 1s infinite linear;
                width: 500px;
            }

    /*Overview Wrap ends*/
    /*Feature Wrap Starts*/
    .home_feature_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .home_feature_wrap .col-xs-12 h2 {
            padding: 0;
            margin: 0;
            font-size: 18px;
            color: #5a6064;
        }

        .home_feature_wrap .col-xs-12 p {
            font-size: 15px;
        }

        .home_feature_wrap .col-xs-12 {
            padding-top: 10px;
            padding-bottom: 10px;
        }

    /*Feature Wrap Ends*/
    /*Review Wrap Starts*/
    .home_slider_top_wrap.review .half_wrap {
        padding: 50px;
    }

    .home_slider_top_wrap.review {
        padding-top: 50px;
        padding-bottom: 40px;
        overflow: visible;
        z-index: 20;
    }

        .home_slider_top_wrap.review p.small {
            font-size: 13px;
        }

        .home_slider_top_wrap.review .galaxy_man_wrap {
            display: inline-block;
            width: 100%;
            text-align: center;
            float: left;
            margin-bottom: 30px;
        }

            .home_slider_top_wrap.review .galaxy_man_wrap img {
                width: 290px;
                -webkit-animation: rotate_minus_90 18s infinite linear;
            }

    /*Reiew Wrap Ends*/
    /*Fund Partner Wrap*/
    .fund_partner_wrap {
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .fund_partner_wrap .common_header {
            color: #8f959a;
        }

        .fund_partner_wrap img {
            padding-top: 20px;
        }

    /*Fund Partner Wrap Ends*/
    .logo_fix_wrap {
        margin-left: -13%;
        margin-bottom: 5vh;
    }

        .logo_fix_wrap img {
            width: 180px;
        }

    .menu_fix_wrap {
        position: fixed;
        text-align: center;
        z-index: 100;
        padding: 20px;
        background: #FFF;
        display: none;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .menu_wrap {
        width: 100%;
    }

        .menu_wrap .menu_item {
            width: 100%;
            text-align: center;
        }

    .phone_flex_custom {
        width: 33.33% !important;
        top: -40vh;
    }

    .top_custom {
        top: -6vh;
    }

    .menu_fix_wrap .menu_item.icon_item_wrap {
        margin-top: 10vh;
    }

    .menu_fix_wrap .galaxy_dp_item {
        text-align: right;
        top: 8.85vh;
        position: absolute;
        right: 9.5vh;
    }

    .menu_wrap .menu_item + .menu_item {
        margin-top: 15px;
    }

    .menu_fix_wrap > div {
        width: 100%;
        float: left;
        display: table;
        position: relative;
        height: 100%;
    }

    .menu_fix_wrap .common_anchor:last-child span {
        background-color: #21f0a9;
    }

    .menu_fix_wrap .menu_item_wrap.icon_item_wrap {
        display: none;
    }

    .menu_fix_wrap .menu_wrap {
        float: right;
        display: inline-block;
        position: relative;
        margin-bottom: 25%;
        margin-right: 15px;
    }

    .menu_fix_wrap a.glow_anchor {
        float: none;
        display: inline-block;
        position: relative;
        font-size: 14px;
        color: #5a6064;
        letter-spacing: 0.2em;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        text-transform: uppercase;
        line-height: 20px;
    }

        .menu_fix_wrap a.glow_anchor:after {
            position: absolute;
            bottom: -2px;
            left: 50%;
            width: 0;
            height: 2px;
            content: '';
            background-color: #21f0a9;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .menu_fix_wrap a.glow_anchor:hover:after,
        .menu_fix_wrap a.glow_anchor.active:after {
            width: 100%;
            left: 0;
        }

        .menu_fix_wrap a.glow_anchor i {
            color: #5a6064;
            font-size: 18px;
        }

            .menu_fix_wrap a.glow_anchor i:hover {
                color: #21f0a9;
            }

        .menu_fix_wrap a.glow_anchor:hover {
            color: #21f0a9;
            text-decoration: none;
        }

    .galaxy_dp {
        float: left;
        display: inline-block;
        position: relative;
        width: 33px;
        height: 33px;
    }

        .galaxy_dp .dropdown-toggle {
            padding: 10px;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #fff;
            color: #000;
            font-size: 14px;
            display: inline-block;
            position: relative;
            text-transform: uppercase;
            z-index: 20;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        }

        .galaxy_dp:hover .dropdown-toggle {
            background: #3d3d3d;
            color: #fff;
            text-decoration: none;
        }

    .menu_fix_wrap .galaxy_dp .dropdown-toggle {
        padding: 6px 15px;
        padding-bottom: 3px;
    }

    .menu_fix_wrap .galaxy_dp {
        float: none;
    }

    .top_menu_wrap {
        margin-bottom: 10px;
    }

    .menu_fix_wrap .top_menu_wrap a.glow_anchor {
        font-size: 15px;
    }

    .footer_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 70px;
    }

        .footer_wrap img {
            width: 150px;
            margin-bottom: 30px;
        }

        .footer_wrap p {
            font-size: 12px;
            padding-left: 1%;
            padding-right: 1%;
        }

    .mobile_fix {
        position: fixed;
        width: 100%;
        z-index: 99;
        bottom: 0;
        text-align: center;
        background-color: #fff;
    }

        .mobile_fix .col-xs-6 {
            color: #000;
            padding: 15px;
            text-transform: uppercase;
            font-size: 12px;
        }

            .mobile_fix .col-xs-6:last-child {
                background-color: #21f0a9;
            }

    .carousel-control.left {
        /* left: 45%; */
        bottom: 10px;
        top: auto;
    }

    .carousel-control.right {
        /* right: 45%; */
        bottom: 10px;
        top: auto;
    }

    /*Registration Process Starts*/
    .form_parent_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        text-align: center;
    }

        .form_parent_wrap .table_height {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .form_parent_wrap .logo_wrap img {
            width: 150px;
        }

        .form_parent_wrap h1.common_header {
            font-size: 20px;
            padding-top: 20px;
        }

        .form_parent_wrap p {
            font-size: 13px;
            color: #fff;
            padding-top: 10px;
            padding-bottom: 40px;
        }

        .form_parent_wrap .white_box_form {
            background-color: #fff;
            padding: 30px;
            -webkit-box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.1);
            text-align: left;
            padding-left: 90px;
        }

            .form_parent_wrap .white_box_form:before {
                content: attr(data-before);
                position: absolute;
                right: 0;
                top: -40px;
                font-family: cat_light;
                color: #848b90;
                font-size: 14px;
                letter-spacing: 0.3em;
                text-transform: uppercase;
            }

            .form_parent_wrap .white_box_form + .white_box_form {
                margin-top: 80px;
            }

            .form_parent_wrap .white_box_form:after {
                content: attr(data-after);
                position: absolute;
                left: 50px;
                top: -25px;
                font-family: cat_light;
                color: #fff;
                font-size: 11px;
                letter-spacing: 0.3em;
                text-transform: uppercase;
            }

            .form_parent_wrap .white_box_form .field_parent_wrap {
                padding-bottom: 20px;
            }

            .form_parent_wrap .white_box_form .galaxy_man_wrap {
                position: absolute;
                left: -10px;
                top: -30px;
            }

                .form_parent_wrap .white_box_form .galaxy_man_wrap img {
                    width: 80px;
                }

            .form_parent_wrap .white_box_form .field_parent_wrap .half_wrap {
                width: 100%;
            }

                .form_parent_wrap .white_box_form .field_parent_wrap .half_wrap + .half_wrap {
                    padding-top: 20px;
                }

        .form_parent_wrap .gridContainer {
            max-width: 870px;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap .title_wrap {
            font-size: 11px;
            text-transform: uppercase;
            color: #000;
            letter-spacing: 0.1em;
            color: #717171;
        }

        .form_parent_wrap .white_box_form .field_parent_wrap input,
        .form_parent_wrap .white_box_form .field_parent_wrap textarea,
        .common_control,
        .form_parent_wrap .white_box_form .field_parent_wrap select {
            width: 100%;
            padding: 5px;
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #2b2b2b;
            font-size: 12px;
        }

        .form_parent_wrap .white_box_form .forms_logos {
            text-align: center;
            padding-right: 150px;
        }

    .fix_top_right {
        position: fixed;
        right: 20px;
        top: 20px;
        z-index: 50;
        cursor: pointer;
        display: none;
    }

    /*Registration Process Ends*/
    /* demat 1 starts */
    .demat_h2.common_header {
        color: #000;
        font-size: 22px;
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .document_ul li {
        list-style: none;
        background: url("../images/tick.png") no-repeat center left;
        margin-left: 0;
        padding-left: 23px;
        line-height: 2em;
    }

    .form_parent_wrap .white_box_form .icon_wrap {
        text-align: center;
    }

    .document_ul {
        text-align: left;
        padding: 0;
        font-size: 13px;
        color: #000;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .logo_wrap + .white_box_form {
        margin-top: 40px;
    }

    .form_parent_wrap .white_box_form.noiconform {
        padding-left: 30px;
    }

    .white_box_half_wrap.half_wrap {
        width: 100%;
    }

    .white_box_demat_wrap.white_box_form {
        margin-bottom: 50px;
    }

    .form_table_wrap {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
    }

        .form_table_wrap .form_cell_wrap {
            width: 100%;
            float: left;
            display: inline-block;
            position: relative;
        }

            .form_table_wrap .form_cell_wrap:nth-child(even) {
                margin-top: 25px;
            }

    .icon_ul li {
        width: 50%;
    }

    /* demat 1 ends */
    /* demat 4 Starts */
    .file_upload_ul {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .file_upload_ul li {
            display: inline-block;
            width: 100%;
            margin: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            list-style: none;
            cursor: pointer;
            padding: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #d1d1d1;
            font-size: 13px;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            text-align: left;
            position: relative;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .file_upload_ul li .tick {
                position: absolute;
                left: -15px;
                display: none;
                top: 15px;
            }

            .file_upload_ul li.done .tick {
                display: inline-block
            }

            .file_upload_ul li .arrow_icon {
                position: absolute;
                z-index: 20;
                right: 30px;
                font-size: 25px;
                color: #cccccc;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                top: 8px;
            }

            .file_upload_ul li:hover .arrow_icon,
            .file_upload_ul li.active .arrow_icon {
                color: #333;
                right: 20px;
            }

    .lr_wrap.half_wrap {
        float: left;
        width: 100%;
    }

    .lr_wrap:nth-child(even) {
        margin-top: 10px;
    }

    /* demat 4 ends */
    /* demat 7 start */
    .common_header.more_lh {
        line-height: 30px;
        font-size: 15px;
    }

    .input_mask_parent {
        width: 100%;
        float: none;
        display: inline-block;
    }

        .input_mask_parent input[type="text"],
        .input_mask_parent input[type="password"] {
            font-size: 20px;
        }

    /* demat 7 ends */
    .ipad_menu_fix {
        position: fixed;
        z-index: 1000;
        width: 100%;
        background-color: #fff;
        bottom: 0;
        left: 0;
        text-align: center;
        border-top: 1px solid #aeaeae;
        display: inline-block;
    }

        .ipad_menu_fix .col-xs-4 {
            padding-top: 20px;
            padding-bottom: 30px;
            border-right: 1px solid #aeaeae;
            color: #000000;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .ipad_menu_fix .col-xs-4:last-child {
                border-right: 0;
            }

            .ipad_menu_fix .col-xs-4:hover,
            .ipad_menu_fix .col-xs-4.active {
                background-color: #21f0a9;
                color: #000;
            }

    .home_category_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-size: cover;
        overflow: hidden;
        text-align: center;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .home_category_wrap .top_cat_list_wrap {
            margin-top: 40px;
        }

        .home_category_wrap .col-xs-12 h2 {
            padding: 0;
            margin: 0;
            font-size: 15px;
            color: #5a6064;
        }

    .gallery_left_arrow {
        left: -15px;
        font-size: 30px;
        line-height: 30px;
        margin-top: -10px;
    }

    .gallery_right_arrow {
        right: -15px;
        font-size: 30px;
        line-height: 30px;
        margin-top: -10px;
    }

    /* Search Starts */
    .home_slider_top_wrap.other_page {
        padding-top: 10px;
        padding-bottom: 50px;
        overflow: inherit;
    }

    .search_parent_wrap {
        width: 100%;
        margin: 0 0 30px;
        border-bottom: 1px solid #adb0b2;
    }

        .search_parent_wrap .search_inner_wrap {
            padding: 10px 15px;
            padding-left: 50px;
        }

            .search_parent_wrap .search_inner_wrap .icon {
                position: absolute;
                top: 10px;
                left: 10px;
                width: 30px;
            }

            .search_parent_wrap .search_inner_wrap .search_text {
                width: 100%;
                float: left;
                display: inline-block;
                position: relative;
                border: 0;
                font-size: 15px;
                padding-top: 5px;
                padding-bottom: 5px;
                color: #000;
                letter-spacing: 0.1em;
            }

                .search_parent_wrap .search_inner_wrap .search_text::-webkit-input-placeholder {
                    /* Chrome/Opera/Safari */
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text::-moz-placeholder {
                    /* Firefox 19+ */
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text:-ms-input-placeholder {
                    /* IE 10+ */
                    color: #aeaeae;
                }

                .search_parent_wrap .search_inner_wrap .search_text:-moz-placeholder {
                    /* Firefox 18- */
                    color: #aeaeae;
                }

        .search_parent_wrap .search_result_wrap {
            padding: 12px;
            display: none;
            background: #fffbf5;
        }

            .search_parent_wrap .search_result_wrap .quarter_wrap {
                width: 100%;
                float: left;
                display: inline-block;
                position: relative;
                margin-bottom: 15px;
            }

            .search_parent_wrap .search_result_wrap ul {
                width: 100%;
                float: left;
                display: inline-block;
                position: relative;
                padding: 0;
                margin: 0;
            }

                .search_parent_wrap .search_result_wrap ul li {
                    width: 100%;
                    float: left;
                    display: inline-block;
                    position: relative;
                    padding: 0;
                    margin: 0;
                    color: #696969;
                }

                    .search_parent_wrap .search_result_wrap ul li a {
                        width: 100%;
                        float: left;
                        display: inline-block;
                        position: relative;
                        padding: 0;
                        margin: 0;
                        color: #696969;
                        font-size: 10px;
                        text-decoration: none;
                        margin-top: 5px;
                    }

                    .search_parent_wrap .search_result_wrap ul li.title {
                        text-transform: uppercase;
                        font-size: 10px;
                        padding-bottom: 5px;
                        margin-bottom: 5px;
                        border-bottom: 1px solid rgba(0, 150, 255, 1);
                    }

                .search_parent_wrap .search_result_wrap ul + ul {
                    margin-top: 20px;
                }

    .other_page_desc_wrap {
        text-align: center;
        font-size: 12px;
        padding: 0;
        margin-bottom: 50px;
        line-height: 1.8em;
    }

    .funds_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0 5px;
        margin: 0;
        margin-bottom: 50px;
    }

    .watch-div {
        padding: 4px 10px !important;
        height: 282px;
    }

    .funds_ul li,
    .watch-div {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0 10px;
        margin: 0;
        border-radius: 5px;
        margin-right: 2%;
        background: #F7F7F8;
        margin-bottom: 50px;
        transition: all 0.8s !important;
    }

        .funds_ul li:hover {
            transform: scale(1.05);
            -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        }

        .funds_ul li .fund_top_info_wrap {
            padding: 12px 20px;
            border-bottom: 1px solid #3CF0B3;
        }

            .funds_ul li .fund_top_info_wrap .name_wrap {
                font-size: 17px;
                color: #848b90;
                margin-bottom: 0px;
                min-height: 50px;
                max-height: 50px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .funds_ul li .fund_top_info_wrap .cat_wrap {
                margin-bottom: 10px;
                margin-top: 10px;
            }

                .funds_ul li .fund_top_info_wrap .cat_wrap span {
                    color: #fff;
                    background: #21f0a9;
                    border: 1px solid #21f0a9;
                    padding: 3px 7px;
                    font-size: 9px;
                    text-transform: uppercase;
                    margin-left: 0px;
                    float: left;
                    display: inline-block;
                    -webkit-border-radius: 15px;
                    -moz-border-radius: 15px;
                    border-radius: 15px;
                    letter-spacing: 0.5px;
                }

        .funds_ul li .fund_over_wrap {
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .funds_ul li .fund_over_wrap .single_over_wrap {
                width: 50%;
                float: left;
                display: inline-block;
                position: relative;
                padding: 0 5px;
                text-align: center;
                border-left: 1px solid #333333;
            }

                .funds_ul li .fund_over_wrap .single_over_wrap .text_wrap {
                    font-size: 10px;
                    color: #000;
                    text-transform: uppercase;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap:first-child {
                    border-left: 0;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap:last-child {
                    border-left: 0;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap.only_text .text_wrap {
                    font-size: 13px;
                    padding-top: 18px;
                }

                .funds_ul li .fund_over_wrap .single_over_wrap .value_wrap {
                    font-size: 14px;
                    color: #848b90;
                    margin-bottom: 0px;
                }

        .funds_ul li .rank_wrap {
            background: #21f0a9;
            position: absolute;
            top: -17px;
            left: -17px;
            color: #000;
            min-width: 35px;
            height: 35px;
            line-height: 30px;
            font-size: 15px;
            text-align: center;
            -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

        .funds_ul li .rank_text_wrap {
            position: absolute;
            top: -18px;
            letter-spacing: 0.1em;
            left: 35px;
            color: #5a6064;
            font-size: 10px;
            text-transform: uppercase;
        }

    .theme_tabs_parent_wrap {
        margin-bottom: 60px;
        overflow: scroll;
        z-index: 9999;
    }

    .theme_tabs_ul {
        padding: 10px 0;
        border-bottom: 0;
        text-align: center;
    }

        .theme_tabs_ul .tab_filter {
            float: left;
            width: auto;
            display: inline-block;
            border: 1px solid #21f0a9;
            border-radius: 30px !important;
            margin-bottom: 15px;
            line-height: 1.1 !important;
            padding: 6px 12px !important;
            margin-right: 5px !important;
        }

            .theme_tabs_ul .tab_filter.active,
            .theme_tabs_ul .tab_filter:active {
                border: 1px solid #21f0a9;
                background: #21f0a9;
                color: #ffffff;
                font-weight: bold;
                -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
                box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
            }

            .theme_tabs_ul .tab_filter:last-child {
                margin-right: 0px;
            }

        .theme_tabs_ul li a {
            background: transparent;
            font-size: 12px;
            color: #5a6064;
            text-transform: uppercase;
            -webkit-border-radius: 0px;
            cursor: pointer;
            -moz-border-radius: 100px;
            border-radius: 100px;
            border: none;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 5px;
            padding-bottom: 5px;
        }

            .theme_tabs_ul li a:after {
                position: absolute;
                bottom: 0;
                left: 50%;
                width: 0;
                height: 2px;
                content: '';
                color: #21f0a9;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            .theme_tabs_ul li a.active {
                background: #21f0a8;
                border: none;
                color: #5a6064;
                border-radius: 30px;
                cursor: pointer;
            }

                .theme_tabs_ul li.active a:after,
                .theme_tabs_ul li a.active:after,
                .theme_tabs_ul.nav-tabs > li.active > a:after,
                .theme_tabs_ul.nav-tabs > li.active > a:focus:after,
                .theme_tabs_ul.nav-tabs > li.active > a:hover:after {
                    width: 100%;
                    left: 0;
                }

    .search_parent_wrap .search_result_wrap .close_btn {
        top: -42px;
        right: 10px;
        font-size: 20px;
    }

    /* Search Ends */
    /* Fund Page Start */
    .fund_page_wrap .fund_box_wrap .price_wrap h2 {
        font-size: 25px;
        float: none;
    }

        /* .fund_page_wrap .fund_box_wrap .price_wrap h2 span {
		float: left;
	} */
        .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap {
            padding: 8px;
            font-size: 12px;
            color: #fff;
            padding-left: 12px;
            padding-right: 12px;
            float: left;
            margin-top: 0px;
            margin-left: 15px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap.green {
                background-color: #4db55e
            }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.block_wrap.red {
                background-color: #df2511
            }

        .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap {
            padding: 8px;
            font-size: 12px;
            color: #000;
            padding-left: 12px;
            padding-right: 12px;
            float: left;
            margin-top: 0px;
            margin-left: 5px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap.green {
                color: #4db55e;
            }

            .fund_page_wrap .fund_box_wrap .price_wrap h2 span.percent_wrap.red {
                color: #df2511;
            }

    .fund_page_wrap .fund_box_wrap .date_time_wrap {
        font-size: 14px;
        color: #747474;
        padding-bottom: 10px;
    }

    .fund_page_wrap .fund_box_wrap {
        /* padding: 5px 0px 25px; */
        margin-bottom: 30px;
        text-align: center;
    }

        .fund_page_wrap .fund_box_wrap.large {
            padding-top: 0px;
            padding-bottom: 40px;
        }

        .fund_page_wrap .fund_box_wrap p {
            color: #000;
            font-size: 12px;
            padding-top: 0;
            text-align: left;
            line-height: 1.8em;
        }

        .fund_page_wrap .fund_box_wrap.black p {
            color: #fff;
        }

    /* .fund_page_wrap .fund_box_parent_wrap .half_wrap {
		padding: 0;
		text-align: left;
	}
	.fund_page_wrap .fund_box_parent_wrap .half_wrap:nth-child(odd) {
		padding-right: 0;
	}
	.fund_page_wrap .fund_box_parent_wrap .half_wrap:nth-child(even) {
		padding-left: 0px;
	} */
    .fund_page_wrap .add_to_cart_text {
        color: #848b90;
        text-align: center;
        font-size: 15px;
        margin-bottom: 20px;
    }

    .fund_page_wrap .overview_data_wrap .col-xs-12 {
        padding-bottom: 30px;
    }

    .fund_page_wrap .return_perc_wrap {
        font-size: 40px;
        line-height: 40px;
        text-align: center;
        text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
        color: #fff;
        margin-top: 25px;
    }

    .fund_page_wrap .return_text_wrap {
        font-size: 13px;
        text-align: center;
        color: #fff;
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .fund_page_wrap .fund_rank_wrap {
        text-align: center;
    }

        .fund_page_wrap .fund_rank_wrap .info_wrap {
            color: #939393;
            font-size: 12px;
            margin-top: 10px;
            text-align: center;
        }

        .fund_page_wrap .fund_rank_wrap table {
            width: 100%;
        }

            .fund_page_wrap .fund_rank_wrap table td {
                vertical-align: middle;
                width: 50%;
            }

                .fund_page_wrap .fund_rank_wrap table td.text {
                    font-size: 12px;
                    padding-left: 5px;
                }

                .fund_page_wrap .fund_rank_wrap table td.number {
                    font-size: 60px;
                    line-height: 60px;
                    padding-right: 5px;
                }

                .fund_page_wrap .fund_rank_wrap table td:first-child {
                    text-align: right;
                }

                .fund_page_wrap .fund_rank_wrap table td:last-child {
                    text-align: left;
                }

    .normal_anchor {
        padding: 10px;
        padding-left: 13px;
        padding-right: 13px;
        background-color: #21f0a9;
        color: #1e1e1e;
        display: inline-block;
        position: relative;
        font-size: 14px;
        float: none;
        text-transform: uppercase;
        z-index: 20;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .normal_anchor.blue {
            background: #75cef3;
        }

        .normal_anchor:hover {
            background: rgba(0, 0, 0, 1);
            text-decoration: none;
            color: #fff;
        }

        .normal_anchor + .normal_anchor {
            margin-left: 10px;
        }

    .fund_page_wrap .overview_data_wrap {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 50px;
    }

        .fund_page_wrap .overview_data_wrap h3 {
            text-align: center;
            padding: 0;
            margin: 0;
            font-size: 22px;
            color: #21f0a9;
            padding-bottom: 5px;
        }

        .fund_page_wrap .overview_data_wrap h4 {
            margin: 0;
            padding: 0;
            font-size: 14px;
            text-transform: uppercase;
            color: #21f0a9;
            padding-top: 10px;
            line-height: 1.8em;
        }

    .fund_page_wrap .double_calc_parent_wrap {
        text-align: left;
    }

        .fund_page_wrap .double_calc_parent_wrap .f_right {
            padding: 0;
            text-align: left;
        }

            .fund_page_wrap .double_calc_parent_wrap .f_right p {
                padding-left: 0;
            }

    /* .fund_page_wrap .double_calc_parent_wrap .f_left {
		padding-right: 0;
	} */
    .fund_page_wrap .double_calc_parent_wrap {
        padding-bottom: 30px;
    }

        .fund_page_wrap .double_calc_parent_wrap .title_wrap {
            text-transform: uppercase;
            letter-spacing: 0.1em;
            font-size: 15px;
            margin-bottom: 20px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 8px;
            text-align: left;
        }

        .fund_page_wrap .double_calc_parent_wrap .value_wrap h3 {
            color: #333;
            font-size: 13px;
            padding: 0;
            margin: 0;
            padding-bottom: 5px;
            text-align: left;
            padding-top: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap h3.green {
                color: #4db55e;
            }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap h3.grey {
                color: #5a6064;
            }

        .fund_page_wrap .double_calc_parent_wrap .value_wrap span {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0;
            height: 8px;
            float: left;
            margin-bottom: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap span.green {
                background-color: #21f0a9
            }

            .fund_page_wrap .double_calc_parent_wrap .value_wrap span.grey {
                background-color: #5a6064;
            }

        .fund_page_wrap .double_calc_parent_wrap ul {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0;
            float: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-top: 10px;
        }

            .fund_page_wrap .double_calc_parent_wrap ul li {
                display: inline-block;
                width: 17.6%;
                margin: 0;
                padding: 0;
                float: left;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 10px;
                border: 1px solid #ccc;
                margin-right: 3%;
                cursor: pointer;
                text-align: center;
                background-color: #21f0a9;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

                .fund_page_wrap .double_calc_parent_wrap ul li:hover,
                .fund_page_parent_wrap .double_calc_parent_wrap .half_wrap ul li.active {
                    background-color: rgba(0, 150, 255, 1);
                    color: #fff;
                }

                .fund_page_wrap .double_calc_parent_wrap ul li:last-child {
                    margin-right: 0;
                }

        .fund_page_wrap .double_calc_parent_wrap h5 {
            text-transform: uppercase;
            margin: 0;
            padding: 0;
            font-size: 15px;
            letter-spacing: 0.1em;
            padding-bottom: 5px;
            text-align: left;
            padding-top: 10px;
        }

    .fund_page_wrap .common_data_parent {
        padding-top: 40px;
    }

        .fund_page_wrap .common_data_parent p {
            padding-bottom: 20px;
        }

    .fund_page_wrap .common_title {
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 12px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

        .fund_page_wrap .common_title span {
            font-size: 12px;
            text-transform: none;
            letter-spacing: 0;
        }

    .fund_page_wrap .bottom_data_parent h3 {
        color: #333;
        font-size: 12px;
        letter-spacing: 0.1em;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .fund_page_wrap .bottom_data_parent .col-md-6 {
        color: #979797;
        font-size: 12px;
        text-align: left;
        padding: 0;
    }

        .fund_page_wrap .bottom_data_parent .col-md-6.f_right {
            padding: 0;
            text-align: left;
        }

        .fund_page_wrap .bottom_data_parent .col-md-6.f_left {
            color: #000;
            text-align: left;
            padding-right: 20px;
        }

    .fund_page_wrap .bottom_data_parent .parent_li {
        padding-bottom: 10px;
        text-align: left;
    }

    .fund_page_wrap .table_compare_wrap {
        /*display: none;*/
    }

    .fund_page_wrap .bottom_data_parent .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .fund_page_wrap .fund_bot_data_wrap table {
        width: 100%;
        text-align: left;
        margin-top: 20px;
        border-spacing: 10px;
        border-collapse: separate;
    }

        .fund_page_wrap .fund_bot_data_wrap table td {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            vertical-align: middle;
            padding: 5px;
            padding-left: 15px;
            font-size: 12px;
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-align: center;
        }

        .fund_page_wrap .fund_bot_data_wrap table tr td:first-child {
            text-align: left;
        }

        .fund_page_wrap .fund_bot_data_wrap table tr {
            cursor: pointer;
        }

            .fund_page_wrap .fund_bot_data_wrap table tr:hover td {
                background-color: #F2F3F4;
            }

            .fund_page_wrap .fund_bot_data_wrap table tr:first-child td {
                background-color: #F2F3F4;
            }

    /* Fund Page Ends */
    /* Ordering Start */
    .anchor_icon_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
        text-align: center;
    }

        .anchor_icon_ul li {
            float: left;
            display: inline-block;
            position: relative;
            padding: 0;
            margin: 0;
            width: 100%;
        }

            .anchor_icon_ul li + li {
                margin-top: 15px;
            }

            .anchor_icon_ul li .icon_wrap img {
                max-width: 90px;
            }

            .anchor_icon_ul li .title {
                font-size: 13px;
                letter-spacing: 0.3em;
                margin-top: 5px;
                text-transform: uppercase;
                color: #717171;
            }

            .anchor_icon_ul li .normal_anchor {
                width: 100%;
                margin-top: 10px;
            }

    /* Ordering Ends */
    /* Ordering 2 Starts */
    .common_inner_header {
        font-size: 20px;
        line-height: 25px;
        color: #717171;
        margin: 0;
        text-align: center;
        margin-bottom: 15px;
    }

    .amount_input_large {
        border: 0;
        border-bottom: 1px solid #d2d2d2;
        color: #000;
        font-size: 20px;
        background: transparent;
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 20px;
    }

    .amount_note {
        margin-top: -10px;
        text-align: center;
        color: #707070;
        margin-bottom: 20px;
    }

    .box_icon_center_content {
        padding-right: 0px;
    }

    /* Ordering 2 Ends */
    /* Ordering 3 Starts */
    .cart_table {
        float: left;
        border-spacing: 4px;
        border-collapse: separate;
        color: #45484d;
        text-transform: uppercase;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 20px;
    }

        .cart_table thead td {
            padding: 5px;
        }

        .cart_table.summary_cart_table td {
            padding: 8px 5px;
        }

        .cart_table td {
            vertical-align: top;
            padding-left: 5px;
            padding-right: 5px;
        }

            .cart_table td + td {
                border-left: 1px solid #e1e1e1;
            }

        .cart_table thead {
            font-size: 9px;
            letter-spacing: 0.1em;
        }

        .cart_table tbody {
            font-size: 8px;
            letter-spacing: 0.1em;
        }

            .cart_table tbody td.title_td {
                vertical-align: middle;
            }

        .cart_table .title_td {
            width: 45%;
        }

        .cart_table .week_td {
            width: 25%;
        }

        .cart_table .dates_td {
            width: 30%;
        }

        .cart_table td small {
            font-size: 7px;
            padding-top: 2px;
        }

        .cart_table .common_control {
            font-size: 9px;
            padding-bottom: 2px;
        }

    .form_parent_wrap .white_box_form.cart_white_box_wrap {
        padding-left: 15px;
        padding-right: 15px;
    }

    .demat_desc.small p {
        font-size: 10px;
    }

    /* Ordering 3 Ends */
    /* Dashboard Start */
    .home_slider_top_wrap.dashboard_page {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .dashboard_statistics_wrap {
        padding-top: 20px;
        padding-bottom: 10px;
        background: rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        z-index: 10;
        -moz-box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        box-shadow: 0px 0px 14px 1px rgb(0, 0, 0, 0.2);
        text-align: center;
        margin-bottom: 20px;
    }

        .dashboard_statistics_wrap .single_stat_wrap {
            float: left;
            width: 50%;
            display: inline-block;
            position: relative;
            padding-left: 10px;
            padding-right: 10px;
            margin-bottom: 20px;
        }

            .dashboard_statistics_wrap .single_stat_wrap .value_wrap {
                color: #bbbbbb;
                font-size: 17px;
            }

            .dashboard_statistics_wrap .single_stat_wrap .name_wrap {
                color: #bbbbbb;
                font-size: 10px;
                text-transform: uppercase;
                letter-spacing: 0.1em;
            }

    .dashboard_icons {
        text-align: center;
    }

        .dashboard_icons .icon_parent {
            border-right: 1px solid #cbcbcb;
            margin-bottom: 20px;
        }

            .dashboard_icons .icon_parent .img_wrap img {
                max-width: 64px;
            }

            .dashboard_icons .icon_parent:nth-child(2n+0) {
                border-right: 0;
            }

            .dashboard_icons .icon_parent .name_wrap {
                font-size: 10px;
                text-transform: uppercase;
                margin-top: 8px;
                color: #717171;
                letter-spacing: 0.1em;
            }

    .finger_print_box.white_box_form {
        padding-left: 30px;
        background: #000;
        color: #fff;
        text-align: center;
        margin-top: 50px;
        font-size: 12px;
    }

        .finger_print_box.white_box_form .icon {
            width: 100%;
            margin-bottom: 15px;
            float: left;
            display: inline-block;
            position: relative;
            text-align: center;
        }

    .dashboard_box.white_box_form {
        padding-left: 65px;
        padding-right: 20px;
    }

    .overview_data_wrap .item_wrap {
        width: 50%;
        float: left;
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 30px;
    }

    /* Dashboard Ends */
    .finger_print_box.white_box_form.large {
        font-size: 15px;
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 40px;
        padding-left: 60px;
    }

    /* Bucket Starts */
    /* .half_w_100 {
			padding-bottom: 0 !important;
		} */
    /* Bucket Ends */
    .finger_print_box.white_box_form .anchor_wrap {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 20px;
    }

    .funds_ul li .desc_wrap {
        font-size: 11px;
        color: black;
        min-height: 30px;
        max-height: 30px;
    }

    .bucket_ul.funds_ul li .fund_top_info_wrap .name_wrap {
        padding-right: 20px;
    }

    .form_parent_wrap .gridContainer.large {
        max-width: 100%;
        min-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .funds_ul li,
    .funds_ul li .desc_wrap,
    .funds_ul li.active .fund_over_wrap .single_over_wrap .text_wrap,
    .funds_ul li.active .fund_over_wrap .single_over_wrap .value_wrap {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .funds_ul li.active {
            background: #fff;
            color: #000;
        }

            .funds_ul li.active:hover .fund_top_info_wrap .name_wrap,
            .funds_ul li.active .fund_top_info_wrap .name_wrap {
                color: #000;
                text-shadow: 0px 0px 20px rgba(0, 150, 255, 1);
            }

            .funds_ul li.active .fund_top_info_wrap .cat_wrap span {
                background: #000;
                color: #fff;
            }

            .funds_ul li.active .desc_wrap {
                color: #000;
            }

            .funds_ul li.active .fund_over_wrap .single_over_wrap .text_wrap {
                color: #000;
            }

            .funds_ul li.active .fund_over_wrap .single_over_wrap .value_wrap {
                color: #000;
            }

    .search_parent_wrap.mtop {
        margin-top: 40px;
        margin-bottom: 0;
    }

    /* bucket 5 ends */
    /* bucket minicart starts */
    .cart_form_parent_wrap {
        padding-top: 50px;
    }

    .minicart_wrap {
        position: fixed;
        top: 0px;
        left: 50%;
        margin-left: -150px;
        z-index: 50;
        text-align: center;
        width: 300px;
    }

        .minicart_wrap .cart_text_wrap,
        .minicart_wrap .cart_anchor {
            float: none;
            display: inline-block;
            position: relative;
            padding: 10px;
            background: transparent;
            font-size: 13px;
            min-width: 120px;
            z-index: 1;
            text-align: center;
            text-transform: uppercase;
            color: #fff;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-decoration: none;
            background: url(../images/top_bg_background_dark.jpg) center no-repeat fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

            .minicart_wrap .cart_text_wrap:hover,
            .minicart_wrap .cart_anchor:hover {
                text-decoration: none;
                color: #fff;
                background-position: top center;
            }

        .minicart_wrap .continue_button {
            position: relative;
            display: inline-block;
            margin-left: 15px;
        }

        .minicart_wrap .minicart_info {
            z-index: 1;
            width: 100%;
            background: #fff;
            text-align: left;
            padding: 15px 10px;
            display: none;
        }

            .minicart_wrap .minicart_info .cart_table {
                border-collapse: separate;
                border-spacing: 0;
                margin-bottom: 0;
                margin-left: 0;
                width: 100%;
            }

                .minicart_wrap .minicart_info .cart_table tr td {
                    padding: 5px 0;
                    padding-right: 25px;
                    position: relative;
                }

            .minicart_wrap .minicart_info .remove_wrap {
                color: red;
                position: absolute;
                top: 2px;
                font-size: 12px;
                cursor: pointer;
                right: 0;
            }

        .minicart_wrap .back_overlay {
            position: fixed;
            top: 0;
            left: 0;
            display: none;
            width: 100%;
            height: 100%;
        }

    select.amount_input_large {
        font-size: 18px !important;
    }

    /* bucket minicart ends */
    .search_top_graphic_wrap {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 10px;
        margin-top: -30px;
        margin-bottom: 40px;
    }

        .search_top_graphic_wrap .half_wrap {
            float: left;
        }

            .search_top_graphic_wrap .half_wrap.f_right {
                text-align: center;
                padding-top: 30px !important;
                padding-right: 0 !important;
                padding-left: 0px !important;
            }

                .search_top_graphic_wrap .half_wrap.f_right p {
                    padding-left: 0 !important;
                }

    .abs_robo_small_instruction {
        position: absolute;
        top: 100%;
        margin-top: 30px;
        width: 65%;
        right: 0;
        padding: 15px;
        -webkit-box-shadow: 0px 0px 11px -2px #fff;
        -moz-box-shadow: 0px 0px 11px -2px #fff;
        box-shadow: 0px 0px 11px -2px #fff;
        -webkit-border-radius: 5px;
        background: url(../images/how_galaxy_works_bg.jpg) center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        display: none;
        color: #fff;
        font-size: 12px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .abs_robo_small_instruction .arrow_up {
            position: absolute;
            bottom: 100%;
            line-height: 10px;
            right: 25px;
            z-index: 100;
            color: #007cb9;
            font-size: 30px;
        }

            .abs_robo_small_instruction .arrow_up.fa-caret-up:before {
                text-shadow: 0px -4px 8px rgba(255, 255, 255, 0.2);
            }

    .mob_full_ul.icon_ul li {
        width: 100%;
    }

    .full_in_mob.normal_anchor {
        width: 100%;
        text-align: center;
    }

        .full_in_mob.normal_anchor + .full_in_mob.normal_anchor {
            margin-left: 0;
            margin-top: 20px;
        }

    .form_parent_wrap .plan_table_wrap.white_box_form.noiconform {
        text-align: center;
        padding: 0;
        background: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding-top: 20px;
        padding-left: 0;
    }

    .plan_table_wrap ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .plan_table_wrap ul li {
            display: inline-block;
            margin: 0;
            padding: 0;
            width: 100%;
            list-style: none;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            border: 1px solid #b2b2b2;
            -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);
            padding: 15px;
            position: relative;
            cursor: pointer;
            float: left;
            background: url(../images/top_bg_background_dark.jpg) center no-repeat fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            color: #fff;
            z-index: 10;
        }

            .plan_table_wrap ul li + li {
                margin-top: 25px;
            }

            .plan_table_wrap ul li .full_wrap {
                opacity: 0.8;
            }

            .plan_table_wrap ul li:last-child {
                margin-right: 0;
            }

            .plan_table_wrap ul li .title_wrap {
                font-size: 18px;
                padding-top: 5px;
                color: #fff;
            }

            .plan_table_wrap ul li .amount_title_wrap {
                font-size: 11px;
            }

        .plan_table_wrap ul .amount_wrap {
            font-size: 13px;
            color: #fff;
            margin-bottom: 5px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
        }

        .plan_table_wrap ul li .amount_title_wrap.align_left {
            text-align: left;
        }

        .plan_table_wrap ul li .price_wrap {
            font-size: 18px;
            color: #85998d;
            padding-bottom: 10px;
        }

        .plan_table_wrap ul li .percentage_wrap {
            display: inline-block;
            width: 100%;
            height: 6px;
            background-color: #15c059;
            float: left;
            margin-bottom: 10px;
        }

            .plan_table_wrap ul li .percentage_wrap.yellow {
                background-color: #e4c204;
            }

        .plan_table_wrap ul li p {
            font-size: 12px;
            padding: 0;
        }

        .plan_table_wrap ul li .quater_wrap {
            width: 50%;
            display: inline-block;
            position: relative;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 8px;
            z-index: 10;
        }

            .plan_table_wrap ul li .quater_wrap.f_left {
                padding-left: 0;
                border-right: 1px solid #ccc;
            }

            .plan_table_wrap ul li .quater_wrap.f_right {
                padding-right: 0;
            }

            .plan_table_wrap ul li .quater_wrap p {
                font-size: 10px;
                text-align: left;
            }

        .plan_table_wrap ul li .tick_abs {
            position: absolute;
            width: 100%;
            left: 0;
            top: -10px;
            text-align: center;
            display: none;
        }

        .plan_table_wrap ul li.active {
            background: url(../images/how_galaxy_works_bg.jpg) center no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            z-index: 20;
        }

            .plan_table_wrap ul li.active .full_wrap {
                opacity: 1;
            }

            .plan_table_wrap ul li.active .tick_abs {
                display: inline-block;
            }

        .plan_table_wrap ul.center_li li {
            float: none;
        }

    .dashboard_statistics_wrap.white {
        background: white;
    }

        .dashboard_statistics_wrap.white .single_stat_wrap .value_wrap,
        .dashboard_statistics_wrap.white .single_stat_wrap .name_wrap {
            color: #000;
        }

    .select_table_data_wrap h2.common_header {
        padding-top: 0;
    }

    .select_table_data_wrap table {
        width: 100%;
        text-align: left;
        border-spacing: 10px;
        border-collapse: separate;
    }

        .select_table_data_wrap table td {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            vertical-align: middle;
            padding: 5px;
            padding-left: 15px;
            font-size: 11px;
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            text-align: center;
            white-space: nowrap;
        }

    .select_table_data_wrap .plan_select_table_data_wrap {
        overflow-y: scroll;
        width: 280px;
    }

    #plan_info_parent_wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .select_table_data_wrap table tr td:first-child {
        text-align: left;
    }

    .select_table_data_wrap table tr {
        cursor: pointer;
    }

        .select_table_data_wrap table tr:hover td {
            background-color: #F2F3F4;
        }

        .select_table_data_wrap table tr:first-child td {
            background-color: #F2F3F4;
        }

    .select_table_data_wrap table td span {
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing: 0.2em;
    }

    .select_table_data_wrap table .title_wrap {
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
    }

    .select_table_data_wrap table .col-sm-4 {
        padding-top: 3px;
        padding-bottom: 3px;
        text-align: center;
        padding-top: 5px;
    }

    /* Robo 3 Ends */
    .account_icon_ul {
        width: 100%;
        float: left;
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0;
    }

        .account_icon_ul li {
            float: left;
            display: inline-block;
            position: relative;
            padding: 10px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            margin-right: 3%;
            width: 31.33%;
        }

            .account_icon_ul li:nth-child(3n+0) {
                margin-right: 0;
            }

            .account_icon_ul li.active,
            .account_icon_ul li:hover {
                background: rgba(255, 255, 255, 0.1);
            }

            .account_icon_ul li img {
                width: 55px;
            }

    .amount_input_large.small {
        width: 80%;
    }

    /* Cart Starts */
    .white_box_form.cart_item_wrap,
    .form_parent_wrap .cart_item_wrap.white_box_form.noiconform {
        padding: 20px;
    }

    .form_parent_wrap .white_box_form.cart_item_wrap + .white_box_form.cart_item_wrap {
        margin-top: 50px;
    }

    .cart_item_wrap .cart_total_label {
        font-size: 20px;
        line-height: 36px;
        text-align: center;
        color: #fff;
    }

    .cart_item_wrap .cart_amount_label {
        font-size: 12px;
        color: #fff;
        margin-top: 10px;
        text-align: center;
    }

    .cart_total_wrap {
        background: url(../images/home_top_cat_bg.jpg) center center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        .cart_total_wrap .row + .row {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid rgba(255, 255, 255, 0.3);
        }

    .cart_item_wrap .cart_amount_label span {
        text-transform: uppercase;
    }

    /* Cart Ends */
    /* Dashboard Box Starts */
    .dashboard_overview_box_parent_wrap {
        margin-top: 40px;
        text-align: left;
        color: #fff;
    }

        .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap {
            margin-top: 20px;
        }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap.no_mtop {
                margin-top: 0;
            }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .value_wrap {
                float: left;
                display: inline-block;
                position: relative;
                color: #fff;
                font-size: 12px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .value_wrap.right {
                    float: right;
                }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .text_wrap {
                float: left;
                display: inline-block;
                position: relative;
                color: #fff;
                font-size: 11px;
                margin-top: 3px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .single_val_text_wrap .text_wrap.right {
                    float: right;
                }

        .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap {
            background: #000;
            padding: 15px;
            margin-bottom: 25px;
        }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap {
                margin-top: 5px;
            }

                .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap span {
                    width: 50%;
                    float: left;
                    display: inline-block;
                    position: relative;
                    height: 3px;
                    background: #0d9458;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                }

                    .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .bar_wrap span.yellow {
                        background: #fdaf3d
                    }

            .dashboard_overview_box_parent_wrap .dashboard_overview_box_wrap .name_wrap {
                font-size: 15px;
            }

    .anchor_group {
        float: right;
        display: table;
        position: relative;
    }

        .anchor_group a {
            display: table-cell;
            position: relative;
            line-height: 16px;
            padding: 0 5px;
            font-size: 10px;
            border: 1px solid #CCCCCC;
            color: #fff;
            opacity: 0.8;
            text-decoration: none;
        }

            .anchor_group a.active {
                border-color: #0d9458;
                opacity: 1;
                background: #0d9458;
            }

    .theme_tabs_parent_wrap.dashboard_tab {
        margin-bottom: 20px;
    }

    .home_slider_top_wrap.dashboard_page.inner_page_wrap .left_panel_wrap {
        display: none;
    }

    /* Dashboard Box Ends */
    /* Transaction Starts */
    .theme_tabs_parent_wrap.my_account_tab_wrap .theme_tabs_ul {
        margin-bottom: 20px;
    }

    .cart_table.transaction_table {
        background: #fff;
        white-space: nowrap;
        margin: 0;
    }

        .cart_table.transaction_table thead {
            font-size: 12px;
        }

        .cart_table.transaction_table tbody {
            text-align: left;
            text-transform: none;
            font-size: 10px;
        }

            .cart_table.transaction_table tbody td {
                vertical-align: middle;
            }

    .gridContainer.medium {
        max-width: 100%;
        min-width: 100%;
    }

    .theme_tabs_parent_wrap.less_margin {
        margin-bottom: 20px;
    }

    .transaction_table_wrap {
        overflow: scroll;
    }

    /* Transaction Ends */
    /* Transaction By Fund Starts */
    .single_fund_info_wrap {
        background: #fff;
        margin-bottom: 25px;
        text-align: left;
    }

        .single_fund_info_wrap .arrow_wrap {
            position: absolute;
            top: 50%;
            right: 10px;
            line-height: 30px;
            margin-top: -20px;
            color: #000;
            font-size: 30px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .single_fund_info_wrap.active .arrow_wrap {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

        .single_fund_info_wrap .det_wrap {
            padding: 15px;
            padding-bottom: 5px;
            padding-right: 50px;
            cursor: pointer;
        }

            .single_fund_info_wrap .det_wrap .det_title_wrap {
                border-bottom: 1px solid #e1e1e1;
                padding-bottom: 5px;
                margin-bottom: 6px;
            }

            .single_fund_info_wrap .det_wrap .title {
                width: 100%;
                float: left;
                display: inline-block;
                position: relative;
                color: #000;
                font-size: 13px;
            }

            .single_fund_info_wrap .det_wrap .cat {
                float: left;
                display: inline-block;
                position: relative;
                background: #21f0a9;
                font-size: 12px;
                text-align: right;
                color: #000;
                margin-top: 5px;
                padding: 0 10px;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
            }

            .single_fund_info_wrap .det_wrap .det_info_wrap .det_info_single_wrap:nth-child(even) {
                border-left: 1px solid #e1e1e1;
            }

            .single_fund_info_wrap .det_wrap .det_info_wrap .det_info_single_wrap {
                margin-bottom: 10px;
            }

        .single_fund_info_wrap .det_table_wrap {
            background: #efefef;
            overflow: scroll;
            display: none;
        }

            .single_fund_info_wrap .det_table_wrap .cart_table.transaction_table thead {
                font-size: 11px;
            }

            .single_fund_info_wrap .det_table_wrap .cart_table.transaction_table {
                background: #efefef;
            }

        .single_fund_info_wrap .det_wrap .det_info_wrap {
            font-size: 12px;
            color: #000;
        }

    .quick-text {
        padding: 0 30px;
    }
}

@media only screen and (max-width: 360px) {
    .user-info {
        top: -150px !important;
    }

    .company-name {
        left: 0% !important;
    }
}


/* top */

.top_alaram_bar_wrap {
    z-index: 160;
    margin-bottom: 10px;
    background-image: url(/assets/images/alaram_bar_bg.png);
    background-size: contain;
}

.AlarmHeaderRight {
    margin-left: 22px;
}

.font {
    font-size: 15px;
    color: #ffffff;
}

.top_wrap {
    padding: 6px;
}

@media only screen and (max-width: 992px) {
    .AlarmHeaderRight {
        margin-left: 21px;
        font-size: 10px;
    }

    .top_wrap {
        padding: 0px;
    }

    .clearfix {
        padding: 0px 15px 7px !important;
    }
}


/* search page redesign */

.search-sidebar .search-main-ttl {
    position: relative;
}

    .search-sidebar .search-main-ttl h3 {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        color: #595959;
        line-height: 1.4;
    }

    .search-sidebar .search-main-ttl .search-filter {
        position: absolute;
        right: 0;
        top: 0;
    }

        .search-sidebar .search-main-ttl .search-filter + hr {
            margin: 15px 0;
        }

        .search-sidebar .search-main-ttl .search-filter span:first-child {
            font-size: 12px;
            font-weight: 500;
            color: #404040;
            padding: 7px 2.125rem 7px 8px;
            background-color: #f2f2f2;
            line-height: 1.2;
            display: inline-block;
            border-radius: 6px;
            border: none;
            outline: none;
            cursor: pointer;
            -webkit-transition: 150ms all;
            transition: 150ms all;
        }

        .search-sidebar .search-main-ttl .search-filter span:last-child {
            background-color: #e5e5e5;
            color: #404040;
            font-weight: 500;
            top: 5px;
            right: 8px;
            line-height: 1.2;
            font-size: 12px;
            cursor: pointer;
            padding: 2px 6px;
            border-radius: 4px;
            display: inline-block;
            position: absolute;
        }

.search-sidebar .search-main-content .search-main-list-ttl h4 {
    font-weight: 600;
    color: #181818;
    line-height: 1.2;
    padding-bottom: 8px;
    font-size: 14px;
    position: relative;
}

    .search-sidebar .search-main-content .search-main-list-ttl h4:after {
        position: absolute;
        content: '';
        background-image: url('../images/down-arrow.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 10px;
        height: 10px;
        right: 0;
        top: 3px;
        transition: all 0.4s ease;
        transform: rotateZ(-180deg);
        cursor: pointer;
    }

.search-sidebar .search-main-content .search-main-list-ttl:hover h4:before {
    background-color: rgba(0, 0, 0, 0.04);
    width: 20px;
    height: 20px;
    position: absolute;
    content: '';
    right: -5px;
    top: -2px;
    border-radius: 100%;
    cursor: pointer;
}

.search-sidebar .search-main-content .search-main-list-ttl.collapsed h4:after {
    transform: unset;
    cursor: pointer;
}

.search-sidebar .search-main-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .search-sidebar .search-main-content ul li {
        margin-bottom: 10px;
    }

        .search-sidebar .search-main-content ul li .form-check {
            padding-left: 0;
        }

            .search-sidebar .search-main-content ul li .form-check label.form-check-label {
                padding-left: 10px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                text-transform: capitalize;
            }

                .search-sidebar .search-main-content ul li .form-check label.form-check-label span {
                    display: inline-block;
                    color: #65ADDB;
                    background-color: #e3f4ff;
                    font-weight: bold;
                    line-height: 1.2;
                    padding: 3px 6px;
                    padding-left: 24px;
                    border-radius: 4px;
                    position: relative;
                    text-transform: capitalize;
                }

span.lbl-orange,
span.lbl-green,
.cat-recomend-nam,
.cat-top-perform-nam {
    position: relative;
}

    span.lbl-orange:before,
    .cat-recomend-nam:before {
        background-image: url('../images/search-recomend.png');
        position: absolute;
        content: '';
        background-repeat: no-repeat;
        background-size: 100%;
        width: 14px;
        height: 14px;
        left: 4px;
        top: 4px;
    }

    span.lbl-green:before,
    .cat-top-perform-nam:before {
        background-image: url('../images/search-ranked.png');
        position: absolute;
        content: '';
        background-repeat: no-repeat;
        background-size: 100%;
        width: 14px;
        height: 14px;
        left: 4px;
        top: 4px;
    }

    span.lbl-orange.lbl-fav:before {
        background-image: url(../images/search-favourite.png);
        position: absolute;
        content: '';
        background-repeat: no-repeat;
        background-size: 100%;
        width: 14px;
        height: 14px;
        left: 4px;
        top: 4px;
    }

.search-sidebar .search-main-content ul li .form-check label.form-check-label span.lbl-green {
    color: #21f0a9;
    background-color: #e6fff7;
}

.search-sidebar .search-main-content ul li .form-check label.form-check-label span.lbl-orange.lbl-fav {
    color: #fd7575;
    background-color: #ffeeee;
}

.search-sidebar .search-main-content ul li .form-check input.form-check-input {
    position: absolute;
    left: 0;
}

    .search-sidebar .search-main-content ul li .form-check input.form-check-input:after {
        content: none;
    }

#showtext {
    display: none;
}

.search-sidebar .search-main-content ul.fund-list-search-scrl,
.search-sidebar .search-main-content ul.sub_cat_scroll {
    padding-right: 8px;
    margin-bottom: 0px;
}

.fund-list-search-scrl {
    height: 185px;
    max-height: 185px;
    overflow-y: scroll;
}

    .fund-list-search-scrl::-webkit-scrollbar {
        width: 12px;
        background-color: unset;
    }

    .fund-list-search-scrl::-webkit-scrollbar-thumb {
        -webkit-box-shadow: unset;
        background-color: unset;
    }

    .fund-list-search-scrl::-webkit-scrollbar-track {
        -webkit-box-shadow: unset;
        background-color: unset;
    }

.sub_cat_scroll {
    height: 225px;
    max-height: 225px;
    overflow-y: scroll;
}

    .sub_cat_scroll::-webkit-scrollbar {
        width: 12px;
        background-color: unset;
    }

    .sub_cat_scroll::-webkit-scrollbar-thumb {
        -webkit-box-shadow: unset;
        background-color: unset;
    }

    .sub_cat_scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: unset;
        background-color: unset;
    }

.search-right-content .all-mutual-ttl {
    position: relative;
}

    .search-right-content .all-mutual-ttl h3 {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        color: #595959;
        line-height: 1.4;
    }

    .search-right-content .all-mutual-ttl .search-filter-dropdown {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: right;
        width: 230px;
    }

        .search-right-content .all-mutual-ttl .search-filter-dropdown select {
            padding: 6px 10px;
            padding-left: 4px;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            color: #65ADDB;
            cursor: pointer;
            width: 150px;
        }

        .search-right-content .all-mutual-ttl .search-filter-dropdown span {
            margin-right: 5px;
        }

.search-filter-dropdown .dropdown.sort-drp button.dropdown-toggle {
    padding: 4px 6px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 150px;
    color: #65ADDB;
    text-align: left;
}

    .search-filter-dropdown .dropdown.sort-drp button.dropdown-toggle:focus {
        border: 1px solid #ddd !important;
    }

.dropdown.sort-drp ul li a {
    color: #65ADDB;
    padding: 6px;
    font-size: 14px;
    text-align: left;
}

    .dropdown.sort-drp ul li a:hover,
    .dropdown.sort-drp ul li a:focus {
        background-color: #e3f4ff;
        background-image: unset;
    }

.dropdown.sort-drp ul.dropdown-menu {
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
}

.dropdown.sort-drp button.dropdown-toggle:focus {
    border: 1px solid #ddd;
}

.search-filter-dropdown .dropdown.sort-drp button.dropdown-toggle:after {
    content: none;
}

.search-filter-dropdown .dropdown.sort-drp button.dropdown-toggle:before {
    position: absolute;
    content: '';
    background-image: url(../images/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 8px;
    height: 8px;
    right: 6px;
    top: 11px;
}

.mutual-search-box {
    padding: 25px 20px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
    margin: 20px 0;
}

    .mutual-search-box.mu-per-ttl.mu-peer-cont {
        margin: 0;
    }

    .mutual-search-box .mutual-sch-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border-bottom: 1px solid #e5e5e5;
        padding: 20px 0px;
        position: relative;
    }

        .mutual-search-box .mutual-sch-row:first-child {
            padding-top: 0;
        }

        .mutual-search-box .mutual-sch-row:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

.mutual-invest-content span {
    font-size: 13px;
}

    .mutual-invest-content span.mutual-in-cgar {
        font-size: 9px;
    }

.mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name span {
    font-size: 13px;
}

    .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name span.grow_div_txt_wrap {
        background: #f2f2f2;
        border-radius: 5px;
        font-weight: bold;
        font-size: 12px;
        line-height: 14px;
        color: #404040;
        padding: 5px 12px;
        border: 0;
        cursor: pointer;
        margin-left: 10px;
    }

.mutual-search-box .mutual-sch-row .mutual-search-logo {
    width: 5%;
}

.mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch {
    width: 60%;
    padding: 0px 12px;
}

.mutual-search-box .mutual-sch-row .mutual-invest-sch-cont {
    width: 17%;
    padding-right: 12px;
    text-align: right;
}

.mutual-search-box .mutual-sch-row .mutual-subcat-sch-cont {
    width: 18%;
    text-align: right;
}

.mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name {
    display: flex;
    align-items: center;
}

    .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name span {
        display: block;
    }

    .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name .cat-subcat-name {
        padding-right: 15px;
        padding-left: 0;
    }

.mutual-content-load-more {
    text-align: center;
    padding-top: 20px;
}

    .mutual-content-load-more button.btn.btn-mutual-load-more {
        font-size: 12px;
        color: #ffffff;
        padding: 10px 20px !important;
        font-weight: 600;
        align-self: center;
        border-radius: 10px;
        margin: 0 auto;
        width: auto;
        letter-spacing: 0.9px;
        background-color: #21F0A8;
    }

.range-slider {
    position: relative;
}

span.range-slider__value {
    position: absolute;
    right: 15px;
    top: -35px;
    color: #79b4df;
    font-size: 12px;
    font-weight: 600;
}

.range-slider__range {
    -webkit-appearance: none;
    width: calc(100% - (73px));
    height: 10px;
    border-radius: 5px;
    background: #d7dcdf;
    outline: none;
    padding: 0;
    margin: 0;
}

    .range-slider__range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
        -webkit-transition: background 0.15s ease-in-out;
        transition: background 0.15s ease-in-out;
        box-shadow: 0 2px 7px rgb(0 0 0 / 10%), 0 0 2px rgb(0 0 0 / 20%);
        position: relative;
        margin-left: 0px;
    }

        .range-slider__range::-webkit-slider-thumb:before {
            position: absolute;
            content: '=';
            color: #79b4df;
            top: 0;
        }

    .range-slider__range::-moz-range-thumb {
        width: 20px;
        height: 20px;
        border: 0;
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
        -moz-transition: background 0.15s ease-in-out;
        transition: background 0.15s ease-in-out;
        box-shadow: 0 2px 7px rgb(0 0 0 / 10%), 0 0 2px rgb(0 0 0 / 20%);
        position: relative;
        margin-left: 0px;
    }

        .range-slider__range::-moz-range-thumb:before {
            position: absolute;
            content: '=';
            color: #79b4df;
            top: 0;
        }

::-moz-range-track {
    background: #d7dcdf;
    border: 0;
}

.search-container-pad {
    padding: 60px 0;
}

.search-right-content {
    padding-left: 20px;
}

.main-search-bar-top {
    padding-top: 20px;
    padding-bottom: 60px;
    position: relative;
}

    .main-search-bar-top .search_input_icon {
        position: absolute;
        right: 10px;
        z-index: 3;
        top: 14px;
    }

        .main-search-bar-top .search_input_icon i {
            font-size: 18px;
        }

    .main-search-bar-top .btn-search-top {
        font-size: 14px;
        color: #ffffff;
        padding: 10px 40px;
        font-weight: 600;
        align-self: center;
        margin: 0 auto;
        width: auto;
        letter-spacing: 0.9px;
        background-color: #21F0A8;
        border: 0;
        border-radius: 5px;
        margin-left: -8px;
        height: 50px;
    }

    .main-search-bar-top .input-group {
        box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    }

    .main-search-bar-top input.form-control {
        padding: 10px;
        padding-right: 20px;
        border: 1px solid rgb(226, 226, 226) !important;
        border-radius: 5px;
        border-right: 0;
        height: 50px;
    }

.show_advance_click a,
.fundbtn_click a {
    color: #65ADDB;
    position: relative;
    padding-left: 26px;
    text-transform: capitalize;
    font-weight: bold;
}

    .show_advance_click a:before {
        position: absolute;
        content: '';
        background-image: url('../images/show_filter.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 18px;
        height: 18px;
        left: 0;
        top: 0;
    }

.show_advance_click.show_advance_icon a:before {
    background-image: url('../images/filter-back.png');
}

.fundbtn_click a:before {
    position: absolute;
    content: '';
    background-image: url('../images/add_plus.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
}

.mutual-sch-info {
    position: relative;
}

    .mutual-sch-info img {
        width: 15px;
        opacity: 0.9;
    }

    .mutual-sch-info + .tooltip {
        width: 200px;
    }

        .mutual-sch-info + .tooltip .tooltip-inner {
            padding: 10px;
        }

.mutual-cgar-last-cont {
    display: flex;
    align-items: center;
    justify-content: right;
}

    .mutual-cgar-last-cont .mutual-sch-info {
        margin-left: 10px;
        margin-top: -5px;
    }

.search-detail-page .mutual-search-box .mutual-sch-row .mutual-search-logo {
    width: 7%;
    padding-right: 15px;
}

.search-detail-page .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch {
    width: 62%;
}

.search-detail-page .mutual-search-box .mutual-sch-row .mutual-invest-sch-cont {
    width: 14%;
    text-align: right;
}

.search-detail-page .mutual-search-box .mutual-sch-row .mutual-subcat-sch-cont {
    width: 16%;
    text-align: right;
}

.search-detail-page .mutual-search-box .mutual-sch-row:before {
    content: none;
}

.mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name span {
    display: inline-block;
    line-height: 1.2;
    padding: 3px 6px;
    padding-left: 24px;
    border-radius: 4px;
    position: relative;
    text-transform: capitalize;
}

    .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name span.cat-recomend-nam {
        color: #65ADDB;
        background-color: #e3f4ff;
        margin-right: 10px;
        font-weight: 600;
    }

    .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name span.cat-top-perform-nam {
        color: #21f0a9;
        background-color: #e6fff7;
        font-weight: 600;
    }

.mutual-search-about-content,
.search-fund-info-content {
    width: 100%;
    border: 1px solid #e0e0e0;
    padding: 1em;
    border-radius: 5px;
    flex-direction: column;
    background-color: #fff;
    margin-bottom: 20px;
}

    .mutual-search-about-content h3 {
        color: #303030;
        margin: 0;
        font-weight: bold;
        line-height: 1.5rem;
        font-size: 20px;
        margin-bottom: 0;
    }

    .mutual-search-about-content p {
        color: rgb(102, 102, 102);
        margin: 0;
        font-size: 14px;
    }

.btn-invest-mutual-search {
    text-align: right;
}

    .btn-invest-mutual-search button.btn {
        padding: 10px 30px !important;
        color: #e6fff7;
        background-color: #21f0a9;
        font-size: 15px;
        font-weight: bold;
        border-radius: 10px;
    }

.switch {
    font-size: 1rem;
    position: relative;
}

.sip-switch-toggle {
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

.switch input {
    position: absolute;
    height: 1px;
    width: 1px;
    background: none;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0;
}

.switch-sip-onetime {
    margin: 0 10px;
}

.switch input + label {
    position: relative;
    min-width: calc(calc(2.375rem * .8) * 2);
    border-radius: calc(2.375rem * .8);
    height: calc(2.375rem * .8);
    line-height: calc(2.375rem * .8);
    display: inline-block;
    cursor: pointer;
    outline: none;
    user-select: none;
    vertical-align: middle;
    text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
}

    .switch input + label::before,
    .switch input + label::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: calc(calc(2.375rem * .8) * 2);
        bottom: 0;
        display: block;
    }

    .switch input + label::before {
        right: 0;
        background-color: #21F0A9;
        border-radius: calc(2.375rem * .8);
        transition: 0.2s all;
    }

    .switch input + label::after {
        top: 2px;
        left: 2px;
        width: calc(calc(2.375rem * .8) - calc(2px * 2));
        height: calc(calc(2.375rem * .8) - calc(2px * 2));
        border-radius: 50%;
        background-color: white;
        transition: 0.2s all;
    }

.switch input:checked + label::before {
    background-color: #21f0a9;
}

.switch input:checked + label::after {
    margin-left: calc(2.375rem * .8);
}

.switch input:focus + label::before {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
}

.switch input:disabled + label {
    color: #868e96;
    cursor: not-allowed;
}

    .switch input:disabled + label::before {
        background-color: #e9ecef;
    }

.switch.switch-sm {
    font-size: 0.875rem;
}

    .switch.switch-sm input + label {
        min-width: calc(calc(1.9375rem * .8) * 2);
        height: calc(1.9375rem * .8);
        line-height: calc(1.9375rem * .8);
        text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
    }

        .switch.switch-sm input + label::before {
            width: calc(calc(1.9375rem * .8) * 2);
        }

        .switch.switch-sm input + label::after {
            width: calc(calc(1.9375rem * .8) - calc(2px * 2));
            height: calc(calc(1.9375rem * .8) - calc(2px * 2));
        }

    .switch.switch-sm input:checked + label::after {
        margin-left: calc(1.9375rem * .8);
    }

.switch.switch-lg {
    font-size: 1.25rem;
}

    .switch.switch-lg input + label {
        min-width: calc(calc(3rem * .8) * 2);
        height: calc(3rem * .8);
        line-height: calc(3rem * .8);
        text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
    }

        .switch.switch-lg input + label::before {
            width: calc(calc(3rem * .8) * 2);
        }

        .switch.switch-lg input + label::after {
            width: calc(calc(3rem * .8) - calc(2px * 2));
            height: calc(calc(3rem * .8) - calc(2px * 2));
        }

    .switch.switch-lg input:checked + label::after {
        margin-left: calc(3rem * .8);
    }

.switch + .switch {
    margin-left: 1rem;
}

.contentA {
    display: none;
}

.contentB {
    text-align: center;
}

.swicth-input-cont {
    padding-top: 20px;
    text-align: center;
}

    .swicth-input-cont input.switch-time-cont {
        width: 60%;
        float: none;
        display: inline-block;
        font-size: 18px;
        border: 0;
        border-bottom: 1px solid #d2d2d2;
        color: #000;
        background: transparent;
        text-align: center;
        margin-bottom: 10px;
    }

.search-fund-main-cont {
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.search-fund-label {
    padding: 8px;
    color: #757575;
    font-size: 13px;
    text-align: left;
    width: 130px;
}

.search-fund-text {
    color: #212121;
    font-size: 13px;
    text-align: right;
    font-weight: bold;
    text-align: right;
    padding: 8px;
}

.search-fund-main-cont.search-fund-border-top {
    border-top: 1px solid #e0e0e0;
    padding-top: 5px;
    margin-top: 10px;
    width: 100%;
}

.search-fund-info-content h3 {
    color: #303030;
    margin: 0;
    font-weight: bold;
    line-height: 1.5rem;
    font-size: 20px;
    margin-bottom: 10px;
    padding: 0 8px;
}

.search-accordion-list {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 0 10px;
    padding-top: 10px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .05);
    margin-bottom: 20px;
    transition: 0.3s;
}

    .search-accordion-list.coll-space {
        margin-bottom: 0;
    }

    .search-accordion-list:first-child {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .search-accordion-list:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.search-sidebar .search-main-content ul .range-slider {
    padding-bottom: 20px;
}

.search-fund-main-flex {
    display: flex;
    flex-wrap: wrap;
}

.search-perform-content.active {
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
}

.search-sidebar .search-main-content ul li .form-check label.form-check-label input {
    position: relative;
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    cursor: pointer;
    margin-right: 5px;
    top: 2px;
}

    .search-sidebar .search-main-content ul li .form-check label.form-check-label input:before {
        content: '';
        -webkit-appearance: none;
        background-color: #fff;
        border: 1px solid #e2e2e2;
        padding: 6px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        top: -4px;
    }

    .search-sidebar .search-main-content ul li .form-check label.form-check-label input:checked:before {
        background-color: #21f0a9;
        border: 1px solid #21f0a9;
    }

    .search-sidebar .search-main-content ul li .form-check label.form-check-label input:checked:after {
        content: '';
        display: block;
        position: absolute;
        top: 0px;
        left: 5px;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

.amc-detail-search {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 20px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
}

    .amc-detail-search h3 {
        color: #303030;
        margin: 0;
        font-weight: bold;
        line-height: 1.5rem;
        font-size: 20px;
        margin-bottom: 10px;
        width: 100%;
    }

    .amc-detail-search .amc-sch-manager i.fa.fa-phone {
        transform: rotate(100deg);
    }

.search-perform-content .search-ul-stick .col-md-8 {
    padding-left: 0;
    padding-right: 10px;
    -ms-flex: 0 0 68%;
    flex: 0 0 68%;
    max-width: 68%;
    width: 68%;
}

.search-perform-content .search-ul-stick .container {
    padding: 0;
}

.search-perform-content .search-ul-stick.fixed-cls {
    width: 100%;
    z-index: 9;
}

    .search-perform-content .search-ul-stick.fixed-cls .container {
        padding-left: 15px;
    }

    .search-perform-content .search-ul-stick.fixed-cls .col-md-8 {
        padding-right: 0px;
    }

.search-perform-content .search-ul-stick ul {
    display: flex;
    z-index: 5;
    padding: 0;
    list-style: none;
    justify-content: space-between;
    background: #e6e6e6;
    border-radius: 5px;
    flex-direction: row;
    flex-wrap: wrap;
}

    .search-perform-content .search-ul-stick ul li {
        padding: 10px 20px;
        border-radius: 5px;
    }

        .search-perform-content .search-ul-stick ul li.active {
            background-color: #21f0a9;
        }

        .search-perform-content .search-ul-stick ul li a {
            color: #5A6064;
            font-weight: bold;
        }

        .search-perform-content .search-ul-stick ul li.active a {
            color: #fff;
        }

.pc-chart-main-cont {
    padding: 25px 20px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
}

.perform-return-chart table.pc-tbl-chart {
    width: 100%;
}

.risk-level-scroll {
    height: 185px;
    max-height: 185px;
    overflow-y: scroll;
}

.pc-nav-price label {
    color: rgb(26, 26, 26);
    font-size: 20px;
}

    .pc-nav-price label span {
        color: rgb(128, 128, 128);
        font-size: 16px;
        display: inline;
    }

.pc-nav-price span {
    color: #424242;
    font-size: 0.8em;
    line-height: 1rem;
    display: block;
}

.performance-chart-content {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
}

.pc-nav-price {
    padding-right: 20px;
}

.pc-cal-ul {
    padding-left: 20px;
}

    .pc-cal-ul ul {
        list-style: none;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }

        .pc-cal-ul ul li {
            display: inline-flex;
        }

            .pc-cal-ul ul li a {
                background-color: rgb(255, 255, 255);
                color: rgb(77, 77, 77);
                border-radius: 5px;
                font-weight: 500;
                font-size: 11px;
                border: 1px solid rgba(0, 0, 0, 0.1);
                padding: 6px 20px;
                margin: 0 10px;
            }

                .pc-cal-ul ul li a:hover {
                    background-color: rgba(0, 0, 0, 0.04);
                    cursor: pointer;
                    transform: scale(1.05);
                }

                .pc-cal-ul ul li a.active {
                    border: 2px solid #21f0a9;
                }

.perform-return-chart {
    padding-top: 30px;
}

    .perform-return-chart h3 {
        color: #303030;
        margin: 0;
        font-weight: bold;
        line-height: 1.5rem;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .perform-return-chart table.pc-tbl-chart tr td,
    .perform-return-chart table.pc-tbl-chart tr th {
        padding: 6px 10px;
        font-weight: 500;
        color: #000;
    }

        .perform-return-chart table.pc-tbl-chart tr td:first-child,
        .perform-return-chart table.pc-tbl-chart tr th:first-child,
        .perform-return-chart table.pc-tbl-chart tr td:last-child,
        .perform-return-chart table.pc-tbl-chart tr th:last-child {
            padding: 6px 0;
        }

        .perform-return-chart table.pc-tbl-chart tr td:first-child {
            font-weight: bold;
            width: 60%;
        }

    .perform-return-chart table.pc-tbl-chart tr td {
        border-top: 1px solid #e0e0e0;
    }

.amc-detail-search .amc-sch-manager {
    display: flex;
    width: 50%;
    align-items: baseline;
}

    .amc-detail-search .amc-sch-manager span {
        display: block;
        color: rgb(128, 128, 128);
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 5px;
    }

    .amc-detail-search .amc-sch-manager .amc-cont-rght {
        padding-left: 10px;
        padding-bottom: 15px;
    }

    .amc-detail-search .amc-sch-manager:last-child .amc-cont-rght {
        padding-bottom: 0px;
    }

    .amc-detail-search .amc-sch-manager span:last-child {
        color: rgb(77, 77, 77);
        overflow: hidden;
        font-size: 15px;
        font-weight: bold;
        line-height: 21px;
    }

/* highchart css */

@import 'https://code.highcharts.com/css/highcharts.css';

.highcharts-pie-series .highcharts-point {
    stroke: #EDE;
    stroke-width: 2px;
}

.highcharts-pie-series .highcharts-data-label-connector {
    stroke: silver;
    stroke-dasharray: 2, 2;
    stroke-width: 2px;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 600px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

figure.highcharts-figure g.highcharts-label.highcharts-data-label,
figure.highcharts-figure path.highcharts-data-label-connector {
    display: none;
}

figure.highcharts-figure g.highcharts-legend {
    display: block !important;
}

    figure.highcharts-figure g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series text {
        font-size: 11px;
        fill: #050505;
    }

figure.highcharts-figure g.highcharts-label.highcharts-tooltip .highcharts-tooltip-box {
    fill: #fff;
    fill-opacity: 1;
}

figure.highcharts-figure g.highcharts-label.highcharts-tooltip text {
    stroke-width: 0;
    fill: unset;
}

.pc-holding-content {
    display: flex;
    flex-wrap: wrap;
}

    .pc-holding-content .pc-holding-dropdown {
        width: 45%;
    }

    .pc-holding-content .pc-holding-chart {
        width: 55%;
    }

    .pc-holding-content .pc-holding-dropdown .panel-group {
        margin-bottom: 5px;
    }

    .pc-holding-content .pc-holding-dropdown h4.panel-title a {
        font-family: 'Quicksand';
        font-family: 'Quicksand', sans-serif;
        font-size: 14px;
        color: #5A6064;
    }

    .pc-holding-content .pc-holding-dropdown .fund_flex_top_holding {
        display: flex;
    }

figure.highcharts-figure g.highcharts-series-group path.highcharts-pointhighcharts-color-6 {
    fill: #fd87af;
    stroke: #fd87af;
}

figure.highcharts-figure text.highcharts-title {
    display: none;
}

.pc-holding-border-cont {
    padding: 25px 20px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
}

.pc-holding-ttl h3 {
    color: #303030;
    margin: 0;
    font-weight: bold;
    line-height: 1.5rem;
    font-size: 20px;
    margin-bottom: 10px;
}

.pc-holding-ttl p {
    color: #303030;
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}

.pc-holding-dropdown .pc-accordion .card {
    margin-left: 0;
    width: 100%;
    background-color: transparent;
}

.pc-accordion .panel.panel-default .panel-body {
    border: 0;
    padding: 1.25rem;
}

.pc-accordion .panel.panel-default .row {
    margin: 0;
}

.pc-accordion .panel.panel-default .panel-heading {
    background-color: #fff;
    border-bottom: 1px solid #0000000e;
    background-image: unset;
    padding: 10px;
}

.pc-accordion .panel.panel-default {
    box-shadow: none;
    border: 0;
}

    .pc-accordion .panel.panel-default .col-md-9,
    .pc-accordion .panel.panel-default .col-md-3 {
        padding: 0;
    }

.info-pc-content {
    padding-left: 10px;
    display: flex;
    font-size: 13px;
}

    .info-pc-content i {
        margin-right: 5px;
        margin-top: 4px;
    }

.pc-accordion .panel.panel-default i.fa.fa-bullseye {
    margin-right: 5px !important;
}

.pc-accordion .panel.panel-default i.fa.fa-angle-down {
    margin-left: 10px;
    font-size: 12px;
}

.pc-accordion .panel.panel-default .highcharts-color-0 {
    color: #00e9ca;
}

.pc-accordion .panel.panel-default .highcharts-color-1 {
    color: #ff6358;
}

.pc-accordion .panel.panel-default .highcharts-color-2 {
    color: #ffa446;
}

.pc-accordion .panel.panel-default .highcharts-color-3 {
    color: #34e7ff;
}

.pc-accordion .panel.panel-default .highcharts-color-4 {
    color: #78d246;
}

.pc-accordion .panel.panel-default .highcharts-color-5 {
    color: #2d73f5;
}

.pc-holding-dropdown .row.money_add {
    font-weight: bold;
}

figure.highcharts-figure g.highcharts-series-group path.highcharts-point.highcharts-color-2 {
    fill: #ffa446;
    stroke: #ffa446;
}

figure.highcharts-figure g.highcharts-series-group .highcharts-halo.highcharts-color-2 {
    fill: #ffa446;
    stroke: #ffa446;
}

.highcharts-color-8 {
    fill: #21f0a9;
    stroke: #21f0a9;
}

.highcharts-color-9 {
    fill: #f021c9;
    stroke: #f021c9;
}

figure.highcharts-figure g.highcharts-series-group path.highcharts-point.highcharts-color-8 {
    fill: #21f0a9;
    stroke: #21f0a9;
}

figure.highcharts-figure g.highcharts-series-group .highcharts-halo.highcharts-color-8 {
    fill: #21f0a9;
    stroke: #21f0a9;
}

figure.highcharts-figure g.highcharts-series-group path.highcharts-point.highcharts-color-9 {
    fill: #f021c9;
    stroke: #f021c9;
}

figure.highcharts-figure g.highcharts-series-group .highcharts-halo.highcharts-color-9 {
    fill: #f021c9;
    stroke: #f021c9;
}

figure.highcharts-figure .highcharts-color-2 {
    fill: #ffa446;
    stroke: #ffa446;
}

.pc-holding-content .pc-holding-chart figure.highcharts-figure {
    margin: 0 auto;
}

div#highchart-container .highcharts-tooltip-box {
    fill: #ffff;
    fill-opacity: 1;
}

/* highchart css */

.fi-monthly-sip .input-group-prepend {
    position: absolute;
    z-index: 9;
    margin: 0;
    top: 5px;
    left: 6px;
    font-weight: bold;
}

    .fi-monthly-sip .input-group-prepend span.input-group-text {
        padding: 0;
        background: unset;
        border: 0;
    }

    .fi-monthly-sip .input-group-prepend span {
        color: #21f0a9;
        font-weight: normal;
    }

.fi-monthly-sip .input-group input {
    padding-left: 20px;
    color: #21f0a9;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    font-weight: bold;
    text-align: right;
    font-size: 16px;
}

.fi-pay-list input {
    padding-left: 20px;
    color: #21f0a9;
    background-color: #e6fff7;
    font-weight: bold;
    border: 0;
    text-align: right;
    font-size: 16px;
    width: 80%;
    float: right;
}

    .fi-pay-list input#txtUPINO {
        background-color: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        line-height: normal;
        font-size: 12px;
        width: 90%;
    }

div#divUPINO {
    width: 68%;
}

.fi-monthly-sip .sort-drp.dropdown input {
    padding: 4px 12px;
    padding-right: 20px;
    width: 100%;
    color: #21f0a9;
    background-color: #e6fff7;
    font-weight: bold;
    border: 0;
    text-align: right;
    font-size: 16px;
}

.condition-show-arrow {
    position: relative;
}

    .condition-show-arrow .arrow-icon {
        position: absolute;
        right: 4px;
        width: 8px;
        top: 8px;
        cursor: pointer;
    }

        .condition-show-arrow .arrow-icon.bottom-arrow-icon {
            bottom: 8px;
            top: auto;
            transform: rotate(180deg);
        }

.fi-monthly-sip .sort-drp.dropdown input[type=number]::-webkit-inner-spin-button,
.fi-monthly-sip .sort-drp.dropdown input[type=number]::-webkit-outer-spin-button {
    opacity: 1 !important;
    display: block !important;
}

.fi-monthly-sip .sort-drp.dropdown input::-webkit-outer-spin-button,
.fi-monthly-sip .sort-drp.dropdown input::-webkit-inner-spin-button {
    -webkit-appearance: unset;
}

.fi-monthly-sip select {
    padding: 6px 2px;
    padding-right: 15px;
    -webkit-appearance: none;
    color: #21f0a9;
    background-color: #e6fff7;
    font-weight: bold;
    border: 0;
    text-align: left;
}

    .fi-monthly-sip select:focus {
        color: #21f0a9;
        background-color: #e6fff7;
        border: 0;
    }

    .fi-monthly-sip select option {
        background-color: #e6fff7;
        font-weight: bold;
        padding: 6px 2px;
        color: #21f0a9;
        border: 0;
    }

.fi-monthly-sip .sort-drp.dropdown.select-arrow:after {
    position: absolute;
    content: '';
    background-image: url('../../assets/images/select-down-arrow.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 10px;
    height: 10px;
    right: 4px;
    top: 12px
}

.fi-monthly-sip option {
    text-align: left;
}

.fi-monthly-sip .input-group input::-webkit-input-placeholder {
    color: #21f0a9 !important;
}

.fi-monthly-sip .input-group input:-ms-input-placeholder {
    color: #21f0a9 !important;
}

.fi-monthly-sip .input-group input::placeholder {
    color: #21f0a9 !important;
}

.fi-monthly-sip {
    display: flex;
    padding-top: 8px;
    align-items: center;
}

    .fi-monthly-sip label {
        width: 52%;
        font-size: 12px;
    }

    .fi-monthly-sip.fi-monthly-checkbox .checkbox {
        width: 52%;
    }

    .fi-monthly-sip .sort-drp.dropdown,
    .fi-monthly-sip .input-group {
        width: 48%;
    }

.sip-checkbox .fi-monthly-sip label {
    width: 38%;
}

.sip-checkbox .fi-monthly-sip .input-group,
.sip-checkbox .fi-monthly-sip .sort-drp.dropdown {
    width: 62%;
}

.fi-monthly-sip .sort-drp.dropdown button.dropdown-toggle {
    width: 100%;
    border: 0;
    background-color: #e6fff7;
    padding: 4.5px 6px;
    color: #21f0a9;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

    .fi-monthly-sip .sort-drp.dropdown button.dropdown-toggle:after {
        margin-left: 0px !important;
        position: absolute;
        right: 10px;
        top: 14px;
    }

.fi-monthly-below-content {
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
}

    .fi-monthly-below-content p {
        font-size: 13px;
        margin: 0;
        padding-bottom: 20px;
        color: #5a6064;
    }

    .fi-monthly-below-content a {
        padding: 8px;
        color: #e6fff7;
        background-color: #21f0a9;
        font-size: 15px;
        font-weight: bold;
        border-radius: 5px;
        margin: 0px 10px;
        width: 130px;
        display: inline-flex;
        justify-content: center;
    }

        .fi-monthly-below-content a:hover {
            color: #21f0a9;
            background-color: #e6fff7;
        }

.fi-invest-tab ul.nav.nav-tabs li,
.mf_snd_tab_sect ul.nav.nav-tabs li {
    margin-right: 20px;
}

    .fi-invest-tab ul.nav.nav-tabs li a,
    .mf_snd_tab_sect ul.nav.nav-tabs li a {
        font-weight: bold;
        color: #5A6064;
        padding: 10px 4px;
        border-bottom: 2px solid transparent;
    }

        .fi-invest-tab ul.nav.nav-tabs li a.active,
        .mf_snd_tab_sect ul.nav.nav-tabs li a.active {
            color: #21f0a9;
            border-bottom: 2px solid #21f0a9;
        }

.mf_snd_tab_sect {
    position: relative;
}

span.autoplay-back-mf-snd {
    font-weight: bold;
    color: #5A6064;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px !important;
}

.fi-invest-tab .tab-pane {
    padding-top: 10px;
}

.fi-invest-right {
    width: 100%;
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-radius: 5px;
    flex-direction: column;
    background-color: #fff;
    margin-bottom: 20px;
    /* Dev30 */
    /*min-height: 440px;*/
    min-height: 470px;
    position: relative;
}

    .fi-invest-right h3 {
        color: #303030;
        margin: 0;
        font-weight: bold;
        line-height: 1.5rem;
        font-size: 20px;
        margin-bottom: 0;
    }

.fi-monthly-checkbox {
    padding-top: 10px;
}

    .fi-monthly-checkbox label input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .fi-monthly-checkbox label {
        padding-left: 0;
    }

        .fi-monthly-checkbox label label {
            position: relative;
            cursor: pointer;
        }

            .fi-monthly-checkbox label label:before {
                content: '';
                -webkit-appearance: none;
                background-color: transparent;
                border: 2px solid #21f0a9;
                box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
                padding: 6px;
                display: inline-block;
                position: relative;
                vertical-align: middle;
                cursor: pointer;
                margin-right: 10px;
                margin-top: -3px;
            }

        .fi-monthly-checkbox label input:checked + label:before {
            background-color: #21f0a9;
        }

        .fi-monthly-checkbox label input:checked + label:after {
            content: '';
            display: block;
            position: absolute;
            top: 4px;
            left: 6px;
            width: 5px;
            height: 10px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

.fi-payment-options {
    display: none;
}

.fi-pay-list {
    display: flex;
    align-items: center;
    padding: 12px 0;
}

    .fi-pay-list .fi-pay-list {
        padding: 0;
    }

    .fi-pay-list .fi-pay-icon img {
        width: 35px;
        height: 35px;
        object-fit: contain;
    }

    .fi-pay-list .fi-pay-ttl {
        color: #212121;
        font-size: 14px;
        text-align: right;
        font-weight: bold;
        padding-left: 15px;
    }

.fi-pay-amount-box {
    padding-bottom: 12px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

    .fi-pay-amount-box h3 {
        color: #303030;
        margin: 0;
        font-size: 16px;
        text-align: left;
    }

        .fi-pay-amount-box h3 span {
            font-size: 17px;
            font-weight: bold;
        }

    .fi-pay-amount-box img {
        width: 20px;
        transform: rotateZ(-180deg);
        position: absolute;
        top: 5px;
        cursor: pointer;
    }

.mu-per-ttl h3 {
    color: #303030;
    margin: 0;
    font-weight: bold;
    line-height: 1.5rem;
    font-size: 20px;
    margin-bottom: 10px;
}

div#perform-line-chart g.highcharts-axis-labels.highcharts-xaxis-labels {
    display: block;
}

div#perform-line-chart g.highcharts-axis-labels.highcharts-yaxis-labels,
div#perform-line-chart g.highcharts-axis.highcharts-yaxis,
div#perform-line-chart .highcharts-title {
    display: none;
}

div#perform-line-chart .highcharts-point {
    fill: unset;
    stroke: unset;
    display: none;
}

div#perform-line-chart .highcharts-axis-line,
div#perform-line-chart .highcharts-tick {
    stroke: #ccd6eb;
}

div#perform-line-chart .highcharts-halo {
    stroke: #fff;
    stroke-width: 6
}

div#perform-line-chart .highcharts-tooltip-box {
    fill: #fff;
}

div#perform-line-chart .highcharts-label.highcharts-tooltip text tspan {
    stroke-width: 0;
    color: #00e9ca;
    fill: #00e9ca;
}

    div#perform-line-chart .highcharts-label.highcharts-tooltip text tspan:first-child {
        color: #050505;
        fill: #050505;
    }

div#perform-line-chart .highcharts-crosshair-category {
    stroke-opacity: 1;
    stroke-width: 1;
}

div#perform-line-chart path.highcharts-crosshair + path.highcharts-crosshair {
    display: none;
}

#perform-line-chart {
    overflow: unset !important;
    margin-left: -40px;
}

    #perform-line-chart rect.highcharts-background {
        fill: transparent;
    }

.share_fund_link_detail {
    color: #050505;
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    position: relative;
}

    .share_fund_link_detail img {
        width: 18px;
        margin: 0px 5px;
    }

.pc-content-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .pc-content-top .pc-week-cont {
        display: flex;
    }

    .pc-content-top .pc-week-high {
        padding-right: 15px;
    }

    .pc-content-top .pc-week-cont p {
        font-size: 17px;
        margin: 0;
        padding: 0;
        color: #050505;
    }

    .pc-content-top .pc-week-cont span {
        color: #21f0a9;
        font-weight: bold;
        display: block;
        margin-top: 5px;
        font-size: 20px;
        letter-spacing: 2px;
    }

    .pc-content-top .pc-week-cont p i {
        margin-left: 5px;
    }

.pc-week-time ul {
    padding: 0;
    list-style: none;
    display: flex;
    border-radius: 5px;
    background: #e6e6e6;
}

    .pc-week-time ul li {
        padding: 4px 10px;
        border-radius: 5px;
        background: #e6e6e6;
    }

        .pc-week-time ul li a {
            color: #050505;
        }

        .pc-week-time ul li.active {
            background-color: #21f0a9;
        }

            .pc-week-time ul li.active a {
                color: #fff;
            }

.mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name .cat-subcat-name a {
    color: #5A6064;
}

    .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name .cat-subcat-name a.ms-cat-name {
        padding-right: 8px;
        position: relative;
    }

        .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name .cat-subcat-name a.ms-cat-name:after {
            position: absolute;
            content: '';
            width: 4px;
            height: 4px;
            border-radius: 50%;
            top: 8px;
            right: 0px;
            background-color: #737373;
        }

.mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name span.mutual-growth-dropdown {
    padding-left: 12px;
}

    .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name span.mutual-growth-dropdown select {
        background: #f2f2f2;
        border-radius: 5px;
        font-weight: bold;
        font-size: 12px;
        line-height: 14px;
        color: #404040;
        padding: 3px;
        border: 0;
        cursor: pointer;
    }

    .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name span.mutual-growth-dropdown option {
        text-align: left;
    }

.mutual-cat-name select {
    background: #f2f2f2;
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: #404040;
    padding: 3px;
    border: 0;
    cursor: pointer;
    width: 78px;
    margin-left: 10px;
}

    .mutual-cat-name select option {
        background: #f2f2f2;
        font-weight: bold;
        font-size: 12px;
        color: #404040;
    }

.thank-you-container {
    max-width: 720px;
    margin: 20px auto;
}

.thank-you-cont {
    padding: 30px 0;
    text-align: center;
}

.thank-you-tick img {
    width: 100px;
    margin-bottom: 30px;
}

.thank-you-ttl h3 {
    color: #303030;
    margin: 0;
    font-weight: bold;
    line-height: 1.5rem;
    font-size: 20px;
}

.thank-you-ttl p {
    color: rgb(102, 102, 102);
    margin: 0;
    font-size: 14px;
}

.thank-you-order-table table {
    border: 1px solid #e0e0e0;
}

.thank-you-order-table tr th {
    background-color: #e0e0e0;
}

    .thank-you-order-table tr th:last-child,
    .thank-you-order-table tr td:last-child {
        text-align: right;
    }

.tbl-tick {
    width: 30px;
}

.thank-you-order-table tr td {
    font-weight: bold;
}

.thank-you-order-table tr:first-child td {
    font-weight: 500;
}

.thank-you-pay-btn .btn {
    padding: 8px;
    color: #e6fff7;
    background-color: #21f0a9;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    margin: 0px 10px;
    width: 130px;
}

    .thank-you-pay-btn .btn.btn-auto-pay:hover {
        color: #21f0a9;
        background-color: #e6fff7;
    }

    .thank-you-pay-btn .btn.btn-transact {
        color: #21f0a9;
        background-color: #e6fff7;
    }

        .thank-you-pay-btn .btn.btn-transact:hover {
            color: #e6fff7;
            background-color: #21f0a9;
        }

.thank-you-pay-btn {
    text-align: center;
    padding-top: 50px;
}

.thank-you-sip-txt p {
    color: #525252;
    margin: 0;
    font-size: 14px;
    padding-top: 20px;
    text-align: center;
}

.thank-you-sip-txt span {
    position: relative;
}

    .thank-you-sip-txt span:before {
        position: absolute;
        content: '';
        width: 10px;
        height: 10px;
        background-color: red;
        left: -15px;
        top: 4px;
        border-radius: 100%;
    }


/*Parul Gavit -14/12/2023 - For - TASK-2023-019556*/

.thank-you-sip-txt-Success p {
    color: #525252;
    margin: 0;
    font-size: 14px;
    padding-top: 20px;
    text-align: center;
}

.thank-you-sip-txt-Success span {
    position: relative;
}

    .thank-you-sip-txt-Success span:before {
        position: absolute;
        content: '';
        width: 10px;
        height: 10px;
        background-color: #21f0a9;
        left: -15px;
        top: 4px;
        border-radius: 100%;
    }
/*End*/

.search-detail-page .mutual-sch-row {
    padding-left: 0;
}

.mutual-search-box.sch-detail-mutual-scheme .mutual-scheme-name label {
    font-size: 24px;
}

.mutual-search-box.sch-detail-mutual-scheme .mutual-invest-ttl label {
    font-size: 16px;
}

.mutual-invest-ttl label span {
    font-size: 10px;
}

    .mutual-invest-ttl label span.mut-rupee-icon {
        font-size: 14px;
    }

.mutual-search-box.sch-detail-mutual-scheme .mutual-invest-content span {
    font-size: 14px;
}

.search-detail-page .mutual-search-box.mu-per-ttl.mu-peer-cont .mutual-search-logo {
    padding-right: 0;
}

.search-detail-page .mutual-search-box.mu-per-ttl.mu-peer-cont .mutual-sch-row .mutual-scheme-cont-sch {
    width: 60%;
}

.search-detail-page .mutual-search-box.mu-per-ttl.mu-peer-cont .mutual-sch-row .mutual-invest-sch-cont {
    width: 18%;
}

.search-detail-page .mutual-search-box.mu-per-ttl.mu-peer-cont .mutual-sch-row .mutual-subcat-sch-cont {
    width: 15%;
}

.mutual-search-box.mu-per-ttl.mu-peer-cont h3 + .mutual-sch-row {
    padding-top: 0;
}

.fi-pay-radio input:checked,
.fi-pay-radio input:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .fi-pay-radio input:checked + label,
    .fi-pay-radio input:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: block;
        color: #666;
    }

        .fi-pay-radio input:checked + label:before,
        .fi-pay-radio input:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: -4px;
            width: 18px;
            height: 18px;
            border: 1px solid #21f0a9;
            border-radius: 100%;
            background: #fff;
        }

        .fi-pay-radio input:checked + label:after,
        .fi-pay-radio input:not(:checked) + label:after {
            content: '';
            width: 10px;
            height: 10px;
            background: #21f0a9;
            position: absolute;
            top: 0px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .fi-pay-radio input:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .fi-pay-radio input:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.fi-pay-btn-proceed {
    text-align: center;
    padding-top: 20px;
}

    .fi-pay-btn-proceed .fi-pay-btn {
        padding: 8px;
        color: #e6fff7;
        background-color: #21f0a9;
        border: 0;
        font-size: 15px;
        font-weight: bold;
        border-radius: 5px;
        margin: 0px 10px;
        width: 130px;
        display: inline-flex;
        justify-content: center;
    }

        .fi-pay-btn-proceed .fi-pay-btn:hover {
            color: #21f0a9;
            background-color: #e6fff7;
        }

.fi-pay-upi-content,
.fi-pay-netbank-content,
.fi-pay-rtgs-content {
    display: none;
}

    .fi-pay-upi-content input.form-control {
        box-shadow: none;
        border: 0;
        border-bottom: 1px solid #21f0a9;
        border-radius: 0;
        padding: 10px 0;
    }

.rtgs-ttl h3 {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
    font-weight: bold;
}

.rtgs-field label {
    color: #757575;
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
}

.rtgs-field span {
    color: #212121;
    font-size: 13px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    line-height: normal;
}

    .rtgs-field span span {
        display: inline-block;
    }

.fi-pay-list.fi-rtgs-cls.rtgs-padd-none {
    padding-top: 0;
    padding-bottom: 10px;
}

.fi-pay-walet-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fi-pay-input-right-amount span {
    border: 0;
    background-color: #e6fff7;
    padding: 4.5px 6px;
    color: #21f0a9;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    width: 150px;
    display: block;
}

span.mutual-growth-dropdown .sort-drp.dropdown button.dropdown-toggle {
    background: #f2f2f2;
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: #404040;
    padding: 3px;
    border: 0;
    cursor: pointer;
    width: 70px;
}

span.mutual-growth-dropdown .dropdown.sort-drp button.dropdown-toggle:after {
    content: none;
}

span.mutual-growth-dropdown .dropdown.sort-drp button.dropdown-toggle:before {
    position: absolute;
    content: '';
    background-image: url(../images/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 6px;
    height: 6px;
    right: 4px;
    top: 6px;
}

span.mutual-growth-dropdown .dropdown.sort-drp ul.dropdown-menu {
    min-width: 75px;
}

.fi-pay-rtgs-content hr {
    margin: 0;
}

.back-pay-hide {
    display: none;
}

.amount-pay-hblck {
    display: block;
}

#onetime,
.conditional-drop-show {
    display: none;
}

label.fi-monthly-corder {
    width: 100%;
}

.fi-monthly-sip .sort-drp.dropdown ul.dropdown-menu {
    background-color: #e6fff7;
}

.fi-monthly-sip .dropdown.sort-drp ul li a {
    font-weight: bold;
    color: #21f0a9;
}

    .fi-monthly-sip .dropdown.sort-drp ul li a:hover,
    .fi-monthly-sip .dropdown.sort-drp ul li a:focus {
        background-color: #21f0a9;
        color: #e6fff7;
        background-image: unset;
    }

.fi-pay-note-txt p {
    color: #212121;
    font-size: 13px;
    display: block;
    margin-bottom: 0;
    line-height: normal;
    padding-top: 10px;
}

    .fi-pay-note-txt p span {
        margin-right: 5px;
    }

.fi-nav-content,
fi-nav-content1,
.fi-nav-cont-main {
    text-align: center;
}

    .fi-nav-content span {
        display: block;
        padding-top: 15px;
        padding-bottom: 20px;
        font-size: 13px;
    }

.fi-nav-content1 span {
    display: block;
    padding-top: 20px;
    font-size: 13px;
}

.fi-nav-cont-main span {
    display: block;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 13px;
}

    .fi-nav-cont-main span.nav-execute-order-padd {
        padding-top: 10px;
    }

.ErrorMsg {
    text-align: center;
}

    .ErrorMsg span {
        font-size: 13px;
    }

.fi-monthly-checkbox label label.fi-monthly-corder.lbl_chck_ord_font {
    font-size: 13px;
}

.fi-conditional-order,
.fi-payment-suc-content {
    display: none;
}

    .fi-payment-suc-content a.pay-proced-btn {
        padding: 8px 20px;
        color: #e6fff7;
        background-color: #21f0a9;
        font-size: 15px;
        font-weight: bold;
        border-radius: 5px;
        margin-top: 10px;
    }

        .fi-payment-suc-content a.pay-proced-btn:hover {
            color: #21f0a9;
            background-color: #e6fff7;
        }

.fi-conditional-content {
    height: calc(480px - 220px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .fi-conditional-content h4 {
        color: rgb(102, 102, 102);
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
    }

        .fi-conditional-content h4.fi-ur-cond {
            margin-bottom: 40px;
        }

    .fi-conditional-content h5 {
        color: rgb(102, 102, 102);
        margin: 0;
        font-size: 14px;
    }

.fi-check-true {
    text-align: center;
    padding-top: 60px;
}

    .fi-check-true img {
        width: 60px;
    }

#EMandateShow,
#VerifyImageShow {
    display: none;
}

.mandate-read-below {
    padding: 10px;
}

    .mandate-read-below h3 {
        text-align: center;
        color: #857D7D;
        font-weight: normal;
        padding: 30px 0;
        padding-top: 10px;
    }

        .mandate-read-below h3 span {
            border-bottom: 1px solid #857D7D;
        }

ul.mandate-list {
    padding: 0px;
    margin: 0px;
}

    ul.mandate-list li {
        padding-left: 20px;
        padding-bottom: 20px;
        list-style: none;
        position: relative;
    }

        ul.mandate-list li:before {
            content: '';
            position: absolute;
            background: #60D2B5;
            border-radius: 100%;
            width: 12px;
            height: 12px;
            left: 0px;
            top: 5px;
        }

.cal-mandate-skip .sip-below-skip {
    color: #21f0a9;
    display: block;
    text-align: center;
    padding-top: 10px;
}

.mandate-below-image {
    background: rgba(96, 210, 181, 0.1);
    border: 1px solid #60D2B5;
    width: 100%;
    height: 230px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mandate-below-image img {
        width: 100%;
    }

.dropdown_sel {
    position: relative;
}

    .dropdown_sel > div.caption {
        padding: 6px 14px;
        border-radius: 5px;
        width: 150px;
        color: #21f0a9;
        background-color: #fff;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        cursor: pointer;
        font-weight: bold;
    }

        .dropdown_sel > div.caption.sel_caption_amunt {
            padding: 6px 10px;
            width: 100%;
        }

    .dropdown_sel img {
        width: 12px;
        position: absolute;
        right: 5px;
        top: 12px;
    }

    .dropdown_sel > div.list {
        position: absolute;
        background-color: #fff;
        width: 100%;
        border-radius: 10px;
        display: none;
        z-index: 9;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        padding: 5px 0;
    }

        .dropdown_sel > div.list > div.item {
            padding: 8px 14px;
            cursor: pointer;
            font-weight: bold;
        }

            .dropdown_sel > div.list > div.item:hover {
                color: #21f0a9;
                background-color: #e6fff7;
            }

    .dropdown_sel.open > div.list {
        display: block;
    }

    .dropdown_sel > div.listAmt {
        position: absolute;
        background-color: #fff;
        width: 100%;
        border-radius: 10px;
        z-index: 9;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        padding: 5px 0;
    }

        .dropdown_sel > div.listAmt > div.item {
            padding: 8px 14px;
            cursor: pointer;
            font-weight: bold;
        }

            .dropdown_sel > div.listAmt > div.item:hover {
                color: #21f0a9;
                background-color: #e6fff7;
            }

    .dropdown_sel.open > div.listAmt {
        display: block;
    }

.db-back-btn .db_bck_arrow_icon img {
    width: 20px;
    margin-right: 5px;
}

.db-back-btn .db_bck_arrow_icon {
    display: flex;
    align-items: center;
    color: #5A6064;
}

.db-back-btn .db_bck_arrow_icon {
    margin-bottom: 5px;
}

.cursor_search {
    position: relative;
    display: flex;
}

    .cursor_search i {
        position: absolute;
        width: 1px;
        height: 50%;
        background-color: #b2b3b3;
        left: 10px;
        top: 25%;
        animation-name: blink;
        animation-duration: 800ms;
        animation-iteration-count: infinite;
        opacity: 1;
        z-index: 3;
    }

    .cursor_search input:focus + i {
        display: none;
    }

@keyframes blink {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@media screen and (max-width:1080px) {
    .home_slider_top_wrap.other_page.search_home_detail_top_none.ng-scope {
        padding-top: 0;
    }
}

@media screen and (max-width:1024px) {
    .fi-monthly-below-content a {
        padding: 8px 6px;
        font-size: 14px;
        margin: 0px 5px;
        width: 120px;
    }

    .pc-holding-content .pc-holding-dropdown,
    .pc-holding-content .pc-holding-chart,
    .fi-monthly-sip label,
    .fi-monthly-sip select,
    .fi-monthly-sip .input-group.mb-3 {
        width: 100%;
    }

    .mutual-search-box .mutual-sch-row .mutual-search-logo {
        width: 15%;
    }

    .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch {
        width: 75%;
        padding-left: 15px;
        padding-right: 0;
    }

    .mutual-search-box .mutual-sch-row .mutual-invest-sch-cont {
        width: 25%;
        padding-top: 20px;
        padding-right: 15px;
    }

    .mutual-search-box .mutual-sch-row .mutual-subcat-sch-cont {
        width: 75%;
        padding-top: 20px;
    }

    .mutual-search-box .mutual-sch-row .mutual-search-logo img {
        width: 100px;
    }

    .mutual-search-box {
        padding: 25px 20px;
    }
}

@media screen and (max-width:920px) {
    .mu-col-pad {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }

    .search-detail-page .mutual-search-box .mutual-sch-row .mutual-search-logo {
        width: 10%;
    }

    .search-detail-page .mutual-search-box.mu-per-ttl.mu-peer-cont .mutual-sch-row .mutual-scheme-cont-sch {
        width: 58%;
    }

    .search-detail-page .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch {
        width: 85%;
    }

    .search-detail-page .mutual-search-box .mutual-sch-row .mutual-invest-sch-cont {
        width: 50%;
        text-align: left;
    }

    .search-detail-page .mutual-search-box .mutual-sch-row .mutual-subcat-sch-cont {
        width: 50%;
    }

    .search-container-pad {
        padding: 20px 0;
    }
}

@media screen and (max-width:767px) {
    .search-fund-label {
        font-size: 12px;
        width: 115px;
    }

    .search-fund-text {
        font-size: 12px;
        padding: 8px 0;
    }

    .search-detail-page .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch {
        width: 90%;
    }

    .mutual-cat-name select {
        font-size: 11px;
        padding: 3px 2px;
        width: 74px;
        margin-left: 0px;
    }

    .pc-content-top .pc-week-cont {
        padding-bottom: 10px;
    }

    .mutual-search-about-content,
    .search-fund-info-content {
        padding: 10px;
    }

    .search-perform-content .search-ul-stick ul li {
        padding: 8px;
    }

        .search-perform-content .search-ul-stick ul li a {
            font-size: 12px;
        }

    .pc-holding-dropdown .row.money_add {
        font-size: 13px;
    }

    .amc-detail-search .amc-sch-manager span:last-child {
        font-size: 13px;
    }

    .search-fund-main-cont {
        width: 100%;
    }

    .mutual-search-box .mutual-sch-row .mutual-search-logo {
        width: 30%;
    }

    .mutual-search-box .mutual-sch-row .mutual-invest-sch-cont {
        width: 30%;
        padding-right: 12px;
        text-align: left;
    }

    .mutual-search-box .mutual-sch-row .mutual-subcat-sch-cont {
        width: 70%;
    }

    .mutual-search-box {
        padding: 25px 15px;
    }

    .search-right-content {
        padding-left: 0px;
    }
}

@media screen and (max-width:1024px) {
    .mutual-search-box .mutual-sch-row .mutual-search-logo {
        width: 30%;
    }

    .mutual-search-box .mutual-sch-row .mutual-invest-sch-cont {
        width: 35%;
        padding-right: 8px;
    }

    .mutual-search-box .mutual-sch-row .mutual-subcat-sch-cont {
        width: 65%;
    }

    .mutual-search-box {
        padding: 20px 10px;
    }

        .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name {
            display: block;
        }

            .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name span {
                padding-bottom: 5px;
            }
}

.alram-diwali a {
    color: #fff;
}

.alram-diwali p {
    color: white;
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.top_alaram_bar_wrap .left_side_wrap {
    width: 80%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    float: left;
    padding: 3px 0px;
}

    .top_alaram_bar_wrap .left_side_wrap.f_left.alram_full_width_main {
        width: 100%;
    }

.left_side_wrap.f_left.alram_full_width_main img {
    width: 40px;
    margin-right: 8px;
}

.top_alaram_bar_wrap .right_side_wrap {
    width: 20%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    float: left;
    padding: 3px 0px;
    text-align: right;
}

    .top_alaram_bar_wrap .right_side_wrap .alaram_wrap {
        position: relative;
        padding: 5px 20px;
        background-color: #f2ed47;
        color: black;
        text-decoration: none;
        transition: all 0.3s ease-in-out;
        border-radius: 20px;
    }

        .top_alaram_bar_wrap .right_side_wrap .alaram_wrap:hover {
            background-color: #dfdfdf;
        }

@media only screen and (max-width: 992px) {
    .AlarmHeaderRight {
        margin-left: 0px;
        font-size: 8px;
        line-height: normal;
    }
}

@media only screen and (max-width: 767px) {
    .top_alaram_bar_wrap .right_side_wrap {
        text-align: right;
        transform: translate(0px, 7px);
        margin-top: 4px;
    }

    .top_alaram_bar_wrap .left_side_wrap {
        width: 74%;
    }

    .top_alaram_bar_wrap .right_side_wrap {
        width: 26%;
    }
}

.sch-fix.affix {
    position: fixed;
    top: 0;
    width: 280px;
    height: 100vh;
    overflow: scroll;
    padding-top: 2px;
}

.perform.perform-paa-top {
    padding-top: 45px;
}

.search-perform-description .perform {
    padding-bottom: 15px;
}

.main-search-pg-flex {
    padding: 0px 15px;
    width: 100%;
}

.main-search-sidebar {
    width: 300px;
    padding-right: 20px;
    position: absolute;
}

.main-search-right-content {
    padding-left: 300px;
    width: 100%;
}

.mutual-no-search {
    height: calc(100vh - 420px);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mutual-no-search p {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        color: #595959;
        line-height: 1.4;
    }

/*design changes start*/

.mutual-search-box .mutual-sch-row .mutual-invest-ttl label {
    font-size: 13px;
}

.mutual-search-box .mutual-sch-row .mutual-invest-content span {
    font-size: 15px;
}

.search-detail-page .mutual-search-box .mutual-sch-row .mutual-invest-ttl label {
    font-size: 15px;
}

.search-detail-page .mutual-search-box .mutual-sch-row .mutual-invest-content span {
    font-size: 13px;
}

.perform.sch-perform-cls2 .mutual-scheme-cont-sch .mutual-cat-name span.cat-subcat-name {
    padding-right: 10px;
    position: relative;
}

    .perform.sch-perform-cls2 .mutual-scheme-cont-sch .mutual-cat-name span.cat-subcat-name:after {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 50%;
        top: 9px;
        right: 3px;
        background-color: #737373;
    }

    .perform.sch-perform-cls2 .mutual-scheme-cont-sch .mutual-cat-name span.cat-subcat-name:last-child:after {
        content: none;
    }

.perform.sch-perform-cls2 .mutual-search-box .mutual-sch-row .mutual-invest-ttl label {
    font-size: 13px;
}

.perform.sch-perform-cls2 .mutual-search-box .mutual-sch-row .mutual-invest-content span {
    font-size: 15px;
}

    .perform.sch-perform-cls2 .mutual-search-box .mutual-sch-row .mutual-invest-content span.mutual-in-cgar {
        font-size: 10px;
    }

.mutual-search-box .mutual-sch-row .mutual-invest-content span span.mutual-in-cgar {
    font-size: 10px;
}

.cal-mandate-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .cal-mandate-btn .btn.btn-mandate-download {
        padding: 8px;
        color: #e6fff7;
        background-color: #21f0a9;
        font-size: 15px;
        font-weight: bold;
        border-radius: 5px;
        margin: 0px 5px;
        width: 130px;
        display: inline-flex;
        justify-content: center;
    }

    .cal-mandate-btn label {
        margin-bottom: 0px !important;
    }

        .cal-mandate-btn label input {
            display: none;
        }

        .cal-mandate-btn label .file-mandate-upload {
            padding: 8px;
            background: rgba(96, 210, 181, 0.4);
            border-radius: 5px;
            font-size: 15px;
            font-weight: bold;
            border-radius: 5px;
            margin: 0px 5px;
            width: 50px;
            display: inline-flex;
            justify-content: center;
        }

            .cal-mandate-btn label .file-mandate-upload img {
                width: 23px;
            }

.my-sip-page {
    padding: 60px 0;
}

.my-sip-main-box {
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
}

    .my-sip-main-box .my-sip-flex-wrap {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

.my-sip-failed {
    border-left: 3px solid #ff1100;
    padding: 0 5px;
}

.my-sip-success {
    border-left: 3px solid #21F0A8;
    padding: 0 5px;
}

.my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-fund-name {
    width: 32%;
    display: flex;
    align-items: center;
}

.my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-amount {
    /*width: 14%;*/
    width: 12%;
}

.my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-frequency {
    /*width: 16%;*/
    width: 12%;
}

.my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-date {
    /*width: 20%;*/
    width: 14%;
}

.my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-mandateid {
    /*width: 14%;*/
    width: 12%;
}

.my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-delte-icon {
    width: 4%;
}

.my-sip-main-box .my-sip-flex-wrap .my-sip-colmn label {
    display: block;
}

.my-sip-main-box .my-sip-flex-wrap .my-sip-colmn span {
    display: block;
}

.my-sip-main-box .my-sip-flex-wrap:hover .sip_del_pau_icon {
    display: flex;
    align-items: center;
    transition: all 1s;
}

.my-sip-main-box .my-sip-flex-wrap .sip_del_pau_icon .sip_icon {
    display: block;
    width: 34px;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #E3F4FF;
    border-radius: 5px;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
}

    .my-sip-main-box .my-sip-flex-wrap .sip_del_pau_icon .sip_icon img {
        width: 100%;
        height: 20px;
        object-fit: contain;
    }

.my-sip-colmn .sip_del_pau_icon.dropdown .sip_icon.dropdown-toggle:after {
    display: none;
}

.my-sip-colmn .sip_del_pau_icon.dropdown .dropdown-menu {
    min-width: 60px;
    left: -15px;
    border: 1px solid #e6e6e6 !important;
    box-shadow: 0 6px 8px 0 rgb(0 0 0 / 8%);
    border-radius: 5px;
}

    .my-sip-colmn .sip_del_pau_icon.dropdown .dropdown-menu .sip_icon {
        margin: 5px auto !important;
    }

.my-sip-page.mysip_main_pg .my-sip-main-box {
    padding: 25px;
}

    .my-sip-page.mysip_main_pg .my-sip-main-box .my-sip-flex-wrap {
        border-bottom: 1px solid #e5e5e5;
    }

        .my-sip-page.mysip_main_pg .my-sip-main-box .my-sip-flex-wrap:last-child {
            border-bottom: 0;
            margin-bottom: 0;
        }

.mf-mandate-table .mf-mandate-wrap.mf-wrap-status .mf-reject-rel {
    position: relative;
    display: inline-block;
}

    .mf-mandate-table .mf-mandate-wrap.mf-wrap-status .mf-reject-rel span.mf-remark {
        position: absolute;
        font-size: 11px;
        text-align: right;
        white-space: nowrap;
        right: 0;
        bottom: -18px;
        background-color: #ffd5d5;
        padding: 1px 5px;
        padding-left: 15px;
        line-height: normal;
    }

.mf-reject-rel span.mf-remark:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background-color: red;
    left: 4px;
    top: 4px;
    border-radius: 100%;
}

.demat_table table tr .redem_add_btn {
    display: flex;
}

    .demat_table table tr .redem_add_btn .redeem-btn {
        margin: 0px 8px;
        width: 82px;
        padding: 5px;
    }

.demat_table table.tbl_holding tbody tr td:nth-child(4) {
    width: auto;
}

/*design changes end*/

@media screen and (max-width:920px) {
    .search-perform-content .search-ul-stick .col-md-8 {
        padding-left: 0;
        padding-right: 30px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .search-container-pad {
        width: 100% !important;
        max-width: 100%;
    }

    .fund_page_wrap.mu-col-pad {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

        .fund_page_wrap.mu-col-pad .col-md-12.col-sm-12.pr-0 {
            padding-left: 0;
        }

    .search-perform-content .search-ul-stick.fixed-cls .container {
        padding-right: 15px;
    }

    .search-right-content .all-mutual-ttl .search-filter-dropdown {
        top: 0;
        position: relative;
        right: auto;
        width: 100%;
        margin-top: 10px;
    }
}

@media screen and (max-width:767px) {
    .my-sip-main-box .my-sip-flex-wrap .sip_del_pau_icon .sip_icon {
        width: 30px;
    }

    .mf-mandate-table .mf-mandate-wrap.mf-wrap-status .mf-reject-rel span.mf-remark {
        position: relative;
        margin-top: 10px;
        bottom: 0;
    }

    .main-search-sidebar {
        width: 100%;
        padding-right: 0;
        position: relative;
    }

    .main-search-right-content {
        padding-left: 0;
    }

    .sch-fix.affix {
        position: relative;
        width: 100%;
        height: auto;
    }

    .main-search-pg-flex {
        width: 100%;
    }

    .mutual-search-box .mutual-sch-row .mutual-search-logo {
        width: 10%;
    }

    .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch {
        width: 90%;
        padding-left: 10px;
    }

        .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name span {
            font-size: 10px;
            padding-left: 20px;
        }

    .cat-recomend-nam:before,
    .cat-top-perform-nam:before {
        width: 12px;
        height: 12px;
    }

    .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name .cat-subcat-name {
        padding-right: 5px;
    }

    .mutual-search-box .mutual-sch-row:before {
        content: none;
    }

    .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-cat-name span.cat-recomend-nam {
        margin-right: 5px;
    }

    .search-right-content .all-mutual-ttl h3 {
        font-size: 18px;
    }

    .search-mutual-tab ul li a {
        margin: 0;
        font-size: 14px;
        width: 110px;
        padding: 0 6px 8px;
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .mutual-search-box .mutual-sch-row .mutual-invest-sch-cont,
    .mutual-search-box .mutual-sch-row .mutual-subcat-sch-cont {
        padding-top: 10px;
    }

    .mutual-search-box .mutual-sch-row .mutual-scheme-cont-sch .mutual-scheme-name label.ng-binding {
        font-size: 12px;
        margin-bottom: 0;
    }

    .mutual-search-box .mutual-sch-row {
        padding: 15px 0px;
    }

    .mutual-search-about-content p {
        padding-top: 5px;
    }

    .mutual-search-about-content ul {
        padding-left: 20px;
        margin-bottom: 0;
    }

    .search-perform-content .search-ul-stick .col-md-8 {
        padding-right: 0;
    }

    #perform-line-chart {
        margin-left: -40px;
        height: 160px !important;
    }

        #perform-line-chart .highcharts-container {
            width: 100% !important;
            overflow: unset !important;
        }

    .perform-return-chart table.pc-tbl-chart tr td:first-child {
        width: 50%;
        padding-right: 5px;
    }

    .perform-return-chart table.pc-tbl-chart tr td,
    .perform-return-chart table.pc-tbl-chart tr th {
        padding: 6px 6px;
    }

    .search-detail-page .mutual-search-box.mu-per-ttl.mu-peer-cont .mutual-sch-row .mutual-scheme-cont-sch {
        width: 90%;
    }

    .search-detail-page .mutual-search-box.mu-per-ttl.mu-peer-cont .mutual-sch-row .mutual-invest-sch-cont {
        width: 40%;
    }

    .search-detail-page .mutual-search-box.mu-per-ttl.mu-peer-cont .mutual-sch-row .mutual-subcat-sch-cont {
        width: 60%;
    }

    .search-right-content .all-mutual-ttl .search-filter-dropdown select {
        padding: 6px 4px;
        width: 110px;
        font-size: 12px;
    }

    .search-right-content .all-mutual-ttl .search-filter-dropdown span {
        margin-right: 4px;
        font-size: 12px;
    }

    .mutual-search-about-content ul p {
        font-size: 13px;
    }

    .search-detail-page .mutual-search-box .mutual-sch-row .mutual-search-logo {
        padding-right: 0px;
    }
}

.sch-sip-lbl {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    margin-bottom: 15px;
}

    .sch-sip-lbl label {
        width: 54%;
        font-size: 12px;
    }

    .sch-sip-lbl.fr_invest_lbl_main label,
    .invest_one_time_wrap .fi-monthly-sip.fr_invest_lbl_main label {
        width: 70%;
    }

    .sch-sip-lbl .input-group {
        width: 46%;
        font-size: 13px;
        position: relative;
        display: inline-block;
    }

    .sch-sip-lbl.fr_invest_lbl_main .input-group,
    .invest_one_time_wrap .fi-monthly-sip.fr_invest_lbl_main .input-group {
        width: 30%;
    }

    .sch-sip-lbl .input-group .input-group-prepend img {
        width: 18px;
    }

    .sch-sip-lbl .input-group input {
        text-align: right;
        padding-right: 8px;
        padding-left: 20px;
        color: #21f0a9;
        background-color: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        font-weight: bold;
        font-size: 16px;
    }

    .sch-sip-lbl select {
        padding: 8px;
        -webkit-appearance: none;
        color: #21f0a9;
        background-color: #e6fff7;
        font-weight: bold;
        border: 0;
        text-align: left;
    }

    .sch-sip-lbl .input-group .input-calendar {
        text-align: right;
        padding-right: 8px;
        padding-left: 20px;
        color: #21f0a9;
        background-color: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        font-weight: bold;
        font-size: 16px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: right;
        cursor: pointer;
    }

        .sch-sip-lbl .input-group .input-calendar::after {
            display: none;
        }

    .sch-sip-lbl .input-group .input-group-prepend {
        position: absolute;
        left: 8px;
        top: 3px;
        z-index: 9;
        color: #21f0a9;
    }

        .sch-sip-lbl .input-group .input-group-prepend.calendar-inp {
            top: 7px;
        }

        .sch-sip-lbl .input-group .input-group-prepend span.append-icon {
            font-size: 18px;
        }

.inp-cal-dropdown-menu ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

    .inp-cal-dropdown-menu ul li {
        list-style: none;
        width: 14.66%;
        margin: 8px 1%;
        text-align: center;
    }

.inp-cal-dropdown-menu {
    width: 300px;
    left: -180px;
    top: 25px;
    padding: 20px;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 2px 10px rgb(0 0 0 / 4%);
}

    .inp-cal-dropdown-menu ul li a {
        color: #424242;
        font-weight: 600;
        transition: all .1s ease-in-out;
        background-color: #fff;
        border-radius: 5px;
        padding: 8px;
        display: block;
    }

        .inp-cal-dropdown-menu ul li a:hover {
            transform: scale(1.2);
            background-color: #f6f6f7;
        }

        .inp-cal-dropdown-menu ul li a.active {
            background-color: #234E70;
            color: #fff;
        }

    .inp-cal-dropdown-menu h3 {
        font-weight: bold;
        font-size: 17px;
        text-align: center;
        margin: 0px;
    }

.cal-confirm-btn .btn.btn-green-monthly,
.fi-start-sip.invest_mod_btn_wrap {
    padding: 8px;
    color: #e6fff7;
    border: 0;
    background-color: #21f0a9;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    margin: 0px 10px;
    width: 130px;
    display: inline-flex;
    justify-content: center;
}

    .cal-confirm-btn .btn.btn-green-monthly:hover,
    .fi-start-sip.invest_mod_btn_wrap:hover {
        color: #21f0a9;
        background-color: #e6fff7;
    }

.inp-cal-dropdown-menu .close-icon-sch-sip {
    color: #9e9e9e;
    font-size: 15px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 9;
}

.sip-below-content {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
}

    .sip-below-content p {
        font-size: 15px;
        margin: 0px;
        margin-bottom: 10px;
        padding: 0px;
    }

.fi-sip-autopay,
#PayAmount,
#PayOptions {
    display: none;
}

.autopay-header {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    position: relative;
}

    .autopay-header img {
        width: 25px;
        transform: rotateZ(-180deg);
        cursor: pointer;
    }

    .autopay-header span {
        font-weight: bold;
        font-size: 17px;
    }

.sch-sip-lbl.fi-monthly-sip {
    padding: 10px 0;
    padding-bottom: 20px;
    border-bottom: 0.5px solid #f6f6f6;
}

.sip-checkbox .form-group {
    display: block;
    margin-bottom: 0px;
}

    .sip-checkbox .form-group.sip_check_form_last_top {
        margin-top: 15px;
    }

.neft-pay-option .sip-checkbox .form-group {
    margin-bottom: 15px;
}

.sip-checkbox .form-group input.pay-chckbox {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.sip-checkbox .form-group label {
    position: relative;
    cursor: pointer;
    font-size: 15px;
    margin-bottom: 0px;
}

.sip-checkbox .form-group input.pay-chckbox + label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #b7b8b8;
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.sip-checkbox .form-group input.pay-chckbox:checked + label:before {
    background-color: #e6fff7;
    border-color: #21f0a9;
}

.sip-checkbox .form-group input.pay-chckbox:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 6px;
    width: 5px;
    height: 9px;
    border: solid #21f0a9;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.sip-checkbox .form-group input.inp-radio-chck {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

    .sip-checkbox .form-group input.inp-radio-chck + label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid #b7b8b8;
        padding: 6px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        border-radius: 100%;
    }

    .sip-checkbox .form-group input.inp-radio-chck:checked + label:before {
        background-color: #e6fff7;
        border-color: #21f0a9;
    }

    .sip-checkbox .form-group input.inp-radio-chck:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 9px;
        left: 4px;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background-color: #21f0a9;
    }

.mandate-drop-flex .mandate-bank {
    display: flex;
    align-items: center;
}

.sip-checkbox .form-group.dropdown ul.dropdown-menu {
    padding: 10px 5px;
    position: relative;
    top: 0px !important;
}

.mandate-drop-flex .mandate-bank {
    margin: 0px;
    padding: 5px;
}

.sch_fund_pg_sip_auto_pay.sch-sip-lbl.fi-monthly-sip.sip-sch-align-center .mandate-drop-flex .mandate-bank label {
    width: 70%;
    margin: 0px;
}

.sch_fund_pg_sip_auto_pay.sch-sip-lbl.fi-monthly-sip.sip-sch-align-center .mandate-drop-flex .mandate-bank span {
    width: 30%;
    font-size: 12px;
    text-align: right;
}

.mandate-drop-flex {
    margin: 0;
    padding: 10px 5px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 4%);
    border-radius: 10px;
}

    .mandate-drop-flex.sip-mandate-drop-flx {
        padding: 10px 5px;
        border-radius: 5px;
        width: 330px;
        margin-top: 4px;
        margin-left: -125px;
        background: #fff;
        border: 1px solid #e6e6e6;
        box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
        position: absolute;
        z-index: 9;
    }

.sch-sip-lbl.fi-monthly-sip.sip-sch-align-center {
    align-items: flex-start;
}

.sip-checkbox .form-group .sip-money-pay {
    display: none;
}

    .sip-checkbox .form-group .sip-money-pay.active {
        display: block;
    }

input.form-control.upi-pay-input {
    border: 0;
    border-bottom: 1px solid #23f0aa;
    border-radius: 0;
    padding: 4px 0;
    height: auto;
    margin-top: 6px;
}

.neft-pay-option {
    padding: 10px 0;
    padding-bottom: 0px;
    margin-bottom: 10px;
    border-bottom: 0.5px solid #f6f6f6;
}

.neft-bank-detail .neft-form-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

    .neft-bank-detail .neft-form-group label {
        width: 44%;
        font-size: 13px;
        font-weight: normal;
    }

    .neft-bank-detail .neft-form-group span {
        width: 56%;
        font-size: 12px;
        line-height: normal;
        font-weight: bold;
    }

.bank-neft-note p {
    text-align: center;
    font-size: 13px;
}

.cal-confirm-btn {
    text-align: center;
}

.fi-invest-right.rght-box-blur {
    filter: blur(1px);
    pointer-events: none;
}

.fi-sip-link-share p {
    font-size: 15px;
    text-align: center;
    margin-bottom: 0;
}

.fi-sip-link-share .fi-share-gif {
    text-align: center;
    position: relative;
}

    .fi-sip-link-share .fi-share-gif span {
        display: block;
        font-size: 15px;
        margin-top: 10px;
        position: absolute;
        bottom: 40px;
        width: 100%;
        text-align: center;
    }

    .fi-sip-link-share .fi-share-gif img {
        width: 80%;
    }

.sip-bank-name span.sip-bank-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sip-mandate-drop-flx .mandate-bank label {
    position: relative;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 0px;
}

.sip-mandate-drop-flx .mandate-bank input.mandate-radio-chck + label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #b7b8b8;
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.sip-mandate-drop-flx .mandate-bank input.mandate-radio-chck:checked + label:before {
    background-color: #e6fff7;
    border-color: #21f0a9;
}

.sip-mandate-drop-flx .mandate-bank input.mandate-radio-chck:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 6px;
    width: 5px;
    height: 9px;
    border: solid #21f0a9;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.sip-mandate-drop-flx .mandate-bank input.mandate-radio-chck {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

    .sip-mandate-drop-flx .mandate-bank input.mandate-radio-chck + label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid #b7b8b8;
        padding: 6px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        border-radius: 100%;
    }

    .sip-mandate-drop-flx .mandate-bank input.mandate-radio-chck:checked + label:before {
        background-color: #e6fff7;
        border-color: #21f0a9;
    }

    .sip-mandate-drop-flx .mandate-bank input.mandate-radio-chck:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 7px;
        left: 4px;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background-color: #21f0a9;
    }

.sch-sip-lbl.fi-monthly-sip.sip-sch-align-center .sip-bank-name span.sip-bank-select {
    padding: 9.5px 8px;
    color: #21f0a9;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    font-weight: bold;
    line-height: normal;
    font-size: 12px;
    cursor: pointer;
}

    .sch-sip-lbl.fi-monthly-sip.sip-sch-align-center .sip-bank-name span.sip-bank-select img {
        width: 12px;
    }

.sip_auto_pay_main_bx .fi-pay-list .fi-pay-ttl {
    padding-left: 0;
}

.mandate_fund_detail_wrap .sch-sip-lbl.fi-monthly-sip.sip-sch-align-center {
    margin-bottom: 10px;
    padding-top: 10px;
}

    .sch_fund_pg_sip_auto_pay.sch-sip-lbl.fi-monthly-sip.sip-sch-align-center label,
    .mandate_fund_detail_wrap .sch-sip-lbl.fi-monthly-sip.sip-sch-align-center label,
    .mandate_fund_detail_wrap .lbl_mandate_bank_detail .fi-monthly-sip label:first-child {
        width: 38%;
    }

    .sch_fund_pg_sip_auto_pay.sch-sip-lbl.fi-monthly-sip.sip-sch-align-center .input-group,
    .mandate_fund_detail_wrap .sch-sip-lbl.fi-monthly-sip.sip-sch-align-center .input-group,
    .mandate_fund_detail_wrap .lbl_mandate_bank_detail .fi-monthly-sip label:last-child {
        width: 62%;
    }

.my_sip_not_found .no_sip_vector {
    text-align: center;
}

    .my_sip_not_found .no_sip_vector img {
        height: 360px;
        object-fit: contain;
    }

.no_sip_explore_btn p {
    padding-top: 0;
    font-size: 16px;
}

.no_sip_explore_btn {
    padding-top: 60px;
    text-align: center;
}

    .no_sip_explore_btn .btn_explore_sip {
        padding: 8px 12px;
        color: #e6fff7;
        background-color: #21f0a9;
        font-size: 15px;
        font-weight: bold;
        border-radius: 5px;
        width: 120px;
    }

        .no_sip_explore_btn .btn_explore_sip:hover {
            color: #21f0a9;
            background-color: #e6fff7;
        }

.upload_img_show_box {
    border: 2px dashed #79b3df;
    padding: 10px;
    width: 80%;
    margin: 10px auto;
    margin-top: 15px;
    text-align: center;
    cursor: pointer;
}

    .upload_img_show_box img {
        height: 170px;
    }

.modal_popup_upload_img {
    text-align: center;
}

    .modal_popup_upload_img img {
        height: 400px;
    }

.modal-content.invest_mod_body {
    border-radius: 10px;
}

.search_tab_main {
    height: 52px;
    display: inline-block;
}

@media screen and (max-width:1440px) {
    .no_sip_explore_btn {
        padding-top: 30px;
    }

    .my_sip_not_found .no_sip_vector img {
        height: 300px;
    }
}

@media screen and (max-width:1199px) {
    .mandate-drop-flex.sip-mandate-drop-flx {
        width: 270px;
        margin-left: -104px;
    }
}

@media screen and (max-width:1100px) {
    .dropdown_sel img {
        top: 10px;
    }

    .sip-below-content p {
        font-size: 14px;
    }

    .demat_table table.tbl_holding tbody tr td:nth-child(4) {
        padding: 8px !important;
    }

    .demat_table table.tbl_holding tbody tr td {
        white-space: nowrap;
    }

    .neft-bank-detail .neft-form-group span {
        font-size: 13px;
    }

    .neft-bank-detail .neft-form-group label {
        font-size: 12px;
    }

    .autopay-header span {
        font-size: 16px;
    }

    .sip-below-content p,
    .fi-sip-link-share p {
        font-size: 14px;
    }

    .fi-invest-right h3 {
        font-size: 16px;
    }

    .sch-sip-lbl .input-group input {
        font-size: 15px;
    }

    .sch-sip-lbl.fi-monthly-sip.sip-sch-align-center {
        padding-bottom: 15px;
        margin-bottom: 0;
    }
}

@media screen and (max-width:920px) {
    .inp-cal-dropdown-menu {
        left: 60px;
    }

    .fi-sip-link-share .fi-share-gif img {
        width: 40%;
    }

    .mandate-drop-flex.sip-mandate-drop-flx {
        width: 100%;
        margin-left: 0;
    }

    .modal_popup_upload_img img {
        height: 320px;
        width: 100%;
        object-fit: contain;
    }

    .col-md-4.col-sm-12.mu-col-pad .right_mf_fix .container {
        width: 100% !important;
    }
}

@media screen and (max-width:767px) {
    .my-sip-main-box .my-sip-flex-wrap:hover .sip_del_pau_icon {
        justify-content: right;
    }

    .my_sip_not_found .no_sip_vector img {
        height: 240px;
    }

    .modal_popup_upload_img img {
        height: 320px;
    }

    .thank-you-pay-btn button.btn.btn-auto-pay.width30 {
        width: auto !important;
        margin: 0 2px;
        font-size: 13px;
    }

    .thank-you-ttl h3 {
        font-size: 18px;
    }

    .thank-you-sip-txt p {
        font-size: 12px;
    }

    .thank-you-cont {
        padding: 20px 0;
    }

    .thank-you-pay-btn {
        padding-top: 30px;
    }

    .thank-you-order-table table.table tr td,
    .thank-you-order-table table.table tr th {
        font-size: 12px;
        padding: 6px 8px;
    }

    .thank-you-tick img {
        width: 70px;
        margin-bottom: 25px;
    }

    .fi-monthly-below-content a,
    .cal-confirm-btn .btn.btn-green-monthly {
        padding: 7px 4px;
        font-size: 13px;
        margin: 0px 5px;
        width: 100px;
    }

    .fi-invest-right {
        min-height: 470px;
    }

    .lbl_mandate_bank_detail .fi-monthly-sip {
        padding-top: 2px;
    }

    .sch-sip-lbl.fi-monthly-sip {
        padding: 5px 0;
        padding-bottom: 10px;
    }

    .mandate_fund_detail_wrap .sch-sip-lbl.fi-monthly-sip.sip-sch-align-center {
        padding-top: 0;
    }

    .dropdown_sel > div.caption {
        padding: 6px 10px;
        width: 130px;
        font-size: 12px;
    }

    .top_alaram_bar_wrap .right_side_wrap .alaram_wrap {
        padding: 5px 14px;
        font-size: 12px;
    }

    .inp-cal-dropdown-menu {
        left: 20px;
    }

    .fi-sip-link-share .fi-share-gif img {
        width: 70%;
    }

    .fi-sip-link-share .fi-share-gif span {
        bottom: 10px;
    }

    .fi-invest-right {
        margin-top: 20px;
    }

    .fi-monthly-sip {
        flex-wrap: wrap;
    }

    .sch_fund_pg_sip_auto_pay.sch-sip-lbl.fi-monthly-sip.sip-sch-align-center label,
    .mandate_fund_detail_wrap .sch-sip-lbl.fi-monthly-sip.sip-sch-align-center label,
    .mandate_fund_detail_wrap .lbl_mandate_bank_detail .fi-monthly-sip label:first-child,
    .sch_fund_pg_sip_auto_pay.sch-sip-lbl.fi-monthly-sip.sip-sch-align-center .input-group,
    .mandate_fund_detail_wrap .sch-sip-lbl.fi-monthly-sip.sip-sch-align-center .input-group,
    .mandate_fund_detail_wrap .lbl_mandate_bank_detail .fi-monthly-sip label:last-child,
    .sip-checkbox .fi-monthly-sip label,
    .sip-checkbox .fi-monthly-sip .input-group {
        width: 100%;
    }

    .fi-monthly-below-content {
        position: relative;
        margin-top: 10px;
    }
}

@media screen and (max-width:340px) {
    .thank-you-pay-btn button.btn.btn-auto-pay.width30 {
        font-size: 12px;
        padding: 6px 10px !important;
    }

    .sip-below-content p,
    .fi-sip-link-share p {
        font-size: 12px;
    }

    .cal-confirm-btn .btn.btn-green-monthly {
        padding: 7px !important;
        font-size: 14px;
        width: 120px;
    }

    .sip-checkbox .form-group label {
        font-size: 12px;
    }

    .sip-checkbox .form-group span {
        font-size: 11px;
    }

    .autopay-header img {
        width: 20px;
    }
}

.navbar .header-dropdown-logo-menu {
    padding: 12px 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .18);
    position: absolute;
    left: 70%;
    width: 330px;
    margin-top: 40px !important;
}

.header-dropdown-logo-menu .header-dropdown-logo {
    width: 100%;
}

    .header-dropdown-logo-menu .header-dropdown-logo .row {
        align-items: center;
    }

    .header-dropdown-logo-menu .header-dropdown-logo .dropdwon-item {
        display: flex;
        text-align: center;
        padding: 4px 0;
        height: 70px;
        align-items: center;
        justify-content: center;
    }

        .header-dropdown-logo-menu .header-dropdown-logo .dropdwon-item img {
            width: 75%;
        }

@media screen and (max-width:1200px) {
    .navbar .header-dropdown-logo-menu {
        left: 65%;
    }
}

@media screen and (max-width:920px) {
    .navbar .header-dropdown-logo-menu {
        left: 40%;
    }
}

@media screen and (max-width:767px) {
    .navbar .header-dropdown-logo-menu {
        left: 0;
        height: auto;
    }

    .header-dropdown-logo-menu .header-dropdown-logo .dropdwon-item {
        height: auto;
    }

        .header-dropdown-logo-menu .header-dropdown-logo .dropdwon-item img {
            width: 70px;
        }

    .header-dropdown-logo-menu .header-dropdown-logo .badge {
        right: 14% !important;
    }
}

/*transaction page*/

.main-transaction-mf {
    font-family: 'Quicksand';
    font-family: 'Quicksand', sans-serif;
    padding: 40px 0;
}

    .main-transaction-mf .trans-ttl h2 {
        font-family: 'Quicksand';
        font-family: 'Quicksand', sans-serif;
        font-weight: 700;
        margin: 0;
        font-size: 26px;
    }

.filter-dropdown-mf .dropdown-menu {
    padding: 0;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    min-width: 120px;
}

.filter-dropdown-mf .dropdown-toggle {
    font-size: 14px;
    color: #21F0A8;
    padding: 10px 15px !important;
    height: auto;
    font-weight: 600;
    align-self: center;
    margin: 0 auto;
    width: 100px;
    letter-spacing: 0.9px;
    border: 0;
    border-radius: 0px !important;
    border-bottom: 1px solid #21F0A8;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .filter-dropdown-mf .dropdown-toggle:focus {
        border-bottom: 1px solid #21F0A8 !important;
    }

    .filter-dropdown-mf .dropdown-toggle img {
        width: 20px;
        margin-right: 5px;
        filter: invert(1);
    }

    .filter-dropdown-mf .dropdown-toggle::after {
        margin-left: 20px !important;
    }

.trans-top-main-mf .filter-dropdown-mf.main-filter-drop .btn.dropdown-toggle {
    color: #7cb5e0;
    border-color: #7cb5e0;
}

.trans-top-main-mf .filter-dropdown-mf.main-filter-drop .dropdown-menu a:hover {
    color: #7cb5e0;
    background-color: #daefff;
}

.trans-top-main-mf {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.filter-dropdown-mf .dropdown-menu a {
    display: block;
    text-align: left;
    padding: 8px 15px;
    color: #5a6064;
    font-weight: 600;
}

    .filter-dropdown-mf .dropdown-menu a:hover {
        color: #21f0a9;
        background-color: #e6fff7;
    }

.trans-tab-main-box {
    padding-top: 15px;
}

.transc-main-tab-box {
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    margin: 15px 0px;
    border-radius: 5px;
    padding: 25px;
}

    .transc-main-tab-box .transc-tab-flex {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

        .transc-main-tab-box .transc-tab-flex:last-child {
            border-bottom: 0;
            margin-bottom: 0;
        }

        .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-name-space {
            width: 40%;
        }

        .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-right-space {
            width: 12%;
        }

        .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-paybtn-space {
            width: 10%;
        }

        .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-amount-space {
            width: 14%;
        }

        .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-date-space {
            width: 20%;
        }

        .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-drop-space {
            width: 4%;
            text-align: right;
        }

        .transc-main-tab-box .transc-tab-flex .tt-main-fund .tt-fund-top label {
            font-size: 13px;
        }

        .transc-main-tab-box .transc-tab-flex .tt-main-fund .tt-fund-bottom label,
        .transc-main-tab-box .transc-tab-flex .tt-main-fund .tt-fund-bottom span {
            font-weight: normal;
            font-size: 15px;
            margin: 0;
        }

            .transc-main-tab-box .transc-tab-flex .tt-main-fund .tt-fund-bottom span.tt-fund-type-col {
                color: #65ADDB;
                font-weight: bold;
                display: block;
                font-size: 13px;
            }

.tt-main-fund btn.btn.transc-action-btn {
    color: #21f0a9;
    background-color: #e6fff7;
    font-weight: 600;
    padding: 3px 6px !important;
    border-radius: 4px;
    position: relative;
    text-transform: capitalize;
}

.tt-drop-space .tt-main-drop-arrow img {
    width: 16px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

.tt-drop-space .tt-main-drop-arrow.arrow-rotate img {
    transform: rotate(180deg);
}

.tt-main-timeline-order {
    display: none;
    width: 100%;
}

    .tt-main-timeline-order ul {
        display: flex;
        text-align: center;
    }

        .tt-main-timeline-order ul li {
            list-style: none;
            width: 33%;
            text-align: center;
        }

            .tt-main-timeline-order ul li label,
            .tt-main-timeline-order ul li span,
            .tt-main-timeline-order ul li span.dot {
                display: block;
                position: relative;
                font-size: 13px;
                padding: 0px 30px;
            }

            .tt-main-timeline-order ul li label {
                height: 45px;
                display: flex;
                align-items: flex-end;
                justify-content: center;
                margin: 0;
            }

            .tt-main-timeline-order ul li span.dot img {
                width: 20px;
                filter: grayscale(1);
            }

            .tt-main-timeline-order ul li span.dot:before {
                background-color: #d5d5d5;
                width: 100%;
                height: 2px;
                z-index: -1;
                position: absolute;
                content: "";
                margin: 0 auto;
                left: 0;
                top: 10px;
            }

            .tt-main-timeline-order ul li.active span.dot img {
                filter: unset;
            }

            .tt-main-timeline-order ul li.active span.dot:before {
                background-color: #21f0a8;
            }

            .tt-main-timeline-order ul li:first-child span.dot:before {
                left: auto;
            }

            .tt-main-timeline-order ul li:last-child span.dot:before {
                width: 50%;
            }

.tt-main-timeline-order {
    padding-top: 30px;
}

/*tab1*/

.trans-tab-mf ul.nav {
    border: 0;
}

    .trans-tab-mf ul.nav li {
        margin: 0;
    }

        .trans-tab-mf ul.nav li a {
            padding: 10px 20px;
            color: #5A6064;
            margin: 0;
            font-weight: bold;
        }

            .trans-tab-mf ul.nav li a.active,
            .trans-tab-mf ul.nav li a:hover {
                color: #21F0A8;
                border-bottom: 2px solid #21F0A8;
            }

/*tab1*/
/*tab2*/

.trans-tab-mf1 ul.nav {
    border-bottom: 0;
}

    .trans-tab-mf1 ul.nav li a {
        font-size: 14px;
        color: #21F0A8;
        padding: 10px 15px !important;
        font-weight: 600;
        align-self: center;
        letter-spacing: 0.9px;
        background-color: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
        margin: 0px 5px;
    }

        .trans-tab-mf1 ul.nav li a.active {
            background-color: #21F0A8;
            border: 1px solid #21F0A8;
            color: #fff;
        }

/*tab2*/
/*tab3*/

.trans-tab-mf2 ul.nav li a {
    border: 1px solid #e6e6e6;
    margin: 0 8px;
    border-radius: 5px 5px 0 0;
    color: #21f0a8;
    font-weight: bold;
    background-color: #fff;
    padding: 10px 8px;
    width: 110px;
    text-align: center;
    font-size: 13px;
}

.trans-tab-mf2 ul.nav li:first-child a {
    margin-left: 0;
}

.trans-tab-mf2 ul.nav li:last-child a {
    margin-right: 0;
}

.trans-tab-mf2 ul.nav li a.active {
    border: 1px solid #21f0a8;
    color: #fff;
    background-color: #21f0a8;
}

/*tab3*/
/*tab4*/

.trans-tab-mf3 ul.nav {
    background-color: #e6fff7;
    border-radius: 5px;
    border: 0;
}

    .trans-tab-mf3 ul.nav li a {
        margin: 0;
        color: #21f0a8;
        font-weight: bold;
        width: 110px;
        text-align: center;
        font-size: 13px;
        padding: 10px 8px;
        background-color: #e6fff7;
        border-bottom: 2px solid #e6fff7;
    }

        .trans-tab-mf3 ul.nav li a.active {
            background-color: #21f0a8;
            border-bottom: 2px solid #21f0a8;
            color: #fff;
        }

/*tab4*/

.transc-success {
    border-left: 3px solid #21f0a8;
    padding: 0 5px;
}

.transc-pending {
    border-left: 3px solid #79b3df;
    padding: 0 5px;
}

.transc-failed {
    border-left: 3px solid #ff1100;
    padding: 0 5px;
}

.mf-mandate-page {
    padding: 40px 0;
}

.mf-mandate-main-content .mf-content-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.mf-cont-vector {
    width: 50%;
    padding: 0px 15px;
}

.mf-cont-text {
    width: 34%;
    padding: 0px 15px;
}

.mf-mandate-main-bank,
.mf-mandate-success-main,
.mf-physical-mandate-main {
    width: 35%;
    padding: 0px 15px;
}

.mf-mandate-main-content .mf-content-flex .mf-cont-vector img {
    width: 75%;
}

.mf-mandate-main-content .mf-content-flex .mf-cont-text a.btn-mandate {
    padding: 10px;
    color: #e6fff7;
    background-color: #21f0a9;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 15px;
    display: inline-block;
}

    .mf-mandate-main-content .mf-content-flex .mf-cont-text a.btn-mandate:hover {
        color: #21f0a9;
        background-color: #e6fff7;
    }

.mf-mandate-main-bank .mf-default-bank-box {
    padding: 20px 15px;
    box-shadow: 0 2px 20px rgb(80 80 80 / 13%);
    margin: 15px 0px;
    border-radius: 5px;
    height: 450px;
    position: relative;
}

.db-bank-name p {
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
    color: rgb(102, 102, 102);
    font-size: 13px;
}

    .db-bank-name p span {
        font-size: 15px;
        font-weight: bold;
    }

.db-mandate-steps {
    padding-top: 8px;
}

    .db-mandate-steps ul {
        padding: 0;
        margin: 0;
    }

        .db-mandate-steps ul li {
            list-style: none;
            padding: 12px 0;
        }

            .db-mandate-steps ul li .db-steps-main {
                display: flex;
                align-items: center;
            }

                .db-mandate-steps ul li .db-steps-main img {
                    width: 20px;
                    filter: invert(1);
                }

                .db-mandate-steps ul li .db-steps-main p {
                    padding: 0;
                    margin: 0;
                    color: rgb(102, 102, 102);
                    font-size: 13px;
                    width: 92%;
                }

                .db-mandate-steps ul li .db-steps-main .db-steps-img {
                    background-color: #79b3df;
                    border-radius: 100%;
                    padding: 6px;
                    position: relative;
                    margin-right: 8px;
                    width: 34px;
                    height: 32px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                    .db-mandate-steps ul li .db-steps-main .db-steps-img:after {
                        position: absolute;
                        content: '';
                        width: 5px;
                        height: 40px;
                        border-right: 3px dashed #79b3df;
                        z-index: -1;
                        left: 40%;
                        top: 32px;
                    }

            .db-mandate-steps ul li:last-child .db-steps-main .db-steps-img:after {
                content: none;
            }

.db-bank-btn .btn-mandate-bank,
.db-bank-btn .btn-proceed-bank {
    padding: 8px;
    color: #e6fff7;
    background-color: #21f0a9;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    margin: 0px 5px;
    width: 110px;
    display: inline-flex;
    justify-content: center;
}

    .db-bank-btn .btn-mandate-bank:hover,
    .db-bank-btn .btn-proceed-bank:hover {
        color: #21f0a9;
        background-color: #e6fff7;
    }

.db-bank-btn {
    text-align: center;
    padding-top: 15px;
}

.mf-mandate-success-main .mf-success-box {
    text-align: center;
    padding: 20px 15px;
    box-shadow: 0 2px 20px rgb(80 80 80 / 13%);
    margin: 15px 0px;
    border-radius: 5px;
    height: 450px;
    position: relative;
}

    .mf-mandate-success-main .mf-success-box img {
        width: 70%;
    }

    .mf-mandate-success-main .mf-success-box p {
        margin: 0;
        padding: 0;
        margin-bottom: 20px;
        font-size: 15px;
    }

.mf-failed-btn-db a.btn-download-physical {
    padding: 8px;
    color: #e6fff7;
    background-color: #21f0a9;
    font-size: 13px;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 15px;
    display: inline-block;
    width: 180px;
    margin: 0px 3px;
}

    .mf-failed-btn-db a.btn-download-physical.btn-retry-download {
        width: 100px;
    }

    .mf-failed-btn-db a.btn-download-physical:hover {
        color: #21f0a9;
        background-color: #e6fff7;
    }

.mf-physical-mandate-main .mf-default-bank-box {
    padding: 20px 15px;
    box-shadow: 0 2px 20px rgb(80 80 80 / 13%);
    margin: 15px 0px;
    border-radius: 5px;
    height: 450px;
    position: relative;
}

.db-upload-box .upload-btn-wrapper {
    border: 2px dashed #79b3df;
    padding: 2px;
    width: 140px;
    text-align: center;
}

    .db-upload-box .upload-btn-wrapper label {
        margin-bottom: 0;
    }

    .db-upload-box .upload-btn-wrapper p {
        padding: 0;
        margin: 0;
    }

    .db-upload-box .upload-btn-wrapper img {
        width: 26px;
        margin-bottom: 2px;
    }

    .db-upload-box .upload-btn-wrapper span {
        display: block;
        font-size: 11px;
        font-weight: bold;
        text-transform: capitalize;
    }

    .db-upload-box .upload-btn-wrapper input {
        position: absolute;
        opacity: 0;
        width: 10px;
    }

.db-download-auto a.btn-autopay-form {
    font-weight: normal;
    color: #79b3df;
    text-decoration: underline !important;
    display: block;
    margin-top: 5px;
    cursor: pointer;
}

.db-mandate-steps ul li .db-steps-main p a {
    font-weight: normal;
    color: #79b3df;
    text-decoration: underline !important;
    cursor: pointer;
}

.db-amount-drop {
    position: relative;
}

    .db-amount-drop label {
        margin: 0;
        font-size: 13px;
        font-weight: normal;
    }

    .db-amount-drop select {
        border: 0;
        border-bottom: 1px solid #e6e6e6;
        padding: 5px 10px;
        border-radius: 0px;
        margin-left: 10px;
        color: #79b3df;
        text-align-last: left;
        font-weight: bold;
        width: 30%;
        font-size: 12px;
    }

        .db-amount-drop select option,
        .db-amount-drop option {
            border: 1px solid #e6e6e6;
            padding: 5px 10px;
            border-radius: 5px;
            margin-left: 5px;
            color: #79b3df;
            text-align: left;
            direction: ltr;
        }

.db-download-auto {
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 12px;
}

.mf-mandate-table {
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
    padding: 25px 20px;
    margin: 40px 0;
    margin-top: 20px;
}

.mf-tbl-main h3 {
    margin: 0;
    margin-top: 60px;
    font-size: 24px;
    font-weight: bold;
    color: #595959;
    line-height: 1.4;
}

.mf-mandate-table .mf-mandate-flex {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 25px;
    margin-bottom: 20px;
    position: relative;
}

    .mf-mandate-table .mf-mandate-flex:last-child {
        border-bottom: 0;
        margin-bottom: 0;
    }

    .mf-mandate-table .mf-mandate-flex .mf-mandate-wrap {
        width: 15%;
        padding: 0px 2px;
    }

        .mf-mandate-table .mf-mandate-flex .mf-mandate-wrap.mf-create-on-wrap {
            width: 15%;
        }

        .mf-mandate-table .mf-mandate-flex .mf-mandate-wrap.mf-wrap-bank {
            width: 25%;
            padding-right: 40px;
        }

        .mf-mandate-table .mf-mandate-flex .mf-mandate-wrap.mf-wrap-status {
            width: 15%;
            padding-right: 18px;
            position: relative;
        }

.upload_mf_mandate_opt {
    position: absolute;
    right: 0;
    width: 24px;
    top: 24px;
}

.mf-mandate-table .mf-mandate-flex .mf-mandate-wrap label,
.mf-mandate-table .mf-mandate-flex .mf-mandate-wrap span {
    display: block;
    font-size: 13px;
}

.mf-tbl-main {
    padding: 0px 15px;
}

.db-upload-procedd-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}

    .db-upload-procedd-btn .db-bank-btn {
        padding-top: 0;
        margin-left: 10px;
    }

.db-all-btn-center {
    position: absolute;
    bottom: 20px;
    width: 92%;
}

.mf-failed-btn-db.db-all-btn-fix-bottom {
    width: 100%;
}

.mandate-text p {
    font-size: 16px;
}

/*dashboard css*/

.main_dahboard_page {
    padding: 60px 0;
}

.db_autopay {
    display: flex;
    flex-wrap: wrap;
}

    .db_autopay .db_autopay_box {
        margin-right: 30px;
    }

        .db_autopay .db_autopay_box label {
            padding: 10px 20px;
            border: 1px solid #e6e6e6;
            box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
            border-radius: 5px;
            font-weight: normal;
            font-size: 18px;
        }

        .db_autopay .db_autopay_box span.db_highlight {
            color: #21f0a9;
            font-weight: bold;
        }

        .db_autopay .db_autopay_box .db_add_space {
            padding: 0 5px;
        }

.db_recent_main_box {
    padding: 25px 20px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
}

    .db_recent_main_box .recent_trans_flex {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
        padding: 15px 0;
    }

        .db_recent_main_box .recent_trans_flex:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

        .db_recent_main_box .recent_trans_flex:first-child {
            padding-top: 0;
        }

        .db_recent_main_box .recent_trans_flex .db_transact_content {
            width: 18%;
        }

            .db_recent_main_box .recent_trans_flex .db_transact_content.db_rt_fund {
                width: 36%;
            }

            .db_recent_main_box .recent_trans_flex .db_transact_content.db_rt_paynow {
                width: 10%;
            }

            .db_recent_main_box .recent_trans_flex .db_transact_content label {
                display: block;
                font-size: 13px;
            }

            .db_recent_main_box .recent_trans_flex .db_transact_content span {
                display: block;
                font-size: 15px;
            }

                .db_recent_main_box .recent_trans_flex .db_transact_content span span {
                    font-size: 13px;
                    color: #65ADDB;
                    background-color: #e3f4ff;
                    font-weight: 600;
                    display: table;
                    padding: 0 6px;
                    border-radius: 4px;
                    margin-top: 4px;
                }

.db_recent_transaction {
    margin: 40px 0;
}

.db_recent_ttl h3 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #595959;
    line-height: 1.4;
}

.db_recent_ttl {
    margin-bottom: 15px;
    position: relative;
}

.db_ttl_view_link {
    position: absolute;
    right: 0;
}

.db_recent_ttl {
    display: flex;
    align-items: center;
}

    .db_recent_ttl .db_dash_icon {
        width: 46px;
        height: 46px;
        background-color: #fff;
        border-radius: 100%;
        box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
    }

        .db_recent_ttl .db_dash_icon img {
            height: 32px;
        }

.db_ttl_view_link {
    position: absolute;
    right: 0;
    color: #88c4f1;
    font-weight: bold;
    font-size: 15px;
    text-decoration: underline !important;
}

    .db_ttl_view_link:hover {
        color: #78b3df;
    }

button.btn_pay_now_db {
    padding: 6px 20px;
    color: #e6fff7;
    background-color: #21f0a9;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    border: 0;
}

.db_invest_flex_wrap {
    display: flex;
    flex-wrap: wrap;
}

    .db_invest_flex_wrap .db_invest_left {
        width: 28%;
        margin: 0 1%;
        margin-left: 0;
    }

    .db_invest_flex_wrap .db_invest_right {
        width: 70%;
        margin: 0 1%;
        margin-right: 0;
    }

    .db_invest_flex_wrap .db_recent_main_box.db_invest_left .my_invest_content {
        padding: 8px;
    }

    .db_invest_flex_wrap .db_invest_left .db_recent_invest_flex1 .my_invest_content {
        padding: 8px;
    }

    .db_invest_flex_wrap .db_recent_main_box.db_invest_left .my_invest_content label {
        display: block;
    }

.db_watch_list .db_flex_watchl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}

    .db_watch_list .db_flex_watchl .db_flex_watch_col {
        width: 18%;
        margin: 1%;
        margin-top: 0;
        padding: 15px 10px;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
        position: relative;
        height: 210px;
    }

        .db_watch_list .db_flex_watchl .db_flex_watch_col:hover {
            box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
        }

.db_recent_transaction.db_exp_fund_wrap .db_watch_list .db_flex_watch_col {
    height: 190px;
}

.db_watch_list .db_flex_watchl .db_flex_watch_col img {
    width: 42px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.db_watch_list .db_flex_watchl .db_flex_watch_col label {
    display: block;
}

.db_watch_list .db_flex_watchl .db_flex_watch_col .db_Watchlist_bottom {
    position: absolute;
    bottom: 15px;
}

    .db_watch_list .db_flex_watchl .db_flex_watch_col .db_Watchlist_bottom label {
        font-weight: normal;
        font-size: 13px;
    }

        .db_watch_list .db_flex_watchl .db_flex_watch_col .db_Watchlist_bottom label span,
        .db_watch_list .db_flex_watchl .db_flex_watch_col .db_Watchlist_bottom span span:first-child {
            font-size: 10px;
            margin-right: 5px;
        }

    .db_watch_list .db_flex_watchl .db_flex_watch_col .db_Watchlist_bottom span span:nth-child(2) {
        font-size: 13px;
    }

    .db_watch_list .db_flex_watchl .db_flex_watch_col .db_Watchlist_bottom span small {
        margin-left: 5px;
        font-size: 80%;
    }

.db_negative {
    color: #ff0000;
}

.db_positive {
    color: #21f0a9;
}

.db_recent_main_box.db_invest_left .my_invest_content label {
    font-size: 15px;
    margin-bottom: 3px;
}

.db_recent_main_box.db_invest_left .my_invest_content span {
    font-size: 17px;
}

.db_watch_list .db_flex_watchl .db_flex_watch_col label.db_fav_fund_name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    font-size: 13px;
}

span.db_fav_fund_depart {
    font-size: 13px;
}

.db_invest_flex span img {
    width: 38px;
    margin-right: 8px;
}

.db_auto_install .db_autoinstall_box label {
    padding: 10px 6px;
    border-radius: 0;
    display: block;
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background-color: #fff;
}

    .db_auto_install .db_autoinstall_box label a {
        font-size: 14px;
        color: #595959;
        display: flex;
        align-items: center;
        font-weight: 500;
    }

        .db_auto_install .db_autoinstall_box label a b {
            display: contents;
            color: #78b3df;
        }

/*dashboard css*/
/*design changes new css*/

.search-mutual-tab ul.nav.nav-tabs {
    border: 0;
}

.search-mutual-tab ul li a {
    margin: 0;
    font-size: 17px;
    font-weight: bold;
    color: #595959;
    width: 135px;
    text-align: center;
    padding: 0 10px 18px;
    line-height: normal;
}

.search-mutual-tab ul li:last-child a {
    width: 84px;
}

.search-mutual-tab ul li.active a {
    color: #21f0a9;
    border-bottom: 2px solid;
}

.mf-heart-click-search img {
    width: 20px;
}

span.mf-heart-click-search {
    margin-left: 5px;
    display: inline-flex;
}

.mutual-share-fund.text-right.fund_detail_mf_top_wrap {
    display: flex;
    align-items: center;
    justify-content: right;
}

.right_mf_fix .container,
.right_mf_fix .container .col-md-4 {
    padding-left: 0;
}

.img_fund_sip_pay {
    display: flex;
    align-items: center;
}

    .img_fund_sip_pay img {
        width: 38px;
        margin-right: 10px;
    }

.mf-tb-search .mutual-sch-row:hover .mutual-scheme-cont-sch label {
    color: #65addb;
}

.sip_auto_pay_main_bx.second_wrap_sip_pay .autopay-header {
    border-bottom: 0;
}

.db_auto_install {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

    .db_auto_install .db_autoinstall_box {
        width: 50%;
    }

        .db_auto_install .db_autoinstall_box:first-child {
            padding-right: 8px;
        }

        .db_auto_install .db_autoinstall_box:last-child {
            padding-left: 8px;
        }

span.notify_db_auto {
    width: 20px;
    height: 20px;
    background-color: #78b3df;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    font-weight: 500;
}

.db_recent_main_box .recent_trans_flex .db_transact_content.db_invest_rght1 {
    width: 60%;
}

.db_recent_main_box .recent_trans_flex .db_transact_content.db_invest_rght {
    width: 26%;
}

.db_recent_main_box .recent_trans_flex .db_transact_content.db_invest_rght2 {
    width: 14%;
}

.db_recent_main_box .recent_trans_flex .db_transact_content.db_invest_rght1 .db_recent_fund_flex {
    display: flex;
    align-items: center;
}

    .db_recent_main_box .recent_trans_flex .db_transact_content.db_invest_rght1 .db_recent_fund_flex img {
        width: 38px;
        margin-right: 10px;
    }

.wishlist_page_main {
    padding: 20px 0;
}

.db_banner_section .db_banner_flex_wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -1%;
}

    .db_banner_section .db_banner_flex_wrap .db_banner_col_wrap {
        width: 31.3%;
        margin: 0 1%;
        padding: 20px 15px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .db_banner_section .db_banner_flex_wrap .db_banner_col_wrap.db_banner_green {
            background: linear-gradient(90deg, #CDFFED 0%, #ECFFF8 100%);
            background-image: url('../images/dashboard/bg-banner-1.png');
        }

        .db_banner_section .db_banner_flex_wrap .db_banner_col_wrap.db_banner_blue {
            background: linear-gradient(90deg, #AAD8FA 0%, #D2EDFF 100%);
            background-image: url('../images/dashboard/bg-banner-2.png');
        }

        .db_banner_section .db_banner_flex_wrap .db_banner_col_wrap.db_banner_green_blue {
            background: linear-gradient(90deg, #AAD8FA 0%, #D2EDFF 100%);
            background-image: url('../images/dashboard/bg-banner-3.png');
        }

.db_banner_content p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #5A6064;
    letter-spacing: 0.5px;
}

.db_banner_content {
    width: 70%;
    padding: 0 5px;
}

.db_banner_img {
    width: 30%;
    padding: 0 5px;
}

.db_banner_section .db_banner_flex_wrap .db_banner_img img {
    width: 100%;
}

.db_watch_list_note .db_watch_note_box {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

    .db_watch_list_note .db_watch_note_box .db_watch_note_img img {
        width: 30px;
        margin-right: 6px;
    }

    .db_watch_list_note .db_watch_note_box .db_watch_note_content p {
        padding: 0;
        margin: 0;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
    }

.nfo.upcome_nfo_tab section.table-grid {
    margin-top: 10px;
    margin-bottom: 40px;
}

.upcome_nfo_main_tab .upcome_main_title {
    margin-top: 15px;
}

.upcome_nfo_main_tab .upcome_nfo_grid_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0px;
}

    .upcome_nfo_main_tab .upcome_nfo_grid_flex:first-child {
        padding-top: 0;
    }

    .upcome_nfo_main_tab .upcome_nfo_grid_flex:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .upcome_nfo_main_tab .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_invest {
        width: 20%;
        text-align: right;
    }

.upcome_nfo_main_tab.upcome_nfo_current_wrap .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_invest {
    width: 19%;
}

.upcome_nfo_main_tab .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_fname {
    width: 40%;
    padding-right: 15px;
}

.upcome_nfo_main_tab.upcome_nfo_current_wrap .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_fname {
    width: 32%;
}

.upcome_nfo_main_tab .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_price {
    width: 15%;
    text-align: right;
    padding: 0px 15px;
}

.upcome_nfo_main_tab.upcome_nfo_current_wrap .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_price {
    width: 15%;
}

.upcome_nfo_main_tab .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_date {
    width: 25%;
}

.upcome_nfo_main_tab.upcome_nfo_current_wrap .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_date {
    width: 20%;
}

.upcome_nfo_main_tab.upcome_nfo_current_wrap .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_buy {
    width: 14%;
    text-align: right;
}

.mutual-search-box.upcome_nfo_trade_wrap_main .upcome_nfo_fund label {
    display: block;
    font-size: 13px;
}

.mutual-search-box.upcome_nfo_trade_wrap_main .upcome_nfo_fund span {
    display: block;
    font-size: 15px;
}

.upcome_nfo_main_tab.upcome_nfo_current_wrap .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_buy a.btn_nfo_buy {
    padding: 5px 6px;
    color: #e6fff7;
    background-color: #21f0a9;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    display: inline-block;
    width: 70px;
    text-align: center;
}

.mutual-search-box.upcome_nfo_trade_wrap_main .upcome_nfo_fund .nfo_fund_logo {
    display: flex;
    align-items: center;
}

.nfo_fund_logo .fund_img {
    width: 38px;
    height: 38px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: #65addb;
    color: #e3f4ff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 20px !important;
    margin-right: 10px;
}

.nfo_fund_logo img {
    width: 38px;
    margin-right: 10px;
    font-size: 8px;
    line-height: normal;
}

.mutual-search-box.upcome_nfo_trade_wrap_main .upcome_nfo_fund .nfo_fund_logo label {
    margin-bottom: 0px;
}

.mutual-search-box.upcome_nfo_trade_wrap_main .upcome_nfo_grid_flex:hover .upcome_nfo_fund .nfo_fund_logo label {
    color: #65addb;
}

.mutual-search-box.upcome_nfo_trade_wrap_main .upcome_nfo_grid_flex .upcome_nfo_fund .nfo_fund_logo label span {
    color: #5A6064;
}

.mutual-search-box.upcome_nfo_trade_wrap_main .upcome_nfo_fund .nfo_fund_logo label span {
    font-weight: normal;
    font-size: 13px;
}

.nfo_not_available {
    text-align: center;
    padding: 30px 0;
}

    .nfo_not_available img {
        width: 200px;
    }

    .nfo_not_available h2 {
        margin: 0;
        padding: 20px 0;
        font-size: 24px;
        font-weight: bold;
        line-height: normal;
    }

    .nfo_not_available p {
        font-size: 15px;
        line-height: normal;
        margin: 0;
        padding: 0;
    }

.download_left_ul li a {
    font-size: 12px;
}

/*design changes new css*/
/*new homepage design start*/

.main_homepage_wrap {
    padding: 80px 0;
}

.hp_start_invest {
    padding-bottom: 0;
}

    .hp_start_invest.main_home_start_wrap {
        margin-top: -50px;
    }

    .hp_start_invest .hp_invest_flex {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 0px -30px;
    }

        .hp_start_invest .hp_invest_flex .hp_invest_col {
            width: 50%;
            padding: 0px 30px;
        }

            .hp_start_invest .hp_invest_flex .hp_invest_col img {
                width: 90%;
            }

.hp_invest_btn a {
    padding: 10px 24px;
    color: #e6fff7;
    background-color: #21f0a9;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    border: 0;
}

    .hp_invest_btn a:hover {
        color: #21f0a9;
        background-color: #e6fff7;
    }

    .hp_invest_btn a span {
        color: #e6fff7;
        background-color: transparent;
        font-size: 15px;
        font-weight: bold;
        padding: 0;
    }

.hp_start_invest .hp_invest_content h3 {
    margin: 0;
    padding-bottom: 15px;
    font-size: 24px;
    font-weight: bold;
    color: #595959;
    line-height: normal;
}

.hp_start_invest .hp_invest_content p {
    font-size: 14px;
    color: #595959;
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
}

.hp_explore_fund .hp_explore_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px -15px;
}

    .hp_explore_fund .hp_explore_flex .hp_explore_col {
        width: 25%;
        padding: 0px 15px;
    }

    .hp_explore_fund .hp_explore_flex .hp_explore_box {
        padding: 12px 10px;
        border: 1px solid #e6e6e6;
        box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
        border-radius: 5px;
        margin: 10px 0;
        margin-bottom: 30px;
        position: relative;
        text-align: center;
    }

        .hp_explore_fund .hp_explore_flex .hp_explore_box .explore_icon {
            width: 62px;
            height: 62px;
            background-color: #fff;
            border-radius: 100%;
            box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
            margin: 0px auto;
            margin-bottom: 20px;
            margin-top: -30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .hp_explore_fund .hp_explore_flex .hp_explore_box .explore_icon img {
                width: 100%;
                object-fit: contain;
                padding: 6px;
                height: 54px;
            }

        .hp_explore_fund .hp_explore_flex .hp_explore_box label {
            font-size: 16px;
            color: #595959;
            margin: 0;
            padding: 0;
            font-weight: 600;
            text-transform: capitalize;
        }

.hp_explore_fund .hp_explore_ttl h3 {
    margin: 0;
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #595959;
    line-height: normal;
    text-transform: capitalize;
}

.hp_blog_fund {
    margin: 80px 0;
}

    .hp_blog_fund.blog_main_top {
        margin-top: 60px;
    }

    .hp_blog_fund .hp_blog_main_box {
        border-radius: 5px;
        position: relative;
        text-align: center;
    }

        .hp_blog_fund .hp_blog_main_box h3 {
            margin: 0;
            padding-bottom: 15px;
            font-size: 24px;
            font-weight: bold;
            color: #595959;
            line-height: normal;
            text-transform: capitalize;
            text-align: left;
        }

        .hp_blog_fund .hp_blog_main_box p {
            font-size: 14px;
            color: #595959;
            margin: 0;
            padding: 0;
            text-align: left;
        }

    .hp_blog_fund .hp_blog_slider_wrap.hp_testimonial_slider p {
        text-align: center;
    }

.hp_blog_slider_wrap {
    margin: 0 -15px;
}

    .hp_blog_slider_wrap .slider {
        background-color: unset;
        right: 0;
        margin-bottom: 0px !important;
    }

.hp_blog_main_wrap .hp_blog_sldier_box {
    background: #FFFFFF;
    padding: 12px 10px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    position: relative;
    text-align: center;
    margin: 20px 15px;
}

    .hp_blog_main_wrap .hp_blog_sldier_box:hover {
        box-shadow: 0 3px 5px 0 rgb(0 0 0 / 12%);
    }

    .hp_blog_main_wrap .hp_blog_sldier_box .hp_blog_img img {
        width: 100%;
        height: 150px;
        object-fit: cover;
        background: #FFFFFF;
        border: 1px solid #E6E6E6;
        border-radius: 10px;
    }

.hp_blog_fund .hp_blog_main_box .hp_blog_main_width {
    margin: 0px auto;
}

.hp_slider_progress {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hp_blog_fund .progress {
    display: block;
    width: 180px;
    height: 12px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #e8f5ff;
    background-image: linear-gradient(to right, #78b3df, #78b3df);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
    margin-right: 10px;
    margin-bottom: 0px;
}

.hp_blog_fund .hp_view_blog a {
    color: #78b3df;
    font-weight: 600;
    text-decoration: underline !important;
    position: absolute;
    bottom: -3px;
    margin-left: 40px;
}

.hp_blog_content h4 {
    margin: 5px 0;
    margin-top: 15px;
    font-size: 16px;
    line-height: 20px;
    color: #595959;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 60px;
}

.hp_blog_main_wrap .hp_blog_sldier_box:hover .hp_blog_content h4 {
    color: #78b3df;
}

.hp_blog_fund .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.hp_blog_fund .slick-prev,
.hp_blog_fund .slick-next {
    display: none;
}

.card-header.text-center.sub_broker_card_wrap {
    padding: 5px 0;
    font-size: 16px !important;
}

.hp_blog_fund .hp_blog_main_box ul.slick-dots {
    position: relative;
    width: auto;
    border: 1px solid #78b3df;
    border-radius: 15px;
    display: inline-flex !important;
    align-items: center;
    bottom: 0;
    left: -35px;
}

    .hp_blog_fund .hp_blog_main_box ul.slick-dots li {
        width: auto;
        height: auto;
        margin: 0;
        transition: all 2s ease;
    }

        .hp_blog_fund .hp_blog_main_box ul.slick-dots li button:before {
            display: none;
            content: none;
        }

        .hp_blog_fund .hp_blog_main_box ul.slick-dots li button {
            width: 32px;
            height: 12px;
            padding: 0;
            background-color: #fff;
            border-radius: 12px;
            transition: all .3s ease;
        }

        .hp_blog_fund .hp_blog_main_box ul.slick-dots li.slick-active button {
            background-color: #78b3df;
        }

.hp_testimonial_slider .hp_blog_sldier_box .hp_testimonial_avtar {
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: center;
    margin-bottom: 15px;
}

    .hp_testimonial_slider .hp_blog_sldier_box .hp_testimonial_avtar img {
        width: 40px;
        margin-right: 10px;
    }

    .hp_testimonial_slider .hp_blog_sldier_box .hp_testimonial_avtar .hp_testimonial_avtar_name h3 {
        margin: 0;
        padding: 0;
        padding-bottom: 5px;
        font-size: 20px;
    }

    .hp_testimonial_slider .hp_blog_sldier_box .hp_testimonial_avtar .hp_testimonial_avtar_name span {
        font-size: 12px;
        display: block;
    }

.hp_blog_slider_wrap.hp_testimonial_slider .hp_blog_sldier_box {
    padding: 30px 10px;
    position: relative;
}

    .hp_blog_slider_wrap.hp_testimonial_slider .hp_blog_sldier_box:before {
        position: absolute;
        content: '';
        background-image: url('../images/homepage/testimonial_quote.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 38px;
        height: 38px;
        left: -12px;
        top: -12px;
    }

.content.hp_main_slider_flex {
    position: relative;
}

    .content.hp_main_slider_flex .hp_view_blog {
        text-align: center;
    }

.hp_build_your_wealth {
    padding-bottom: 80px;
}

    .hp_build_your_wealth .hp_explore_ttl h3 {
        margin: 0;
        padding-bottom: 30px;
        font-size: 24px;
        font-weight: bold;
        color: #595959;
        line-height: normal;
        text-transform: capitalize;
    }

    .hp_build_your_wealth .hp_build_wealth_flex {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
    }

        .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box {
            width: 25%;
            padding: 0 10px;
        }

            .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box .hp_build_wealth_content {
                padding: 12px 10px;
                border: 1px solid #e6e6e6;
                border-radius: 5px;
                position: relative;
                text-align: center;
            }

                .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box .hp_build_wealth_content:hover {
                    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
                    cursor: pointer;
                }

            .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box .hp_build_img {
                width: 100px;
                height: 100px;
                background-color: #fff;
                border-radius: 100%;
                box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
                margin: 0px auto;
                margin-bottom: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box .hp_build_img img {
                    height: 65px;
                    width: 100%;
                    object-fit: contain;
                }

        .hp_build_your_wealth .hp_build_wealth_flex .hp_build_ttl_main p {
            font-size: 17px;
            color: #595959;
            margin: 0;
            padding: 0;
            font-weight: 600;
            text-transform: capitalize;
        }

    .hp_build_your_wealth.home_build_main_wrap .hp_build_wealth_flex .hp_build_wealth_box .hp_build_wealth_content {
        cursor: initial;
    }

.hp_explore_fund .hp_explore_flex {
    margin: 0 -20px;
}

.hp_explore_fund.hp_fund_category_sect .hp_explore_flex .hp_explore_col {
    padding: 0 20px;
}

.hp_explore_fund.hp_fund_category_sect .hp_explore_box {
    text-align: left;
    padding: 22px 10px;
    padding-left: 45px;
    box-shadow: unset;
}

    .hp_explore_fund.hp_fund_category_sect .hp_explore_box:hover {
        box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    }

    .hp_explore_fund.hp_fund_category_sect .hp_explore_box .explore_icon {
        margin: 0;
        position: absolute;
        left: -20px;
        top: 4px;
        width: 58px;
        height: 58px;
    }

    .hp_explore_fund.hp_fund_category_sect .hp_explore_box:hover .explore_icon {
        box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    }

    .hp_explore_fund.hp_fund_category_sect .hp_explore_box .explore_icon img {
        height: 45px;
    }

.hp_explore_fund.hp_fund_category_sect {
    padding: 0 10px;
    padding-right: 0;
}

.hp_advantage_mf {
    padding-top: 40px;
}

    .hp_advantage_mf .hp_advantage_ttl h3 {
        margin: 0;
        padding-bottom: 30px;
        font-size: 24px;
        font-weight: bold;
        color: #595959;
        line-height: normal;
        text-transform: capitalize;
    }

    .hp_advantage_mf .hp_advantage_main_icon {
        width: 42px;
        height: 42px;
        background-color: #fff;
        border-radius: 100%;
        box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
    }

        .hp_advantage_mf .hp_advantage_main_icon img {
            height: 28px;
            width: 100%;
            object-fit: contain;
        }

    .hp_advantage_mf .hp_advantage_icon_text label {
        font-size: 15px;
        line-height: 20px;
        color: #595959;
        margin: 0;
        padding: 0;
        font-weight: 600;
        text-transform: capitalize;
    }

.hp_advantage_main_border {
    padding: 10px 15px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
    margin: 15px 0;
}

.hp_row_col_padd_wrap .col-md-6:first-child {
    border-right: 1px solid #e6e6e6;
}

.hp_advantage_icon_text {
    display: flex;
    align-items: center;
    padding: 12px 0px;
    border-radius: 5px;
}

.hp_main_advantage {
    text-align: center;
}

    .hp_main_advantage img {
        height: 300px;
    }

.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
}

    .reveal.active {
        transform: translateY(0);
        opacity: 1;
    }

.hp_advantage_content .hp_advantage_main_image {
    text-align: center;
}

    .hp_advantage_content .hp_advantage_main_image img {
        width: 85%;
    }

.hp_adv_mobile {
    display: none;
}

.dp_auto_img_wrap {
    width: 42px;
    height: 42px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

    .dp_auto_img_wrap img {
        height: 30px;
    }

.hp_way_invest_mf {
    padding: 50px 0;
}

    .hp_way_invest_mf .hp_way_sip_invest_box {
        padding: 12px 10px;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
        position: relative;
        text-align: center;
    }

        .hp_way_invest_mf .hp_way_sip_invest_box:hover {
            box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
            cursor: pointer;
        }

    .hp_way_invest_mf .hp_way_invest_img {
        width: 70px;
        height: 70px;
        background-color: #fff;
        border-radius: 100%;
        box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
        margin: 0px auto;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .hp_way_invest_mf .hp_way_invest_img img {
            height: 54px;
        }

.hp_way_sip_invest_box label {
    font-size: 17px;
    color: #595959;
    margin: 0;
    padding: 0;
    font-weight: 600;
    text-transform: capitalize;
}

.hp_way_sip_invest_box p {
    font-size: 14px;
    line-height: 24px;
    color: #595959;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hp_way_invest_mf_ttl h3 {
    margin: 0;
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #595959;
    line-height: normal;
    text-transform: capitalize;
}

.hp_way_sip_view_more {
    border-top: 1px solid #e6e6e6;
    margin-top: 15px;
    padding-top: 10px;
}

.hp_way_invest_mf .hp_way_sip_invest_box .hp_way_sip_view_more a {
    font-size: 14px;
    color: #595959;
    font-weight: 600;
}

    .hp_way_invest_mf .hp_way_sip_invest_box .hp_way_sip_view_more a img {
        width: 20px;
        margin-left: 2px;
        transition: transform 0.3s ease-out;
    }

.hp_way_invest_mf .hp_way_sip_invest_box:hover .hp_way_sip_view_more a img {
    transform: translateX(6px);
}

/*new homepage design end*/
/*new holding design start*/

.holding_page_main {
    padding: 20px 0;
}

.hold_start_sip_main .hold_start_sip_img {
    text-align: center;
}

    .hold_start_sip_main .hold_start_sip_img img {
        height: 200px;
        width: 100%;
        object-fit: contain;
        margin-bottom: 20px;
    }

    .hold_start_sip_main .hold_start_sip_img .btn_sip_start {
        padding: 6px 20px !important;
        color: #e6fff7;
        background-color: #21f0a9;
        font-size: 15px;
        font-weight: bold;
        border-radius: 5px;
        display: inline-block;
    }

.scheme_sect_hold .schem_sect_main_box {
    padding: 25px 20px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
    margin: 20px 0;
}

.schem_sect_main_box .schem_sect_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0px;
    position: relative;
}

    .schem_sect_main_box .schem_sect_flex:first-child {
        padding-top: 0;
    }

    .schem_sect_main_box .schem_sect_flex:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

.schem_sect_main_box .scheme_sect_col {
    width: 14%;
}

    .schem_sect_main_box .scheme_sect_col.scheme_hold_col1 {
        width: 24%;
    }

    .schem_sect_main_box .scheme_sect_col.scheme_hold_col2,
    .schem_sect_main_box .scheme_sect_col.scheme_hold_col6 {
        width: 17%;
    }

    .schem_sect_main_box .scheme_sect_col label {
        display: block;
        font-size: 13px;
    }

    .schem_sect_main_box .scheme_sect_col span {
        font-size: 15px;
    }

.schem_sect_main_box .schem_hold_btn_wrap {
    display: flex;
    justify-content: right;
}

    .schem_sect_main_box .schem_hold_btn_wrap .scheme_hold_btn {
        padding: 6px 4px;
        color: #e6fff7;
        background-color: #21f0a9;
        font-size: 14px;
        font-weight: bold;
        border-radius: 5px;
        margin: 0px 4px;
        width: 80px;
        display: inline-flex;
        justify-content: center;
    }

.hold_scheme_tbl_flex .hold_scheme_tbl_col .hold_statement_wrap {
    width: 28px;
}

.hold_scheme_tbl_box {
    padding: 25px 20px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
    margin: 20px 0;
}

    .hold_scheme_tbl_box .hold_scheme_tbl_flex {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border-bottom: 1px solid #e5e5e5;
        padding: 20px 0px;
        position: relative;
    }

        .hold_scheme_tbl_box .hold_scheme_tbl_flex:first-child {
            padding-top: 0;
        }

        .hold_scheme_tbl_box .hold_scheme_tbl_flex:last-child {
            padding-bottom: 0;
            border-bottom: 0;
        }

.hold_scheme_tbl_flex .hold_scheme_tbl_col label {
    display: block;
    font-size: 13px;
}

.hold_scheme_tbl_flex .hold_scheme_tbl_col span.dropdown-menu {
    top: 16px !important;
    min-width: 130px;
    padding: 5px;
}

    .hold_scheme_tbl_flex .hold_scheme_tbl_col span.dropdown-menu .dropdown-item {
        padding: 4px 2px;
        line-height: normal;
    }

        .hold_scheme_tbl_flex .hold_scheme_tbl_col span.dropdown-menu .dropdown-item:hover {
            color: #21f0a9;
            background-color: #e6fff7;
        }

.hold_scheme_tbl_flex .hold_scheme_tbl_col span {
    font-size: 15px;
}

.hold_scheme_tbl_flex .hold_scheme_tbl_col.hold_sch_col1 span {
    font-weight: bold;
    font-size: 13px;
}

    .hold_scheme_tbl_flex .hold_scheme_tbl_col.hold_sch_col1 span span {
        font-weight: normal;
    }

.hold_scheme_tbl_flex .hold_scheme_tbl_col.hold_sch_col1 .hold_schm_span {
    display: block;
    font-size: 12px;
}

.hold_scheme_tbl_flex .hold_scheme_tbl_col {
    /*22-04-2025*/
    /*width: 18%;*/
    width: 13%;
    /*22-04-2025*/
}

    /*.hold_scheme_tbl_flex .hold_scheme_tbl_col.hold_sch_col1 {
    width: 42%;
}*/

    .hold_scheme_tbl_flex .hold_scheme_tbl_col.hold_sch_col1 {
        width: 34%;
        /*width: 42%;*/
        /* Parul Gavit  -  15/09/2022 - Because Add Extra Params To Holding  M2M API GRID*/
    }


    .hold_scheme_tbl_flex .hold_scheme_tbl_col.hold_sch_col5 {
        width: 4%;
        text-align: right;
    }

    .hold_scheme_tbl_flex .hold_scheme_tbl_col span a.dropdown-toggle:after {
        display: none;
    }

    .hold_scheme_tbl_flex .hold_scheme_tbl_col span a.dropdown-toggle {
        color: #5a6064;
    }

.hold_start_sip_main {
    padding-bottom: 50px;
}

.hold_sip_content_box {
    padding: 20px 15px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
    margin-bottom: 20px;
}

.col-md-12 .hold_sip_content_box {
    margin-bottom: 0;
}

.hold_sip_content_box label {
    display: block;
    font-size: 15px;
    font-weight: normal;
}

.hold_sip_content_box span {
    font-size: 17px;
    font-weight: 600;
}

.hold_sip_content_box .hold_sip_cont_box_large {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
}

    .hold_sip_content_box .hold_sip_cont_box_large:last-child {
        padding-bottom: 0;
    }

.hold_row_center_wrap {
    align-items: center;
}

.invalid-icon {
    text-align: center;
    margin-bottom: 15px;
}

    .invalid-icon img {
        width: 54px;
    }

.select-btn-pay-transc .proceed-btn {
    padding: 7px !important;
    color: #e6fff7;
    background-color: #21f0a9;
    border: 0;
    font-size: 15px !important;
    font-weight: bold !important;
    border-radius: 5px !important;
    margin: 0px 3px;
    width: 86px;
    display: inline-flex;
    justify-content: center;
    text-transform: capitalize;
    height: auto;
}

    .select-btn-pay-transc .proceed-btn:hover {
        color: #21f0a9;
        background-color: #e6fff7;
    }

button.close.costum_close_mod {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 1;
    color: #78b3df;
}

/*new holding design end*/
/*header design start*/

.header_menu_wrap .header_logo {
    height: 70px;
}

header.menu_fix_wrap.header_menu_wrap ul.navbar-nav li a.nav-link {
    font-family: Poppins;
    padding: 0 !important;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: normal;
    color: #808080;
}

    header.menu_fix_wrap.header_menu_wrap ul.navbar-nav li a.nav-link.active,
    header.menu_fix_wrap.header_menu_wrap ul.navbar-nav li a.nav-link:hover {
        color: #78b3df;
    }

    header.menu_fix_wrap.header_menu_wrap ul.navbar-nav li a.nav-link img.nav_menu_icon {
        width: 25px;
    }

header.menu_fix_wrap.header_menu_wrap span.sm-badge.nav_link_badge.ng-scope .tCenter.ng-binding {
    background-color: #78b3df;
    top: 2px;
    left: auto;
    right: -5px;
    font-size: 12px;
    width: 13px;
    height: 13px;
}

header.menu_fix_wrap.header_menu_wrap ul.navbar-nav li a.nav-link .user-icon {
    border: 2px solid #78B3DF;
    background-color: #fff;
    opacity: unset;
    line-height: normal;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
}

    header.menu_fix_wrap.header_menu_wrap ul.navbar-nav li a.nav-link .user-icon label {
        color: #3DCE9C;
        margin-bottom: 0;
        line-height: normal;
        font-weight: 500;
    }

header.menu_fix_wrap.header_menu_wrap ul.navbar-nav {
    align-items: center;
    width: 100%;
}

    header.menu_fix_wrap.header_menu_wrap ul.navbar-nav li .nav_profile_dropdown .dropdown-menu.user-info {
        top: 35px !important;
        left: auto !important;
        right: 0;
    }

.db_flex_watch_col .db_trash_flex {
    position: absolute;
    right: 8px;
    top: 14px;
    opacity: 0;
}

.db_flex_watch_col:hover .db_trash_flex {
    opacity: 1;
}

.db_trash_flex .trash {
    background: #78b3df;
    width: 14px;
    height: 13px;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .db_trash_flex .trash span {
        position: absolute;
        height: 2px;
        background: #50d3a6;
        top: -3px;
        left: -2px;
        right: -2px;
        border-radius: 6px;
        transform: rotate(0deg);
        transition: transform 250ms;
        transform-origin: 19% 100%;
    }

        .db_trash_flex .trash span:after {
            content: '';
            position: absolute;
            width: 12px;
            height: 2px;
            background: #50d3a6;
            top: -3px;
            left: 3px;
            border-radius: 6px;
            transform: rotate(0deg);
            transition: transform 250ms;
            transform-origin: 19% 100%;
        }

    .db_trash_flex .trash i {
        position: relative;
        width: 2px;
        height: 10px;
        background: #fff;
        display: block;
        margin: 1px auto;
        border-radius: 2px;
    }

        .db_trash_flex .trash i:after,
        .db_trash_flex .trash i:before {
            content: '';
            width: 2px;
            height: 10px;
            background: #fff;
            position: absolute;
            border-radius: 5px;
        }

        .db_trash_flex .trash i:after {
            left: -4px;
        }

        .db_trash_flex .trash i:before {
            right: -4px;
        }

    .db_trash_flex .trash:hover span {
        transform: rotate(-45deg);
        transition: transform 250ms;
    }

header.menu_fix_wrap.header_menu_wrap ul.navbar-nav li .dropdown-menu a.dropdown-item {
    padding: 4px;
}

    header.menu_fix_wrap.header_menu_wrap ul.navbar-nav li .dropdown-menu a.dropdown-item:hover,
    header.menu_fix_wrap.header_menu_wrap ul.navbar-nav li .dropdown-menu a.dropdown-item:active,
    header.menu_fix_wrap.header_menu_wrap ul.navbar-nav li .dropdown-menu a.dropdown-item:focus {
        color: #21f0a9;
        background-color: #e6fff7;
    }

.no_bucket_main_wrap {
    width: 100%;
}

    .no_bucket_main_wrap img {
        height: 240px;
        margin: 20px 0;
    }

    .no_bucket_main_wrap .full_wrap.desc_wrap.work_reg {
        color: #595959;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 0.5px;
        padding: 10px 0;
    }

.top_alram_new {
    background: linear-gradient(90deg, #E4F4FF 0%, #E7FFF7 100%);
}

    .top_alram_new .top_alram_content p {
        padding: 10px 0;
        margin: 0;
    }

        .top_alram_new .top_alram_content p a {
            color: #595959;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0.5px;
        }

.top_alram_button {
    display: inline-flex;
}

    .top_alram_button a.alaram_wrap {
        padding: 6px 12px;
        color: #fafdff;
        background-color: #78b3df;
        font-size: 14px;
        font-weight: bold;
        border-radius: 5px;
        border: 0;
    }

.top_alram_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.top_alram_col_left {
    width: 88%;
}

.top_alram_col_right {
    width: 12%;
    text-align: right;
}

/*header design end*/


.modal.modal-proceed-wrap h3 {
    margin-bottom: 25px;
}

.modal.fade.modal-proceed-wrap .modal-dialog.modal-dialog-centered {
    width: 100%;
    max-width: 440px !important;
}

.sure_want_txt {
    text-align: center;
}

.fund_order_place_btn_wrap {
    text-align: center;
}

    .fund_order_place_btn_wrap .fi-pay-btn {
        padding: 8px 15px;
        color: #e6fff7;
        background-color: #21f0a9;
        border: 0;
        font-size: 15px;
        font-weight: bold;
        border-radius: 5px;
        margin: 0px 10px;
    }

.modal.modal-proceed-wrap .modal-content {
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
    border-radius: 15px;
}

.modal.modal-proceed-wrap .modal-body {
    padding: 35px 15px !important;
    position: relative;
}

.modal.modal-proceed-wrap button.close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.modal.modal-proceed-wrap .modla-note-wrap p {
    padding: 0;
    margin-top: 25px;
}

.modal.modal-proceed-wrap .modal-popup-btn a.btn_yes_no_modal {
    width: 80px;
    line-height: normal;
    margin: 0 5px;
}

.db-bank-name ul.nav.nav-tabs li a .tab-ttl-main-bank {
    text-align: center;
}

    .db-bank-name ul.nav.nav-tabs li a .tab-ttl-main-bank img {
        height: 35px;
        width: 35px;
        object-fit: contain;
    }

    .db-bank-name ul.nav.nav-tabs li a .tab-ttl-main-bank label {
        color: #79b3df;
        margin: 0;
        margin-top: 10px;
        display: block;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 15px;
    }

.db-bank-name ul.nav.nav-tabs li a:hover .tab-ttl-main-bank label {
    color: #21f0a9;
}

.db-bank-name ul.nav.nav-tabs {
    border: 0;
    display: block;
}

    .db-bank-name ul.nav.nav-tabs li {
        margin: 0;
        margin-bottom: 20px;
    }

        .db-bank-name ul.nav.nav-tabs li:first-child {
            float: left;
        }

        .db-bank-name ul.nav.nav-tabs li:last-child {
            float: right;
        }

        .db-bank-name ul.nav.nav-tabs li a {
            margin: 0;
            padding: 6px 10px;
            border-radius: 5px;
            width: 150px;
            background-color: #f8fffd;
        }

            .db-bank-name ul.nav.nav-tabs li a.active {
                background-color: #dcfff3;
            }

.tabs-animated {
    overflow: hidden;
}

.db-bank-name .db-tab-content-main {
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .db-bank-name .db-tab-content-main p {
        padding: 0 20px;
        margin: 0;
        color: rgb(102, 102, 102);
        font-size: 20px;
        text-align: center;
        text-transform: capitalize;
    }

        .db-bank-name .db-tab-content-main p span {
            font-size: 24px;
            color: #79b3df;
            font-weight: 600;
        }

.share_hide_img,
.whatsapp_show {
    display: none;
}

.whatsapp_show {
    position: absolute;
    top: 25px;
    left: -4px;
}

.share_hide_img {
    padding: 3px;
}

.share_fund_link_detail .whatsapp_show img {
    width: 30px;
}

@media screen and (max-width:1199px) {
    .top_alram_new .top_alram_content p {
        padding: 6px 0;
    }

    .top_alram_new .container {
        padding: 0 6px;
    }

    .top_alram_new .top_alram_content p a {
        font-size: 12px;
        letter-spacing: normal;
    }

    .top_alram_col_left {
        width: 80%;
    }

    .top_alram_col_right {
        width: 20%;
    }

    .top_alram_button a.alaram_wrap {
        padding: 5px 10px;
        font-size: 12px;
    }

    header .menu_fix_wrap.header_menu_wrap .navbar-nav li:last-child .nav-link {
        margin-right: 12px;
    }

    .col-4.mx-0.float-right.justify-content-end.align-items-center.d-flex.margin_top_20 {
        -ms-flex: 0 0 100;
        flex: 0 0 100%;
        max-width: 100%;
        float: unset !important;
    }

    .schem_sect_main_box .scheme_sect_col.scheme_hold_col2 {
        width: 24%;
    }

    .schem_sect_main_box .scheme_sect_col {
        width: 16%;
    }

        .schem_sect_main_box .scheme_sect_col.scheme_hold_col1 {
            width: 100%;
            padding-bottom: 10px;
        }

        .schem_sect_main_box .scheme_sect_col.scheme_hold_col6 {
            width: 28%;
        }

    .hp_main_advantage img {
        height: 260px;
    }

    .hp_row_col_padd_wrap .col-md-6 {
        padding: 0 8px;
    }

    .hp_advantage_mf .hp_advantage_main_icon {
        margin-right: 10px;
    }

    .hp_advantage_mf .hp_advantage_icon_text label {
        font-size: 14px;
    }

    .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box .hp_build_img {
        width: 90px;
        height: 90px;
    }

        .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box .hp_build_img img {
            height: 55px;
        }

    .hp_build_your_wealth .hp_build_wealth_flex .hp_build_ttl_main p {
        font-size: 15px;
    }

    button .btn_pay_now_db {
        padding: 6px 15px;
        font-size: 13px;
    }

    .db_recent_main_box {
        padding: 20px 15px;
    }

    .db_auto_install .db_autoinstall_box:first-child {
        padding-right: 6px;
    }

    .db_auto_install .db_autoinstall_box:last-child {
        padding-left: 6px;
    }

    .db_auto_install .db_autoinstall_box label a {
        font-size: 12px;
    }

    .dp_auto_img_wrap {
        width: 36px;
        height: 36px;
    }

        .dp_auto_img_wrap img {
            height: 24px;
        }

    .db-bank-name .db-tab-content-main p {
        padding: 0 18px;
        font-size: 18px;
    }

        .db-bank-name .db-tab-content-main p span {
            font-size: 22px;
        }
}

@media screen and (max-width:1100px) {
    .hp_explore_fund.hp_fund_category_sect .hp_explore_flex .hp_explore_col {
        width: 33.33%;
    }

    .upcome_nfo_main_tab .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_price {
        width: 50%;
        text-align: left;
        padding: 0px;
    }

    .upcome_nfo_main_tab .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_invest {
        width: 50%;
        text-align: right;
    }

    .upcome_nfo_main_tab .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_fname {
        width: 100%;
        padding: 0;
        padding-bottom: 15px;
    }

    .upcome_nfo_main_tab .upcome_nfo_grid_flex .upcome_nfo_fund.upcome_nfo_date {
        width: 33%;
    }

    .tt-main-timeline-order ul li label,
    .tt-main-timeline-order ul li span,
    .tt-main-timeline-order ul li span.dot {
        font-size: 12px;
        padding: 0px 15px;
    }

    .main-transaction-mf .trans-ttl h2 {
        font-size: 22px;
    }

    .trans-tab-mf ul.nav li a {
        font-size: 13px;
        padding: 10px 15px;
    }

    .filter-dropdown-mf .dropdown-menu a {
        padding: 8px 10px;
    }

    .filter-dropdown-mf .dropdown-menu {
        min-width: 120px;
    }

    .filter-dropdown-mf .dropdown-toggle {
        font-size: 13px;
        padding: 10px !important;
        width: 120px;
    }

    .mf-cont-text .mandate-text p {
        font-size: 16px;
        line-height: 24px;
        padding-top: 0;
    }

    .mf-mandate-main-content .mf-content-flex .mf-cont-text a.btn-mandate {
        padding: 8px 10px;
        font-size: 14px;
        margin-top: 10px;
    }

    .mf-failed-btn-db a.btn-download-physical {
        padding: 8px;
        font-size: 13px;
        margin: 0px 4px;
        margin-top: 10px;
        width: 175px;
    }

    .db-mandate-steps ul li .db-steps-main p {
        font-size: 13px;
    }

    .db-mandate-steps ul li {
        padding: 12px 0;
    }

    .mf-cont-vector {
        width: 50%;
    }

    .mf-mandate-main-bank,
    .mf-mandate-success-main,
    .mf-physical-mandate-main,
    .mf-cont-text {
        width: 50%;
    }

    .db_watch_list .db_flex_watchl .db_flex_watch_col {
        width: 31%;
        margin-bottom: 3%;
    }

    .db_banner_section .db_banner_flex_wrap .db_banner_col_wrap {
        padding: 20px 10px;
    }

    .db_banner_content p {
        font-size: 13px;
    }

    .nfo_fund_logo .fund_img {
        margin-right: 0;
    }
}

@media screen and (max-width:920px) {
    .invalid-icon img {
        width: 45px;
    }

    header.menu_fix_wrap.header_menu_wrap ul.navbar-nav li a.nav-link {
        margin-bottom: 20px;
    }

    .nav_dot_menu {
        position: relative;
    }

        .nav_dot_menu .dropdown-menu.header-dropdown-logo-menu {
            top: 0 !important;
            left: auto;
            right: -150px;
        }

    .hold_start_sip_main .hold_start_sip_img img {
        height: 160px;
    }

    .hold_sip_content_box {
        padding: 15px 12px;
        margin-bottom: 15px;
    }

    .hold_start_sip_main {
        padding-bottom: 30px;
    }

    .main_dahboard_page {
        padding-bottom: 20px;
    }

    .db_auto_install {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .hp_start_invest.main_home_start_wrap {
        margin-top: 0px;
    }

    .db_auto_install .db_autoinstall_box {
        width: 100%;
        margin-bottom: 10px;
    }

    .db_recent_transaction {
        margin: 20px 0;
    }

    .hp_advantage_content .hp_advantage_main_image img {
        width: 100%;
    }

    .hp_adv_desktop {
        display: none;
    }

    .hp_adv_mobile {
        display: block;
    }

    .hp_advantage_mf .hp_advantage_icon_text label {
        font-size: 11px;
    }

    .hp_main_advantage img {
        height: 220px;
        object-fit: contain;
    }

    .hp_advantage_icon_text {
        padding: 6px;
        margin: 12px 0;
    }

    .hp_advantage_mf .hp_advantage_main_icon {
        margin-right: 6px;
        width: 34px;
        height: 34px;
    }

        .hp_advantage_mf .hp_advantage_main_icon img {
            height: 22px;
        }

    .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box .hp_build_img {
        width: 80px;
        height: 80px;
    }

    .hp_build_your_wealth .hp_build_wealth_flex .hp_build_ttl_main p {
        font-size: 14px;
        min-height: 40px;
    }

    .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box .hp_build_img img {
        height: 50px;
    }

    .hp_build_your_wealth .hp_build_wealth_flex {
        margin: 0 -8px;
    }

        .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box {
            padding: 0 8px;
        }

    .hp_explore_fund .hp_explore_flex {
        margin: 0px -10px;
    }

        .hp_explore_fund .hp_explore_flex .hp_explore_col {
            padding: 0px 10px;
        }

        .hp_explore_fund .hp_explore_flex .hp_explore_box label {
            font-size: 14px;
        }

    .hp_start_invest .hp_invest_flex {
        margin: 0px -15px;
    }

        .hp_start_invest .hp_invest_flex .hp_invest_col {
            padding: 0px 15px;
        }

    .db_invest_flex_wrap .db_invest_left {
        width: 100%;
        margin: 0;
    }

    .db_invest_flex_wrap .db_invest_right {
        width: 100%;
        margin: 0;
    }

    .db_invest_flex_wrap .db_invest_left {
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 3%;
    }

    .db_invest_flex_wrap .db_recent_main_box.db_invest_left .my_invest_content {
        width: 48%;
        margin: 0 1%;
    }

    .db_recent_main_box .recent_trans_flex .db_transact_content {
        width: 28%;
    }

        .db_recent_main_box .recent_trans_flex .db_transact_content.db_rt_paynow {
            width: 16%;
            text-align: right;
        }

        .db_recent_main_box .recent_trans_flex .db_transact_content.db_rt_fund {
            width: 100%;
            order: 1;
            padding-top: 10px;
        }

    .main-transaction-mf .trans-ttl h2 {
        font-size: 20px;
    }

    .trans-tab-mf ul.nav li a {
        font-size: 12px;
        padding: 10px 8px;
    }

    .filter-dropdown-mf .dropdown-menu a {
        padding: 8px;
        font-size: 11px;
    }

    .filter-dropdown-mf .dropdown-menu {
        min-width: 100px;
    }

    .filter-dropdown-mf .dropdown-toggle {
        font-size: 13px;
        padding: 8px !important;
        width: 120px;
    }

        .filter-dropdown-mf .dropdown-toggle img {
            width: 18px;
        }

    .tt-main-timeline-order ul li label,
    .tt-main-timeline-order ul li span,
    .tt-main-timeline-order ul li span.dot {
        font-size: 11px;
        padding: 0px 5px;
    }

    .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-name-space {
        width: 100%;
        padding-bottom: 15px;
    }

    .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-amount-space {
        width: 20%;
    }

    .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-date-space {
        width: 26%;
    }

    .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-right-space {
        width: 22%;
    }

    .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-paybtn-space {
        width: 22%;
    }

    .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-drop-space {
        width: 10%;
    }

    .mf-cont-vector {
        width: 100%;
        padding: 0px 10px;
    }

    .mf-mandate-main-bank,
    .mf-mandate-success-main,
    .mf-physical-mandate-main,
    .mf-cont-text {
        width: 100%;
        padding: 0px 10px;
    }

    .mf-mandate-main-content .mf-content-flex .mf-cont-vector img {
        margin-bottom: 20px;
    }

    .db-all-btn-center {
        position: relative;
        bottom: auto;
        width: 100%;
    }

    .mf-mandate-success-main .mf-success-box,
    .mf-physical-mandate-main .mf-default-bank-box,
    .mf-mandate-main-bank .mf-default-bank-box {
        height: auto;
    }

    .full_wrap.top_alaram_bar_wrap.header_main_bar .grid.container.top_wrap.clearfix {
        padding: 5px 0px !important;
    }

    .mf-mandate-page {
        padding: 0;
    }

    .mf-cont-vector {
        text-align: center;
    }

    .mf-mandate-main-content .mf-content-flex .mf-cont-vector img {
        width: 70%;
    }

    .mf-mandate-table .mf-mandate-flex .mf-mandate-wrap,
    .mf-mandate-table .mf-mandate-flex .mf-mandate-wrap.mf-wrap-status {
        width: 20%;
    }

        .mf-mandate-table .mf-mandate-flex .mf-mandate-wrap.mf-create-on-wrap {
            width: 20%;
        }

        .mf-mandate-table .mf-mandate-flex .mf-mandate-wrap.mf-wrap-bank {
            width: 100%;
            padding: 0px 2px;
            padding-bottom: 10px;
        }

    .my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-fund-name {
        width: 94%;
        margin-bottom: 15px;
    }

    .my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-delte-icon {
        width: 6%;
        margin-bottom: 15px;
        order: 2;
    }

    .my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-amount {
        width: 20%;
        order: 3;
    }

    .my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-frequency {
        width: 20%;
        order: 4;
    }

    .my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-date {
        width: 32%;
        order: 5;
    }

    .my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-mandateid {
        width: 15%;
        order: 6;
    }

    .mf-failed-btn-db a.btn-download-physical {
        width: auto;
    }

    .db_auto_install .db_autoinstall_box:first-child {
        padding-right: 4px;
    }

    .db_auto_install .db_autoinstall_box:last-child {
        padding-left: 4px;
    }

    .db_auto_install .db_autoinstall_box label a {
        font-size: 13px;
    }

    .db_recent_main_box .recent_trans_flex .db_transact_content.db_invest_rght1 .db_recent_fund_flex img {
        width: 30px;
        margin-right: 8px;
    }

    .mu-col-pad .right_mf_fix {
        position: relative !important;
    }

        .mu-col-pad .right_mf_fix .col-md-4 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

    .right_mf_fix .container,
    .right_mf_fix .container .col-md-4 {
        padding: 0px;
    }
}

@media screen and (max-width:767px) {
    .top_alram_col_left {
        width: 75%;
    }

    .top_alram_col_right {
        width: 25%;
    }

    .main-search-bar-top input.form-control {
        padding: 8px;
        padding-right: 20px;
        height: 42px;
        font-size: 12px;
    }

    .main-search-bar-top .search_input_icon i {
        font-size: 15px;
    }

    .main-search-bar-top {
        padding-top: 15px;
        padding-bottom: 25px;
    }

    .top_alram_new .top_alram_content p a {
        font-size: 11px;
    }

    .main-search-bar-top .search_input_icon {
        right: 6px;
        top: 10px;
    }

    .search-mutual-tab ul li a {
        font-size: 16px;
        padding: 0 10px 10px;
    }

    header .menu_fix_wrap.header_menu_wrap ul.navbar-nav li a.nav-link .user-icon {
        margin: 0px auto !important;
    }

    header.menu_fix_wrap.header_menu_wrap ul.navbar-nav li.nav-item {
        width: unset !important;
    }

    header.menu_fix_wrap.header_menu_wrap ul.navbar-nav {
        flex-direction: column !important;
    }

    .hold_start_sip_main .hold_start_sip_img img {
        height: 130px;
    }

    .hold_start_sip_main .hold_start_sip_img {
        margin-bottom: 30px;
    }

    .hold_sip_content_box {
        padding: 10px;
    }

    .hold_scheme_tbl_flex .hold_scheme_tbl_col {
        width: 50%;
    }

        .hold_scheme_tbl_flex .hold_scheme_tbl_col.hold_sch_col5 {
            width: 50%;
        }

        .hold_scheme_tbl_flex .hold_scheme_tbl_col.hold_sch_col3,
        .hold_scheme_tbl_flex .hold_scheme_tbl_col.hold_sch_col5 {
            text-align: right;
        }

        .hold_scheme_tbl_flex .hold_scheme_tbl_col.hold_sch_col1 {
            width: 100%;
            padding-bottom: 10px;
        }

        .hold_scheme_tbl_flex .hold_scheme_tbl_col.hold_sch_col2,
        .hold_scheme_tbl_flex .hold_scheme_tbl_col.hold_sch_col3 {
            padding-bottom: 10px;
        }

    .schem_sect_main_box .scheme_sect_col.scheme_hold_col2 {
        width: 50%;
        padding-bottom: 10px;
    }

    .schem_sect_main_box .scheme_sect_col {
        width: 50%;
        padding-bottom: 10px;
    }

        .schem_sect_main_box .scheme_sect_col.scheme_hold_col6 {
            width: 100%;
            padding-bottom: 0px;
        }

        .schem_sect_main_box .scheme_sect_col.scheme_hold_col3,
        .schem_sect_main_box .scheme_sect_col.scheme_hold_col5 {
            text-align: right;
        }

    .schem_sect_main_box .schem_sect_flex {
        padding: 10px 0;
    }

    .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box .hp_build_img {
        width: 65px;
        height: 65px;
    }

    .hp_build_your_wealth .hp_build_wealth_flex .hp_build_ttl_main p {
        font-size: 12px;
        min-height: 32px;
    }

    .hp_way_sip_invest_box p {
        font-size: 12px;
        line-height: 20px;
        -webkit-line-clamp: 4;
    }

    .hp_way_invest_mf .hp_way_sip_invest_box .hp_way_sip_view_more a {
        font-size: 12px;
    }

        .hp_way_invest_mf .hp_way_sip_invest_box .hp_way_sip_view_more a img {
            width: 16px;
        }

    .hp_way_invest_mf_ttl h3 {
        padding-bottom: 0px;
        font-size: 20px;
    }

    .hp_way_invest_mf .hp_way_sip_invest_box {
        margin-top: 20px;
    }

    .db_recent_ttl .db_dash_icon {
        width: 40px;
        height: 40px;
    }

        .db_recent_ttl .db_dash_icon img {
            height: 28px;
        }

    .dp_auto_img_wrap {
        width: 52px;
        height: 36px;
    }

    .hp_advantage_mf .hp_advantage_ttl h3 {
        font-size: 22px;
        padding-bottom: 20px;
    }

    .hp_main_advantage img {
        height: 200px;
        margin-bottom: 10px;
    }

    .hp_row_col_padd_wrap {
        margin: 0 -5px;
    }

        .hp_row_col_padd_wrap .col-md-6 {
            padding: 0 5px;
            width: 50%;
        }

    .hp_build_your_wealth {
        padding-bottom: 40px;
    }

    .hp_advantage_icon_text {
        flex-wrap: wrap;
        justify-content: center;
    }

    .hp_advantage_mf .hp_advantage_main_icon {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .hp_advantage_mf .hp_advantage_icon_text label {
        display: block;
        width: 100%;
        text-align: center;
    }

    .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box .hp_build_wealth_content {
        padding: 10px 5px;
    }

    .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box .hp_build_wealth_content {
        padding: 10px 5px;
    }

    .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box .hp_build_img img {
        height: 40px;
    }

    .hp_build_your_wealth .hp_explore_ttl h3 {
        padding-bottom: 10px;
        font-size: 20px;
    }

    .hp_build_your_wealth .hp_build_wealth_flex .hp_build_wealth_box {
        width: 50%;
        padding: 8px;
    }

    .hp_testimonial_slider .hp_blog_sldier_box .hp_testimonial_avtar .hp_testimonial_avtar_name h3 {
        padding-bottom: 2px;
        font-size: 17px;
    }

    .hp_testimonial_slider .hp_blog_sldier_box .hp_testimonial_avtar img {
        width: 35px;
        margin-right: 6px;
    }

    .hp_blog_fund .hp_view_blog a {
        position: relative;
        bottom: 0;
        margin-left: 0;
    }

    .hp_blog_content h4 {
        margin-top: 10px;
        font-size: 14px;
        line-height: 18px;
        height: 36px;
    }

    .hp_blog_slider_wrap .slider {
        padding-bottom: 15px;
    }

    .hp_blog_fund .hp_blog_main_box ul.slick-dots li button {
        width: 28px;
        height: 10px;
        border-radius: 8px;
    }

    .hp_blog_fund .hp_blog_main_box ul.slick-dots {
        border-radius: 10px;
        position: relative;
        left: auto;
    }

    .hp_blog_fund .hp_blog_main_box .hp_blog_slider_wrap.hp_testimonial_slider ul.slick-dots {
        position: relative;
        left: auto;
    }

    .hp_start_invest .hp_invest_content p,
    .hp_blog_fund .hp_blog_main_box p {
        font-size: 12px;
        padding-bottom: 10px;
    }

    .hp_explore_fund .hp_explore_ttl h3,
    .hp_start_invest .hp_invest_content h3,
    .hp_blog_fund .hp_blog_main_box h3 {
        padding-bottom: 10px;
        font-size: 20px;
    }

    .hp_blog_fund .hp_blog_main_box {
        padding: 20px 10px;
    }

    .hp_blog_fund {
        margin: 30px 0;
        margin-bottom: 0;
    }

    .hp_explore_fund .hp_explore_flex .hp_explore_box label {
        font-size: 13px;
    }

    .hp_explore_fund .hp_explore_flex .hp_explore_box .explore_icon img {
        height: 42px;
    }

    .hp_explore_fund .hp_explore_flex .hp_explore_box .explore_icon {
        width: 52px;
        height: 52px;
    }

    .hp_explore_fund .hp_explore_flex .hp_explore_col {
        width: 50%;
    }

    .main_homepage_wrap {
        padding: 40px 0;
    }

    .db_watch_list .db_flex_watchl .db_flex_watch_col img {
        width: 38px;
        margin-bottom: 10px;
    }

    .hp_start_invest .hp_invest_content .hp_invest_btn button {
        padding: 8px 18px;
        font-size: 14px;
    }

    .hp_start_invest .hp_invest_flex .hp_invest_col {
        width: 100%;
        padding: 15px;
    }

        .hp_start_invest .hp_invest_flex .hp_invest_col:first-child {
            text-align: center;
        }

    .db_auto_install {
        flex-wrap: wrap;
    }

        .db_auto_install .db_autoinstall_box:first-child,
        .db_auto_install .db_autoinstall_box:last-child {
            width: 100%;
            padding: 0;
            margin-top: 10px;
        }

    .db_banner_section .db_banner_flex_wrap .db_banner_col_wrap {
        width: 100%;
        margin: 2% 1%;
    }

    .db_recent_main_box .recent_trans_flex .db_transact_content.db_invest_rght1 {
        width: 100%;
    }

    .db_recent_main_box .recent_trans_flex .db_transact_content.db_invest_rght,
    .db_recent_main_box .recent_trans_flex .db_transact_content.db_invest_rght2 {
        width: 50%;
    }

    .db_autopay .db_autopay_box .db_add_space {
        padding: 0 2px;
    }

    .db_autopay .db_autopay_box label {
        padding: 8px 10px;
        font-size: 13px;
    }

    .db_recent_transaction {
        margin: 20px 0;
    }

    .db_recent_main_box .recent_trans_flex .db_transact_content {
        width: 50%;
        padding-bottom: 10px;
    }

        .db_recent_main_box .recent_trans_flex .db_transact_content.db_rt_paynow {
            width: 50%;
            text-align: left;
        }

    .db_invest_flex_wrap .db_recent_main_box.db_invest_left .my_invest_content {
        width: 48%;
        padding: 10px 0;
    }

    .db_watch_list .db_flex_watchl .db_flex_watch_col {
        width: 48%;
    }

        .db_watch_list .db_flex_watchl .db_flex_watch_col label {
            font-size: 12px;
        }

        .db_watch_list .db_flex_watchl .db_flex_watch_col .db_Watchlist_bottom span {
            font-size: 13px;
        }

    .db_invest_flex_wrap .db_invest_left {
        justify-content: left;
    }

    .db_autopay .db_autopay_box {
        margin-right: 10px;
    }

        .db_autopay .db_autopay_box:last-child {
            margin-right: 0px;
        }

    .main_dahboard_page {
        padding: 30px 0;
    }

    .my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-amount {
        width: 50%;
        padding-bottom: 10px;
    }

    .my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-frequency {
        width: 50%;
        text-align: right;
        padding-bottom: 10px;
    }

    .my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-date {
        width: 50%;
    }

    .my-sip-main-box .my-sip-flex-wrap .my-sip-colmn.my-sip-mandateid {
        width: 50%;
        text-align: right;
    }

    .trans-tab-mf {
        padding: 20px 0;
        order: 3;
    }

    .filter-dropdown-mf {
        order: 2;
    }

    .trans-tab-mf ul.nav li a {
        font-size: 11px;
        padding: 8px 6px;
    }

    .transc-main-tab-box .transc-tab-flex {
        position: relative;
    }

        .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-amount-space {
            width: 50%;
        }

        .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-date-space {
            width: 50%;
        }

        .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-right-space {
            width: 50%;
            padding-top: 15px;
        }

        .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-paybtn-space {
            width: 50%;
            padding-top: 15px;
        }

        .transc-main-tab-box .transc-tab-flex .tt-main-fund.tt-drop-space {
            width: auto;
            position: absolute;
            right: 0;
        }

    .transc-main-tab-box {
        margin: 0px;
        margin-bottom: 15px;
        padding: 15px;
    }

    .tt-main-timeline-order ul {
        display: block;
    }

        .tt-main-timeline-order ul li {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 15px 0;
            height: 100px;
        }

            .tt-main-timeline-order ul li label {
                width: 45%;
                height: auto;
                padding: 0;
            }

            .tt-main-timeline-order ul li span {
                width: 45%;
                padding: 0;
            }

                .tt-main-timeline-order ul li span.dot {
                    width: 10%;
                }

                    .tt-main-timeline-order ul li span.dot:before {
                        content: none;
                    }

                    .tt-main-timeline-order ul li span.dot:after {
                        content: '';
                        position: absolute;
                        width: 3px;
                        height: 100px;
                        background-color: #d5d5d5;
                        left: 14px;
                        top: -45px;
                        z-index: -1;
                    }

            .tt-main-timeline-order ul li:first-child span.dot:after {
                top: 2px;
            }

            .tt-main-timeline-order ul li.active span.dot:after {
                background-color: #21f0a8;
            }

            .tt-main-timeline-order ul li:last-child span.dot:after {
                bottom: 0;
                top: auto;
            }

            .tt-main-timeline-order ul li span.dot img {
                width: 18px;
            }

    .full_wrap.top_alaram_bar_wrap.header_main_bar .grid.container.top_wrap.clearfix {
        padding: 5px !important;
    }

    .mf-cont-text .mandate-text p {
        font-size: 13px;
        line-height: 22px;
    }

    .mf-tbl-main {
        padding: 0px 10px;
    }

    .mf-mandate-table {
        margin: 20px 0;
    }

        .mf-mandate-table .mf-mandate-flex .mf-mandate-wrap,
        .mf-mandate-table .mf-mandate-flex .mf-mandate-wrap.mf-wrap-status {
            width: 50%;
            padding-bottom: 10px;
        }

            .mf-mandate-table .mf-mandate-flex .mf-mandate-wrap.mf-create-on-wrap {
                width: 50%;
            }

            .mf-mandate-table .mf-mandate-flex .mf-mandate-wrap.mf-wrap-status:last-child {
                width: 100%;
            }

        .mf-mandate-table .mf-mandate-flex {
            padding-bottom: 15px;
            margin-bottom: 15px;
        }

    .db-mandate-steps ul li .db-steps-main .db-steps-img {
        padding: 8px;
        margin-right: 8px;
    }

    .db-mandate-steps ul li .db-steps-main p {
        font-size: 12px;
    }

    .db-bank-name p span {
        font-size: 14px;
    }

    .db-bank-name p {
        margin-bottom: 10px;
        font-size: 13px;
    }

    .mf-mandate-main-content .mf-content-flex .mf-cont-text a.btn-mandate,
    .db-bank-btn .btn-mandate-bank,
    .db-bank-btn .btn-proceed-bank,
    .mf-failed-btn-db a.btn-download-physical {
        padding: 8px;
        font-size: 13px;
        margin-top: 15px;
    }

    .db-bank-btn {
        padding-top: 10px;
    }

        .db-bank-btn .btn-mandate-bank,
        s.db-bank-btn .btn-proceed-bank {
            width: 120px;
        }

    .mf-mandate-success-main .mf-success-box img {
        width: 60%;
    }

    .mf-mandate-success-main .mf-success-box,
    .mf-physical-mandate-main .mf-default-bank-box,
    .mf-mandate-main-bank .mf-default-bank-box {
        padding: 15px;
    }

        .mf-mandate-success-main .mf-success-box p {
            font-size: 13px;
        }

    .db-download-auto {
        position: relative;
        top: 0;
    }

    .mf-mandate-main-bank,
    .mf-mandate-success-main,
    .mf-physical-mandate-main,
    .mf-cont-text {
        padding: 10px;
    }

    .db-all-btn-center {
        position: relative;
        bottom: 0;
        width: 100%;
    }

    .db-upload-procedd-btn {
        display: block;
        text-align: center;
    }

        .db-upload-procedd-btn .db-bank-btn {
            margin: 0;
            margin-top: 10px;
        }

    .db-upload-box .upload-btn-wrapper {
        margin: 0px auto;
    }

    .db_ttl_view_link {
        font-size: 14px;
    }

    .db_recent_main_box .recent_trans_flex .db_transact_content label,
    .db_invest_flex_wrap .db_recent_main_box.db_invest_left .my_invest_content label {
        font-size: 12px;
    }

    .db_recent_main_box .recent_trans_flex .db_transact_content span,
    .db_invest_flex_wrap .db_recent_main_box.db_invest_left .my_invest_content span {
        font-size: 13px;
    }

    .nfo_fund_logo.order_nfo_fund_wrap {
        width: 10%;
    }

    .nfo_fund_logo .fund_img {
        width: 30px;
        height: 30px;
        font-size: 16px !important;
    }

    .mutual-search-about-content p {
        font-size: 12px;
        line-height: 22px;
    }

    .footer p {
        font-size: 13px !important;
        padding: 10px 0 !important;
        margin: 0;
    }

    .hp_explore_fund.hp_fund_category_sect .hp_explore_flex .hp_explore_col {
        width: 50%;
        padding-right: 10px;
    }

    .hp_explore_fund.hp_fund_category_sect .hp_explore_box {
        padding: 18px 8px;
        padding-left: 35px;
        margin-bottom: 15px;
    }

    .hp_explore_fund .hp_explore_flex .hp_explore_box .explore_icon {
        width: 45px;
        height: 45px;
    }

    .hp_explore_fund.hp_fund_category_sect .hp_explore_box .explore_icon img {
        height: 35px;
    }

    span.notify_db_auto {
        width: 22px;
        height: 18px;
    }

    .db_auto_install .db_autoinstall_box label a {
        font-size: 11px;
    }

    .db-bank-name ul.nav.nav-tabs li a {
        padding: 5px 8px;
        width: 120px;
    }

        .db-bank-name ul.nav.nav-tabs li a .tab-ttl-main-bank img {
            height: 30px;
            width: 30px;
        }

        .db-bank-name ul.nav.nav-tabs li a .tab-ttl-main-bank label {
            margin-top: 8px;
            font-size: 13px;
        }

    .db-bank-name .db-tab-content-main p {
        padding: 0 12px;
        font-size: 14px;
    }

        .db-bank-name .db-tab-content-main p span {
            font-size: 18px;
        }
}

@media screen and (max-width:340px) {
    .db_recent_ttl h3 {
        font-size: 18px;
    }

    .db_watch_list .db_flex_watchl .db_flex_watch_col label {
        font-size: 11px;
    }

    .db_watch_list .db_flex_watchl .db_flex_watch_col .db_Watchlist_bottom span {
        font-size: 12px;
    }

    .db_watch_list .db_flex_watchl .db_flex_watch_col,
    .db_recent_transaction.db_exp_fund_wrap .db_watch_list .db_flex_watch_col {
        height: 200px;
    }

    .db_autopay .db_autopay_box {
        margin-right: 8px;
    }

        .db_autopay .db_autopay_box label {
            padding: 7px 5px;
            font-size: 11.5px;
        }

        .db_autopay .db_autopay_box .db_add_space {
            padding: 0 1px;
        }

    .hp_build_your_wealth .hp_explore_ttl h3 {
        font-size: 20px;
    }

    .hp_explore_fund .hp_explore_ttl h3,
    .hp_start_invest .hp_invest_content h3,
    .hp_blog_fund .hp_blog_main_box h3 {
        font-size: 20px;
    }

    .hp_explore_fund .hp_explore_flex .hp_explore_box label {
        font-size: 12px;
    }

    .hp_explore_fund.hp_fund_category_sect .hp_explore_box {
        padding: 16px 4px;
        padding-left: 24px;
    }

    .hp_explore_fund .hp_explore_flex .hp_explore_box .explore_icon {
        width: 42px;
        height: 42px;
    }

    .hp_explore_fund.hp_fund_category_sect .hp_explore_box .explore_icon img {
        height: 34px;
        padding: 4px;
    }
}

.search-mutual-tab ul.pull-right.pagination li a {
    width: auto;
    font-weight: normal;
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
    font-size: 14px;
}

.upcome_nfo_fund a {
    color: rgb(90, 96, 100);
}

.loaderbg {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    .loaderbg .loader {
        top: 40%;
    }

    .loaderbg p {
        top: 42%;
        position: relative;
        color: #fff;
    }

.modal-backdrop.fade.show {
    opacity: 0;
    display: none;
}

.order_confirm_fund_pg {
    text-align: center;
}

.order_conf_text_wrap h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.order_conf_btn_wrap .btn.btn-green-monthly {
    padding: 8px 24px !important;
    color: #e6fff7;
    background-color: #21f0a9;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    margin: 0px 4px;
}


    .order_conf_btn_wrap .btn.btn-green-monthly:hover {
        color: #21f0a9;
        background-color: #e6fff7;
    }

.order_conf_text_wrap h3 {
    padding: 15px;
    padding: 15px;
    padding-top: 15px;
    padding-top: 0;
}

.order_conf_text_wrap {
    padding-top: 20px;
}
/*Updated Physicalflow*/
/*26/05/2025*/
.verification-container {
    font-family: Arial, sans-serif;
    max-width: 340px; /*340*/
    margin: auto;
    text-align: center;
    padding: 0px; /*0*/
}

.header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-weight: bold;
}

.back-arrow {
    font-size: 20px;
    cursor: pointer;
    margin-right: 10px;
}

.title {
    font-size: 18px;
    font-weight: bold;
}

.info-text {
    font-size: 13px; /*13px*/
    margin-bottom: 20px;
}

.otp-inputs {
    display: flex;
    justify-content: center; /*center*/
    gap: 20px; /*20px*/
    margin-bottom: 20px;
}

.otp-box {
    width: 40px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 8px;
    outline: none;
}

    .otp-box:focus {
        border-color: #808080; /* or your desired color */
        outline: none;
    }

.continue-btn {
    background-color: #00f6a0;
    color: white;
    border: none;
    padding: 10px 100px;
    font-weight: bold;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 10px;
}

.resend-text {
    font-size: 12px;
    color: #808080;
}

.timer {
    color: #00f6a0;
}
/*26/05/2025*/


/*02-06-2025*/
input[type="radio"] {
    display: none;
}


.radio-inline {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}

    .radio-inline .form-check-label::before {
        content: "";
        position: absolute;
        left: 0;
        top: 2px;
        width: 16px;
        height: 16px;
        border: 2px solid #ccc;
        border-radius: 50%;
        background: #fff;
        transition: border 0.3s ease;
    }

input[type="radio"]:checked + .form-check-label::before {
    border-color: #21f0a9;
}

.radio-inline .form-check-label::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #21f0a9;
    opacity: 0;
    transition: opacity 0.2s ease;
}

input[type="radio"]:checked + .form-check-label::after {
    opacity: 1;
}


input[type="radio"]:checked + .form-check-label {
    color: #21f0a9;
    font-weight: bold;
}
#btnphysicalotp:disabled {
    background-color: #a6b3ae;
    color: white;
    cursor: not-allowed;
}
/*02-06-2025*/
/*Updated Physicalflow*/