/* Toggle video section CSS Start */
.B2Cvideos-Section{padding:0 0 70px;clear:both;}
.B2Cvideos-Section .qd-title-common h2{max-width:730px;margin:0 auto 20px;}
/* .B2Cvideos-Section .B2Cvideos-sectionInner{padding:40px 0;} */
.B2Cvideos-Section .B2Cvideos-boxToggle{background-color:#ffffff;border:1px solid #e2e2e2;border-radius:8px;margin-bottom:18px;box-shadow:0px 4px 15px rgba(0, 0, 0, 0.05);overflow:hidden;transition:all 0.3s ease;}
.B2Cvideos-Section .B2Cvideos-boxToggle.noborder{background-color:#ffffff;border:0px solid #2e2e2e;margin-bottom:0px!important; box-shadow:none;}
.B2Cvideos-Section .B2Cvideos-boxToggle.noborder:hover{box-shadow:none;}
.B2Cvideos-Section .B2Cvideos-boxToggle:last-child{margin-bottom:0;}
/*.B2Cvideos-Section .B2Cvideos-boxToggle:hover{box-shadow:0 4px 16px rgba(0, 0, 0, 0.2);}*/
.B2Cvideos-Section .B2Cvideos-boxToggle p{line-height:1.5;}
.B2Cvideos-Section .B2Cvideos-hd button{text-align:left;cursor:pointer;font-size:15px;background:no-repeat;border:none;color:#000;font-weight:600;width:100%;position:relative;display:flex;justify-content:space-between;align-items:center;padding:22px 25px;}
.B2Cvideos-Section .B2Cvideos-boxToggle .collapse-icon{position:relative;width:12px;height:12px;max-width:12px;flex:0 0 12px;margin-left:10px;} 
.B2Cvideos-Section .B2Cvideos-boxToggle .collapse-icon:after{content:'';position:absolute;top:50%;left:0;display:block;width:100%;height:2px;background-color:#000;transform:translateY(-50%);} 
.B2Cvideos-Section .B2Cvideos-boxToggle .collapse-icon:before{content:'';position:absolute;top:0;left:50%;display:block;width:2px;height:100%;background-color:#000;transform:translateX(-50%);}
.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-hd.active .collapse-icon:before, 
.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-hd-inner.active .collapse-icon:before{opacity:0}
.B2Cvideos-Section .B2Cvideos-hd button:hover, 
.B2Cvideos-Section .B2Cvideos-hd.active button{color:#F26222;}
.B2Cvideos-Section .B2Cvideos-boxToggle button:hover .collapse-icon:after, 
.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-hd.active button .collapse-icon:after,
.B2Cvideos-Section .B2Cvideos-boxToggle button:hover .collapse-icon:before, 
.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-hd.active button .collapse-icon:before{background:#F26222;}
.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-content{padding:15px 30px 30px;}
.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-content.pdtop{padding:30px 0px 0px 0px;}
.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-list{display:flex;flex-wrap:wrap;column-gap:15px;row-gap:15px;}
.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-list.mxwidth{max-width:100%; margin:0px!important;}
.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-list.mxwidth li{margin:0px!important;}
.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-list li{flex:0 0 33.33%;max-width:calc(33.33% - 10px);display:flex;flex-direction:column;background-color:#ffffff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px rgba(0, 0, 0, 0.08);overflow:hidden;transition:all 0.3s ease;}
.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-list li:hover{transform:translateY(-4px);border-color:#2e2e2e;box-shadow:0 8px 24px rgba(46,46,46, 0.15);}
.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-list li:hover video{opacity:0.3;}
.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-list li:hover svg{opacity:1;}

.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideo-frame{cursor:pointer; display:block;width: 100%; height: auto; opacity: 1; position: relative; transition: .5s ease; backface-visibility: hidden;}

.B2Cvideos-Section .B2Cvideos-boxToggle svg{cursor:pointer; width:50px; height:50px; transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}

.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideo-frameHd{display:-webkit-box;font-size:0.95em;line-height:1.4;font-weight:600;letter-spacing:0.04rem;padding:15px 10px;color:#2d3748;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
@media screen and (min-width:1200px){.B2Cvideos-Section .B2Cvideos-boxToggle .collapse-icon{margin-right:0px;}}
@media screen and (max-width:1199.98px){
    .B2Cvideos-Section .B2Cvideos-hd button{padding:20px 20px;}
    .B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-content{padding:10px 20px 20px;}
    .B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-content.pdtop{padding:20px 0px 0px 0px;}
}
/* @media screen and (max-width:1024.98px){.B2Cvideos-Section .B2Cvideos-sectionInner{padding:20px 0;}} */
@media screen and (max-width:991.98px){.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-list li{flex:0 0 50%;max-width:calc(50% - 7.5px);}}
@media screen and (max-width:767.98px){
    .B2Cvideos-Section{padding:0 0 50px;}
    .B2Cvideos-Section.p0{padding:0;}
    .B2Cvideos-Section .qd-title-common h2{font-size:24px;}
    .B2Cvideos-Section .B2Cvideos-hd button{font-size:14px;line-height:18px;}
}
@media screen and (max-width:575.98px){.B2Cvideos-Section .B2Cvideos-boxToggle .B2Cvideos-list li{flex:0 0 100%;max-width:100%;}}
/* Toggle video section CSS End */



.page-title {
    text-align: center;
    font-weight: 800;
    font-size: 26px;
    color: #000;
    margin-bottom: 40px;
    margin-top: 30px;
    line-height: 1.3;
}

.collapse:not(.show) {
    display: none;
}
.collapse.show {
    display: block;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}
.B2C-video.accordion{
    padding-bottom:30px;
}
.B2C-video.accordion .card {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px !important;
    margin-bottom: 18px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.B2C-video.accordion .card-header {
    background-color: #ffffff;
    border-bottom: none;
    padding: 0;
}

.B2Cvideos-toggle {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 22px 25px;
    font-size: 15px;
    font-weight: 700;
    color: #e76e25;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
}

.B2Cvideos-toggle.collapsed {
    color: #1a1a1a;
}

.B2Cvideos-toggle::after {
    content: '-';
    font-size: 26px;
    font-weight: 300;
    line-height: 0;
    color: #e76e25;
    display: flex;
    align-items: center;
}

.B2Cvideos-toggle.collapsed::after {
    content: '+';
    color: #1a1a1a;
}

.card-body {
    padding: 0 25px 30px 25px;
}

.collapse.show {
    display: block;
}

.qd-video-grid {
    margin-top: 10px;
}

.qd-mb-30 {
    margin-bottom: 30px;
}

.qd-video-box {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.qd-video-box video {
    border-radius: 8px 8px 0 0;
    background-color: #000;
    width: 100%;
    height: 200px;
    display: block;
    object-fit: cover;
}

.qd-video-title {
    font-size: 14px;
    font-weight: 600;
    color: #3b3c3f;
    margin: 0;
    padding: 15px;
    text-align: left;
    background: #fff;
    flex-grow: 1;
}

/* ===== VIDEO MODAL ===== */
.qd-video-popup-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.85);
    z-index: 99999;
    justify-content: center;
    align-items: center;
}
.qd-video-popup-overlay.active {
    display: flex;
}
.qd-video-popup-content {
    position: relative;
    width: 90%;
    max-width: 860px;
    background: #000;
    border-radius: 6px;
    overflow: hidden;
}
.qd-video-popup-content video {
    width: 100%;
    height: auto;
    display: block;
    max-height: 80vh;
}
.qd-popup-close {
    position: absolute;
    top: 8px; right: 12px;
    background: rgba(0,0,0,0.6);
    border: none;
    color: #fff;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 4px;
    z-index: 10;
    transition: background 0.2s;
}
.qd-popup-close:hover { background: #e76e25; }

/* ===== CLICKABLE CARD ===== */
.watch_video_dsrc {
    cursor: pointer;
    position: relative;
}
.watch_video_dsrc .qd-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -65%);
    width: 52px; height: 52px;
    background: rgba(231,110,37,0.88);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, transform 0.2s;
    pointer-events: none;
    z-index: 5;
}
.watch_video_dsrc .qd-play-btn svg {
    width: 22px; height: 22px;
    fill: #fff;
    margin-left: 3px;
}
.watch_video_dsrc:hover .qd-play-btn {
    background: #e76e25;
    transform: translate(-50%, -65%) scale(1.1);
}
/* Prevent the inline video from intercepting clicks */
.watch_video_dsrc video {
    pointer-events: none;
}