.bg_e9e9ea {
    background-color: #e9e9ea;
}

.fincountWrap {
    .fincountInn {
        height: 100%;
        box-shadow: 0px 0px 15px #ffffff33;
        padding: 20px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .fincountIcn {
        width: 80px;
        height: 80px;
        padding: 10px;
        margin-bottom: 15px;

        img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }
}

.finGrowthWrap {
    .finGrowthInn {


        .finGrowthIcn {
            width: 80px;
            height: 80px;
            padding: 10px;
            margin-bottom: 15px;

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }
    }

    .echFinGrowth {
        margin-bottom: 30px;
        position: relative;

        &::before {
            content: "";
            position: absolute;
            top: -12px;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #ffffff;
        }

        &::after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 1px;
            height: 100%;
            background-color: #ffffff;
        }

        &:first-child,
        &:nth-child(2),
        &:nth-child(3) {
            &::before {
                display: none;
            }
        }

        &:nth-child(3n + 3) {
            &::after {
                display: none;
            }
        }
    }
}

.whiteMultiBox {
    background-color: #e9e9ea;
    border-radius: 20px;
    padding: 30px;
}

.tableWrap,
.tableWrap2 {
    width: 100%;
    overflow-x: auto;

    table {
        width: 100%;

        th,
        td {
            padding: 12px 10px;
        }

        th {
            font-family: 'Helvetica Neue';
            font-weight: bold;
        }
        tr {
            font-family: 'Helvetica Neue';
        }
    }
    thead {
        tr {
            &:last-child {
                border-bottom: 2px solid #034ea2;
            }
        }
    }
    tbody {
        tr {
            border-bottom: 2px solid #bdbec0;
            &:last-child {
                border-bottom: 2px solid #034ea2;
            }
        }
    }
}

.brdr_btm_8cbcde {
    border-bottom: 1px solid #8cbcde;
}

.section_6 {
    .row_1 {
        .subRow_1 {
            .imgBox {
                height: 100%;
                img {
                    object-fit: contain;
                }
            }
        }
    }
}

/* --------------------------------------------------------------------------------
   Responsive
-------------------------------------------------------------------------------- */

/* everything here is col-lg-* only, so it goes straight from four (or three) across
   to full width at 991px - a tablet ends up with one very empty card per row */
@media (min-width: 768px) and (max-width: 991px) {
    .capital-financial {
        .fincountWrap .echFincount,
        .section_6 .subRow_1 > [class*="col-lg-"] {
            flex: 0 0 50%;
            max-width: 50%;
        }
    }
}

/* the dividers assume a three-across grid: a rule down the right of every card
   except the third, and no rule above the first row. Stacked, the vertical rule
   hangs off the side of a full-width block and the horizontals land at random */
@media (max-width: 991px) {
    .finGrowthWrap .echFinGrowth {
        &::after {
            display: none;
        }

        &:nth-child(2),
        &:nth-child(3) {
            &::before {
                display: block;
            }
        }
    }

    .section_1{
        .finWrap1{
            .col-lg-8{
                margin-bottom: 20px;
            }
        }
        .finWrap2{
            .col-lg-3{
                &:not(:last-child){
                    margin-bottom: 20px;
                }
            }
        }
    }

    .section_2{
        .finWrap4{
            .row_1{
                .col-lg-6{
                    &:not(:last-child){
                        margin-bottom: 20px;
                    }
                }
                .subRow_1{
                    .col-lg-6{
                        &:not(:last-child){
                            margin-bottom: 20px;
                        }
                    }
                }
            }
        }
    }

    .section_4{
        .subRow_1{
            .col-md-6{
                &:not(:last-child){
                    margin-bottom: 20px;
                }
            }
        }
    }

    .section_5{
        .row_1{
            .col-lg-8{
                margin-bottom: 20px;
            }
        }
    }
}

@media (max-width: 767px) {
    .capital-financial {
        .fincountWrap .fincountInn {
            padding: 18px;
        }
        .fincountWrap .fincountIcn,
        .finGrowthWrap .finGrowthInn .finGrowthIcn {
            width: 64px;
            height: 64px;
            padding: 8px;
        }
        .whiteMultiBox {
            padding: 20px;
            margin-bottom: 20px !important;
        }
    }

    /* a three-column table is the widest thing on the page - let it keep its own
       column widths and scroll inside .tableWrap rather than crushing the labels */
    .tableWrap,
    .tableWrap2 {
        table {
            min-width: 480px;

            th,
            td {
                padding: 10px 8px;
            }
        }
    }
}