/* ============================================================
   BELIEF CENTRAL SCHOOL - Main Stylesheet
   Based on Education Zone + School Zone WordPress themes
   ============================================================ */

/* ----- Normalize & Reset ----- */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    margin: 0;
    background: #fff;
    font-family: 'Lato', sans-serif;
    color: #5d5d5d;
    font-size: 18px;
    line-height: 28px;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block; }
a { background: transparent; text-decoration: none; color: #4aa0d7; }
a:hover, a:active { outline: 0; }
img { max-width: 100%; height: auto; vertical-align: top; border: 0; }
ul, ol { margin: 0 0 1.5em 3em; padding: 0; }
ul { list-style: disc; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0 0 1.5em; }
h1, h2, h3, h4, h5, h6 { clear: both; margin-top: 0; color: #474b4e; font-family: 'Roboto', sans-serif; }
p { margin: 0 0 1.5em; }
button, input, select, textarea { color: inherit; font: inherit; margin: 0; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    color: #666; border: 1px solid #ccc; border-radius: 3px; outline: none;
}
.container { width: 1170px; padding: 0 15px; margin: 0 auto; }
.container:after { display: block; clear: both; content: ''; }
.row { margin: 0 -15px; }
.row:after { display: block; clear: both; content: ''; }
.col { padding: 0 15px; float: left; box-sizing: border-box; }

/* ----- Colors & Theme ----- */
:root {
    --primary: #79B530;
    --primary-dark: #5d8a22;
    --secondary: #3B9AD7;
    --header-top-bg: #f8f8f8;
    --header-bottom-bg: #79B530;
    --footer-bg: #1f1f1f;
    --text-color: #5d5d5d;
    --heading-color: #474b4e;
    --light-bg: #f8f8f8;
}

/* ----- Header Top Bar ----- */
.header-top { background: var(--header-top-bg); padding: 10px 0; }
.header-top:after { display: block; clear: both; content: ''; }
.top-links { float: left; }
.top-links span { display: inline-block; border-left: 1px solid #7f7f7f; font-size: 14px; line-height: 14px; padding-left: 10px; margin-left: 10px; }
.top-links span:first-child { border-left: 0; margin-left: 0; padding-left: 0; }
.top-links span a { color: #7f7f7f; font-size: 14px; text-transform: uppercase; }
.top-links span a:hover { color: #3790c9; }

/* Secondary Nav Dropdown */
.site-header .header-top .secondary-nav { position: relative; display: inline-block; }
.site-header .header-top .secondary-nav > a { color: #7f7f7f; font-size: 14px; text-transform: uppercase; padding: 5px 20px 5px 5px; position: relative; display: inline-block; }
.site-header .header-top .secondary-nav > a .fa { margin-left: 5px; }
.site-header .header-top .secondary-nav ul { display: none; position: absolute; top: 100%; right: 0; margin: 0; padding: 0; background: #3b9ad7; width: 220px; z-index: 999; border-top: 1px solid rgba(255,255,255,0.4); }
.site-header .header-top .secondary-nav ul li { list-style: none; border-bottom: 1px solid rgba(255,255,255,0.4); }
.site-header .header-top .secondary-nav ul li a { display: block; padding: 10px 15px; color: #fff; font-size: 14px; text-transform: none; }
.site-header .header-top .secondary-nav ul li a:hover { opacity: 0.6; }
.site-header .header-top .secondary-nav:hover ul { display: block; }

/* Social Networks */
.social-networks { margin: 0; padding: 0; float: right; font-size: 0; line-height: 0; }
.social-networks li { display: inline-block; margin-left: 14px; list-style: none; }
.social-networks li a { color: #79B530; font-size: 18px; transition: ease 0.2s; }
.social-networks li a:hover { color: #7f7f7f; }

/* ----- Header Middle ----- */
.header-m { padding: 20px 0 12px; background: #fff; }
.header-m:after { display: block; clear: both; content: ''; }
.site-branding { float: left; display: flex; align-items: center; }
.custom-logo { margin-right: 15px; width: 80px !important; height: 80px !important; border-radius: 50%; }
.site-title { margin: 0; font-size: 26px; line-height: 29px; font-weight: 700; }
.site-title a { color: #79B530; font-family: 'Roboto', sans-serif; }
.site-description { font-size: 13px; line-height: 15px; color: #8c8c8c; margin: 0; }

/* Info Boxes */
.info-box { float: right; overflow: hidden; font-size: 16px; line-height: 20px; font-weight: 300; margin-right: 30px; margin-top: 10px; color: #747474; }
.info-box .fa { display: inline-block; color: #79B530; font-size: 30px; margin-right: 16px; line-height: 32px; vertical-align: middle; }
.info-box span { display: inline-block; vertical-align: middle; }
.info-box span a { color: #747474; display: block; font-size: 14px; line-height: 18px; }
.info-box span a:hover { color: #79B530; }
.waste-info { display: none; }

/* ----- Notice Bar ----- */
.important-notice { background: #a2e255; padding: 10px 0; text-align: center; }
.important-notice marquee { color: #000; font-size: 16px; font-weight: 500; }

/* ----- Header Bottom / Main Nav ----- */
.header-bottom { background: var(--header-bottom-bg); }
.header-bottom:after { display: block; clear: both; content: ''; }
.main-navigation { float: left; width: auto; }
.main-navigation ul { margin: 0; padding: 0; list-style: none; }
.main-navigation li { float: left; position: relative; margin-left: 42px; }
.main-navigation li:first-child { margin-left: 0; }
.main-navigation a { display: block; text-decoration: none; font-size: 14px; line-height: 17px; color: #fff; font-weight: 700; text-transform: uppercase; padding: 22px 0; }
.main-navigation ul ul { float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; background: #79B530; }
.main-navigation ul ul li { margin-left: 0; border-top: 1px solid rgba(255,255,255,0.4); float: none; }
.main-navigation ul ul a { width: 220px; padding: 12px; font-weight: 400; }
.main-navigation ul ul ul { left: -999em; top: 0; }
.main-navigation li:hover > a, .main-navigation li.focus > a { opacity: 0.6; }
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; }
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; }
.main-navigation li.menu-item-has-children > a:after { content: ' \25BE'; font-size: 10px; }

/* Search Form in Header */
.form-section { float: right; position: relative; padding: 16px 0; }
.form-section a { display: block; color: #fff; font-size: 16px; }
.form-section .example { position: absolute; display: none; top: 100%; right: 0; z-index: 999; background: #3B9AD7; }
.form-section:hover .example { display: block; }
.form-section .example form { width: 240px; height: 40px; padding: 5px; background: #79B530; border: 0; }
.form-section .example form input[type="search"] { height: 100%; padding: 0 10px; background: none; width: 75%; float: left; color: #fff; border: 0; }
.form-section .example form input[type="submit"] { float: left; width: 35px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>') no-repeat center; background-size: 16px; border: 0; padding: 0; box-shadow: none; text-indent: -9999px; cursor: pointer; }

/* Mobile Nav */
#mobile-header { display: none; padding: 20px 0; float: left; }

/* Sticky Header */
.header-bottom.sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.sticky-holder { display: none; }
.admin-bar .header-bottom.sticky { top: 32px; }
#mobile-header .fa { color: #fff; font-size: 24px; cursor: pointer; }
#mobile-header-2 { display: none; }
#mobile-header-2 .fa { color: #121212; font-size: 20px; cursor: pointer; }

/* Side Navigation (mobile) */
#sidr-main, #sidr-secondary-child { display: none; background: #79B530; position: absolute; top: 100%; left: 0; width: 100%; z-index: 9999; }
#sidr-main .main-navigation ul, #sidr-secondary-child ul { display: block; }
#sidr-main .main-navigation li, #sidr-secondary-child li { float: none; margin: 0; border-bottom: 1px solid rgba(255,255,255,0.3); }
#sidr-main .main-navigation a, #sidr-secondary-child a { padding: 12px 15px; font-size: 14px; }
#sidr-main .main-navigation .sub-menu { position: static; display: none; background: rgba(0,0,0,0.1); width: 100%; }
#sidr-main .main-navigation .sub-menu li:last-child { border-bottom: 0; }

/* ----- Banner ----- */
.banner { position: relative; }
.banner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.banner img { width: 100%; height: 692px; object-fit: cover; }
.banner .banner-text { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); height: auto; z-index: 1; }
.banner .banner-text .text { max-width: 650px; width: 100%; margin: 0 auto; text-align: center; color: #fff; }
.banner .banner-text .text .title { font-size: 50px; line-height: 62px; margin: 0 0 15px; color: #fff; font-weight: 700; letter-spacing: 0; }
.banner .banner-text .text span { display: block; font-size: 50px; line-height: 62px; color: #fff; font-weight: 700; margin-bottom: 22px; }
.banner .banner-text .btn-holder { margin-top: 20px; }
.banner .banner-text .btn-holder .btn-free-inquiry, .banner .banner-text .text .course-link {
    font-size: 16px; color: #fff; border: 2px solid #79B530; background: #79B530;
    text-transform: uppercase; display: inline-block; padding: 10px 23px; margin: 0 7px; font-weight: 400; transition: ease 0.2s;
}
.banner .banner-text .btn-holder .btn-free-inquiry:hover, .banner .banner-text .text .course-link:hover { background: none; }
.banner .banner-text .btn-holder .btn-view-service {
    font-size: 16px; color: #fff; border: 2px solid #fff; background: none;
    text-transform: uppercase; display: inline-block; padding: 10px 23px; margin: 0 7px; transition: ease 0.2s;
}
.banner .banner-text .btn-holder .btn-view-service:hover { background: #fff; color: #79B530; }

/* Owl Carousel Banner */
.owl-carousel .owl-nav [class*="owl-"] { position: absolute; top: 50%; overflow: hidden; box-shadow: none; border-radius: 0; text-indent: -9999px; height: 51px; width: 51px; transform: translateY(-50%); }
.owl-carousel .owl-nav .owl-prev { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23fff" d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"/></svg>') no-repeat center; background-size: 24px; background-color: rgba(0,0,0,0.3); left: 10px; }
.owl-carousel .owl-nav .owl-next { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23fff" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"/></svg>') no-repeat center; background-size: 24px; background-color: rgba(0,0,0,0.3); right: 10px; }
.owl-carousel .owl-dots { text-align: center; position: absolute; bottom: 20px; width: 100%; }
.owl-carousel .owl-dot { display: inline-block; width: 12px; height: 12px; margin: 0 5px; background: rgba(255,255,255,0.5); border-radius: 50%; }
.owl-carousel .owl-dot.active { background: #fff; }

/* ----- Thumb Text (4 Feature Boxes) ----- */
.thumb-text { position: relative; top: 0; padding: 0; margin: -90px 0 0; text-align: center; width: 100%; }
.thumb-text li { vertical-align: top; display: inline-block; list-style: none; margin-left: -3px; color: #f9f9f9; font-size: 16px; line-height: 24px; width: 24.9%; }
.thumb-text li .box { padding: 28px 28px 26px; height: 305px; overflow: hidden; }
.thumb-text li .box-1 { background: #4886FF; }
.thumb-text li .box-2 { background: #FF6F6F; }
.thumb-text li .box-3 { background: #B5D56A; }
.thumb-text li .box-4 { background: #F88147; }
.thumb-text li h3 { margin-bottom: 15px; }
.thumb-text li h3 a { color: #f9f9f9; font-size: 22px; line-height: 25px; font-weight: 700; }
.thumb-text li span { display: block; margin-bottom: 22px; }
.thumb-text li img { width: auto; }
.thumb-text li p { color: #f9f9f9; font-size: 14px; line-height: 22px; }

/* ----- Welcome Note / Stats ----- */
.welcome-note { text-align: center; padding: 75px 0; }
.header-part { width: 80%; margin: 0 auto; }
.section-title { font-size: 38px; line-height: 42px; color: #474b4e; font-weight: 700; margin-bottom: 20px; }
.section-desc { font-size: 16px; line-height: 24px; color: #696c6e; margin-bottom: 45px; }
.welcome-note .col { width: 25%; padding: 0 15px; float: left; }
.welcome-note .col h3 { display: block; font-size: 40px; line-height: 44px; color: #79B530; font-weight: 700; margin-bottom: 10px; }
.welcome-note .col .text { border: 2px solid #f5f5f7; padding: 36px 0 45px; }
.welcome-note .col span { display: block; font-size: 16px; line-height: 20px; color: #696c6e; }

/* ----- Featured Courses ----- */
.featured-courses { text-align: center; background: #f8f8f8; padding: 98px 0 104px; }
.featured-courses ul { margin: 0 -6px; padding: 0; }
.featured-courses ul:after { display: block; clear: both; content: ''; }
.featured-courses ul li { width: 25%; list-style: none; float: left; padding: 0 6px; }
.featured-courses ul li .image-holder { position: relative; overflow: hidden; }
.featured-courses ul li .image-holder img { width: 100%; height: 250px; object-fit: cover; }
.featured-courses ul li .image-holder .overlay-text {
    position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);
    text-align: center; display: flex; align-items: center; justify-content: center;
    font-size: 19px; line-height: 26px; color: #f8fcff; text-transform: uppercase; font-weight: 700;
}
.featured-courses ul li .image-holder .description {
    position: absolute; width: 100%; height: 100%; top: 0; text-align: center;
    background: #fff; padding: 30px 20px; font-size: 14px; line-height: 22px; display: none;
    transition: ease 0.3s;
}
.featured-courses ul li .image-holder .description h2 { font-size: 19px; color: #474b4e; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; position: relative; }
.featured-courses ul li .image-holder .description h2:after { background: #dadbdc; width: 66px; height: 1px; content: ''; position: absolute; top: 100%; left: 50%; margin-left: -33px; margin-top: 10px; }
.featured-courses ul li .image-holder .description .learn-more { display: inline-block; background: #79B530; border: 2px solid #79B530; font-size: 14px; font-weight: 900; color: #fff; padding: 10px 20px; text-transform: uppercase; margin-top: 15px; transition: ease 0.2s; }
.featured-courses ul li .image-holder .description .learn-more:hover { background: none; color: #79B530; }
.featured-courses ul li .image-holder:hover .description { display: block; }
.featured-courses ul li .image-holder:hover .overlay-text { display: none; }

/* ----- Theme / CTA Section ----- */
.theme { text-align: center; background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../images/New-Project-22.jpg') no-repeat center; background-size: cover; background-attachment: fixed; }
.theme .theme-description { padding: 106px 0 138px; }
.theme .section-title { color: #fff; }
.theme .header-part { width: 70%; margin-bottom: 60px; margin: 0 auto 60px; }
.theme .theme-content { color: #ebebeb; font-size: 18px; line-height: 28px; margin-bottom: 40px; }
.theme .theme-btn { display: inline-block; text-transform: uppercase; font-size: 18px; line-height: 22px; font-weight: 900; padding: 16px 35px; margin: 0 10px; }
.theme .btn-apply { color: #fff; border: 2px solid #fff; }
.theme .btn-apply:hover { background: #79B530; border-color: #79B530; }
.theme .btn-tour { color: #fff; background: #79B530; border: 2px solid #79B530; }
.theme .btn-tour:hover { background: none; color: #fff; border-color: #fff; }

/* ----- Choose Us ----- */
.choose-us { padding: 96px 0 72px; text-align: center; }
.choose-us .header-part { margin-bottom: 82px; }
.choose-us .col { width: 25%; padding: 0 15px; float: left; }
.choose-us .col .icon-wrap { margin-bottom: 28px; }
.choose-us .col .icon-wrap img { width: 64px; height: 64px; }
.choose-us .col h3 { margin-bottom: 46px; position: relative; font-size: 19px; line-height: 26px; color: #474b4e; font-weight: 700; }
.choose-us .col h3 a { color: #474b4e; }
.choose-us .col h3 a:hover { color: #79B530; }
.choose-us .col h3:after { content: ''; position: absolute; top: 100%; width: 46px; height: 2px; background: #e9e9e9; margin-top: 26px; left: 50%; margin-left: -23px; }
.choose-us .col p { font-size: 14px; line-height: 22px; color: #696c6e; }

/* ----- Testimonials ----- */
.student-stories { text-align: center; background: linear-gradient(rgba(9,9,9,0.7), rgba(9,9,9,0.7)), url('../images/New-Project-22.jpg') no-repeat center; background-size: cover; background-attachment: fixed; }
.student-stories .image-wrapper { padding: 92px 0 174px; }
.student-stories .section-title { color: #fff; margin-bottom: 50px; }
.student-stories blockquote { font-size: 18px; line-height: 28px; color: #f9fcff; margin: 0 60px; padding: 0 24px; }
.student-stories blockquote p { font-size: 18px; line-height: 28px; color: #f9fcff; }
.student-stories blockquote footer { margin-top: 30px; }
.student-stories blockquote footer img { border-radius: 50%; width: 80px; height: 80px; object-fit: cover; margin: 0 auto 10px; }
.student-stories blockquote footer span { display: block; font-size: 21px; line-height: 25px; color: #f7f7f7; font-weight: 700; }
.student-stories blockquote footer small { font-size: 14px; color: #ccc; }

/* ----- Latest Events / News ----- */
.latest-events { text-align: center; padding: 86px 0 106px; }
.latest-events .header-part { margin-bottom: 54px; }
.latest-events .col-1 { width: 75%; float: left; padding: 0 15px; }
.latest-events .col-2 { width: 25%; float: left; padding: 0 15px; }
.latest-events .post { position: relative; text-align: left; }
.latest-events .col-1 .post img { width: 100%; height: 350px; object-fit: cover; }
.latest-events .post .entry-title { margin: 0; }
.latest-events .post .entry-title a { display: inline-block; font-size: 21px; line-height: 25px; font-weight: 700; }
.latest-events .col-1 .post .entry-title a { color: #fff; }
.latest-events .col-1 .post .image-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px; background: linear-gradient(transparent, rgba(0,0,0,0.8)); }
.latest-events .col-1 .post .entry-meta { font-size: 14px; color: #dfe1e4; }
.latest-events .col-1 .post .entry-meta span { margin-right: 20px; }
.latest-events .col-2 .post { border-top: 1px solid #d2d4d6; padding-top: 26px; margin-bottom: 20px; }
.latest-events .col-2 .post:first-child { border-top: none; padding-top: 0; }
.latest-events .col-2 .post .entry-title a { color: #474b4e; font-size: 16px; line-height: 20px; }
.latest-events .col-2 .post .entry-meta { font-size: 13px; color: #878b8d; }
.latest-events .learn-more { background: #79B530; border: 2px solid #79B530; color: #fff; text-transform: uppercase; font-weight: 900; display: inline-block; padding: 8px 18px; font-size: 14px; transition: ease 0.2s; }
.latest-events .learn-more:hover { background: none; color: #79B530; }
.latest-events .col-1 .post .entry-footer { margin-left: 30px; margin-top: 10px; }

/* ----- Photo Gallery ----- */
.photo-gallery { overflow: hidden; }
.photo-gallery .gallery { margin: 0; }
.photo-gallery .gallery-item { width: 20%; float: left; margin: 0; position: relative; }
.photo-gallery .gallery-item img { width: 100%; height: 200px; object-fit: cover; display: block; }
.photo-gallery .gallery-item:after { position: absolute; height: 100%; width: 100%; content: ''; top: 0; left: 0; background: rgba(31,31,31,0.55); }
.photo-gallery .gallery-item:hover:after { display: none; }
.photo-gallery .gallery-caption { display: none; }

/* ----- Search Section ----- */
.search-section { background: #79B530; padding: 40px 0; text-align: center; }
.search-section .col-1 { width: 50%; padding: 0 15px; float: left; }
.search-section .col-1:first-child { margin-top: 8px; }
.search-section h2 { color: #fff; font-size: 22px; line-height: 25px; margin: 0; }
.search-section form { border: 1px solid #fff; height: 54px; margin-top: 5px; }
.search-section form:after { display: block; clear: both; content: ''; }
.search-section form input[type="search"] { background: none; border: 0; height: 100%; float: left; width: 75%; padding: 0 15px; font-size: 16px; color: #fff; }
.search-section form input[type="search"]::placeholder { color: rgba(255,255,255,0.7); }
.search-section form input[type="submit"] { text-transform: uppercase; height: 100%; float: right; width: 20%; box-shadow: none; background: #fff; border: 0; border-radius: 0; font-size: 16px; color: #79B530; font-weight: 600; padding: 0; cursor: pointer; }
.search-section form input[type="submit"]:hover { background: #d9d9d9; }

/* ----- Page Header (Inner Pages) ----- */
.page-header { background: #f8f8f8; padding: 20px 0; border-bottom: 1px solid #e5e5e5; }
.page-header .container { display: flex; align-items: center; justify-content: space-between; }
.page-header h1 { font-size: 28px; color: #474b4e; margin: 0; }
.breadcrumb { font-size: 14px; color: #878b8d; }
.breadcrumb a { color: #79B530; }

/* ----- Content Area ----- */
#content { padding: 50px 0; }
#primary { width: 100%; float: left; }
.page-container .row:after { display: block; clear: both; content: ''; }

/* ----- Page Content ----- */
.entry-content { margin: 1.5em 0 0; }
.entry-content p { color: #000; }

/* ----- TablePress (MPD page) ----- */
.tablepress { width: 100%; margin-bottom: 30px; border-collapse: collapse; }
.tablepress thead th { background-color: #daffb1 !important; color: #000; padding: 12px 10px; text-align: left; font-weight: 700; border: 1px solid #ddd; }
.tablepress tbody td { padding: 10px; border: 1px solid #ddd; color: #000; }
.tablepress tbody tr.even td { background-color: #f9f9f9; }
.tablepress tbody tr:hover td { background-color: #f1f1f1; }
.tablepress a { color: #79B530; font-weight: 600; }

/* ----- About Page ----- */
.about-content { display: flex; gap: 30px; margin-bottom: 40px; }
.about-content .about-image { flex: 0 0 40%; }
.about-content .about-image img { width: 100%; border-radius: 5px; }
.about-content .about-text { flex: 1; }
.about-content .about-text h2 { color: #474b4e; font-size: 24px; margin-bottom: 15px; }
.about-content .about-text p { font-size: 16px; line-height: 26px; color: #000; text-align: justify; }

.management-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 25px; margin-top: 30px; }
.management-card { background: #f8f8f8; border: 1px solid #e5e5e5; border-radius: 5px; padding: 25px; text-align: center; }
.management-card h3 { font-size: 18px; color: #79B530; margin-bottom: 5px; }
.management-card .role { font-size: 14px; color: #878b8d; font-style: italic; margin-bottom: 8px; }
.management-card p { font-size: 14px; line-height: 20px; color: #000; }

/* ----- Facilities Page ----- */
.facility-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.facility-card { background: #f8f8f8; border: 1px solid #e5e5e5; border-radius: 5px; overflow: hidden; }
.facility-card img { width: 100%; height: 250px; object-fit: cover; }
.facility-card .facility-info { padding: 20px; }
.facility-card .facility-info h3 { font-size: 20px; color: #474b4e; margin-bottom: 8px; }
.facility-card .facility-info p { font-size: 14px; line-height: 22px; color: #000; }

/* ----- Contact Page ----- */
.contact-wrap { display: flex; gap: 50px; }
.contact-form { flex: 1; }
.contact-form h2 { font-size: 24px; color: #474b4e; margin-bottom: 20px; }
.contact-form .form-group { margin-bottom: 20px; }
.contact-form .form-group label { display: block; font-size: 14px; font-weight: 600; color: #474b4e; margin-bottom: 5px; }
.contact-form .form-group input, .contact-form .form-group textarea { width: 100%; padding: 10px 15px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; }
.contact-form .form-group textarea { height: 120px; resize: vertical; }
.contact-form .submit-btn { background: #79B530; color: #fff; border: 2px solid #79B530; padding: 12px 30px; font-size: 16px; text-transform: uppercase; font-weight: 700; cursor: pointer; border-radius: 4px; transition: ease 0.2s; }
.contact-form .submit-btn:hover { background: none; color: #79B530; }
.contact-info { flex: 0 0 35%; }
.contact-info h2 { font-size: 24px; color: #474b4e; margin-bottom: 20px; }
.contact-info .info-item { margin-bottom: 20px; }
.contact-info .info-item i { color: #79B530; font-size: 20px; width: 30px; }
.contact-info .info-item span { font-size: 16px; color: #000; }
.contact-info .info-item span a { color: #000; }
.contact-info .info-item span a:hover { color: #79B530; }

/* ----- Gallery Page ----- */
.gallery-section { margin-bottom: 40px; }
.gallery-section h2 { font-size: 24px; color: #474b4e; border-bottom: 2px solid #79B530; padding-bottom: 10px; margin-bottom: 20px; }
.gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.gallery-grid img { width: 100%; height: 200px; object-fit: cover; border-radius: 4px; }

/* ----- Footer ----- */
.site-footer { background: #1f1f1f; color: #d6d6d6; }
.site-footer .widget-area { border-bottom: 1px solid #3a3a3a; padding: 50px 0 26px; }
.site-footer .widget-area .col { width: 33.33%; padding: 0 15px; float: left; }
.site-footer .widget-title { font-size: 16px; line-height: 44px; margin-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: 700; }
.site-footer .widget ul { margin: 0; padding: 0; }
.site-footer .widget ul li { list-style: none; margin-bottom: 12px; }
.site-footer .widget ul li a { font-size: 16px; line-height: 20px; color: #9a9a9a; }
.site-footer .widget ul li a:hover { opacity: 0.6; }
.site-footer .widget p { color: #d6d6d6; font-size: 16px; line-height: 24px; }
.site-footer .widget-area:after { display: block; clear: both; content: ''; }

.site-info { text-align: center; padding: 55px 0 30px; font-size: 14px; line-height: 20px; color: #a6a6a6; }
.site-info a { color: #fff; }
.site-info a:hover { opacity: 0.6; }
.site-info .social-networks { float: none; margin-bottom: 28px; }
.site-info .social-networks li { margin: 0 11px; }
.site-info .social-networks li a { color: #6c6c6c; font-size: 24px; }
.site-info .social-networks li a:hover { opacity: 0.6; color: #fff; }

/* ----- Admissions / Fees Tables ----- */
.fee-table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.fee-table th { background: #79B530; color: #fff; padding: 12px 15px; text-align: left; }
.fee-table td { padding: 10px 15px; border: 1px solid #ddd; color: #000; }
.fee-table tr:nth-child(even) td { background: #f9f9f9; }

/* ----- Curriculum Page ----- */
.curriculum-list { margin: 20px 0; }
.curriculum-list li { padding: 12px 15px; border-bottom: 1px solid #e5e5e5; font-size: 16px; color: #000; list-style: none; }
.curriculum-list li:before { content: '\2713'; color: #79B530; margin-right: 10px; font-weight: 700; }

/* ----- Admission Procedure ----- */
.steps { counter-reset: step; margin: 30px 0; }
.step { display: flex; gap: 20px; margin-bottom: 25px; align-items: flex-start; }
.step-num { flex: 0 0 50px; height: 50px; background: #79B530; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; }
.step-content { flex: 1; }
.step-content h3 { font-size: 18px; color: #474b4e; margin-bottom: 5px; }
.step-content p { font-size: 15px; line-height: 22px; color: #000; }

/* ----- SMC / Team Page ----- */
.team-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
.team-card { background: #f8f8f8; border: 1px solid #e5e5e5; border-radius: 5px; padding: 20px; text-align: center; }
.team-card h3 { color: #79B530; font-size: 16px; margin-bottom: 5px; }
.team-card .role { font-size: 13px; color: #878b8d; margin-bottom: 5px; }
.team-card .qual { font-size: 13px; color: #000; }

/* ----- Awards Page ----- */
.awards-list { list-style: none; margin: 0; padding: 0; }
.awards-list li { padding: 15px 20px; border-left: 4px solid #79B530; background: #f8f8f8; margin-bottom: 15px; font-size: 16px; color: #000; }
.awards-list li strong { color: #474b4e; }

/* ----- Activity Page ----- */
.activity-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.activity-card { background: #f8f8f8; border-radius: 5px; padding: 30px; text-align: center; border: 1px solid #e5e5e5; }
.activity-card i { font-size: 48px; color: #79B530; margin-bottom: 15px; }
.activity-card h3 { font-size: 20px; color: #474b4e; margin-bottom: 10px; }
.activity-card p { font-size: 14px; line-height: 22px; color: #000; }

/* ----- Responsive ----- */

/* Large Desktop */
@media only screen and (max-width: 1199px) {
    .container { width: 970px; }
    .banner .banner-text .text .title,
    .banner .banner-text .text span { font-size: 42px; line-height: 52px; }
}

/* Tablet Landscape / Small Desktop */
@media only screen and (max-width: 991px) {
    .container { width: 750px; }

    /* Header */
    .header-top { text-align: center; }
    #top-navigation { display: none; }
    #sidr-secondary-child { display: none; background: #3b9ad7; position: absolute; top: 100%; left: 0; width: 100%; z-index: 9999; }
    #sidr-secondary-child ul { display: block; margin: 0; padding: 0; }
    #sidr-secondary-child li { list-style: none; border-bottom: 1px solid rgba(255,255,255,0.3); }
    #sidr-secondary-child a { display: block; padding: 12px 15px; color: #fff; font-size: 14px; text-decoration: none; }
    #mobile-header-2 { display: inline-block; float: left; }
    .site-header .header-top .social-networks { float: right; }
    .site-branding { width: 100%; justify-content: center; text-align: center; margin-bottom: 10px; }
    .info-box { float: none; display: inline-block; margin: 5px 15px; text-align: left; }
    .header-m .container { text-align: center; }
    .desktop-nav { display: none !important; }
    #sidr-main .main-navigation { display: block; }
    #mobile-header { display: block; }
    .form-section { display: none; }

    /* Homepage */
    .thumb-text li { width: 50%; }
    .thumb-text li .box { height: auto; min-height: 250px; padding: 20px; }
    .welcome-note .col { width: 50%; margin-bottom: 30px; }
    .featured-courses ul li { width: 50%; margin-bottom: 12px; }
    .featured-courses ul li .image-holder img { height: 200px; }
    .choose-us .col { width: 50%; margin-bottom: 40px; }
    .latest-events .col-1, .latest-events .col-2 { width: 100%; }
    .latest-events .col-2 { margin-top: 30px; }
    .photo-gallery .gallery-item { width: 33.33%; }
    .photo-gallery .gallery-item img { height: 150px; }
    .search-section .col-1 { width: 100%; margin-bottom: 20px; text-align: center; }
    .search-section .col-1:last-child { margin-bottom: 0; }
    .search-section form input[type="submit"] { width: 30%; }
    .search-section form input[type="search"] { width: 70%; }

    /* Footer */
    .site-footer .widget-area .col { width: 50%; margin-bottom: 30px; }
    .site-footer .widget-area .col:last-child { width: 100%; }

    /* Inner pages */
    .about-content { flex-direction: column; }
    .about-content .about-image { flex: none; width: 100%; margin-bottom: 20px; }
    .contact-wrap { flex-direction: column; }
    .contact-info { flex: none; width: 100%; margin-top: 30px; }
    .facility-grid { grid-template-columns: repeat(2, 1fr); }
    .activity-grid { grid-template-columns: 1fr; }
    .gallery-grid { grid-template-columns: repeat(2, 1fr); }
    .management-grid { grid-template-columns: repeat(2, 1fr); }
    .team-list { grid-template-columns: repeat(2, 1fr); }

    /* Banner */
    .banner img { height: 400px; }
    .banner .banner-text .text .title,
    .banner .banner-text .text span { font-size: 32px; line-height: 40px; }
    .banner .banner-text .text p { font-size: 16px; }

    /* Theme Section */
    .theme .header-part { width: 100%; }

    /* Tables - horizontal scroll */
    .tablepress-wrapper { overflow-x: auto; }
    .tablepress { min-width: 600px; }
    .fee-table-wrapper { overflow-x: auto; }

    /* Section padding adjustment */
    .featured-courses { padding: 60px 0; }
    .choose-us { padding: 60px 0; }
    .latest-events { padding: 60px 0; }
    .welcome-note { padding: 50px 0; }
}

/* Tablet Portrait */
@media only screen and (max-width: 767px) {
    .container { width: 100%; padding: 0 15px; }

    /* Header */
    .site-header .header-top { padding: 8px 0; }
    .site-header .header-top .social-networks { float: none; text-align: center; margin-top: 5px; }
    .site-branding { flex-direction: column; }
    .custom-logo { margin: 0 auto 10px; }
    .text-logo { text-align: center; }
    .info-box { width: 100%; margin: 5px 0; text-align: center; }
    .info-box .fa { display: none; }
    .header-m { padding: 15px 0; }

    /* Mobile Navigation */
    #sidr-main { max-height: 80vh; overflow-y: auto; }

    /* Homepage Sections */
    .thumb-text li { width: 100%; }
    .thumb-text li .box { height: auto; min-height: auto; padding: 25px 20px; }
    .thumb-text li h3 a { font-size: 20px; }
    .welcome-note .col { width: 100%; }
    .welcome-note .col .text { padding: 25px 0; }
    .welcome-note .col h3 { font-size: 32px; line-height: 36px; }
    .featured-courses ul li { width: 100%; }
    .featured-courses ul li .image-holder img { height: 220px; }
    .choose-us .col { width: 100%; }
    .photo-gallery .gallery-item { width: 50%; }
    .photo-gallery .gallery-item img { height: 130px; }
    .student-stories .image-wrapper { padding: 50px 0 80px; }
    .student-stories blockquote { margin: 0 20px; font-size: 16px; line-height: 24px; }

    /* Theme CTA */
    .theme .theme-description { padding: 60px 0 80px; }
    .theme .theme-btn { display: block; margin: 10px auto; max-width: 250px; text-align: center; }

    /* Latest Events */
    .latest-events .col-1 .post img { height: 250px; }
    .latest-events .col-1 .post .image-overlay { padding: 20px; }
    .latest-events .col-1 .post .entry-title a { font-size: 18px; }

    /* Search Section */
    .search-section { padding: 30px 0; }
    .search-section h2 { font-size: 18px; }
    .search-section form { height: 46px; }
    .search-section form input[type="search"] { width: 65%; font-size: 14px; }
    .search-section form input[type="submit"] { width: 35%; font-size: 14px; }

    /* Footer */
    .site-footer .widget-area { padding: 30px 0; }
    .site-footer .widget-area .col { width: 100%; }
    .site-info { padding: 30px 0; }
    .site-info .social-networks li { margin: 0 8px; }

    /* Banner */
    .banner img { height: 250px; }
    .banner .banner-text .text .title,
    .banner .banner-text .text span { font-size: 22px; line-height: 30px; margin-bottom: 8px; }
    .banner .banner-text .text p { font-size: 14px; margin-bottom: 10px; }
    .banner .banner-text .btn-holder .btn-free-inquiry,
    .banner .banner-text .btn-holder .btn-view-service { font-size: 13px; padding: 8px 16px; margin: 3px; }

    /* Section Titles */
    .section-title { font-size: 26px; line-height: 32px; }
    .header-part { width: 100%; }
    .section-desc { font-size: 15px; }

    /* Inner Pages */
    .page-header { padding: 15px 0; }
    .page-header .container { flex-direction: column; text-align: center; }
    .page-header h1 { font-size: 22px; margin-bottom: 5px; }
    .breadcrumb { font-size: 13px; }
    #content { padding: 30px 0; }
    .facility-grid { grid-template-columns: 1fr; }
    .gallery-grid { grid-template-columns: 1fr; }
    .management-grid { grid-template-columns: 1fr; }
    .team-list { grid-template-columns: 1fr; }
    .facility-card .facility-info { padding: 15px; }
    .facility-card .facility-info h3 { font-size: 18px; }
    .contact-form .submit-btn { width: 100%; text-align: center; }
    .gallery-section h2 { font-size: 20px; }

    /* Steps / Procedure */
    .step { flex-direction: column; align-items: center; text-align: center; }
    .step-content { text-align: center; }

    /* Page Content */
    .entry-content p { font-size: 15px; line-height: 24px; }
    .about-content .about-text h2 { font-size: 20px; }
    .activity-card { padding: 20px; }
    .activity-card i { font-size: 36px; }

    /* Tables */
    .fee-table th,
    .fee-table td { padding: 8px 10px; font-size: 14px; }
    .tablepress th,
    .tablepress td { padding: 8px 10px; font-size: 14px; }

    /* Important Notice */
    .important-notice marquee { font-size: 13px; }
}

/* Hide Owl Nav on touch devices */
.owl-carousel .owl-nav { display: block; }
@media (hover: none) and (pointer: coarse) {
    .owl-carousel .owl-nav { display: none; }
}

/* Mobile Small */
@media only screen and (max-width: 480px) {
    .container { padding: 0 10px; }
    .banner img { height: 200px; }
    .banner .banner-text .text .title,
    .banner .banner-text .text span { font-size: 18px; line-height: 24px; }
    .banner .banner-text .btn-holder .btn-free-inquiry,
    .banner .banner-text .btn-holder .btn-view-service { font-size: 12px; padding: 6px 12px; }
    .photo-gallery .gallery-item { width: 50%; }
    .photo-gallery .gallery-item img { height: 100px; }
    .latest-events .col-1 .post img { height: 200px; }
    .featured-courses ul li .image-holder img { height: 180px; }
    .section-title { font-size: 22px; line-height: 28px; }
    .site-title a { font-size: 22px; line-height: 26px; }
    .custom-logo { width: 60px !important; height: 60px !important; }
    .search-section form input[type="search"] { width: 60%; }
    .search-section form input[type="submit"] { width: 40%; font-size: 13px; }
    .thumb-text li .box { padding: 20px 15px; }
    .welcome-note { padding: 30px 0; }
    .featured-courses { padding: 40px 0; }
    .choose-us { padding: 40px 0; }
    .latest-events { padding: 40px 0; }
    .manage-grid,
    .team-list { gap: 15px; }
    .fee-table th,
    .fee-table td,
    .tablepress th,
    .tablepress td { padding: 6px 8px; font-size: 13px; }
    .important-notice { padding: 6px 0; }
}

/* Helper: table horizontal scroll on small screens */
.tablepress,
.fee-table { font-size: 15px; }
@media (max-width: 767px) {
    .entry-content table,
    .tablepress,
    .fee-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
    .entry-content table td,
    .entry-content table th,
    .tablepress td,
    .tablepress th,
    .fee-table td,
    .fee-table th { white-space: normal; min-width: 120px; }
}