/* =========================  
VIDEO GALLERY
========================= */

.video-section {
   display:grid;
   grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
   gap:25px;
   width:100%;
   margin-top:30px;}
.video-testimonial {
   width:100%;}
.video-left iframe {
   width:100%;
   aspect-ratio:16 / 9;
   height:auto;
   border:0;
   border-radius:12px;
   display:block;
   box-shadow:0 6px 20px rgba(0,0,0,.18);}.video-left h3 {
   font-size:20px;
   margin:12px 0 5px;
   color:#333;}
.video-left span {
   font-size:15px;
   color:#666;
   display:block;
   margin-bottom:10px;}/* Large screens */@media(min-width:1400px){.video-section {
   grid-template-columns:repeat(3, 1fr);}}
/* Tablet */@media(max-width:900px){.video-section {
   grid-template-columns:repeat(2, 1fr);}}
/* Phone */@media(max-width:600px){.video-section {
   grid-template-columns:1fr;}}

/* ==========================  
SMOOTH DIPLOMA POPUP EFFECT
========================== */

.fancybox__container {
   --fancybox-bg: rgba(0,0,0,0.85);}
.fancybox__content {
   animation-duration: 900ms !important;   animation-timing-function: ease-out;
   border-radius:20px;   overflow:hidden;}
.fancybox__image {
   border-radius:20px;}
/* Slow fade in */@keyframes fancyFadeSlow {
   from {
       opacity:0;       transform:scale(.92);
   }
   to {
       opacity:1;       transform:scale(1);
   }}
.f-fadeIn {
   animation-name:fancyFadeSlow !important;   animation-duration:900ms !important;}
/* Slow closing */@keyframes fancyFadeOutSlow {
   from {
       opacity:1;       transform:scale(1);
   }
   to {
       opacity:0;       transform:scale(.92);
   }}
.f-fadeOut {
   animation-name:fancyFadeOutSlow !important;   animation-duration:700ms !important;}

/* ==========================  
DIPLOMA POPUP GALLERY
========================== */

.diploma-gallery {   display:grid;   grid-template-columns:repeat(auto-fit,minmax(180px,1fr));   gap:25px;   margin:40px auto;   max-width:1100px;
}
.gallery-item {   display:block;   background:#fff;   padding:12px;   border-radius:16px;   box-shadow:0 10px 30px rgba(0,0,0,.15);   text-align:center;   text-decoration:none;   overflow:hidden;   transition:.35s ease;
}
.gallery-item img {
   width:100%;   height:230px;   object-fit:cover;   border-radius:12px;   transition:.35s ease;}
.gallery-item span {
   display:block;   margin-top:12px;   color:#333;   font-size:16px;   font-weight:600;}.gallery-item:hover {
   transform:translateY(-8px);   box-shadow:0 20px 40px rgba(0,0,0,.25);}
.gallery-item:hover img {
   transform:scale(1.05);}/* Mobile */@media(max-width:600px){.diploma-gallery {
   grid-template-columns:repeat(2,1fr);   gap:15px;}
.gallery-item {
   padding:8px;}
.gallery-item img {
   height:150px;}
.gallery-item span {
   font-size:13px;}}