.onlinebsc-section {
    margin-top: 6%;
}

.onlinebsc-section .bgcolr {
    position: absolute;
    top: 14%;
    z-index: -1;
    width: 100%;
    height: 312px;
    background: #FFF8F0 0% 0% no-repeat padding-box;
    opacity: 1;
}

.onlinebsc-section .online-part1 {
    position: relative;
}

.onlinebsc-section .onlinebsc-contents {
    padding-left: 25px;
}

.onlinebsc-section .onlinebsc-main .onlinebsc-contents h2 {
    font-size: 32px;
    font-weight: bold;
}

.onlinebsc-section .onlinebsc-main .onlinebsc-contents p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    color: #383838;
    text-align: justify;
    margin-top: 3%;
}

.onlinebsc-section .onlinebsc-main .video-column {}

.onlinebsc-section .onlinebsc-main .video-column .bscvideo {
    border-radius: 30px;
    width: 100%;
    height: 443px;
    object-fit: cover;
    
}


/* online part2 css start */

.onlinebsc-main2 {
    margin-top: 4%;
    position: relative;
}

.onlinebsc-main2 .brown-bg {
    position: absolute;
    background: #FFF8F0;
    top: 150px;
    height: 312px;
    width: 100%;
    z-index: -1;
}

.onlinebsc-main2 .online-part2 .part2-main .images {
    width: 100%;
    height: 601px;
    background: transparent;
    opacity: 1;
}

.onlinebsc-main2 .online-part2 .part2-main .contents-main .cont {
    padding: 20px 17px 8px 17px;
    margin: 16px 0;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-left: 1px solid #FFFFFF ;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    border-left: 1px solid #FFFFFF;
    transition: 0.2s ease;
}
.onlinebsc-main2 .online-part2 .part2-main .contents-main .cont:hover
{
    border-left: 1px solid #FF860059;
}

.onlinebsc-main2 .online-part2 .check-circle-image {
    width: 13px;
    height: 13px;
}

