.videoWrap {
   padding: 60px 0;
 }

 .videoHead {
   text-align: start;
   /* max-width: 760px; */
   margin: 0 auto 35px;
 }

 .videoKicker {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   background: #fff4e6;
   color: #b46b00;
   padding: 8px 18px;
   border-radius: 999px;
   font-weight: 700;
   font-size: 14px;
   margin-bottom: 14px;
 }

 .videoTitle {
   font-size: 36px;
   /* font-weight: 800; */
   color: #102033;
   margin-bottom: 12px;
 }

 .videoSub {
   font-size: 16px;
   color: #64748b;
   line-height: 1.7;
   margin: 0;
 }

 .videoGrid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
 }

 .videoCard {
   background: #ffffff;
   border-radius: 22px;
   overflow: hidden;
   box-shadow: 0 14px 45px rgba(15, 23, 42, 0.10);
   border: 1px solid rgba(226, 232, 240, 0.9);
   transition: all 0.3s ease;
 }

 .videoCard:hover {
   transform: translateY(-6px);
   box-shadow: 0 20px 55px rgba(15, 23, 42, 0.16);
 }

 .videoThumb {
   position: relative;
   display: block;
   height: 220px;
   overflow: hidden;
   background: #0f172a;
   text-decoration: none;
 }

 .videoThumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   transition: transform 0.4s ease;
 }

 .videoCard:hover .videoThumb img {
   transform: scale(1.08);
 }

 .videoPlay {
   position: absolute;
   inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   background: rgba(15, 23, 42, 0.15);
 }

 .videoPlay span {
   width: 68px;
   height: 68px;
   border-radius: 50%;
   background: #ffffff;
   color: #d71920;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 26px;
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
 }

 .videoBody {
   padding: 22px;
 }

 .videoBody h3 {
   font-size: 20px;
   font-weight: 800;
   color: #102033;
   margin-bottom: 10px;
 }

 .videoBody p {
   font-size: 15px;
   color: #64748b;
   line-height: 1.7;
   margin-bottom: 0;
 }

 .noVideo {
   text-align: center;
   padding: 35px;
   background: #f8fafc;
   border-radius: 18px;
   color: #64748b;
   font-weight: 600;
 }

 @media (max-width: 991px) {
   .videoGrid {
     grid-template-columns: repeat(2, 1fr);
   }

   .videoTitle {
     font-size: 30px;
   }
 }

 @media (max-width: 575px) {
   .videoGrid {
     grid-template-columns: 1fr;
   }

   .videoThumb {
     height: 200px;
   }

   .videoTitle {
     font-size: 26px;
   }
 }

 .videoEmbed {
   position: relative;
   width: 100%;
   aspect-ratio: 16 / 9;
   background: #000;
   border-radius: 14px;
   overflow: hidden;
 }

 .videoEmbed iframe {
   width: 100%;
   height: 100%;
   display: block;
 }

 .videoPagination {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 8px;
   flex-wrap: wrap;
   margin-top: 35px;
 }

 .pageBtn {
   min-width: 40px;
   height: 40px;
   padding: 0 14px;
   border-radius: 50px;
   border: 1px solid rgba(0, 0, 0, 0.12);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   font-size: 14px;
   font-weight: 600;
   color: #222;
   background: #fff;
   text-decoration: none;
   transition: all 0.25s ease;
 }

 .pageBtn:hover {
   background: #0d6efd;
   color: #fff;
   border-color: #0d6efd;
 }

 .pageBtn.active {
   background: #0d6efd;
   color: #fff;
   border-color: #0d6efd;
 }