.lineHeading {
    &::before {
        width: 370px;
        bottom: 100px;
    }

    &::after {
        top: 42px;
        left: 146px;
        width: 100px;
        transform: rotate(-23deg) skew(-20deg) translate(146%, 0%);
    }
}

.srcSec2 {
    .stakeholderWrap {
        & .stakeRow {
            & .stakeCol {
                .stakeWrap {
                    margin-bottom: 10px;
                }
            }
        }
    }

    .sdgList {
        & ul {
            li {
                margin: 0 5px 10px;
            }
        }
    }
}

.srcRedRow {
    display: flex;
    flex-wrap: wrap;

    .srcRedCol {
        flex: 0 0 20%;
        max-width: 20%;
        -ms-flex: 0 0 20%;

        .srcRedHead {
            padding: 0 20px 0 40px;

            h4 {
                padding: 20px 0 20px 0;
                min-height: 150px;
            }
        }

        .srcBdy {
            padding: 20px;
            padding-left: 40px;
            min-height: 600px;
        }
    }
}

.srcImgInn {
    position: relative;

    .srcImgOvrTxt {
        position: absolute;
        top: 24px;
        left: 24px;
    }
}

.srcTrImg {
    width: 380px;
    margin-left: 20px;
    margin-bottom: 20px;
}


/* vision curve box */
.srcVsnCrvBx {
    .inteliCont {
        .intelSde {
            position: absolute;
            padding: 15px 70px;
            text-align: center;
            background-color: #fff;
            top: 50%;
            right: -200px;
            width: 500px;
            transform: translateY(-50%);
        }
    }
}

/* side line */
.srcSec3 {
    .capLftLine {
        &::after {
            bottom: -30px;
        }
    }

    .capRgtLine {
        &::after {
            bottom: -30px;
        }
    }
}

/* strat responsive */



@media(max-width: 1680px) {}

@media(max-width: 1580px) {
    .srcVsnCrvBx {
        & .inteliCont {
            .intelSde {
                width: 460px;
            }
        }
    }
}

@media(max-width: 1440px) {
    .fz_22 {
        font-size: 20px !important;
    }

    .srcVsnCrvBx {
        .inteliCont {
            .intelSde {
                width: 420px;

            }
        }
    }

    .srcSec3 {
        .capLftLine {
            &::after {
                bottom: -33px;
            }
        }
    }
}

@media(max-width: 1366px) {
    .srcVsnCrvBx {
        .inteliCont {
            .intelSde {
                width: 410px;
                right: -152px;
                padding: 15px 57px;

            }
        }
    }
}

@media(max-width: 1280px) {
    .social-capital {
        .row_1.mb_100 {
            margin-bottom: 0px !important;
        }
    }

    .srcSec3 {
        .srcTrImg {
            width: 100%;
            margin-left: 0;

            &.fltRgt {
                float: none;
            }
        }
    }



    .srcVsnCrvBx {
        .inteliCont {
            .intelSde {
                width: auto;
                position: static;
                padding: 15px 0 0 10px;
                transform: translateY(0);
            }
        }
    }

    .srcCont {
        .inteliCont {
            & .intelHead {
                h4 {
                    text-align: center;
                }
            }

            &::before {
                content: normal;
            }

            &::after {
                content: normal;
            }

            .intelSdeInn {
                flex: 0 0 50%;
                max-width: 50%;
                -ms-flex: 0 0 50%;
                border: none;

                p {
                    position: relative;
                    border: 4px solid #e31936;
                    padding: 15px;
                    border-radius: 0 30px 30px 30px;

                    &::after {
                        content: "";
                        position: absolute;
                        top: -28px;
                        left: -4px;
                        background-image: url(../images/intellectual-capital/angle_img.png);
                        background-repeat: no-repeat;
                        background-size: contain;
                        width: 50px;
                        height: 50px;
                    }
                }
            }
        }
    }


    .inteliCont {}
}



@media(max-width: 1199px) {
    .row20_gap_1199 {
        row-gap: 20px;
    }
}


@media(max-width: 1140px) {
    .srcCont {

        .inteliCont {
            flex-direction: column;

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

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

@media(max-width: 991px) {
    .row20_gap_991 {
        row-gap: 20px;
    }

    .srcSec3 {
        .row_1 {
            .col_2 {
                margin-top: 40px;
            }
        }
    }

    .srcSec3 {
        .capLftLine {
            &::after {
                bottom: -27px;
            }
        }
    }

    .srcImg {
        margin-top: 20px;

        img {
            width: 100%;
        }
    }

    .row30_gap_991 {
        row-gap: 30px;
    }
}

@media(max-width: 767px) {
    .row20_gap_767 {
        row-gap: 20px;
    }

    .row30_gap_767 {
        row-gap: 30px;
    }

    .srcCont {
        .inteliCont {
            .intelHead {
                h4 {
                    font-size: 18px !important;
                }
            }
        }
    }

    /* .srcSec3 {
        .gryBrBtm.pb_50 {
            padding-bottom: 10px !important;
        }
    } */
}

@media(max-width: 575px) {
    .srcSec3 {
        .capLftLine {
            &::after {
                bottom: -32px;
            }
        }
    }
}

.bg_4b4c4f {
    background-color: #4b4c4f;
}