.onlinebsc-main2 .online-part2 .cont-text {
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media(min-width:0px) and (max-width:320px) {
    .onlinebsc-section .onlinebsc-main {
        width: 100%;
        height: auto;
        background: #FFF8F0 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .onlinebsc-section .onlinebsc-main .onlinebsc-contents h2 {
        font-size: 21px;
        text-align: center;
        padding: 6px 0px;
    }

    .onlinebsc-section .onlinebsc-main .onlinebsc-contents p {
        font-size: 11px;
    }

    .onlinebsc-section .onlinebsc-main .video-column .bscvideo {
        border-radius: 15px;
        height: 189px;
    }

    .onlinebsc-section .onlinebsc-main .part1-main {
        padding: 23px 0;
    }

    .onlinebsc-section .onlinebsc-contents {
        padding-left: 0px;
    }
    .onlinebsc-main2 .online-part2 .cont-text {
        font-size: 11px;
    }
    .onlinebsc-main2 .brown-bg {
        bottom: 42px;
        height: 133px;
    }
    .onlinebsc-main2 .brown-bg {
        display: none;
     }
     .onlinebsc-main2 .online-part2 .part2-main .images {
        height: auto;
    }
}

@media(min-width:321px) and (max-width:485px) {
    .onlinebsc-section .onlinebsc-main {
        width: 100%;
        height: auto;
        background: #FFF8F0 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .onlinebsc-section .onlinebsc-main .onlinebsc-contents h2 {
        font-size: 26px;
        text-align: center;
        padding: 8px 0px;
    }

    .onlinebsc-section .onlinebsc-main .onlinebsc-contents p {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        color: #383838;
    }

    .onlinebsc-section .onlinebsc-main .video-column .bscvideo {
        border-radius: 15px;
        height: 219px;
    }

    .onlinebsc-section .onlinebsc-main .part1-main {
        padding: 23px 0;
    }

    .onlinebsc-section .onlinebsc-contents {
        padding-left: 0px;
    }
    .onlinebsc-main2 .online-part2 .cont-text {
        font-size: 12px;
    }
    .onlinebsc-main2 .brown-bg {
       display: none;
    }
    .onlinebsc-main2 .online-part2 .part2-main .images {
        height: auto;
    }
}

@media(min-width:486px) and (max-width:575px) {
    .onlinebsc-section .onlinebsc-main {
        width: 100%;
        height: auto;
        background: #FFF8F0 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .onlinebsc-section .onlinebsc-main .onlinebsc-contents h2 {
        font-size: 26px;
        text-align: center;
        padding: 9px 0px;
    }

    .onlinebsc-section .onlinebsc-main .onlinebsc-contents p {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 0px;
        color: #383838;
    }

    .onlinebsc-section .onlinebsc-main .video-column .bscvideo {
        border-radius: 18px;
        height: 280px;

    }

    .onlinebsc-section .onlinebsc-main .part1-main {
        padding: 25px 0;
    }

    .onlinebsc-section .onlinebsc-contents {
        padding-left: 0px;
    }
    .onlinebsc-main2 .online-part2 .cont-text {
        font-size: 12px;
    }
    .onlinebsc-main2 .brown-bg {
        display: none;
     }
     .onlinebsc-main2 .online-part2 .part2-main .images {
        height: auto;
    }
}

@media(min-width:576px) and (max-width:767px) {
    .onlinebsc-section .onlinebsc-main {
        width: 100%;
        height: auto;
        background: #FFF8F0 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .onlinebsc-section .onlinebsc-main .onlinebsc-contents h2 {
        font-size: 26px;
        text-align: center;
        padding: 10px 0px;
    }

    .onlinebsc-section .onlinebsc-main .onlinebsc-contents p {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 0px;
        color: #383838;
    }

    .onlinebsc-section .onlinebsc-main .video-column .bscvideo {
        border-radius: 18px;
        height: 300px;

    }

    .onlinebsc-section .onlinebsc-main .part1-main {
        padding: 27px 0;
    }

    .onlinebsc-section .onlinebsc-contents {
        padding-left: 0px;
    }
    .onlinebsc-main2 .brown-bg {
        display: none;
     }
     .onlinebsc-main2 .online-part2 .part2-main .images {
        height: auto;
    }

}

@media(min-width:768px) and (max-width:991px) {
    .onlinebsc-section .onlinebsc-main {
        width: 100%;
        height: auto;
        background: #FFF8F0 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .onlinebsc-section .onlinebsc-main .onlinebsc-contents h2 {
        font-size: 26px;
        text-align: center;
        padding: 13px 0px;
    }

    .onlinebsc-section .onlinebsc-main .onlinebsc-contents p {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        color: #383838;
    }

    .onlinebsc-section .onlinebsc-main .video-column .bscvideo {
        border-radius: 18px;
        height: 320px;

    }

    .onlinebsc-section .onlinebsc-main .part1-main {
        padding: 30px 0;
    }

    .onlinebsc-section .onlinebsc-contents {
        padding-left: 0px;
    }
    .onlinebsc-main2 .brown-bg {
        display: none;
     }
     .onlinebsc-main2 .online-part2 .part2-main .images {
        height: auto;
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .onlinebsc-section .onlinebsc-main .video-column .bscvideo {
        border-radius: 30px;
        width: 100%;
        height: 330px;
        object-fit: cover;
    }

    .onlinebsc-section .bgcolr {
        height: 242px;

    }

    .onlinebsc-section .onlinebsc-main .onlinebsc-contents h2 {
        font-size: 28px;
    }

    .onlinebsc-section .onlinebsc-main .onlinebsc-contents p {
        font-size: 14px;
    }
    .onlinebsc-main2 .brown-bg {
        height: 262px;
    }
    .onlinebsc-main2 .brown-bg {
        top: 130px;
       
    }
    .onlinebsc-main2 .online-part2 .part2-main .images {
        height: auto;
    }
    .onlinebsc-main2 .online-part2 .part2-main .contents-main .cont {
        padding: 10px 17px 4px 17px;
        margin: 11px 0;
    }
}

@media(min-width:1201px) and (max-width:1400px) {
    .onlinebsc-section .onlinebsc-main .video-column .bscvideo {
        border-radius: 30px;
        width: 100%;
        height: 380px;
        object-fit: cover;
    }

    .onlinebsc-section .bgcolr {
        height: 262px;

    }
    .onlinebsc-main2 .brown-bg {
        top: 155px;
    }
    .onlinebsc-main2 .brown-bg {
        top: 150px;
    }
    .onlinebsc-main2 .online-part2 .part2-main .images {  
        height: auto;
    }
}