 .cm-my-space {
    margin-bottom: 2rem;
}
.alter-bg, .bannerBg {
    background: #eff1ee;
    padding: 2rem 0;
}
.cv::before{
    z-index:1;
}
.titleWrapper {
    text-align: center;
}
.banner_list ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
    margin-bottom: 0.5rem;
    gap: .5rem;
    list-style: none;
}
.banner_list h1, .banner_list p, .banner_list ul{
    margin-bottom: 1rem;
}
.banner_list h1{
    font-size: 2.5rem;
    font-weight: 600;
}

.banner_list p {
    font-size: 1.15rem;
}
.banner_list .item_list{
    background: url(https://vcdev.videocrypt.com/website_assets/img/icon-tick.png) 4px 4px no-repeat;
    padding-left: 2rem !important;
    padding-left: 0;
    font-size: 1rem;
}
.sectiontop_ott {
    margin-top: 79px;
    background-image: url(<?= base_url('website_assets/img/videocrypt_ott_banner.webp')?>);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.sdcrd_img {
    height: 95px;
}

.sdcrd_img img {
    width: 58px;
    height: 58px;
}

.cv .ott_video_block {
    height: 290px;
}

.ott__blk .ott-content ul li {
    padding: 0 0 0 25px;
    background: url(<?= base_url('website_assets/img/icon-tick.png');
    ?>) 0 0 no-repeat;
    text-align: left;
    list-style: none;
}


.list-unstyled li::before {
    content: "";
    background-image: url(<?= base_url('website_assets/img/icon-tick.png');
    ?>);
    display: inline-block;
    background-size: 15px;
    width: 15px;
    height: 15px;
    margin: 0 12px 0;
    position: absolute;
    left: -22px;
    top: 9px;

}




.para_graph_befr::before {
    content: "";
    background-image: url(<?= base_url('website_assets/img/icon-tick.png');
    ?>);
    display: inline-block;
    background-size: 15px;
    width: 15px;
    height: 15px;
    margin: 0 12px 0;
    position: absolute;
    left: -35px;
    top: 6px;

}

.mediumfont small {
    font-size: 14px
}

.comn_txt_bold {
    display: inline-block;
}

.comn_txt {
    font-size: 2.5rem;
    line-height: 41px;
    margin-bottom: 10px;
}

.edution_content {
    box-shadow: 0 1px 19px #dddddd;
    padding: 20px 20px;
    border-radius: 10px;
    margin-top: 20px;
    border-bottom: 2px solid #f99f32;
}

.ggl_driv {
    /* border: 1px solid gray; */
    margin-bottom: 22px;
    padding: 15px 15px 15px 0px;
    box-shadow: 0 0 10px #c7c7c7;
    border-radius: 11px;
    border-bottom: 2px solid #ff9700;
    height: 233px;
}

.pt-top {
    padding-top: 76px;
}

.ptsnd-top {
    padding-top: 120px;
}

.panel-title{
    border-bottom: 1px solid #ccc;
    margin: 0;
}

.accordion_sec h2 {
    margin-bottom: 20px;
}

.accordion_head {
    background-color: #232f3e;
    cursor: pointer;
    font-size: 16px;
    margin: 4px 0 1px 0;
    padding: 11px 11px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
}

.accordion_head:hover {
    background-color: #eee;
    color: #000;
}

.accordion_body {
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

.accordion_body p {
    padding: 18px 5px;
    margin: 0px;
}

.plusminus {
    float: right;
}

.panel-title>button.collapsed:before {
    float: right !important;
    content: "";
    /* background: url(../images/down_arrow.png) no-repeat center center;*/
    background: url(<?=base_url('website_assets/img/videocrypt_multi_drm/down_arrow.png');
    ?>) no-repeat center center;

    background-size: 20px;
    cursor: pointer;
    width: 20px;
    height: 20px;
}
#tabs-navs_flae li.active {
    background-color: #ddd!important;
}
ul#tabs-navs_flae li {
    border: 2px solid #ccc!important;
    border-radius: 10px!important;
    color: #000!important;
    padding: 5px 10px;
    margin-bottom: 10px;
}
#tabs-navs_flae li a {
    color: #000!important;
    font-size: 20px;
}
ul#tabs-navs_flae {
    list-style: none;
    margin: 0;
    overflow: auto;
}
.single_ul_list{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
    padding: 0;
}
.single_ul_list .item_list {
    background: url(https://vcdev.videocrypt.com/website_assets/img/icon-tick.png);
    background-position: top .15rem left;
    list-style: none;
    font-size: 1rem;
    background-repeat: no-repeat;
    padding: 0 0 0 1.5rem;
}
.panel-title>button:before {
    float: right !important;
    font-family: FontAwesome;
    content: "";
    /*background: url(../images/up_arrow.png) no-repeat center center;*/
    background: url(<?=base_url('website_assets/img/videocrypt_multi_drm/up_arrow.png');
    ?>) no-repeat center center;
    background-size: 20px;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.faq_sec .card-body{
    color:#1d1c1c;
}
.faq_sec button.collapsed{
    color:#000!important;
}
.faq_sec button{
    color:#f07013!important;
}
@media screen  and (min-width:360px) and (max-width:767px){
    .banner img, .banner video{
        margin: auto;
        display: block;
        width: 100%;   
    }
    .banner_list{
        margin:1rem 0;
    }
    .mbcr{
        flex-direction: column-reverse;
    }
    .img-wrapper img {
        width: 100%;
        margin: 1rem 0;
    }
    .titleWrapper p{
        margin-bottom: 0;
    }
    .single_ul_list{
        padding:0 1rem;
        margin-bottom: 0;
    }
    .cm-my-space {
        margin-bottom: 1rem;
    }
    .alter-bg, .bannerBg {
        background: #eff1ee;
        padding: 1rem 0;
    }
    .banner_list h1, .banner_list p, .banner_list ul {
        margin-bottom:.5rem;
    }
    .banner_list h1 {
        font-size: 1.75rem;
    }
    .titleWrapper h2 {
        font-size: 1.5rem;
    }
}
@media screen  and (min-width:768px) and (max-width:1024px){
    .banner img, .banner video{
        margin: auto;
        display: block;
        width: 100%;   
    }
    .banner_list{
        margin:1rem 0;
    }
    .mbcr{
        flex-direction: column-reverse;
    }
    .img-wrapper img {
        width: 100%;
        margin: 1rem 0;
    }
    .titleWrapper p{
        margin-bottom: 0;
    }
    .single_ul_list{
        padding:0 1rem;
    }
}
