.MaterialityAssessSec1{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;

    &:before{
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    }

    figcaption{
        right: 30px;
        bottom: 30px;
    }
}
.btmImg{
    display: none;
}
.each_assess_card_bx::after {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    top: 50%;
    right: -17px;
    width: 22px;
    height: 22px;
    font-size: 14px;
    border-radius: 50%;
    background-color: #bfc772;
    text-align: center;
    color: #fff;
    transform: translateY(-50%);
}

.mat_assess_card_bx .col-lg-4:last-child .each_assess_card_bx::before,
.mat_assess_card_bx .col-lg-4:last-child .each_assess_card_bx::after {
    display: none;
}

.p_32 {
    padding: 32px;
}

.footprint_lst ul {
    list-style: none;
    column-count: 2;
}

.graph_hd_bg{
	width: 100%;
	height: 50px;
}

.graph_hd_bg img{
	width: 100%;
	height: 100%;
}

.graph_hd_impact {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.mat_graph_lst ul {
    list-style: none;
    margin: 0;
}
.mat_graph_lst ul li{
    margin: 0;
}

.mat_graph_text_hd {
    border-bottom: 2px solid #55b79f;
}
.stHol_cap_hd h3{
    border-image: linear-gradient(to right, rgb(231, 232, 233) 0%, rgba(242, 242, 243, 0.712) 100%) 1;
    border-radius: 5px;
    border-width: 2px 0;
    border-style: solid;
    padding: 5px;
    max-width: 19%;
}

.capList li {
    position: relative;
    padding-left: 30px;
    line-height: 1.8;
}

.capList li:before {
    left: 0;
    top: 6px;
    content: '';
    width: 18px;
    height: 22px;
    position: absolute;
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.footprint_lst .numList span {
    position: absolute;
    left: -11px;
    top: 0;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* cap_lst */
.capList.lg_brwn li:before {
    background-image: url(../images/listBg/lg_brwn.png);
}

.capList.lg_blu li:before {
    background-image: url(../images/listBg/lg_blu.png);
}

.capList.lg_gray li:before {
    background-image: url(../images/listBg/lg_gray.png);
}

.capList.lg_grn li:before {
    background-image: url(../images/listBg/lg_grn.png);
}

.capList.lg_orgn li:before {
    background-image: url(../images/listBg/lg_orgn.png);
}

.capList.lg_pnk li:before {
    background-image: url(../images/listBg/lg_pnk.png);
}

.capList.lg_ylw li:before {
    background-image: url(../images/listBg/lg_ylw.png);
}

.remove_arw .capList li::after {
    display: none;
}

.letShol_con ul {
    list-style: disc;
    column-count: 1;
}

.txtBr {
    text-decoration: underline;
}

.bg_grn {
    background-color: #99b463;
}

.bg_sky {
    background-color: #4ec7e5;
}

.bg_brwn {
    background-color: #b38c67;
}

.col_grn {
    color: #3d8a79;
}

.col_brwn {
    color: #b38c67;
}

/* Responsive */

@media (max-width: 1199px) {
    .footprint_lst ul {
        column-count: 1;
    }

      .rsk_cat {
        flex-direction: column;

        li {
            width: 100%;
        }
    }
}

@media (max-width: 1024px){
    .MaterialityAssessSec1{
        background-image: none !important;
        padding-bottom: 0 !important;
    }
    .h_100vh{
        height: auto;
    }
    .btmImg{
        display: block;
    }    
}

@media (max-width: 991px) {
    /* material */
    .each_assess_card_bx::after {
        right: -22px;
        width: 17px;
        height: 17px;
        font-size: 11px;
    }

    .mat_matrix_bx h3 {
        font-size: 25px !important;
    }

    .mat_graph_text .footprint_lst .numList span {
        font-size: 15px;
    }

    .each_assess_card_bx {
        padding-bottom: 75px;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .col_3{
        .each_assess_card_bx {
            padding-bottom: 30px;
        }
    }

    .each_assess_card_bx::before {
        bottom: 21px;
        top: auto;
        left: 50%;
        width: 2px;
        height: 22%;
        transform: translateX(-50%);
    }

    .each_assess_card_bx::after {
        left: 50%;
        bottom: 25px;
        top: auto;
        width: 25px;
        height: 25px;
        font-size: 17px;
        transform: translateX(-50%) rotate(90deg);
    }

    .stHol_cap.abt_val_lst ul li {
        width: 23%;
    }

    .govPhilSmallCardWrap {
        gap: 20px;
    }

    .govPhilSmallCard {
        min-height: 45px;
        width: 100%;
        max-width: calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
        padding: 0 16px;
        border-right: 1px solid #005baa !important;
    }

    .govPhilSmallCard:nth-child(2n) {
        border-right: none !important;
    }
}

@media (max-width: 575px) {

    /* material */
    .mat_matrix_bx h3 {
        font-size: 22px !important;
    }

    /* .graph_hd_impact {
        top: 15px;
    } */
    .stHol_cap.abt_val_lst ul li {
        width: 45%;
    }

    .abt_val_lst ul li {
        width: 23%;
    }
}

@media (max-width: 480px) {

    /* material */
    .mat_assess_bx h3 {
        font-size: 20px !important;
    }

    .stHol_cap.abt_val_lst ul li {
        width: 100%;
    }

    .abt_val_lst ul li {
        width: 30%;
    }
}