.valueMenu {
    ul {
        li {
            overflow: hidden;
            position: relative;
            transition: all 0.6s;
            padding: 10px 20px 17px;
            border-radius: 0 30px 30px 0;

            &:not(:last-child) {
                margin-bottom: 20px;
            }

            &:before {
                top: 0;
                left: 0;
                bottom: 0;
                width: 5px;
                content: '';
                transition: 0.6s;
                position: absolute;
                background: var(--green);
            }

            a {
                z-index: 1;
                width: 100%;
                height: 100%;
                color: #fff;
                display: block;
                font-size: 20px;
                font-weight: 700;
                position: relative;
                text-align: center;
                transition: all 0.6s;
            }

            &:hover,
            &.currentA {
                &:before {
                    right: 0;
                    width: 100%;
                }
            }
        }
    }
}

.vmcSec {
    &:not(:first-child) {
        padding-top: 80px;

        .vmcSecInner {
            .vmcSecContInn {
                .vmcSecContTop {
                    border-bottom: none;
                }
            }
        }
    }

    &:not(:last-child) {
        .vmcSecInner {
            position: relative;

            &:after {
                left: 0;
                right: 0;
                bottom: -53px;
                content: '';
                margin: auto;
                width: 80px;
                height: 50px;
                position: absolute;
                background-color: #0000005c;
                clip-path: polygon(50% 40%, 0 0, 100% 0);
            }
        }
    }

    .accTrigger {
        color: #fff;
        margin-bottom: 0;
        pointer-events: none;
        padding: 10px 30px 17px;
        border-radius: 0 30px 30px 0;
    }

    .vmcSecInner {
        padding-top: 30px;
        position: relative;
        border-bottom: 3px double #000;

        &.vmcSecInner_1,
        &.vmcSecInner_3,
        &.vmcSecInner_4,
        &.vmcSecInner_5 {
            position: relative;

            &:before {
                top: 0;
                z-index: -1;
                bottom: 0;
                left: 34px;
                width: 1px;
                content: '';
                position: absolute;
                background-color: #000;
            }
        }

        &.vmcSecInner_2 {
            background: #d2e9df;
            background: linear-gradient(180deg, #d2e9df 0%, #fbfbd8 100%);

            .vmcSecContInnTop {
                padding: 30px;
                border-bottom: 1px solid #00000040;
            }

            .vmcSecContInnBot {
                padding: 30px 0;

                .vcmBgBox {
                    width: calc(25% - 20px);
                    height: 300px;
                    display: flex;
                    position: relative;
                    align-items: center;
                    justify-content: center;
                    background-size: contain;
                    background-repeat: no-repeat;

                    strong {
                        padding: 0 10px;
                        text-align: center;
                        display: inline-block;
                    }

                    &.vcmBgWh {
                        margin: 0 auto;
                        position: relative;
                        background-image: url(../images/vcm/vcm_bg.png);

                        &:before {
                            bottom: -2px;
                            left: 0px;
                            right: 0px;
                            width: 2px;
                            z-index: 0;
                            height: 25px;
                            content: '';
                            margin: auto;
                            position: absolute;
                            background-color: #b3d335;
                        }
                    }

                    &.vcmBgGn {
                        position: relative;
                        background-image: url(../images/vcm/vcm_2_bg.png);

                        &:before {
                            top: -30px;
                            left: 0px;
                            right: 0px;
                            width: 2px;
                            height: 30px;
                            content: '';
                            margin: auto;
                            position: absolute;
                            background-color: #b3d335;
                        }
                    }
                }

                .vcmBgBoxWrap {
                    display: flex;
                    position: relative;
                    align-items: center;
                    padding-top: 30px;
                    justify-content: space-between;
                    border-top: 2px solid #b3d335;

                    .vcmBgBox {
                        height: 300px;
                        width: calc(25% - 20px);
                    }
                }
            }
        }

        .vmcSecContInn {
            position: relative;
            padding-bottom: 20px;

            &:not(:last-child) {
                margin-bottom: 20px;

                &:after {
                    right: 0;
                    bottom: 0;
                    left: 34px;
                    height: 1px;
                    content: '';
                    position: absolute;
                    background-color: #000;
                }
            }
        }

        .vmcSecContTop {
            row-gap: 15px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin-bottom: 10px;

            .vmcIcon {
                width: 70px;
                height: 70px;
                padding: 15px;
                border-radius: 50%;
                background-color: #fff;
                border: 1px solid #000;

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

            .vmcContRt {
                padding-left: 15px;
                width: calc(100% - 80px);

                h6 {
                    margin-bottom: 0;
                }
            }
        }

        .vmSecContBot {
            padding-left: 85px;
        }

        .bigText {
            font-size: 70px;
            display: inline-block;

            figure {
                width: 70px;
                height: 70px;
            }
        }

        .sdgBox {
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            gap: 12px;

            .sdgBoxInn {
                width: 9%;
                height: auto;
            }
        }
    }
}


/* Responsive */

@media only screen and (max-width: 1440px) {
    .vmcSec {
        .vmcSecInner {
            &.vmcSecInner_2 {
                .vmcSecContInnBot {
                    .vcmBgBox {
                        height: 265px;
                    }

                    .vcmBgBoxWrap {
                        .vcmBgBox {
                            height: 260px;
                        }
                    }
                }
            }
        }
    }
}


@media only screen and (max-width: 1366px) {
    .vmcSec {
        .vmcSecInner {
            .bigText {
                font-size: 40px;

                figure {
                    width: 50px;
                    height: 50px;
                }
            }

            &.vmcSecInner_2 {
                .vmcSecContInnBot {
                    .vcmBgBox {
                        height: 250px;
                    }

                    .vcmBgBoxWrap {
                        .vcmBgBox {
                            height: 245px;
                        }
                    }
                }
            }
        }
    }
}


@media only screen and (max-width: 1280px) {
    .vmcSec {
        .vmcSecInner {
            &.vmcSecInner_2 {
                .vmcSecContInnBot {
                    .vcmBgBox {
                        height: 235px;
                    }

                    .vcmBgBoxWrap {
                        .vcmBgBox {
                            height: 225px;
                        }
                    }
                }
            }
        }
    }

    .vmcSecInner {
        .col_2 {
            .commonList {
                &.grad_paleV_2 {
                    padding: 14px;
                    .fz_14 {
                        font-size: 12px !important;
                    }
                }
            }
        }
    }
}


@media only screen and (max-width: 1024px) {
    .vmAside {
        display: none;
    }

    .vmcSec {
        .vmcSecInner {
            &.vmcSecInner_2 {
                .vmcSecContInnBot {
                    .vcmBgBox {
                        height: 248px;
                    }

                    .vcmBgBoxWrap {
                        .vcmBgBox {
                            height: 242px;
                        }
                    }
                }
            }
        }
    }

    .vmMain {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;

        .vmcSec {

            &.eachAcc {
                .accCont {
                    display: none;
                }
            }

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

            &:not(:first-child) {
                padding-top: 30px;
            }

            .accTrigger {
                pointer-events: auto;
                position: relative;
                padding-right: 50px;

                &::after {
                    content: "\f107";
                    position: absolute;
                    top: 14px;
                    right: 20px;
                    color: #fff;
                    font-family: fontawesome;
                    font-size: 16px;
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    background-color: #058648;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transition: .4s;
                }

                &.active {
                    &::after {
                        transform: rotate(180deg);
                    }
                }
            }

            .accCont {
                display: none;
            }
        }
    }

}

@media only screen and (max-width: 991px) {
    .vmcSec {
        .vmcSecInner {
            .sdgBox {
                .sdgBoxInn {
                    width: 85px;
                }
            }

            &.vmcSecInner_1,
            &.vmcSecInner_3,
            &.vmcSecInner_4,
            &.vmcSecInner_5 {
                &:before {
                    left: 24px;
                }
            }

            .bigText {
                margin-bottom: 15px;
            }

            .vmcSecContTop {
                .vmcIcon {
                    width: 50px;
                    height: 50px;
                    padding: 8px;
                }
            }

            .vmSecContBot {
                padding-left: 65px;
            }

            .vmcSecContInn {
                &:not(:last-child) {
                    &:after {
                        left: 24px;
                    }
                }
            }

            &.vmcSecInner_2 {
                .vmcSecContInnTop {
                    padding: 0 0 30px;

                    .col_1 {
                        margin-bottom: 30px;
                    }
                }

                .vmcSecContInnBot {
                    .vcmBgBox {
                        height: auto;
                        padding-top: 65px;

                        strong {
                            font-size: 14px;
                            line-height: 1.1;
                        }

                        &.vcmBgWh {
                            padding-bottom: 40px;
                            background-size: 50px;
                            background-position: center top;
                        }

                        &.vcmBgGn {
                            background-size: 50px;
                            background-position: center top;
                        }
                    }

                    .vcmBgBoxWrap {
                        .vcmBgBox {
                            height: 130px;
                            padding-top: 65px;
                            align-items: flex-start;
                        }
                    }
                }
            }
        }
    }

    .grad_paleV_2 {
        background: linear-gradient(180deg, #fafacf 0%, #fafacf 100%);
    }

}