/* ================= HEADER ================= */

.header{position:relative;z-index:999;background:#fff;}

.topbar{background:#0d47a1;color:#fff;padding:10px 0;font-size:14px;}
.top-info{display:flex;gap:25px;list-style:none;margin:0;padding:0;}
.top-info li{display:flex;align-items:center;gap:6px;}
.top-info li a{color: #fff;}
.social-follow{display:flex;align-items:center;gap:12px;justify-content:flex-end;}
.social-follow i{cursor:pointer;transition:.3s;}
.social-follow i:hover{opacity:.7;}

.council-banner{background:linear-gradient(135deg,#fff6d6,#ffffff);border-bottom:3px solid #c69c3f;padding:15px 10px;position:relative;}
.council-logo{width:120px;}
.council-title{font-size:40px;font-weight:800;color:#8b2c07;line-height:1.2;margin-bottom:5px;}
.council-reg{color:#c0392b;font-weight:700;font-size:18px;margin-bottom:8px;}
.council-info{font-size:16px;color:#2c3e50;line-height:1.4;margin:0;}
.corner-ribbon{position:absolute;top:0;right:0;width:0;height:0;border-top:40px solid #000;border-left:40px solid transparent;}

.main-header{background:#fff;padding:15px 0;border-bottom:1px solid #eee;}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;}
.logo img{width:60px;}
.main-menu{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0;}
.main-menu li{position:relative;}
.main-menu a{text-decoration:none;color:#333;font-weight:500;font-size:15px;display:flex;align-items:center;gap:6px;transition:.3s;}
.main-menu a:hover{color:#0d47a1;}

.menu-dropdown{position:relative;}
.dropdown-menu{position:absolute;top:110%;left:0;background:#fff;min-width:220px;border-radius:8px;padding:8px 0;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);display:none;z-index:999;}
.menu-dropdown.active > .dropdown-menu{display:block;}
.dropdown-menu li{list-style:none;}
.dropdown-menu a{display:block;padding:10px 18px;font-size:14px;color:#333;white-space:nowrap;}
.dropdown-menu a:hover{background:#f4f6ff;color:#0d47a1;}
.menu-dropdown i{font-size:12px;transition:0.3s;}
.menu-dropdown.active > a i{transform:rotate(180deg);}

.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;}
.icon-btn{width:40px;height:40px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:.3s;}
.icon-btn:hover{background:#0d47a1;color:#fff;border-color:#0d47a1;}
.menu-toggle{border:none;background:none;font-size:22px;cursor:pointer;display:none;}

.mobile-sidebar{position:fixed;right:-320px;top:0;width:320px;height:100%;background:#fff;padding:30px;overflow-y:auto;transition:.3s;
  z-index:2000;box-shadow:-5px 0 20px rgba(0,0,0,0.1);}
.mobile-sidebar.active{right:0;}
.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.close-sidebar{background:none;border:none;font-size:20px;cursor:pointer;}
.mobile-menu{list-style:none;padding:0;margin:0;}
.mobile-menu li{margin-bottom:8px;}
.mobile-menu a{display:flex;justify-content:space-between;align-items:center;padding:10px 0;text-decoration:none;color:#333;
  font-weight:500;}
.mobile-menu ul{display:none;padding-left:15px;margin-top:6px;}
.mobile-dropdown.active ul{display:block;}
.mobile-menu ul li a{font-size:14px;color:#555;padding:6px 0;}
.mobile-menu ul li a:hover{color:#0d47a1;}

@media(max-width:768px){
.top-info{gap:10px;flex-wrap:wrap;font-size:12px;}
.council-title{font-size:22px;}
.council-info{font-size:13px;}
.council-logo{width:60px;}
.main-menu{display:none;}
.menu-toggle{display:inline-block;}
.logo img{width:55px;}
.topbar{display: none;}
.header-actions {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
}

/* ================= HERO ================= */

.hero-section{padding: 0}
.hero-box{background:linear-gradient(135deg,#0d47a1,#1976d2);border-radius:20px;color:white;}
.hero-content{padding:70px;}
.hero-features{display:flex;gap:30px;margin:25px 0;}
.feature{display:flex;align-items:center;gap:10px;}
.feature img{width:35px;}
.hero-image{width: 100%;display: flex;align-items: end;}

/* ================= CATEGORY ================= */

.category-section{position:relative;z-index:10;}
/* .category-wrapper{background:#ffffff;padding:35px;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,0.08);} */
.category-card{background:#f8fafc;padding:20px 15px;border-radius:14px;border:solid 1px #eee;text-align:center;
transition:all .35s ease;height:100%;position:relative;overflow:hidden;}
.category-card:hover{transform:translateY(-8px);background:#ffffff;box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.category-icon{width:70px;height:70px;background:#eef2ff;border-radius:50%;display:flex;align-items:center;
justify-content:center;margin:0 auto 15px;transition:0.3s;}
.category-icon img{width:32px;}
.category-card:hover .category-icon{background:#4f46e5;}
.category-card:hover .category-icon img{filter:brightness(0) invert(1);}

.category-card h5{font-size:16px;font-weight:600;margin-bottom:4px;}
.category-card p{font-size:13px;color:#6b7280;margin:0;}


/* ================= ABOUT ================= */

.about-section{position:relative;}
.about-desc{color:#666;margin:20px 0;padding-left:20px;border-left:3px solid #4a6cf7;}
.about-list{list-style:none;padding:0;margin:25px 0;}
.about-list li{margin-bottom:12px;font-weight:500;}
.about-list i{color:#4a6cf7;margin-right:10px;}
.about-image-wrapper{position:relative;}
.about-main-img{width:100%;border-radius:12px;}
.about-small-img{position:absolute;bottom:-40px;right:20px;width:180px;border-radius:10px;border:6px solid white;}
.experience-box{position:absolute;bottom:20px;left:-20px;background:white;padding:20px 25px;border-left:5px solid #4a6cf7;
  box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.experience-box h2{color:#4a6cf7;font-weight:700;}

.about-stats{margin-top:50px;background:#ffffff;padding:35px;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,0.08);}
.stat-box{display:flex;flex-direction:column;align-items:center;gap:10px;}
.stat-box i{font-size:32px;color:#ff5a5f;}
.stat-box h3{font-weight:700;}
.stat-box p{color:#666;}

/* ================= COURSE ================= */

.course-section{background:#f6f7fb;}
.course-filter a{cursor:pointer;font-weight:500;color:#666;}
.course-filter .active{color:#4a6cf7;font-weight:600;}

.course-card{background:white;border-radius:12px;overflow:hidden;transition:.3s;box-shadow:0 5px 15px rgba(0,0,0,0.05);margin-top: 20px;}
.course-card:hover{transform:translateY(-8px);}
.course-image{position:relative;}
.course-image img{width:100%;height:200px;object-fit:cover;}
.course-tag{position:absolute;top:12px;left:12px;padding:5px 12px;border-radius:6px;color:white;font-size:12px;font-weight:600;}
.course-tag.pink{background:#ff4d94;}
.course-tag.blue{background:#4a6cf7;}
.course-tag.red{background:#ff5252;}
.wishlist{position:absolute;top:12px;right:12px;background:white;width:32px;height:32px;display:flex;align-items:center;
  justify-content:center;border-radius:6px;}
.course-content{padding:20px;}
.course-meta{display:flex;justify-content:space-between;font-size:14px;color:#666;margin-bottom:10px;}
.course-title{font-size:18px;font-weight:600;margin-bottom:15px;}
.course-price{display:flex;gap:10px;align-items:center;margin-bottom:10px;}
.price{color:#4a6cf7;font-weight:700;}
.old-price{text-decoration:line-through;color:#999;}
.free{color:red;font-weight:600;}
.free.green{color:#28a745;}
.rating i{color:#ff9800;font-size:12px;}

/* ================= COURSE DETAILS ================= */

.course-details-card{
background:#ffffff;
padding:30px;
border-radius:14px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.course-banner{
width:100%;
border-radius:12px;
margin-bottom:20px;
}

.course-title{
font-weight:600;
margin-bottom:10px;
}

.course-desc{
color:#6b7280;
}

.course-meta{
display:flex;
gap:20px;
margin:20px 0;
flex-wrap:wrap;
}

.meta-item{
background:#f8fafc;
padding:8px 12px;
border-radius:8px;
font-size:14px;
display:flex;
align-items:center;
gap:6px;
}

.course-learn-list{
list-style:none;
padding:0;
}

.course-learn-list li{
margin-bottom:10px;
}

.course-learn-list i{
color:#22c55e;
margin-right:6px;
}



/* SIDEBAR */

.course-sidebar-card{
background:#ffffff;
padding:25px;
border-radius:14px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.course-info{
list-style:none;
padding:0;
margin-bottom:20px;
}

.course-info li{
margin-bottom:15px;
}

.course-info span{
font-size:13px;
color:#6b7280;
}

.course-info p{
margin:0;
font-weight:600;
}

/* ================= SUBJECT ================= */

.subject-section{background:#f8f9fc;position:relative;}
.subject-desc{color:#6c757d;margin:20px 0;}
.subject-highlight{border-left:4px solid #ff3c7d;padding-left:15px;color:#6c757d;margin-bottom:20px;}
.subject-card{background:white;padding:30px;border-radius:12px;transition:.3s;height:100%;
  box-shadow:0 6px 18px rgba(0,0,0,0.05);}
.subject-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.subject-icon{width:60px;height:60px;background:#f3f4ff;border-radius:50%;display:flex;align-items:center;
  justify-content:center;margin-bottom:15px;}
.subject-icon img{width:30px;}
.subject-link{color:#4a6cf7;font-weight:600;text-decoration:none;font-size: 14px;}

/* ================= REGISTER ================= */

.register-section{background:linear-gradient(135deg,#3b1db5,#5a2df2);color:var(--white);position:relative;overflow:hidden;}
.register-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;opacity:0.08;
  background:url("https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?w=1200");}
.register-content{position:relative;z-index:2;}
.underline{border-bottom:4px solid #ff4d94;}
.highlight-number{color:#ffc107;}
.register-video{display:flex;align-items:center;justify-content: center;gap:20px;margin-top:40px;}
.play-btn{width:70px;height:70px;background:#ff2d6f;border-radius:50%;display:flex;align-items:center;justify-content:center;
flex-shrink: 0;font-size:22px;box-shadow:0 0 0 10px rgba(255,45,111,0.2);}
.register-form{background:white;padding:40px;border-radius:12px;color:#333;box-shadow:0 10px 40px rgba(0,0,0,0.15);}
.register-form h4{margin-bottom:25px;font-weight:600;}
.register-form input,
.register-form textarea{width:100%;padding:14px;border:1px solid #eee;margin-bottom:15px;border-radius:6px;}
.register-form textarea{resize:none;}
.register-form button{margin-top:10px;}

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

.gallery-item{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;}
.gallery-item img{width:100%;height:260px;object-fit:cover;transition:0.4s;}
.gallery-item:hover img{transform:scale(1.1);}
.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;
  align-items:center;justify-content:center;opacity:0;transition:0.3s;}
.gallery-overlay i{color:white;font-size:28px;}
.gallery-item:hover .gallery-overlay{opacity:1;}

.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:none;align-items:center;
  justify-content:center;z-index:9999;}
.lightbox img{max-width:90%;max-height:80%;}
.lightbox-close{position:absolute;top:30px;right:40px;font-size:35px;color:white;cursor:pointer;}

/* ================= FEATURE ================= */

.feature-section{background:#f4f8fc;border-bottom-right-radius:120px;}
.feature-desc{color:#5f6c7b;margin:20px 0 30px;line-height:1.7;}

.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 40px;margin-top:30px;}
.feature-item{display:flex;align-items:center;gap:15px;padding-bottom:15px;border-bottom:1px solid #e8eef5;}
.feature-icon{width:45px;height:45px;background:#eaf2ff;display:flex;align-items:center;justify-content:center;
  border-radius:10px;color:#2f6fed;font-size:18px;}

.feature-image-wrapper{position:relative;}
.feature-image-wrapper img{width:100%;border-radius:30px;}
.feature-number{position:absolute;bottom:-40px;left:40px;display:flex;align-items:center;gap:15px;background-color: #fff;
  padding: 20px;border-radius: 12px;}
.feature-number h2{font-size:70px;font-weight:700;color:#1e3a8a;}
.feature-number span{font-weight:600;color:#1e3a8a;}

/* ================= STUDENT ================= */

.student-card{
text-align:center;
background:#fff;
padding:25px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:.3s;
width:100%;
}

.student-card:hover{
transform:translateY(-6px);
}

.student-card img{
width:90px;
height:90px;
border-radius:50%;
object-fit:cover;
margin-bottom:10px;
}

.student-card h5{
font-weight:600;
margin-bottom:4px;
}

.student-card p{
font-size:14px;
color:#6b7280;
}

.student-slider-wrapper{
width:100%;
overflow:hidden;
}

.studentSwiper{
width:100%;
padding:20px 0;
}

.studentSwiper .swiper-wrapper{
align-items:stretch;
}

.studentSwiper .swiper-slide{
display:flex;
height:auto;
}





/* ================= NOTICE ================= */

.notice-section{background:rgb(130 155 255 / 19%);}
.notice-desc{color:#6c757d;margin-bottom:25px;}
.notice-image{width:100%;border-radius:12px;margin-top:20px;}
.notice-list{padding-left:20px;border-left:3px solid #e5e7eb;}
.notice-item{display:flex;gap:20px;margin-bottom:30px;position:relative;}
.notice-date{background:#ff9800;color:white;text-align:center;padding:10px;border-radius:6px;min-width:60px;}
.notice-date span{font-size:20px;font-weight:700;display:block;}
.notice-date p{margin:0;font-size:13px;}
.notice-content h5{font-weight:600;margin-bottom:5px;}
.notice-content p{color:#6c757d;font-size:14px;margin:0;}

/* ================= TESTIMONIAL ================= */

.testimonial-section{background:linear-gradient(135deg, #576d76, #7d9ea9, #ffffff);position:relative;}
.testimonial-slider-wrapper{position:relative;margin-top:60px;}
.testimonial-card{background:white;padding:35px;border-radius:12px;position:relative;height:100%;}
.testimonial-card h4{font-weight:600;margin-bottom:15px;font-size: 18px;}
.testimonial-card p{color:#666;font-size:15px;line-height:1.7;margin-bottom:25px;}
.testimonial-user{display:flex;align-items:center;gap:12px;}
.testimonial-user img{width:45px;height:45px;border-radius:50%;}
.testimonial-user span{color:#4caf50;font-size:14px;}
.quote-icon{position:absolute;bottom:25px;right:30px;font-size:28px;color:#5bc0be;}

/* ================= BRAND ================= */

.brand-section{background:#f6f7fb;}
.brand-item{padding:20px;transition:0.3s;}
.brand-item img{max-width:100px;opacity:0.6;filter:grayscale(100%);transition:0.3s;}
.brand-item:hover img{opacity:1;filter:grayscale(0%);transform:scale(1.05);}

/* ================= FAQ ================= */

.faq-accordion{margin-top:30px;}
.faq-item{border-bottom:1px solid #e6e6e6;padding:18px 0;}
.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.faq-question h5{font-weight:600;margin:0;}
.faq-question i{transition:0.3s;}
.faq-answer{max-height:0;overflow:hidden;transition:0.4s ease;}
.faq-answer p{margin-top:15px;color:#6c757d;line-height:1.7;}
.faq-item.active .faq-answer{max-height:200px;}
.faq-item.active i{transform:rotate(180deg);}

.faq-image{position:relative;}
.faq-image img{width:100%;border-radius:20px;}
.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:rgba(255,255,255,0.85);
  border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;
  box-shadow:0 0 0 10px rgba(255,255,255,0.2);}

/* ================= FOOTER ================= */

/* =========================
FOOTER SECTION
========================= */

.footer-section{
background:linear-gradient(135deg,#0f172a,#1e293b);
color:#cbd5e1;
padding:70px 0 30px;
font-size:14px;
}

.footer-section a{
color:#cbd5e1;
text-decoration:none;
transition:all .3s ease;
}

.footer-section a:hover{
color:#60a5fa;
}


/* =========================
LOGO AREA
========================= */

.footer-logo{
font-size:24px;
font-weight:700;
color:#ffffff;
margin-bottom:15px;
display:flex;
align-items:center;
gap:8px;
}

.footer-call{
color:#94a3b8;
margin-bottom:4px;
}

.footer-phone{
font-size:18px;
font-weight:600;
color:#60a5fa;
margin-bottom:10px;
}

.footer-address,
.footer-email{
color:#94a3b8;
margin-bottom:5px;
}


/* =========================
SOCIAL ICONS
========================= */

.footer-social{
margin-top:18px;
}

.footer-social a{
width:38px;
height:38px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#1e293b;
margin-right:8px;
font-size:14px;
transition:all .3s ease;
}

.footer-social a:hover{
background:#60a5fa;
color:#ffffff;
transform:translateY(-3px);
}


/* =========================
FOOTER LINKS
========================= */

.footer-links h5{
font-size:16px;
font-weight:600;
margin-bottom:18px;
color:#ffffff;
}

.footer-links ul{
list-style:none;
padding:0;
margin:0;
}

.footer-links li{
margin-bottom:10px;
}

.footer-links a{
color:#94a3b8;
font-size:14px;
}

.footer-links a:hover{
color:#60a5fa;
padding-left:4px;
}


/* =========================
DIVIDER
========================= */

.footer-divider{
border-color:#334155;
margin:40px 0 20px;
}


/* =========================
FOOTER BOTTOM
========================= */

.footer-bottom{
font-size:13px;
color:#94a3b8;
}

.footer-bottom a{
margin-right:15px;
}

.footer-bottom p{
margin:0;
}
.copyright-text{text-align: right;}

/* =========================
RESPONSIVE
========================= */

@media (max-width:768px){

.footer-section{
text-align:center;
}

.footer-social{
justify-content:center;
}

.footer-bottom .row{
text-align:center;
}

.footer-bottom .col-md-6{
margin-bottom:10px;
}

}


/* BANNER */

.inner-banner{
background: linear-gradient(135deg, #deddff, #ffffff);
    color: var(--black);
padding:70px 0;
}

.banner-title{
font-size:42px;
font-weight:700;
}

.banner-subtitle{
opacity:0.9;
margin-top:10px;
}

.banner-icon{
width:120px;
}

/* ================= CONTACT ================= */

.contact-section{
background:#f7f8fc;
}

.contact-info-card{
background:#fff;
padding:35px;
border-radius:14px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
height:100%;
}

.contact-desc{
color:#6c757d;
margin-bottom:25px;
}

.contact-item{
display:flex;
gap:15px;
margin-bottom:20px;
align-items:flex-start;
}

.contact-item .icon{
width:45px;
height:45px;
background:#eef2ff;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
color:#4f46e5;
font-size:18px;
}

.contact-item h6{
margin:0;
font-weight:600;
}

.contact-item p{
margin:0;
font-size:14px;
color:#6b7280;
}


.contact-form-card{
background:#fff;
padding:35px;
border-radius:14px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.contact-form-card h4{
margin-bottom:20px;
}

.contact-form-card input,
.contact-form-card textarea{
width:100%;
border:1px solid #e5e7eb;
border-radius:8px;
padding:12px 15px;
margin-bottom:15px;
}

.contact-form-card input:focus,
.contact-form-card textarea:focus{
border-color:#4f46e5;
outline:none;
}

.map-section iframe{
width:100%;
border:0;
}

/* ================= RESULT ================= */

.result-section{
background:#f6f7fb;
}


.verify-box{
background:white;
padding:30px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
text-align:center;
}

.verify-box h4{
margin-bottom:20px;
}

.verify-form .input-group{
display:flex;
gap:10px;
}

.verify-form input{
flex:1;
height:48px;
border:1px solid #ddd;
border-radius:6px;
padding:0 15px;
}



/* RESULT CARD */

.result-card-modern{
background:white;
border-radius:14px;
padding:30px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.student-photo{
width:110px;
height:110px;
border-radius:50%;
object-fit:cover;
border:4px solid #f1f1f1;
}

.result-header{
display:flex;
justify-content:space-between;
align-items:center;
}

.result-header h4{
font-weight:600;
margin:0;
}

.result-badge{
padding:6px 14px;
border-radius:20px;
font-weight:600;
}

.result-badge.pass{
background:#e6f7ec;
color:#28a745;
}
.verify-id{
font-size:13px;
color:#6c757d;
margin-top:10px;
}

.result-actions{
display:flex;
gap:12px;
flex-wrap:wrap;
}
.course-name{
color:#6c757d;
margin:6px 0 20px;
}

.result-details{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
margin-top:10px;
}

.detail-item span{
font-size:13px;
color:#777;
}

.detail-item p{
margin:0;
font-weight:600;
}

/* ================= FRANCHISE ================= */

.franchise-card{
background:#fff;
border-radius:14px;
padding:25px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
transition:0.3s;
height:100%;
display:flex;
flex-direction:column;
justify-content:space-between;
}

.franchise-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 40px rgba(0,0,0,0.12);
}

.franchise-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:15px;
}

.franchise-logo{
width:50px;
}

.franchise-code{
background:#eef2ff;
padding:4px 10px;
border-radius:6px;
font-size:13px;
font-weight:600;
}

.franchise-name{
font-weight:600;
margin-bottom:10px;
}

.franchise-body p{
font-size:14px;
margin-bottom:6px;
color:#555;
}

.franchise-body i{
color:#4f46e5;
margin-right:6px;
}

.franchise-footer{
margin-top:15px;
display:flex;
gap:10px;
flex-wrap:wrap;
}

/* ================= FRANCHISE DETAILS ================= */

/* =================================
FRANCHISE DETAILS SECTION
================================= */

.franchise-details-section{
background:#f7f8fc;
}


/* =================================
MAIN DETAILS CARD
================================= */

.franchise-details-card{
background:#ffffff;
padding:30px;
border-radius:14px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.franchise-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}

.franchise-logo-lg{
width:70px;
height:auto;
}

.franchise-title{
font-size:22px;
font-weight:600;
margin-bottom:4px;
}

.franchise-code{
font-size:14px;
color:#6b7280;
}

.franchise-status{
background:#e6f7ec;
color:#16a34a;
padding:6px 14px;
border-radius:20px;
font-size:13px;
font-weight:600;
white-space:nowrap;
}


/* =================================
DETAILS INFO LIST
================================= */

.franchise-info{
list-style:none;
padding:0;
margin:0;
}

.franchise-info li{
margin-bottom:10px;
font-size:14px;
color:#444;
}

.franchise-info strong{
color:#111;
}


/* =================================
ADDRESS
================================= */

.franchise-address{
margin-top:10px;
}

.franchise-address p{
margin-top:5px;
font-size:14px;
color:#555;
}


/* =================================
ACTION BUTTONS
================================= */

.franchise-actions{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:15px;
}

.fill-btn{
background:#4f46e5;
color:#fff;
padding:10px 18px;
border-radius:8px;
font-size:14px;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:6px;
transition:.3s;
}

.fill-btn:hover{
background:#4338ca;
color:#fff;
}

.outline-btn{
border:1px solid #4f46e5;
color:#4f46e5;
padding:10px 18px;
border-radius:8px;
font-size:14px;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:6px;
transition:.3s;
}

.outline-btn:hover{
background:#4f46e5;
color:#fff;
}


/* =================================
COURSES CARD
================================= */

.franchise-courses-card{
background:#ffffff;
padding:28px;
border-radius:14px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.franchise-courses-card h4{
font-weight:600;
margin-bottom:20px;
}


/* =================================
COURSE ITEM CARD
================================= */

.course-item-card{
display:flex;
align-items:center;
gap:15px;
background:#f9fafc;
padding:16px 18px;
border-radius:10px;
transition:all .3s ease;
border:1px solid transparent;
height:100%;
}

.course-item-card:hover{
background:#ffffff;
border-color:#e5e7eb;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
transform:translateY(-3px);
}

.course-icon{
width:46px;
height:46px;
background:#eef2ff;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
color:#4f46e5;
flex-shrink:0;
}

.course-item-card:hover .course-icon{
background:#4f46e5;
color:#ffffff;
}

.course-item-card h6{
margin:0;
font-weight:600;
font-size:15px;
line-height:1.4;
}

.course-duration{
font-size:13px;
color:#6b7280;
display:block;
margin-top:3px;
}


/* =================================
SIDEBAR CARD
================================= */

.franchise-sidebar-card{
background:#ffffff;
padding:25px;
border-radius:14px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
text-align:center;
}

.center-image{
width:100%;
border-radius:10px;
margin-bottom:15px;
}

.franchise-sidebar-card h5{
font-weight:600;
margin-bottom:10px;
}

.franchise-sidebar-card p{
font-size:14px;
color:#555;
margin-bottom:10px;
}

.franchise-meta p{
font-size:14px;
margin-bottom:6px;
color:#555;
}

.franchise-meta i{
color:#4f46e5;
margin-right:5px;
}


/* =================================
MAP CARD
================================= */

.franchise-map-card iframe{
border-radius:12px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
}






/* ================= FRANCHISE LOGIN ================= */

/* LOGIN SECTION */

.franchise-login-section{
background:#f7f8fc;
min-height:80vh;
display:flex;
align-items:center;
}


/* LOGIN BANNER */

.login-banner{
text-align:center;
padding:40px;
}

.login-illustration{
width:140px;
margin-bottom:20px;
}

.login-banner h2{
font-weight:600;
margin-bottom:10px;
}

.login-banner p{
color:#6b7280;
}


/* LOGIN CARD */

.login-card{
background:#ffffff;
padding:35px;
border-radius:14px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.login-header h3{
font-weight:600;
margin-bottom:5px;
}

.login-header p{
color:#6b7280;
font-size:14px;
}


/* FORM */

.form-group label{
font-size:14px;
font-weight:600;
margin-bottom:5px;
}

.form-control{
height:46px;
border-radius:8px;
border:1px solid #e5e7eb;
padding:0 12px;
}

.form-control:focus{
box-shadow:none;
border-color:#4f46e5;
}


/* OPTIONS */

.login-options{
display:flex;
justify-content:space-between;
align-items:center;
font-size:14px;
}

.login-options .forgot{
color:#4f46e5;
text-decoration:none;
}

.login-options .forgot:hover{
text-decoration:underline;
}
.remember{display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;}

/* FOOTER */

.login-footer{
text-align:center;
font-size:14px;
color:#6b7280;
}

.login-footer a{
color:#4f46e5;
text-decoration:none;
font-weight:500;
}

.login-footer a:hover{
text-decoration:underline;
}


/* ================= STUDENT REGISTRATION ================= */

.student-registration-section{
background:#f7f8fc;
}

.registration-card{
background:#ffffff;
padding:35px;
border-radius:14px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.registration-card label{
font-weight:600;
font-size:14px;
margin-bottom:5px;
}

.form-control{
height:46px;
border-radius:8px;
border:1px solid #e5e7eb;
}

textarea.form-control{
height:auto;
}

.form-control:focus{
border-color:#4f46e5;
box-shadow:none;
}

/* ================= RESPONSIVE ================= */

@media (max-width:768px){
  .franchise-top{
flex-direction:column;
align-items:flex-start;
}

.franchise-status{
align-self:flex-start;
}

.franchise-details-card{
padding:25px;
}

.franchise-courses-card{
padding:25px;
}
.franchise-title{
font-size:18px;
}

.course-item-card{
padding:14px;
}

.course-icon{
width:40px;
height:40px;
font-size:16px;
}
.council-banner,.hero-image{display: none;}
.heading {font-size: 32px;}
.hero-content {padding: 40px;}
.hero-features {flex-direction: column;gap: 20px;}
.section {padding: 40px 0;}
.about-image-wrapper {margin-bottom: 50px;}
.feature-grid {grid-template-columns: repeat(1, 1fr);}
.feature-image-wrapper{margin-top:20px;}
.notice-list {padding-left: 0px;border-left: none;}
.footer-section {padding: 40px 0 10px;}
.footer-logo {justify-content: center;}
.footer-links{margin-top: 20px;}
.copyright-text {text-align: center;}
.footer-divider {margin: 20px 0 20px;}
.inner-banner {padding: 35px 0;}
.banner-title {font-size: 30px;}
.result-details {grid-template-columns: repeat(1, 1fr);}
.contact-form-card{margin-top: 20px;}
}