/**************videos listing starts*************/
.video-all-boxes .three-boxes{gap:30px;justify-content:flex-start;}
.video-all-boxes .three-boxes .repeat-box{width:calc(33.33% - 20px);justify-content:flex-start;}
.video-all-boxes .three-boxes .repeat-box a,
.video-all-boxes .three-boxes .repeat-box figure,
.video-all-boxes .three-boxes .repeat-box .text,
.video-all-boxes .three-boxes .repeat-box .photo{display:block;width:100%;}
 
.video-all-boxes .three-boxes .repeat-box .text{ padding-top:10px;}
.video-all-boxes .three-boxes .repeat-box .text h3{-webkit-line-clamp:3;font-size: 14px;font-weight: normal;}
.video-all-boxes .three-boxes .video-icon{width:40px;height:34px;}
.video-all-boxes .three-boxes .video-icon img{width:35px;padding:7px 6px 6px 10px;}
/*.video-all-boxes .repeat-box .photo .lazy-image{padding-top:56.66667%;}*/
.total-paging{border-top:1px dashed var(--color-3);}
.video-all-boxes .splide__arrow{width:36px;height:36px;border-radius:50px;top:41%;background-color:var(--white);}
.video-all-boxes .splide__arrow:before{border:solid var(--color-4);border-width:0 2px 2px 0;width:10px;height:10px;}
.video-all-boxes .splide__arrow--prev{left:-18px;}
.video-all-boxes .splide__arrow--next{right:-18px;}

.top-videos{display:block;overflow:hidden;clear:both;padding:0 40px 30px;margin-bottom:30px;}
.top-videos::before{position:absolute;left:0;right:0;bottom:0;top:25%;background-color:#000;content:'';border-radius:16px;}
.video-all-boxes .big-box{margin-top:2px;}
.video-all-boxes .big-box a,
.video-all-boxes .big-box figure,
.video-all-boxes .big-box .text,
.video-all-boxes .big-box .photo{display:block;width:100%;}
.video-all-boxes .big-box .text{padding-top:10px;}
.video-all-boxes .big-box .text h2,
.video-all-boxes .big-box .text h3{color:var(--white);font-size:28px;font-weight:700;text-transform:none;}
.video-all-boxes .big-box a:hover .text h2,
.video-all-boxes .big-box a:hover .text h3{color:var(--tech-blue);}
.video-all-boxes .big-box .video-icon{width:75px;height:65px;}
.video-all-boxes .big-box .video-icon img{width:56px;height:auto;padding:17px 2px 9px 24px;}
/**************videos listing ends*************/
:root {--tech-blue:#6BD2FF;}
.common-all-content .right-widgets .video-icon img {
    padding: 5px 5px 5px 6px;
    height: 26px;
    width: 26px;
}
.common-all-content .right-widgets .video-icon {
    padding: 7px;
}
.common-all-content .right-widgets .repeat-box .text h3 {font-weight: normal;}
.video-all-boxes .photo .lazy-image {padding-top: 56.25%;}
@media only screen and (max-width:991px){
.top-videos{padding-bottom: 15px;}
.photo-all-boxes .three-boxes{gap:20px;}
.video-all-boxes .three-boxes .repeat-box{width:calc(50% - 10px);}
.video-all-boxes .big-box .text h2,
.video-all-boxes .big-box .text h3{font-size:22px;}
}
@media only screen and (max-width:767px){
.total-paging{border-top:0;}
.video-all-boxes .big-box .video-icon{width:50px;height:40px;}
.video-all-boxes .big-box .video-icon img {width: 45px;padding:7px 10px 0 13px;} 
.video-all-boxes .splide__arrow{width:30px;height:30px;}
.video-all-boxes .splide__arrow--prev{left:-15px;}
.video-all-boxes .splide__arrow--next{right:-15px;}
.video-all-boxes .big-box .text{padding:10px 0;}
.video-all-boxes .big-box .text h2,
.video-all-boxes .big-box .text h3{font-size:24px;-webkit-line-clamp:3;}
.video-all-boxes .three-boxes .repeat-box .text h3{-webkit-line-clamp:3;}
.top-videos{padding:0 15px 15px;margin-bottom:15px;}
.top-videos::before{top:15%;}
.video-all-boxes .repeat-box .photo .lazy-image{padding-top:67.66667%;}
.video-all-boxes .three-boxes .video-icon{width:36px;height:26px; border-width:1px;}
.video-all-boxes .three-boxes .video-icon img{padding:4px 12px 3px 12px;}
}
@media only screen and (max-width:579px){
.video-all-boxes .three-boxes{gap:15px}
.video-all-boxes .three-boxes .repeat-box{width:calc(50% - 8px);}
.video-all-boxes .three-boxes .repeat-box .text p{line-height:1.4;}
.top-videos{padding-bottom:10px;}
}
@media only screen and (max-width:479px){

}
@media only screen and (max-width:419px){


.video-all-boxes .splide__arrow{top:37%;}
}
@media only screen and (max-width:389px){}
@media only screen and (max-width:351px){}