.sec_1 {
    .grad_black {
        position: relative;

        &:before {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: '';
            position: absolute;
            background: linear-gradient(90deg, #000000c7 30%, #0000000d 100%);
        }

        .arHead {
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
            position: absolute;
        }
    }
}

.operateEnvAcc {
    .accWrap {
        .accInner {
            .eachAcc {
                &:not(:last-child) {
                    margin-bottom: 30px;
                }

                .accTrigger {
                    display: flex;
                    cursor: pointer;
                    transition: 0.6s;
                    padding: 10px 38px 10px 30px;
                    align-items: center;
                    border-radius: 10px;
                    position: relative;
                    background-color: #e3e9e1;
                    box-shadow: 0 2px 3px #00000050;

                    figure {
                        width: 80px;
                        height: 80px;
                        display: flex;
                        padding: 10px;
                        border-radius: 50%;
                        position: relative;
                        align-items: center;
                        justify-content: center;
                        background-color: #e3e9e1;
                        .imgBox{
                            width: 100%;
                            height: 100%;
                            padding: 10px;
                            background-color: #fff;
                            border-radius: 50%;
                            overflow: hidden;

                            img {
                                width: 100%;
                                height: 100%;
                                /* border-radius: 50%; */
                                object-fit: contain;
                            }
                        }

                        &:before {
                            left: 0;
                            right: 0;
                            content: '';
                            margin: auto;
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            background-position: 0 0;
                            background-size: contain;
                            transform: rotate(-90deg);
                            background-repeat: no-repeat;
                            background-image: url(../images/figBr.png);
                        }

                        &:after {
                            right: -9px;
                            top: 50%;
                            width: 18px;
                            height: 18px;
                            content: '';
                            position: absolute;
                            background-position: 0 0;
                            background-size: contain;
                            background-repeat: no-repeat;
                            transform: translateY(-50%) rotate(-90deg);
                            background-image: url(../images/figIcon.png);
                        }
                    }

                    h5 {
                        padding-left: 20px;
                        width: calc(100% - 80px);
                    }

                    &::after {
                        content: '\f078';
                        font-family: fontawesome;
                        position: absolute;
                        right: 15px;
                        top: 50%;
                        transform: translateY(-50%);
                        color: #000000;
                        font-size: 18px;
                        transition: all 0.5s;
                    }

                    &.active {
                        box-shadow: none;
                        border-radius: 10px 10px 0 0;

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

                .accCont {
                    display: none;

                    .accContInner {
                        padding-top: 0px;
                        position: relative;
                        background-color: #e3e9e1;
                    }
                }

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

.bg_green_box {
    .rel {
        &:before {
            background-color: var(--white);
        }
    }
}


/* Responsive */

@media screen and (max-width: 1536px) {
    .bannerWrap {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}



@media screen and (max-width: 1280px) {
    .sec_1 {
        .grad_black {
            figure {
                height: 530px;

                img {
                    object-position: 80% 100%;
                }
            }

            h2 {
                margin-bottom: 20px;
            }

            &:before {
                content: normal;
            }

            .arHead {
                position: static;
                padding-bottom: 0 !important;
            }

            .whiteBox {
                * {
                    color: #000 !important;
                }
            }
        }
    }

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

@media(max-width: 767px) {
    .sec_1 {
        .grad_black {
            figure {
                height: 300px;
            }
        }
    }
}