.aboutSec1 {
    background-size: cover;
    background-position: center top;
    padding-bottom: 500px;
    background-repeat: no-repeat;
    position: relative;
    &:before {
        width: 100%;
        left: 0;
        height: 100%;
        background-image: linear-gradient(0deg, transparent 0 20%, #ffffffd9 70% 100%);
        content: "";
        top: 0;
        position: absolute;
    }

    .leftLineBoxText {
        padding-left: 15px;
        border-left: 2px solid #e31837;
    }

    .repostingText {
        padding-left: 10px;
        border-left: 2px solid #e31837;
        sup {
            top: -10px;
            font-size: 12px;
        }
    }

    .repostingText {
        img {
            margin-left: -10px;
            margin-bottom: 10px;
        }
    }

    .leftLineBoxTwo {
        padding-left: 15px;
        border-left: 2px solid #e31837;
        position: relative;

        &:before {
            position: absolute;
            left: -10px;
            content: "";
            width: 2px;
            height: 40px;
            background-color: #e31837;
            bottom: 0;
        }
    }

    .contentBox {
        background-color: #e31837;
        padding: 2px;
        clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);

        .contentBoxInner {
            background-color: #fff;
            clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
            padding: 60px 30px;
        }
    }
}

/* .mobBg {
    display: none;
} */

/* start responsive */

@media(max-width: 1440px) {
    .aboutSec1 {
        .row_7 {
            .contentBoxInner {
                h4.fz_28 {
                    font-size: 24px !important;
                }
            }
        }
        .txtWrap {
            h3 {
                font-size: 26px !important;
            }
        }
    }
}

@media(max-width: 1280px) {
    .aboutSec1 {
        .row_1.mb_80 {
            margin-bottom: 40px!important;
        }
    }
}
@media(max-width: 1024px) {
    .aboutSec1 {
        background-color: #97c3e8;
        background-image: none !important;
        padding-bottom: 100px;
        .row_7 {
            .contentBoxInner {
                h4.fz_28 {
                    font-size: 22px !important;
                }
            }
        }
        .txtWrap {
            h3 {
                font-size: 24px !important;
            }
        }
    }



    /* .mobBg {
        display: block;
        height: 400px;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: bottom;
        }
    } */
}

@media(max-width: 991px) {
    .aboutSec1 {
        .row_7 {
            .col_1 {
                margin-bottom: 20px;
            }
        }
    }
}

@media(max-width: 575px) {
     .aboutSec1 {
        padding-bottom: 60px;
    }
}