body {
    font-family: 'Reddit Sans Condensed';
    padding: 0;
    margin: 0;
}

.message {
    display: grid;
    font-family: 'Reddit Sans Condensed';
    place-items: center;
    align-content: space-evenly;
    padding-top: 100px;
    color: white;
}


.message_about {
    display: grid;
    font-family: 'Reddit Sans Condensed';
    place-items: center;
    align-content: space-evenly;
}

.message_about_2 {
    font-family: 'Reddit Sans Condensed';
    place-items: center;
    align-content: space-evenly;
}

.message_ht{
    min-height: 100vh;
}

.footer_class_icons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
    align-content: center;    
}

.main_border_class {
    height: 4px;
    margin: 0px;
    padding: 0px;
}

.sub_border_class {
    height: 2px;
    margin: 0px;
    padding: 0px;
}

.my_bg {
    background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
}

.hidden {
    opacity: 0;
    transition: all 1s;
}

.show {
    opacity: 1;
}    

.text_class_center{
    text-align: center;
}

.text_class_left{
    text-align: left;
}

.text_class_right{
    text-align: right;
}

.late_delay_1 {
    animation: zoomIn;
    animation-delay: 2s;
}

.late_delay_2 {
    animation: zoomIn;
    animation-delay: 4s;
}

.late_delay_3 {
    animation: zoomIn;
    animation-delay: 6s;
}

.late_delay_4 {
    animation: zoomIn;
    animation-delay: 8s;
}

.late_delay_5 {
    animation: zoomIn;
    animation-delay: 10s;
}

.late_delay_6 {
    animation: zoomIn;
    animation-delay: 12s;
}

.late_delay_7 {
    animation: zoomIn;
    animation-delay: 14s;
}

.late_delay_8 {
    animation: zoomIn;
    animation-delay: 16s;
}

.late_delay_9 {
    animation: zoomIn;
    animation-delay: 18s;
}

.late_delay_10 {
    animation: zoomIn;
    animation-delay: 20s;
}


.blur{
    filter: blur(5px);
}

.left_col {
    grid-column: 1;
    grid-row: 1;
}

.right_col {
    grid-column: 2;
    grid-row: 1;
}



        .table_style {
            text-align: center; 
            table-layout: fixed; 
            max-width: 900px;
        }

        .my_button {
            width: auto;
        }

        .indian_eq {
            background: #050C9C;
            font-weight: bolder;
            color: white;
        }

        .large_cap {
            background: #050C9C;
            font-weight: bolder;
            color: white;
        }

        .mid_cap {
            background: #3572EF;
            font-weight: bolder;
            color: white;
        }

        .small_cap {
            background: #3ABEF9;
            font-weight: bolder;
            color: white;
        }

        .multi_cap{
            background: #7BC9FF;
            font-weight: bolder;
            color: white;
        }

        .global_eq{
            background: #52b69a;
            font-weight: bolder;
        }

        .us_large {
            background: #76c893;
            font-weight: bolder;
        }

        .us_tech{
            background: #52b69a;
            font-weight: bolder;
        }

        .eafe {
            background: #99d98c;
            font-weight: bolder;
        }

        .debt {
            background: #FF7D29;
            font-weight: bolder;
        }

        .tmf {
            background: #FF7D29;
            font-weight: bolder;
        }

        .fd {
            background: #FFBF78;
            font-weight: bolder;
        }

        .tax_free {
            background: #FFEEA9;
            font-weight: bolder;
        }

        .govt {
            background: #FEFFD2;
            font-weight: bolder;
        }

        .precious {
            background: gold;
            font-weight: bolder;
        }

        .gold {
            background: gold;
            font-weight: bolder;
        }

        .silver {
            background: silver;
            font-weight: bolder;
        }

        .sgb {
            background: yellow;
            font-weight: bolder;            
        }

        .tabs{
            width: 100%;
            display: block;
            margin: 40px auto;
            position: relative;
        }

        .tabs .tab{
            float: left;
            display: block;
        }

        .tabs .tab>input[type="radio"] {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .tabs .tab>label {
            display: block;
            padding: 6px 21px;
            font-size: 16px;
            text-transform: uppercase;
            cursor: pointer;
            position: relative;
            border-radius: 10px;
        }

        .tabs .content {
            z-index: 0;/* or display: none; */
            overflow: hidden;
            width: 100%;
            padding: 25px;
            position: absolute;
            top: 100px;
            left: 0;
            opacity:0;
            transition: opacity 400ms ease-out;
        }

        .tabs>.tab>[id^="tab"]:checked + label {
            top: 0;
            color: #FFF;
            background: #4A83FD;
        }

        .tabs>.tab>[id^="tab"]:checked ~ [id^="tab-content"] {
            z-index: 1;/* or display: block; */
           
            opacity: 1;
            transition: opacity 400ms ease-out;
        }