.capHdBluBg {
    background-color: #c5def1;
}

.cusHdBluBg {
    background-color: #c5def2;
}

.cusLgBluBg {
    background-color: #f3f8fc;
}

.cusHdPnkBg {
    background-color: #f4adbd;
}

.cusLgPnkBg {
    background-color: #fdeff2;
}

.cusSkyBg {
    background-color: #c6e9f1;
}

.cusLgSkyBg {
    background-color: #f4fbfc;
}

.cusBrwBg {
    background-color: #e7dde5;
}

.cusLgBrwBg {
    background-color: #fdfdfe;
}

.cusOrgBg {
    background-color: #efccc0;
}

.cusLgOrgBg {
    background-color: #fcf4f2;
}

.cusGrnBg {
    background-color: #d3efd6;
}

.cusLgGrnBg {
    background-color: #f6fcf6;
}

.cusPrlBg {
    background-color: #f6def6;
}

.cusLgPrlBg {
    background-color: #fcf8fc;
}

.cusGryBg {
    background-color: #bdbdbd;
}

.cusLgGryBg {
    background-color: #f4f4f2;
}

.stHol_val_lst {
    max-width: 80%;
    margin: 0 auto;
    ul {
        padding: 25px 20px;
        width: 100%;
        gap: 10px;

        li {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            width: calc(33.33% - 10px);

            p {
                width: calc(100% - 50px);
                text-align: left;

            }
        }
    }
}

.each_cus_inn {
    ul {
        margin: 0;

        li {
            &::before {
                top: 10px;
            }
        }
    }
}

.each_cus_sub_divied_lst {

    ul {
    
        li {
            padding: 0 12px;
            margin: 0 0 15px;
        }
    }
}

.stHol_btm_img {
    img {
        width: 100%;
    }
}


.stHol_val_icn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;

    img {
        object-fit: contain;
        mix-blend-mode: darken;
    }

}

.each_cus_inn {
    &:first-child {
        display: flex;
        flex-direction: column;
        justify-content: space-between;

    }
}

.cusBluBr {
    .each_cus_inn {
        &:first-child {
            .each_cus_lst {
                border-top: 1px solid #c5def2;
            }
        }

        &:not(:last-child) {
            border-right: 1px solid #c5def2;
        }
    }
}

.cusPnkBr {
    .each_cus_inn {
        &:first-child {
            .each_cus_lst {
                border-top: 1px solid #f4adbd;
            }
        }

        &:not(:last-child) {
            border-right: 1px solid #f4adbd;
        }
    }
}

.cusSkyBr {
    .each_cus_inn {
        &:first-child {
            .each_cus_lst {
                border-top: 1px solid #c6e9f1;
            }
        }

        &:not(:last-child) {
            border-right: 1px solid #c6e9f1;
        }
    }
}

.cusBrwBr {
    .each_cus_inn {
        &:first-child {
            .each_cus_lst {
                border-top: 1px solid #e7dde5;
            }
        }

        &:not(:last-child) {
            border-right: 1px solid #e7dde5;
        }
    }
}

.cusOrgBr {
    .each_cus_inn {
        &:first-child {
            .each_cus_lst {
                border-top: 1px solid #efccc0;
            }
        }

        &:not(:last-child) {
            border-right: 1px solid #efccc0;
        }
    }
}

.cusGrnBr {
    .each_cus_inn {
        &:first-child {
            .each_cus_lst {
                border-top: 1px solid #d3efd6;
            }
        }

        &:not(:last-child) {
            border-right: 1px solid #d3efd6;
        }
    }
}

.cusPrlBr {
    .each_cus_inn {
        &:first-child {
            .each_cus_lst {
                border-top: 1px solid #f6def6;
            }
        }

        &:not(:last-child) {
            border-right: 1px solid #f6def6;
        }
    }
}

.cusGryBr {
    .each_cus_inn {
        &:first-child {
            .each_cus_lst {
                border-top: 1px solid #bdbdbd;
            }
        }

        &:not(:last-child) {
            border-right: 1px solid #bdbdbd;
        }
    }
}

.lgBluLst {
    li {
        &::before {
            background-color: #c5def2;
        }
    }
}

.lgPnkLst {
    li {
        &::before {
            background-color: #f4adbd;
        }
    }
}

.lgSkyLst {
    li {
        &::before {
            background-color: #c6e9f1;
        }
    }
}

.lgBrwLst {
    li {
        &::before {
            background-color: #e7dde5;
        }
    }
}

.lgOrgLst {
    li {
        &::before {
            background-color: #efccc0;
        }
    }
}

.lgGrnLst {
    li {
        &::before {
            background-color: #d3efd6;
        }
    }
}

.lgPrlLst {
    li {
        &::before {
            background-color: #f6def6;
        }
    }
}

.lgGryLst {
    li {
        &::before {
            background-color: #bdbdbd;
        }
    }
}

@media (max-width: 1600px) {
    .stHol_val_lst {
        ul {
            padding: 20px 15px;
        }
    }
}

@media (max-width: 1360px) {
    .stHol_val_lst {
        ul {
            justify-content: flex-start !important;
        }
    }

    .stHol_cap ul li {
        width: calc(33.33% - 10px);
    }
}

@media(max-width: 1366px) {
    .each_cus_inn {
    & ul {
        & li {
            &::before {
                top: 6px;
            }
        }
    }
}
}

@media (max-width: 1199px) {
    .capList li {
        font-size: 17px;
    }
}

@media(max-width: 991px) {
    .capList li {
        padding-left: 25px;
        line-height: 1.6;
    }

    .stHol_val_lst {
        max-width: 100%;
        ul {
            justify-content: space-between !important;
        }
    }
    

    .stHol_cap ul li {
        width: 30%;
    }

    .each_cus_inn {

        &.wid_20 {
            width: 30%;
        }

        &.wid_40 {
            width: 35%;
        }
    }
    .StakeholderEngageSec1{
        padding-top: 40px;
    }

}

@media(max-width: 767px) {
    .cus_Bx_wrap_inn {
        flex-direction: column;
    }

    .each_cus_inn {

        &.wid_20 {
            width: 100%;
        }

        &.wid_40 {
            width: 100%;
            padding-left: 0 !important;
        }
    }

    .cus_sub_divied.mb_70 {
        margin-bottom: 0 !important;
    }

    .cusBluBr,
    .cusPnkBr,
    .cusSkyBr,
    .cusBrwBr,
    .cusOrgBr,
    .cusGrnBr,
    .cusPrlBr,
    .cusGryBr {
        & .each_cus_inn {
            &:first-child {
                .each_cus_lst {
                    border-top: unset;
                }
            }

            &:not(:last-child) {
                border-right: unset;
            }
        }
    }

    .each_cus_lst {
        padding-bottom: 30px !important;

        &.pt_20 {
            padding-top: 0 !important;
        }

        &.mr_20 {
            margin-right: 0 !important;
        }
    }
}

@media (max-width: 575px) {
    .stHol_cap ul li {
        width: 48%;
    }

    .stHol_val_icn {
        width: 46px;
        height: 46px;
    }
    .stCus_hd {

        .p_15 {
            padding: 10px!important;
        }
        h4 {
            font-size: 22px!important;
        }
    }
    .stHol_cap_head {
        h4 {
            font-size: 22px!important;
        }
    }
}

@media (max-width: 480px) {
    .stHol_cap ul li {
        width: 100%;
    }
}