.how-we-create-value {
    .lineHeading {
        &::before {
            width: 310px;
            left: 100px;
            bottom: 80px;
        }

        &::after {
            width: 120px;
            left: 205px;
            top: 53px;
        }
    }
}

.valueAcc {
    .valueAccHead {
        padding: 20px 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        position: relative;
        padding-right: 30px;
        cursor: pointer;

        &::after {
            content: "\f078";
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            font-family: "FontAwesome";
            font-size: 20px;
            color: #e31837;
        }
    }

    .valueAccContent {
        display: none;
        padding: 20px 0;

        .sdgImgWrap {
            ul {
                li {
                    width: auto;
                    margin-bottom: 0px;
                }
            }
        }
    }

    &:first-child {
        .valueAccContent {
            display: block;
        }
    }

    &.active {
        .valueAccHead {
            &::after {
                transform: translateY(-50%) rotate(-180deg);
            }
        }
    }
}

.resourceHead {
    display: flex;
    align-items: center;
    gap: 10px;

    .rsIcon {
        width: 50px;
        height: 50px;
        font-size: 24px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff;
    }
}

.text_00aeef {
    color: #00aeef;
}

.bg_00aeef {
    background-color: #00aeef;
}

.text_6dc067 {
    color: #6dc067;
}

.bg_6dc067 {
    background-color: #6dc067;
}

.text_2e3192 {
    color: #2e3192;
}

.bg_2e3192 {
    background-color: #2e3192;
}

.text_903f98 {
    color: #903f98;
}

.bg_903f98 {
    background-color: #903f98;
}

.text_3eb5b3 {
    color: #3eb5b3;
}

.bg_3eb5b3 {
    background-color: #3eb5b3;
}

.bg_f7941e {
    background-color: #f7941e;
}

.text_f7941e {
    color: #f7941e;
}

.bg_e6e7e8 {
    background-color: #e6e7e8 !important;
}

.purposeHeading {
    display: flex;
    gap: 20px;

    .purposeIcon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        padding: 10px;
        display: flex;
        align-items: center;
    }

    .purposeRight {
        padding-left: 0px;
        width: calc(100% - 80px);
    }
}

.gap_10 {
    gap: 10px;
}

.mob_768 {
    display: none;
}


@media(max-width: 1366px) {
    .valueSec_1 {
        .row_1.mb_100 {
            margin-bottom: 50px !important;
        }
    }
}

@media(max-width: 1280px) {
    h4.fz_24 {
        font-size: 22px !important;
    }

    .resourceHead {
        .rsIcon {
            width: 46px;
            height: 46px;
            font-size: 20px;
        }
    }
}

@media(max-width: 991px) {
    .valueSec_1 {
        .row_1.mb_100 {
            margin-bottom: 40px !important;
        }
    }
}

@media(max-width: 768px) {
    .mob_768 {
        display: block;
    }

    .desk_768 {
        display: none;
    }
}

@media(max-width: 767px) {
    .sdgImgWrap {
        ul {
            li {
                width: calc((100% - 30px) / 4);
            }
        }
    }

    .valueAcc {
        .valueAccContent {
            .sdgImgWrap {
                ul {
                    li {
                        width: calc((100% - 30px) / 4);
                        margin-bottom: 0px;
                    }
                }
            }
        }
    }
}