/* videos.css */
.video-index-index .videos-wrapper .bl-item-center{ align-items: flex-start!important;gap: 10px;}
.video-index-index .videos-wrapper .bl-item-center .bl-3.col-lg-4 { background-color: var(--white); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  padding: 0; width: 32%; border-radius: 10px;overflow: hidden;}
.video-index-index .videos-wrapper .bl-item-center .bl-3.col-lg-4 h3 {font-size:14px;  margin:10px 10px 20px 10px !important;}
.video-index-index .videos-wrapper .bl-item-center .bl-3.col-lg-4 h3 a {color: var(--darkText); text-align: left; justify-content: flex-start;display: flex;font-weight: 400;}
.video-index-index .videos-wrapper {margin-top: 20px;}

.video-lsit-toolbar.toolbar.top {	display: inline-block;background-color: var(--lightGray);	width: 100%;margin-top: 10px;	margin-bottom: 20px;padding: 10px;border-radius: 4px;}
.video-lsit-toolbar .pager {display: flex;align-items: center;justify-content: space-between;	padding: 0 10px;}
.video-lsit-toolbar .pager .pages{   margin-bottom: 0;}
.video-lsit-toolbar .pages .item { font-size:14px !important;  line-height: normal !important;   padding: 0px;    margin-right: 0px;}
.video-lsit-toolbar .pages .item .page { font-size:14px; color: var(--darkText);   line-height: normal;   padding: 0;   width: 32px;   height: 32px;  display: flex;  align-items: center;  justify-content: center;}

.video-lsit-toolbar .pages .item strong.page { font-weight: 400;  color: var(--white) !important;   font-size:14px !important;  background-color: var(--orange) !important;   width: 32px !important;   padding: 0 !important;  line-height: normal;   height: 32px;   border-radius: 4px;
    display: flex;  align-items: center;   justify-content: center;  }
  
.video-lsit-toolbar .pager .pages ul {display: flex;align-items: center;justify-content: center;}
.video-lsit-toolbar .pages .item .action.next, .video-lsit-toolbar .pages .item .action.previous { margin-left: 0;  width: 32px;  height: 32px;  display: flex;  align-items: center;  justify-content: center;  border: 0;  background-color: var(--white);  box-shadow: none;  margin-right: 0px;}
.video-lsit-toolbar .limiter {font-size:14px;display: flex;align-items: center;gap: 10px;}
.video-lsit-toolbar li.item.pages-item-previous { vertical-align: middle;}
.video-lsit-toolbar li.item.pages-item-next {vertical-align: middle;}
.video-lsit-toolbar p.toolbar-amount {padding: 0;	margin-left: 0px;	font-size:14px;}
iframe.responsive-video { border-radius: 6px; width: 100% !important;  aspect-ratio: 16/9; height: auto; display: block;}

.video-post-view a {  color: var(--btnPrimary);}
.video_description h2 { font-size: 1.2rem;  font-weight: 500; color: var(--darkText); margin-bottom: 1rem;}
.related-video h3 { font-size: 1.2rem;padding: 0 !important;font-weight: 500;color: var(--darkText);}
.related-video {margin-top: 0 !important; display: inline-table;}
.related-video .bl-3.col-lg-4{background-color: var(--white); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 0; margin: 0 10px!important; width: 31%; border-radius: 10px;overflow: hidden;}
.related-video .bl-3.col-lg-4 h3{ font-size:14px;margin:10px 10px 20px 10px !important;}

@media(max-width:992px){
  .video-lsit-toolbar.toolbar.top{ max-width: 100% !important; margin: 0px auto; background-color: var(--lightGray); padding: 5px 10px;  border-radius: 4px; }  
}

@media(max-width:767px){
  .toolbar-amount {  display: none;  }
  .video-lsit-toolbar .limiter{   display: none;  }
  .video-lsit-toolbar .pager { display: flex;   align-items: center;   justify-content: center;   padding: 0 10px; }
}

@media(max-width:600px){
  .video-index-index .videos-wrapper .bl-item-center .bl-3.col-lg-4 {background-color: var(--white); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 0; width: 100%; border-radius: 10px; overflow: hidden;}
  .video-index-index .page-main > .page-title-wrapper .page-title,
  .video-post-view .page-main > .page-title-wrapper .page-title{padding-top: 10px;}

  .video-lsit-toolbar p.toolbar-amount {padding: 0; margin-left: 0px; font-size: 0;}
  .video-lsit-toolbar .limiter {display: none;}
  .video-lsit-toolbar .pager {justify-content: center;}
  .video-lsit-toolbar.toolbar.top {margin-bottom: 0;}

  .related-video .bl-3.col-lg-4 {width: 100%; margin-bottom: 10px!important; border-radius: 10px; overflow: hidden; margin-left: 0 !important;}
  .video_description h2,.related-video h3,
  .video-post-view p{font-size:14px!important;}
  .video_description h2{margin-top: 1rem;}
}