/* Theme overrides to match target layout (header, hero, courses, testimonials, footer) */
/* Header */
.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:12px 20px}
.header-left1, .header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}
.header-left1 a{display:flex;align-items:center;gap:12px;text-decoration:none}
.header-left1 img.logoCustom{display:block;max-height:60px;width:auto}
.site-title-text{font-family:'Righteous',sans-serif;font-size:20px;color:#0b5bff;display:inline-block;margin:0;font-weight:700;text-transform:uppercase}
.header-right-ff{
    /* display:flex; */
    align-items:center;gap:20px;flex:1;justify-content:flex-end;
}
.menu{display:none;position:relative;cursor:pointer}

/* Navigation: center nav and add responsive menu behavior */
.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 8px rgba(0,0,0,0.03)}
.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:12px 20px}
.header-right-ff{order:2}
nav#site-navigation{display:inline-block}
nav#site-navigation .nav1{display:inline-flex;gap:30px;justify-content:flex-end;align-items:center;margin:0;padding:0;list-style:none}
nav#site-navigation .nav1 li{display:inline-block}
nav#site-navigation .nav1 a{color:#0b5bff;font-weight:700;text-decoration:none}

@media (max-width: 991px){
    .menu{display:block}
    .nav-toggle{display:block;border:none;background:none;font-size:26px;cursor:pointer;margin-left:auto}
    nav#site-navigation .nav1{display:none;flex-direction:column;background:#fff;position:absolute;left:0;top:64px;width:100%;padding:12px 0;box-shadow:0 4px 12px rgba(0,0,0,0.06)}
    nav#site-navigation .nav1 li{padding:8px 16px;text-align:left}
}

/* Hero adjustments */
.hero-section{display:flex;align-items:center;gap:20px;padding:40px 0;max-width:1200px;margin:0 auto}
.hero-text{flex:0 0 62%;text-align:left;padding-left:24px}
.upside-image img{max-width:820px;width:100%;height:auto;display:block}
.downside-image img{
    max-width:100%;
    /* max-width:300px; */
    height:auto}
.hero-image{flex:0 0 38%;text-align:center}
/* .hero-image img{width:260px;height:260px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,0.12)} */
.hero-image img{max-width: 100%;}

/* Hero typography */
.hero-title{font-family:'Righteous',sans-serif;font-size:36px;color:#0b5bff;margin:8px 0}
.hero-sub{font-family:'Lato',sans-serif;font-size:18px;color:#333;margin:4px 0}
.upto-img{max-width:260px}

/* Course heading */
.tittle{color:#8cc63f;text-align:center;font-size:22px;font-weight:700;margin-bottom:18px}

/* Explore button replacement styling */
.explore-btn{background:#0b5bff;padding:10px;border-radius:8px;box-shadow:0 4px 8px rgba(11,91,255,0.12);width:120px}
.explore-link{display:inline-block}

/* Courses grid */
.container .row.g-4{width:86%;margin:0 auto}
.course-card{background:#f6f7fb;border-radius:12px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:240px}
.course-card img{width:86px;height:86px;object-fit:contain;margin-bottom:12px}
.course-card .content h3{color:#0b5bff;margin:6px 0}
.course-card .content h5{color:#333;font-weight:400;font-size:14px}
.course-card .content a img{width:120px;margin-top:12px;background:#0b5bff;padding:8px;border-radius:6px}

/* Testimonials / video grid */
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}
.testimonial-grid .video-thumb{border:6px solid #ffd54a;padding:6px;background:#fff}

/* Generic gallery/video styles (apply when markup is from imported HTML) */
.entry-content .gallery img,
.entry-content .wp-block-gallery img,
.entry-content img.aligncenter{border:6px solid #ffd54a;padding:4px;box-sizing:border-box;background:#fff}
.entry-content iframe, .entry-content .video-thumb iframe, .entry-content .video-thumb img{border:6px solid #ffd54a;padding:4px;box-sizing:border-box;background:#fff}

/* Footer */
.site-footer{background:#0b2b54;color:#fff;
    /* padding:40px 0 */
}
.site-footer a{color:#fff}
.copy-right{background:#071a33;color:rgba(255,255,255,0.8);
    padding:12px 0;
    text-align:center}

/* Responsive adjustments */
@media (max-width: 991px){
    .header-container{padding:12px}
    .hero-section{flex-direction:column;text-align:center}
    .hero-text,.hero-image{flex:1 1 auto}
    .hero-image img{width:160px;height:160px}
    nav#site-navigation .nav1{display:none}
}

/* Courses grid */
.course-card{background:#f6f7fb;border-radius:12px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:220px}
.course-card img{width:86px;height:86px;object-fit:contain;margin-bottom:12px}
.course-card .content h3{color:#0b5bff;margin:6px 0}
.course-card .content h5{color:#333;font-weight:400;font-size:14px}
.course-card .content a img{width:120px;margin-top:12px}

/* Testimonials / video grid */
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}
.testimonial-grid .video-thumb{border:6px solid #ffd54a;padding:6px;background:#fff}

/* Generic gallery/video styles (apply when markup is from imported HTML) */
.entry-content .gallery img,
.entry-content .wp-block-gallery img,
.entry-content img.aligncenter{border:6px solid #ffd54a;padding:4px;box-sizing:border-box;background:#fff}
.entry-content iframe, .entry-content .video-thumb iframe, .entry-content .video-thumb img{border:6px solid #ffd54a;padding:4px;box-sizing:border-box;background:#fff}
/* Footer */
.site-footer{background:#0b2b54;color:#fff;
    /* padding:40px 0 */
}
.site-footer a{color:#fff}
.copy-right{background:#071a33;color:rgba(255,255,255,0.8);
    /* padding:12px 0; */
    text-align:center}

/* Responsive adjustments */
@media (max-width: 991px){
    .header-container{padding:12px}
    .hero-section{flex-direction:column;text-align:center}
    .hero-text,.hero-image{flex:1 1 auto}
    .hero-image img{width:160px;height:160px}
    nav#site-navigation .nav1{display:none}
}