.bodSLider{
    position: relative;
    padding-bottom: 20px;
    .slick-slide{
        margin: 0px 10px;
    }
    .slick-arrow {
        top: auto;
        bottom: -60px;
        &.slick-prev {
            position: absolute;
            right: 80px;
            left: auto;
        }
        &.slick-next {
            position: absolute;
            right: 0;
            left: auto;
        }
    }
}

.leadershipSec{
    border-top: 1px solid #ccc;
    .slick-arrow {
        &::before {
            background-image: url(../images/Home/grey-bg.png);
        }
        &:hover{
            &::before{
                background-image: none;
            }
        }
    }
}

.bodSec{
    position: relative;
    .bigBg{
        width: 550px;
        height: auto;
        position: absolute;
        left: -200px;
        top: 250px;
    }
    .smallBg{
        position: absolute;
        right: -50px;
        top: 50px;
    }
}

.bodMainBox {
    .bodBoxCont {
        display: flex;

        .bodBoxLeft {
            width: 450px;
            padding-right: 30px;

            .bodBoxImg {
                width: 100%;
                height: 360px;
                position: relative;

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

                .bodBoxBg {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    width: 100%;
                    height: 100%;

                    &::after {
                        content: '';
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        width: 100%;
                        height: 90px;
                        background: linear-gradient(to right, #2c9f82, #b5d476);
                        border-radius: 50px;
                        z-index: -1;
                    }
                }

                &::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: -30px;
                    width: 1px;
                    height: 92%;
                    background-color: rgba(0, 0, 0, 0.45);
                }

                &::after {
                    content: '';
                    position: absolute;
                    bottom: 8%;
                    right: -30px;
                    width: 60px;
                    height: 1px;
                    background-color: rgba(0, 0, 0, 0.45);
                    z-index: -2;
                }
            }

            .bodBoxImgTxt {
                padding-top: 14px;
            }
        }

        .bodBoxRight {
            width: calc(100% - 450px);
            border-top: 1px solid rgba(0, 0, 0, 0.45);
            padding-top: 30px;
            padding-left: 30px;
            .bodBoxTxt{
                max-height: 380px;
                overflow-y: auto;
                padding-right: 8px;
            }
        }
    }
}

/* Responsive */

@media (max-width: 1600px){
    .bodSec {
        .bigBg {
            width: 380px;
        }
        .smallBg{
            width: 200px;
        }
    }
}

@media (max-width: 1366px){
    .bodSLider {
        .slick-arrow {
            &.slick-prev {
                right: 60px;
            }
        }
    }

    .bodMainBox {
        .bodBoxCont {
            .bodBoxLeft {
                .bodBoxImg {
                    height: 300px;
                    & .bodBoxBg {
                        &::after {
                            height: 70px;
                        }
                    }
                }
                .bodBoxImgTxt{
                    h6.fz_22{
                        font-size: 18px !important;
                    }
                    p.fz_18{
                        font-size: 16px !important;
                    }
                }
            }
            .bodBoxRight {
                padding-top: 20px;
                padding-left: 20px;
                .bodBoxTxt{
                    p{
                        font-size: 14px;
                    }
                }
            }
        }
    }

    .leadershipSec, .bodSec{
        .headingWrap {
            &.headingWrapC {
                margin-bottom: 30px !important;
            }
        }
    }
}

@media (max-width: 1280px){
    .bodSLider {
        padding-bottom: 50px;
        .slick-arrow {
            bottom: 0px;
            &.slick-prev {
                right: auto;
                left: calc(50% - 42px);
            }
            &.slick-next {
                right: calc(50% - 42px);
            }
        }
    }

    .bodMainBox {
        .bodBoxCont {
            .bodBoxLeft {
                .bodBoxImg {
                    height: 280px;
                }
            }
        }
    }
}

@media (max-width: 1199px){
    .bodMainBox {
        .bodBoxCont {
            .bodBoxLeft {
                width: 350px;
                .bodBoxImgTxt{
                    h6.fz_22{
                        font-size: 18px !important;
                    }
                    p.fz_18{
                        font-size: 15px !important;
                    }
                }
            }
            .bodBoxRight {
                width: calc(100% - 350px);
                padding-top: 15px;
                padding-left: 15px;
            }
        }
    }
}

@media(max-width: 1140px) {
    .leadershipSec {
        padding-top: 0;
    }
}

@media(max-width: 991px) {
    .bodSec{
        .bigBg {
            width: 250px;
            height: auto;
            left: -100px;
            top: 100px;
        }
        .smallBg {
            width: 90px;
            right: 0;
        }
    }
    .bodMainBox {
        & .bodBoxCont {
            .bodBoxRight {
                .bodBoxTxt {
                    p {
                        font-size: 14px;
                    }
                }
            }
        }
    }
}

@media(max-width: 840px) {
    .bodMainBox {
        .bodBoxCont {
            flex-direction: column;

            .bodBoxLeft {
                padding-right: 0;
                padding-left: 0;
                margin: 0px auto;

                .bodBoxImg {
                    &::before {
                        content: normal;
                    }

                    &::after {
                        content: normal;
                    }
                }

                .bodBoxImgTxt {
                    position: relative;
                    text-align: center;

                    &::before {
                        content: "";
                        position: absolute;
                        bottom: -12px;
                        left: 50%;
                        transform: translateX(-50%);
                        width: 43%;
                        height: 3px;
                        background-color: rgba(0, 0, 0, 0.45);

                    }
                }
            }

            .bodBoxRight {
                width: 100%;
                margin: 20px 0 0;
                padding: 10px 0 30px 0px;
                border-top: 1px solid rgba(0, 0, 0, 0.45);
                position: relative;
                top: -10px;
            }
        }
    }
}

@media(max-width: 767px) {
    .leadershipSec {
        .headingWrap {
            margin-bottom: 30px!important;
        }
    }
}

@media(max-width: 575px) {
    .bodSec .bodMainBox.mb_50 {
        margin-bottom: 20px !important;
    }

    .bodMainBox {
        .bodBoxCont {
            .bodBoxRight {
                .bodBoxTxt {
                    max-height: 250px;
                }
            }
        }
    }
}

@media(max-width: 480px) {
    .bodSec{
        .bigBg {
            width: 180px;
            height: auto;
            left: -85px;
            top: 80px;
        }
    }
    
    .bodMainBox {
        & .bodBoxCont {
            & .bodBoxLeft {
                .bodBoxImg {
                    height: auto;
                    width: 100%;
                    max-width: 300px;
                    padding: 0px 40px;

                    &::before {
                        height: 54%;
                        bottom: -150px;
                    }
                }
            }
        }
    }
}

@media(max-width: 440px) {
    .bodMainBox {
        & .bodBoxCont {
            .bodBoxLeft {
                width: auto;
            }
        }
    }
}