/* Additional small layout fixes */

/* Footer column padding */
.footer-bar .container .row > div{padding:12px}

/* Slightly increase course-card shadow */
.course-card{box-shadow:0 4px 18px rgba(11,91,255,0.06)}

/* Improve hero spacing at large widths */
@media (min-width:1200px){
    .hero-text{padding-left:40px}
    .upside-image img{max-width:900px}
}

/* Testimonials and gallery fixes */
.testimonial-grid{max-width:1100px;margin:0 auto}
.testimonial-grid .video-thumb iframe,.testimonial-grid .video-thumb video,.testimonial-grid .video-thumb img{width:100%;height:auto;display:block}

/* Footer tweaks */
.footer-columns .footer-menu{list-style:none;padding-left:0}
.footer-columns h4{color:#fff;margin-bottom:10px}
.footer-columns p, .footer-columns li{color:rgba(255,255,255,0.9);font-size:14px}
.footer-columns .socials img{filter:brightness(0) invert(1)}

/* Experts grid (circular avatars) */
.experts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:22px;max-width:1100px;margin:0 auto}
.experts-grid .expert{display:flex;flex-direction:column;align-items:center;gap:8px}
.experts-grid .expert img{width:86px;height:86px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.expert-name{font-size:13px;color:#0b2b54;margin-top:6px}

/* Testimonials & Parents */
.testimonials-section .tittle,.parents-section .tittle{margin-bottom:20px}
.testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1100px;margin:0 auto}
.testimonial-grid .video-thumb{border:6px solid #ffd54a;padding:6px;background:#fff;border-radius:6px;overflow:hidden}
.testimonial-grid .video-thumb img{display:block;width:100%;height:auto}

/* CTA banner styling */
.cta-hero{padding:40px 0}

@media (max-width: 991px){
    .testimonial-grid{grid-template-columns:repeat(2,1fr)}
    .testimonial-grid .video-thumb{padding:4px}
    .experts-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}
}

/* Footer responsive */
@media (max-width: 768px){
    .footer-columns{display:block}
    .footer-columns .col-lg-4, .footer-columns .col-lg-3, .footer-columns .col-lg-2, .footer-columns .col-md-6{width:100%;display:block;margin-bottom:20px;text-align:left}
    .copy-right .container{text-align:center}
}

/* Force Fancybox toolbar to sit on top of image */
.fancybox__toolbar {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 9999 !important;
}

/* Anchor toolbar to image box */
.fancybox__slide {
    position: relative !important;
}

.fancybox__content {
    position: relative !important;
}

/* Make sure image is above background but below toolbar */
.fancybox__image {
    position: relative !important;
    z-index: 1 !important;
}
.fancybox__content {
    position: relative !important;
}

.fancybox__toolbar {
    background: transparent !important;
}
/* .fancybox__container,
.fancybox__carousel,
.fancybox__viewport,
.fancybox__track {
    position: static !important;
}
.fancybox__slide.can-zoom_in .fancybox__image {
    cursor: default !important;
} */
