.section_1 {
    .subrow_1 {
        .esgDiv {
            .esgIcon {
                width: 60px;
                height: 60px;
                margin-bottom: 10px;

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

            .esgTxt {
                padding-top: 10px;
                border-top: 1px solid #000;
            }
        }

        .subcol_2 {
            .esgDiv {
                .esgTxt {
                    position: relative;

                    &::before {
                        content: '';
                        position: absolute;
                        left: -15px;
                        bottom: 0;
                        width: 1px;
                        height: 100%;
                        background-color: #000;
                    }
                }
            }
        }
    }

    .keyDiv {
        .keyDivInn {
            min-height: 160px;
            border: 2px dashed #5aba48;
            border-radius: 15px;
            padding: 50px 15px 20px;
            margin-top: 30px;
            position: relative;

            .keyIcon {
                position: absolute;
                top: -30px;
                left: 50%;
                transform: translateX(-50%);
                background-color: #5aba48;
                width: 60px;
                height: 60px;
                border-radius: 15px;
                padding: 10px;

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

    .row_4 {
        .col_inner {
            min-height: 715px;
        }
    }
}

.grnDashedBor {
    border: 2px dashed #5aba48;
}

.col_inner {
    position: relative;

    .arrowBox {
        top: 50%;
        z-index: 2;
        width: 60px;
        height: 60px;
        right: -30px;
        display: flex;
        border-radius: 50%;
        position: absolute;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        transform: translateY(-50%);
        border: 2px solid #939598;

        span {
            width: 30px;
            height: 40px;
            display: block;
            right: -5px;
            position: relative;
            border: 1px solid #939598;
            clip-path: polygon(0 0, 0% 100%, 100% 50%);
            background-color: #064b44;
        }
    }
}

/* Responsive */
@media (max-width: 1600px) {
    .section_1 {
        .headingWrap {

            h4,
            .h4 {
                font-size: 28px !important;
            }

            p {
                font-size: 22px !important;
            }
        }
    }
}

@media (max-width: 1280px) {
    .section_1 {
        .headingWrap {
            p {
                font-size: 20px !important;
            }
        }
    }
}

@media (max-width: 1199px) {
    .section_1 {
        .subrow_1 {
            .esgDiv {
                .esgIcon {
                    width: 52px;
                    height: 52px;
                }
            }
        }

        .keyDiv {
            .keyDivInn {
                .keyIcon {
                    width: 52px;
                    height: 52px;
                }
            }
        }
    }

    .col_inner {
        .arrowBox {
            width: 46px;
            height: 46px;

            span {
                width: 20px;
                height: 25px;
                right: -3px;
            }
        }
    }

    h4,
    .h4 {
        font-size: 22px !important;
        margin-bottom: 12px;
    }
}

@media (max-width: 991px) {
    .section_1 {
        .headingWrap {

            h4,
            .h4 {
                font-size: 24px !important;
            }

            p {
                font-size: 18px !important;
            }
        }

        .fz_16 {
            font-size: 14px !important;
        }

        .keyDiv {
            .keyDivInn {
                min-height: auto;
                padding: 40px 15px 20px;
            }
        }

        .row_2 {
            .col_2 {
                margin: 0px auto;
            }
        }

        .row_4 {
            .col_inner {
                min-height: auto;
                margin-right: 0 !important;
            }
        }
    }

    .col_inner {
        .arrowBox {
            width: 46px;
            height: 46px;
            top: auto;
            bottom: -25px;
            right: auto;
            left: 50%;
            transform: translateX(-50%);
        }
    }
}

@media (max-width: 767px) {
    .section_1 {
        .greenBg3 {
            padding: 20px;
        }

        .headingWrap {

            h4,
            .h4 {
                font-size: 22px !important;
            }

            p {
                font-size: 16px !important;
            }
        }

        .subrow_1 {
            .subcol_2 {
                .esgDiv {
                    .esgTxt {
                        &::before {
                            content: normal;
                        }
                    }
                }
            }
        }
    }
}