/* =========================
   GLOBAL
========================= */

body{
    margin:0;
    font-family:Arial, sans-serif;
    background:#f8fafc;
    color:#334155;
}

a{
    text-decoration:none;
}

.container{
    width:100%;
    max-width:1200px;
    margin:auto;
    padding:20px;
    box-sizing:border-box;
}
.flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/* =========================
   PRE HEADER
========================= */
.pre-header{
      background:#0f172a;
    color:#ffffff;
    padding:10px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:15px;
    font-weight:500;
}

.pre-header-left{
    display:flex;
    align-items:center;
    gap:10px;
}

.pre-header-right{
    display:flex;
    align-items:center;
    gap:8px;
}

.separator{
    color:#94a3b8;
}

.pre-header-address,
.pre-header-contact{
    white-space:nowrap;
}

.pre-header-social{
    display:flex;
    align-items:center;
    gap:8px;
}
.logo-header{
    background:#fff;
    padding:6px 0;
}

.logo-header-inner{
    max-width:1200px;
    margin:auto;
    padding:0 20px;

    display:flex;
    align-items:center;
    justify-content:space-between;
}

.site-logo{
    height:60px;
}

.govt-badge{
    padding:8px 18px;
    background:#f8fafc;
    border-left:4px solid #2563eb;
    border-radius:8px;
}

.govt-badge h2{
    margin:0;
    font-size:16px;
}

.govt-badge p{
    margin:3px 0 0;
    font-size:14px;
}
/* =========================
   MAIN HEADER
========================= */
.main-header{
    background:#ffffff;
    padding:0;
    box-shadow:0 6px 20px rgba(15,23,42,0.08);
    border-bottom:1px solid #e5e7eb;
    position:sticky;
    top:0;
    z-index:999;
}

.main-header .container{
    padding:12px 20px;
}

.main-header .flex{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
/* Main Menu */

.main-menu{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
}

.main-menu a,
.nav-dropdown-toggle{
    color:#0f172a !important;
    padding:10px 14px;
    border-radius:8px;
    transition:all .3s ease;
    position:relative;
    display:inline-block;
    font-weight:600;
    font-size:15px;
}

.main-menu a:hover{
    background:#2563eb;
    color:#ffffff;
    transform:translateY(-2px);
}

/* =========================
   LOGOUT MENU BUTTON
========================= */

.logout-form {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.logout-menu-btn {
    background: none;
    border: none;
    color: #0f172a !important;
    padding: 10px 14px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: all .3s ease;
}

.logout-menu-btn:hover {
    background: #dc2626;
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* Animated underline */

.main-menu a::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:2px;
    background:#facc15;
    transition:.3s;
}

.main-menu a:hover::after{
    width:100%;
}

/* =========================
   DEMO BUTTON
========================= */

.demo-btn{
    background:#facc15;
    color:#0f172a !important;
    padding:11px 20px;
    border-radius:10px;
    font-weight:700;
    transition:.3s;
    box-shadow:0 8px 18px rgba(250,204,21,0.28);
    white-space:nowrap;
}

.demo-btn:hover{
    background:#eab308;
    color:#000;
    transform:translateY(-2px);
}


/* Internship Dropdown */

.nav-dropdown{
    position:relative;
    display:inline-block;
}



.nav-dropdown-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:220px;
    background:#fff;
    border-radius:6px;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
    z-index:9999;
}

.nav-dropdown-menu a{
    display:block;
    color:#000 !important;
    padding:12px 15px;
    margin:0;
}

.nav-dropdown-menu a:hover{
    background:#f1f5f9;
    color:#2563eb !important;
}

.nav-dropdown:hover .nav-dropdown-menu{
    display:block;
}

/* =========================
   Verification Page Intro
========================= */

.verification-page{
    padding: 50px 0 20px;
}

.verification-intro{
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.verification-intro h1{
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #1f2937;
}

.verification-intro p{
    font-size: 18px;
    line-height: 1.8;
    
    max-width: 800px;
    margin: 0 auto;
}
/* =========================
   CARDS
========================= */

.course-card,
.blog-card,
.student-card{
    transition:all .35s ease;
}

.course-card:hover,
.blog-card:hover,
.student-card:hover{
    transform:translateY(-8px);
    box-shadow:0 12px 25px rgba(0,0,0,0.12);
}



.whatsapp-btn{
    background:#25D366;
    color:white !important;
    padding:10px 16px;
    border-radius:6px;
    font-weight:bold;
    margin-left:10px;
    transition:.3s;
}

.whatsapp-btn:hover{
    background:#1da851;
    transform:translateY(-2px);
}




.partner-logo{
    width:220px;
    height:100px;
    background:#ffffff;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 3px 12px rgba(0,0,0,0.06);
    transition:all .3s ease;
}

.partner-logo img{
    max-width:160px;
    max-height:70px;
    object-fit:contain;
    filter:grayscale(100%);
    transition:.3s;
}

.partner-logo:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
}

.partner-logo:hover img{
    filter:grayscale(0%);
}




/* =========================
   FOOTER
========================= */
/* =========================
   FOOTER - Modern Circle Style
========================= */

.footer {
    background: linear-gradient(135deg, #198754, #0f5132);
    color: #ffffff;
    padding: 45px 20px;
    position: relative;
    overflow: hidden;
}

.footer::before {
    content: "";
    position: absolute;
    top: -90px;
    right: -80px;
    width: 230px;
    height: 230px;
    background: rgba(255, 255, 255, 0.10);
    border-radius: 50%;
}

.footer::after {
    content: "";
    position: absolute;
    bottom: -110px;
    left: -100px;
    width: 260px;
    height: 260px;
    background: rgba(13, 110, 253, 0.16);
    border-radius: 50%;
}

.footer > div {
    position: relative;
    z-index: 1;
}

.footer a {
    color: #ffffff;
    font-size: 15px;
    transition: all 0.25s ease;
}

.footer a:hover {
    color: #ffc107;
    transform: translateX(3px);
}

.footer-block {
    width: 18%;
}

.footer-block p a::before {
    content: "» ";
    color: #ffc107;
    font-weight: 900;
}

.footer-block h4 {
    margin-bottom: 15px;
    color: #ffffff;
    font-weight: 800;
}

.footer-block p {
    margin: 0 0 8px 0;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.88);
}

.footer-block a {
    display: inline-block;
}

/*FOOTER end*/

/* =========================
   FOOTER ABOUT SOCIAL ICONS
========================= */

.footer-about-logo {
    max-width: 220px;
    max-height: 70px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin-bottom: 15px;
}

.footer-logo-link {
    display: inline-block;
    text-decoration: none;
}

.footer-social-links {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    flex-wrap: wrap;
}

.footer-social-icon {
    width: 22px;
    height: 22px;
    border-radius: 10px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-social-icon i {
    color: #ffffff !important;
}

.footer-social-icon:hover {
    transform: translateY(-4px);
    color: #ffffff !important;
}

.footer-social-icon::before,
.footer-social-icon::after {
    display: none !important;
    content: none !important;
}

.footer-social-icon.facebook {
    background: #1877f2;
}

.footer-social-icon.instagram {
    background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);
}

.footer-social-icon.youtube {
    background: #ff0000;
}

.footer-social-icon.whatsapp {
    background: #25d366;
}

.footer-social-icon.linkedin {
    background: #0a66c2;
}

.footer-social-icon.telegram {
    background: #229ed9;
}


.floating-whatsapp{
    position:fixed;
    right:20px;
    bottom:20px;
    width:60px;
    height:60px;
    background:#25D366;
    color:white;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    z-index:9999;
    box-shadow:0 5px 20px rgba(0,0,0,0.25);
    transition:.3s;
}

.floating-whatsapp:hover{
    transform:scale(1.1);
    color:white;
}


.scroll-top-btn{
    position:fixed;
    bottom:90px;
    right:20px;
    width:50px;
    height:50px;
    background:#2563eb;
    color:#fff;
    border:none;
    border-radius:50%;
    cursor:pointer;
    font-size:22px;
    display:none;
    z-index:9999;
    box-shadow:0 4px 15px rgba(0,0,0,0.25);
    transition:all .3s ease;
}

.scroll-top-btn:hover{
    background:#1d4ed8;
    transform:translateY(-3px);
}

.mobile-toggle{
    display:none;
    font-size:28px;
    color:white;
    cursor:pointer;
}

.close-menu{
    display:none;
}

.inner-banner{
    width:100%;
    height:350px;

    background:url('../images/page-banner.jpg')
               center center/cover no-repeat;

    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;
}
/* =========================
   FOOTER POLICY / PAYMENT BAR - Modern
========================= */

.footer-policy-bar {
    background: linear-gradient(135deg, #14532d, #166534);
    color: #ffffff;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.footer-policy-left,
.footer-policy-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.policy-title {
    font-weight: 800;
    color: #ffffff;
    margin-right: 4px;
    font-size: 15px;
}

.footer-policy-bar a {
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.25s ease;
}

.footer-policy-bar a:hover {
    color: #ffc107;
    transform: translateY(-1px);
}

.footer-policy-separator {
    color: rgba(255, 255, 255, 0.38);
}

.payment-methods {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 14px;
    margin-right: 0;
}

/* Payment image icons */
.payment-methods img {
    height: 30px;
    max-width: 68px;
    object-fit: contain;
    background: #ffffff;
    padding: 5px 8px;
    border-radius: 999px;
    border: 1px solid rgba(13, 110, 253, 0.12);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.18);
    transition: all 0.25s ease;
}

.payment-methods img:hover {
    background: #0d6efd;
    border-color: rgba(255, 255, 255, 0.45);
    transform: translateY(-3px) scale(1.06);
    box-shadow: 0 10px 24px rgba(13, 110, 253, 0.35);
}

/* Payment text badges */
.payment-badge {
    min-width: 48px;
    height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font-size: 12px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(13, 110, 253, 0.12);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.18);
    transition: all 0.25s ease;
    cursor: default;
}

.payment-badge.upi {
    color: #15803d;
}

.payment-badge.visa {
    color: #1d4ed8;
}

.payment-badge.card {
    color: #dc2626;
}

.payment-badge.rupay {
    color: #2563eb;
}

/* Blue circle hover effect */
.payment-badge:hover {
    background: #0d6efd;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.45);
    transform: translateY(-3px) scale(1.06);
    box-shadow: 0 10px 24px rgba(13, 110, 253, 0.35);
}

.payment-badge.upi:hover,
.payment-badge.visa:hover,
.payment-badge.card:hover,
.payment-badge.rupay:hover {
    color: #ffffff;
}

/* Mobile */
@media (max-width: 768px) {
    .footer-policy-bar {
        justify-content: center;
        text-align: center;
        padding: 18px 14px;
        gap: 14px;
    }

    .footer-policy-left,
    .footer-policy-right {
        width: 100%;
        justify-content: center;
    }

    .policy-title {
        width: 100%;
        margin-right: 0;
    }

    .payment-methods {
        justify-content: center;
        gap: 8px;
    }

    .payment-badge {
        height: 28px;
        min-width: 44px;
        font-size: 11px;
        padding: 4px 9px;
    }

    .payment-methods img {
        height: 28px;
        max-width: 62px;
    }
}
/* =========================
   Inner  page Header image
========================= */

.inner-banner-overlay{
    width:100%;
    height:100%;

    background:rgba(15,23,42,.65);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    color:#fff;
}

.inner-banner h1{
    font-size:52px;
    font-weight:700;
    margin-bottom:10px;
}

/* =========================
   INNER PAGE BREADCRUMB UI
========================= */

.inner-banner p {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 6px 0 0;
    padding: 9px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(6px);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.inner-banner p a {
    color: #ffc107 !important;
    text-decoration: none;
    font-weight: 800;
    transition: all 0.25s ease;
}

.inner-banner p a:hover {
    color: #ffffff !important;
}

.team-card{
    width:320px;
    background:#fff;
    padding:25px;
    border-radius:12px;
    text-align:center;
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
    transition:.3s;
}

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

.team-card img{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:20px;
}

.team-card h4{
    margin-bottom:8px;
}

.team-role{
    color:#2563eb;
    font-weight:600;
    margin-bottom:15px;
}


/* =========================
   End of Inner  page Header image
========================= */


/* =========================
   About page
========================= */

.page-header{
    background:url('../images/about-banner.jpg') center center/cover no-repeat;
    height:300px;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;
    position:relative;
}

.page-header-overlay{
    background:rgba(0,0,0,0.55);

    width:100%;
    height:100%;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    color:#fff;
}

.page-header h1{
    font-size:48px;
    margin-bottom:10px;
}

.page-header p{
    font-size:18px;
}

.page-header a{
    color:#facc15;
}


/* =========================
   End of About page
========================= */

/* CONTACT PAGE */

.contact-section{
padding:70px 0;
}

.contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:start;
}

.contact-intro{
margin-bottom:25px;
color:#666;
line-height:1.7;
}

.contact-card{
background:#fff;
padding:20px;
margin-bottom:20px;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

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

.contact-form-wrapper{
background:#fff;
padding:25px;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

.contact-form-wrapper h3{
margin-bottom:20px;
}

.contact-input{
width:100%;
padding:12px;
margin-bottom:15px;
border:1px solid #ddd;
border-radius:6px;
}

.contact-textarea{
min-height:70px;
height:70px;
resize:vertical;
}

.captcha-label{
display:block;
margin-bottom:10px;
font-weight:600;
}

.contact-btn{
width:100%;
background:#0066cc;
color:#fff;
border:none;
padding:14px;
border-radius:6px;
cursor:pointer;
font-size:16px;
}

.contact-btn:hover{
opacity:0.9;
}

.map-section{
    padding-top:0;
    padding-bottom:50px;
}
.social-section{
padding:70px 0;
text-align:center;
}

.section-heading{
text-align:center;
margin-bottom:40px;
}

.social-links{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

.social-links a{
padding:12px 20px;
border-radius:6px;
background:#f5f5f5;
text-decoration:none;
}

.social-connect{
    margin-top:25px;
}

.social-icons{
    display:flex;
    gap:15px;
    margin-top:20px;
}

.social-icons a{
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff !important;
    font-size:22px;
    transition:.3s;
}

.social-icons a:hover{
    transform:translateY(-3px);
}

.facebook{
    background:#1877F2;
}

.instagram{
    background:#E4405F;
}

.youtube{
    background:#FF0000;
}

.whatsapp{
    background:#25D366;
}

@media(max-width:768px){



.contact-grid{
    grid-template-columns:1fr;
}







}
/* =========================
   NEWSLETTER
========================= */
/* =========================
   NEWSLETTER - Modern Circle Style
========================= */

.newsletter-section {
    background: #f8fafc;
    padding: 70px 20px 40px;
    text-align: center;
}

.newsletter-container {
    max-width: 1120px;
    margin: auto;
    background: linear-gradient(135deg, #198754, #0f5132);
    color: #ffffff;
    border-radius: 24px;
    padding: 60px 34px;
    box-shadow: 0 18px 42px rgba(25, 135, 84, 0.18);
    position: relative;
    overflow: hidden;
}

.newsletter-container::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 220px;
    height: 220px;
    background: rgba(255, 255, 255, 0.10);
    border-radius: 50%;
}

.newsletter-container::after {
    content: "";
    position: absolute;
    bottom: -90px;
    left: -90px;
    width: 240px;
    height: 240px;
    background: rgba(13, 110, 253, 0.18);
    border-radius: 50%;
}

.newsletter-container h2 {
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-size: 38px;
    font-weight: 900;
    margin-bottom: 14px;
}

.newsletter-container p {
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, 0.88);
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 28px;
}

.newsletter-form {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.newsletter-form input {
    width: 440px;
    max-width: 100%;
    height: 56px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    padding: 0 24px;
    outline: none;
}

.newsletter-form input::placeholder {
    color: rgba(255, 255, 255, 0.88);
}

.newsletter-form input:focus {
    border-color: #ffc107;
    box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.14);
}

.newsletter-form button {
    height: 56px;
    padding: 0 34px;
    border: none;
    border-radius: 999px;
    background: #ffffff;
    color: #0f5132;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.25s ease;
}

.newsletter-form button:hover {
    background: #ffc107;
    color: #0f172a;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
}


/* =========================
   FOOTER SUBSCRIBE FORM
========================= */

.footer-contact-block {
    width: 24%;
}

.footer-subscribe-box {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.footer-subscribe-box h5 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 10px;
}

.footer-subscribe-form {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.footer-subscribe-form input {
    width: 100%;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    color: #ffffff;
    padding: 0 12px;
    outline: none;
    font-size: 14px;
}

.footer-subscribe-form input::placeholder {
    color: rgba(255, 255, 255, 0.78);
}

.footer-subscribe-form input:focus {
    border-color: #ffc107;
    box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.14);
}

.footer-subscribe-form button {
    width: 100%;
    height: 42px;
    border: none;
    border-radius: 10px;
    background: #ffc107;
    color: #0f172a;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.25s ease;
}

.footer-subscribe-form button:hover {
    background: #ffffff;
    color: #198754;
    transform: translateY(-2px);
}


/* =========================================
   HOME PAGE - Latest Updates Strip
========================================= */

.home-update-strip {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.home-update-label {
    flex: 0 0 auto;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #ffffff;
    padding: 14px 22px;
    font-weight: 700;
    font-size: 15px;
    white-space: nowrap;
}

.home-update-marquee {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.home-update-track {
    display: flex;
    align-items: center;
    gap: 45px;
    width: max-content;
    padding: 14px 0;
    animation: homeUpdateScroll 28s linear infinite;
}

.home-update-track span {
    color: #334155;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
}

.home-update-marquee:hover .home-update-track {
    animation-play-state: paused;
}

/* =========================================
   HOME PAGE - About Section
========================================= */

.home-about-section {
    padding: 70px 0;
}

.home-about-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 45px;
    align-items: center;
}

.home-section-badge {
    display: inline-flex;
    align-items: center;
    background: #dbeafe;
    color: #2563eb;
    padding: 7px 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 16px;
}

.home-about-content h2 {
    font-size: 42px;
    line-height: 1.15;
    color: #0f172a;
    margin: 0 0 18px;
    font-weight: 800;
}

.home-about-content p {
    color: #64748b;
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 24px;
}

.home-about-points {
    display: grid;
    gap: 14px;
    margin-bottom: 28px;
}

.home-about-points div {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 15px 18px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
}

.home-about-points strong {
    display: block;
    color: #0f172a;
    font-size: 15px;
    margin-bottom: 5px;
}

.home-about-points span {
    display: block;
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
}

.home-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #ffffff !important;
    padding: 13px 24px;
    border-radius: 12px;
    font-weight: 800;
    box-shadow: 0 12px 25px rgba(37, 99, 235, 0.25);
    transition: all 0.3s ease;
}

.home-primary-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 32px rgba(37, 99, 235, 0.32);
}

.home-about-image {
    position: relative;
}

.home-about-image img {
    width: 100%;
    height: 430px;
    object-fit: cover;
    border-radius: 24px;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.18);
}

.home-about-experience {
    position: absolute;
    left: -20px;
    bottom: 28px;
    background: #ffffff;
    padding: 18px 22px;
    border-radius: 18px;
    box-shadow: 0 16px 35px rgba(15, 23, 42, 0.18);
    border-left: 5px solid #2563eb;
}

.home-about-experience strong {
    display: block;
    color: #0f172a;
    font-size: 24px;
    line-height: 1;
}

.home-about-experience span {
    display: block;
    color: #64748b;
    font-size: 14px;
    margin-top: 5px;
}

@media (max-width: 768px) {
    .home-about-section {
        padding: 45px 0;
    }

    .home-about-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .home-about-content h2 {
        font-size: 32px;
    }

    .home-about-image img {
        height: 300px;
    }

    .home-about-experience {
        left: 15px;
        bottom: 18px;
    }
}

/* =========================================
   HOME PAGE - Popular Courses Section
========================================= */

.home-courses-section {
    padding: 70px 0;
}

.home-section-heading {
    max-width: 780px;
    margin: 0 auto 42px;
    text-align: center;
}

.home-section-heading h2 {
    font-size: 42px;
    line-height: 1.15;
    color: #0f172a;
    margin: 0 0 14px;
    font-weight: 800;
}

.home-section-heading p {
    color: #64748b;
    font-size: 17px;
    line-height: 1.8;
    margin: 0;
}

.home-courses-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.home-course-card {
    background: #ffffff;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
    transition: all 0.3s ease;
}

.home-course-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 45px rgba(15, 23, 42, 0.14);
}

.home-course-image {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.home-course-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease;
}

.home-course-card:hover .home-course-image img {
    transform: scale(1.06);
}

.home-course-ribbon {
    position: absolute;
    top: 16px;
    left: 16px;
    color: #ffffff;
    padding: 7px 13px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.22);
}

.home-course-ribbon.featured {
    background: #f59e0b;
}

.home-course-ribbon.trending {
    background: #2563eb;
}

.home-course-ribbon.free {
    background: #16a34a;
}

.home-course-body {
    padding: 22px;
}

.home-course-category {
    display: inline-flex;
    background: #dbeafe;
    color: #2563eb;
    padding: 6px 13px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 14px;
}

.home-course-body h3 {
    color: #0f172a;
    font-size: 21px;
    line-height: 1.35;
    margin: 0 0 12px;
    font-weight: 800;
    min-height: 56px;
}

.home-course-body p {
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;
    margin: 0 0 18px;
    min-height: 76px;
}

.home-course-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 20px;
}

.home-course-meta div {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 12px;
}

.home-course-meta span {
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
}

.home-course-meta strong {
    display: block;
    color: #0f172a;
    font-size: 14px;
    font-weight: 800;
}

.home-course-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #ffffff !important;
    padding: 12px 18px;
    border-radius: 12px;
    font-weight: 800;
    transition: all 0.3s ease;
}

.home-course-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(37, 99, 235, 0.28);
}

.home-empty-box {
    grid-column: 1 / -1;
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    border-radius: 22px;
    padding: 45px 25px;
    text-align: center;
}

.home-empty-icon {
    font-size: 42px;
    margin-bottom: 12px;
}

.home-empty-box h3 {
    color: #0f172a;
    margin: 0 0 8px;
    font-size: 24px;
}

.home-empty-box p {
    color: #64748b;
    margin: 0;
}

@media (max-width: 992px) {
    .home-courses-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .home-courses-section {
        padding: 45px 0;
    }

    .home-section-heading h2 {
        font-size: 32px;
    }

    .home-courses-grid {
        grid-template-columns: 1fr;
    }

    .home-course-body h3,
    .home-course-body p {
        min-height: auto;
    }
}


/* =========================================
   HOME PAGE - Students Section
========================================= */
/* =========================================
   HOME PAGE - Students Section
========================================= */

.home-students-section {
    padding: 70px 0;
    background: #f8fafc;
}

.home-students-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.home-student-card {
    position: relative;
    background: linear-gradient(135deg, #ffffff, #f8fbff);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 22px;
    padding: 30px 26px;
    height: 100%;
    text-align: center;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    transition: all 0.25s ease;
    overflow: hidden;
}

.home-student-card::before {
    content: "";
    position: absolute;
    top: -45px;
    right: -45px;
    width: 125px;
    height: 125px;
    background: rgba(13, 110, 253, 0.08);
    border-radius: 50%;
    transition: all 0.25s ease;
}

.home-student-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
    border-color: rgba(25, 135, 84, 0.25);
}

.home-student-card:hover::before {
    transform: scale(1.15);
    background: rgba(25, 135, 84, 0.10);
}

.home-student-image {
    position: relative;
    z-index: 1;
    width: 118px;
    height: 118px;
    margin: 0 auto 18px;
}

.home-student-image img {
    width: 118px;
    height: 118px;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}

.home-student-card h3 {
    position: relative;
    z-index: 1;
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 6px;
}

.home-student-course {
    position: relative;
    z-index: 1;
    display: inline-flex;
    padding: 6px 12px;
    border-radius: 999px;
    background: #eef6ff;
    color: #0d6efd;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 12px;
}

.home-student-status {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #198754;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 14px;
}

.home-student-card p {
    position: relative;
    z-index: 1;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 0;
    font-size: 15px;
}

@media (max-width: 992px) {
    .home-students-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .home-students-section {
        padding: 50px 0;
    }

    .home-students-grid {
        grid-template-columns: 1fr;
    }

    .home-student-card {
        padding: 24px 22px;
        border-radius: 20px;
    }
}


/* =========================================
   HOME PAGE - Blog Section
========================================= */

.home-blogs-section {
    padding: 70px 0;
    background: #f8fafc;
}

.home-blogs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.home-blog-card {
    position: relative;
    background: linear-gradient(135deg, #ffffff, #f8fbff);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 22px;
    height: 100%;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    transition: all 0.25s ease;
    overflow: hidden;
}

.home-blog-card::before {
    content: "";
    position: absolute;
    top: -45px;
    right: -45px;
    width: 125px;
    height: 125px;
    background: rgba(13, 110, 253, 0.08);
    border-radius: 50%;
    transition: all 0.25s ease;
    z-index: 1;
}

.home-blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
    border-color: rgba(25, 135, 84, 0.25);
}

.home-blog-card:hover::before {
    transform: scale(1.15);
    background: rgba(25, 135, 84, 0.10);
}

.home-blog-image {
    position: relative;
    height: 210px;
    overflow: hidden;
    z-index: 2;
}

.home-blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.35s ease;
}

.home-blog-card:hover .home-blog-image img {
    transform: scale(1.04);
}

.home-blog-featured {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #f59e0b;
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
}

.home-blog-body {
    position: relative;
    z-index: 2;
    padding: 24px;
}

.home-blog-category {
    display: inline-flex;
    padding: 6px 12px;
    border-radius: 999px;
    background: #eef6ff;
    color: #0d6efd;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 14px;
}

.home-blog-body h3 {
    font-size: 21px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.35;
    margin-bottom: 12px;
    min-height: 56px;
}

.home-blog-body p {
    color: #475569;
    line-height: 1.7;
    margin-bottom: 18px;
    font-size: 15px;
    min-height: 78px;
}

.home-blog-date {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #ecfdf5;
    color: #198754;
    padding: 10px 13px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 18px;
}

.home-blog-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #0d6efd;
    color: #ffffff !important;
    padding: 12px 20px;
    border-radius: 14px;
    font-weight: 800;
    transition: all 0.25s ease;
}

.home-blog-btn:hover {
    background: #0b5ed7;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(13, 110, 253, 0.22);
}

.home-view-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0f172a;
    color: #ffffff !important;
    padding: 13px 26px;
    border-radius: 14px;
    font-weight: 800;
    transition: all 0.25s ease;
}

.home-view-all-btn:hover {
    background: #198754;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(25, 135, 84, 0.22);
}

@media (max-width: 992px) {
    .home-blogs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .home-blogs-section {
        padding: 50px 0;
    }

    .home-blogs-grid {
        grid-template-columns: 1fr;
    }

    .home-blog-body {
        padding: 22px;
    }

    .home-blog-body h3,
    .home-blog-body p {
        min-height: auto;
    }
}

/* =========================================
   HOME PAGE - Events Section
========================================= */

.home-events-section {
    padding: 70px 0;
    background: #f8fafc;
}

.home-event-card {
    position: relative;
    background: linear-gradient(135deg, #ffffff, #f8fbff);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 22px;
    height: 100%;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    transition: all 0.25s ease;
    overflow: hidden;
}

.home-event-card::before {
    content: "";
    position: absolute;
    top: -45px;
    right: -45px;
    width: 125px;
    height: 125px;
    background: rgba(13, 110, 253, 0.08);
    border-radius: 50%;
    transition: all 0.25s ease;
    z-index: 1;
}

.home-event-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
    border-color: rgba(25, 135, 84, 0.25);
}

.home-event-card:hover::before {
    transform: scale(1.15);
    background: rgba(25, 135, 84, 0.10);
}

.home-event-image {
    position: relative;
    height: 220px;
    overflow: hidden;
    z-index: 2;
}

.home-event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.35s ease;
}

.home-event-card:hover .home-event-image img {
    transform: scale(1.04);
}

.home-event-featured {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #f59e0b;
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
}

.home-event-body {
    position: relative;
    z-index: 2;
    padding: 24px;
}

.home-event-body h3 {
    font-size: 21px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.35;
    margin-bottom: 12px;
    min-height: 56px;
}

.home-event-body p {
    color: #475569;
    line-height: 1.7;
    margin-bottom: 18px;
    font-size: 15px;
    min-height: 78px;
}

.home-event-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 16px;
}

.home-event-info div {
    background: #eef6ff;
    border-radius: 14px;
    padding: 12px;
    color: #0d6efd;
}

.home-event-info span {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
}

.home-event-info strong {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
}

.home-event-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 13px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 18px;
}

.home-event-status.open {
    background: #ecfdf5;
    color: #198754;
}

.home-event-status.closed {
    background: #fff1f2;
    color: #dc2626;
}

.home-event-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #0d6efd;
    color: #ffffff !important;
    padding: 12px 20px;
    border-radius: 14px;
    font-weight: 800;
    transition: all 0.25s ease;
}

.home-event-btn:hover {
    background: #0b5ed7;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(13, 110, 253, 0.22);
}

@media (max-width: 576px) {
    .home-events-section {
        padding: 50px 0;
    }

    .home-event-body {
        padding: 22px;
    }

    .home-event-body h3,
    .home-event-body p {
        min-height: auto;
    }

    .home-event-info {
        grid-template-columns: 1fr;
    }
}

/* =========================================
   HOME PAGE - Partners Section
========================================= */

.home-partners-section {
    padding: 70px 0 50px;
    background: #f8fafc;
}

.home-partners-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    align-items: center;
}

.home-partner-card {
    position: relative;
    background: linear-gradient(135deg, #ffffff, #f8fbff);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    min-height: 120px;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    transition: all 0.25s ease;
    overflow: hidden;
}

.home-partner-card::before {
    content: "";
    position: absolute;
    top: -45px;
    right: -45px;
    width: 120px;
    height: 120px;
    background: rgba(13, 110, 253, 0.08);
    border-radius: 50%;
    transition: all 0.25s ease;
}

.home-partner-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
    border-color: rgba(25, 135, 84, 0.25);
}

.home-partner-card:hover::before {
    transform: scale(1.15);
    background: rgba(25, 135, 84, 0.10);
}

.home-partner-card img {
    position: relative;
    z-index: 1;
    max-width: 160px;
    max-height: 70px;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.85;
    transition: all 0.25s ease;
}

.home-partner-card:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.03);
}

@media (max-width: 992px) {
    .home-partners-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .home-partners-section {
        padding: 50px 0 35px;
    }

    .home-partners-grid {
        grid-template-columns: 1fr;
    }

    .home-partner-card {
        min-height: 110px;
    }
}

/* =========================================
   HOME PAGE - CTA Section
========================================= */

.home-cta-section {
    padding: 50px 0 75px;
    background: #f8fafc;
}

.home-cta-box {
    position: relative;
    background: linear-gradient(135deg, #198754, #0f5132);
    color: #ffffff;
    border-radius: 24px;
    padding: 60px 34px;
    text-align: center;
    box-shadow: 0 18px 42px rgba(25, 135, 84, 0.18);
    overflow: hidden;
}

.home-cta-box::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 220px;
    height: 220px;
    background: rgba(255, 255, 255, 0.10);
    border-radius: 50%;
}

.home-cta-box::after {
    content: "";
    position: absolute;
    bottom: -90px;
    left: -90px;
    width: 240px;
    height: 240px;
    background: rgba(13, 110, 253, 0.18);
    border-radius: 50%;
}

.home-cta-badge {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    padding: 7px 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 18px;
}

.home-cta-box h2 {
    position: relative;
    z-index: 1;
    font-size: 38px;
    font-weight: 900;
    margin-bottom: 14px;
    color: #ffffff;
}

.home-cta-box p {
    position: relative;
    z-index: 1;
    max-width: 760px;
    margin: 0 auto 28px;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.8;
    font-size: 16px;
}

.home-cta-actions {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

.home-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 14px;
    font-weight: 800;
    padding: 13px 24px;
    transition: all 0.25s ease;
}

.home-cta-btn.warning {
    background: #ffc107;
    color: #0f172a !important;
}

.home-cta-btn.light {
    background: #ffffff;
    color: #198754 !important;
}

.home-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.20);
}

@media (max-width: 768px) {
    .home-cta-section {
        padding: 40px 0 55px;
    }

    .home-cta-box {
        padding: 40px 22px;
        border-radius: 20px;
    }

    .home-cta-box h2 {
        font-size: 28px;
    }

    .home-cta-actions {
        flex-direction: column;
    }

    .home-cta-btn {
        width: 100%;
    }
}


/* =========================
   PRE HEADER SOCIAL ICONS
========================= */

.pre-header-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.social-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: all 0.25s ease;
}

.social-icon i {
    color: #ffffff !important;
    line-height: 1;
}

.social-icon:hover {
    background: #0d6efd;
    color: #ffffff !important;
    transform: translateY(-2px);
}








@keyframes homeUpdateScroll {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

@media (max-width: 576px) {
    .home-update-strip {
        align-items: stretch;
    }

    .home-update-label {
        padding: 12px 14px;
        font-size: 13px;
    }

    .home-update-track {
        gap: 30px;
        padding: 12px 0;
    }

    .home-update-track span {
        font-size: 13px;
    }
}

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


@media(max-width:768px){
.mobile-menu-bar{
    display:flex;
    justify-content:flex-start;
}

.mobile-toggle{
    display:block;
    font-size:30px;
    color:#0f172a;
    cursor:pointer;
    padding-left:10px;
}
.main-menu{
    display:none;
}

.main-menu.active{
    display:block !important;
    background:#ffffff;
    padding:15px;
}

  .pre-header{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:8px;
    padding:10px;
}
    .footer-block{
        width:100%;
        margin-bottom:20px;
    }

    .main-menu a{
        display:block;
        margin:5px 0;
    }

    .logo-header img{
        max-width:100%;
        height:auto;
    }

    .govt-badge{
        text-align:center;
        margin-top:10px;
    }

    .partner-logo{
        width:100%;
        max-width:280px;
        margin:auto;
    }

    .floating-whatsapp{
        width:55px;
        height:55px;
        font-size:26px;
    }

.main-menu a{
    display:block;
    margin:10px 0;
}

.close-menu{
    text-align:right;
    color:white;
    font-size:28px;
    cursor:pointer;
    padding:10px 15px;
}

.pre-header-left{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.separator{
    display:none;
}

.pre-header-right{
    display:flex;
    justify-content:center;
    gap:12px;
}
.newsletter-container h2{
    font-size:32px;
}

.newsletter-container p{
    font-size:18px;
}
.newsletter-form{
    flex-direction:column;
}

.newsletter-form input,
.newsletter-form button{
    width:100%;
}
.main-menu.active .logout-form {
    display: block !important;
    width: 100%;
    margin: 0;
}

.main-menu.active .logout-menu-btn {
    display: block !important;
    width: 100%;
    text-align: left;
    margin: 10px 0;
    padding: 10px 14px;
    background: none;
    border: none;
    color: #0f172a !important;
    font-weight: 600;
    font-size: 15px;
    border-radius: 8px;
}

.main-menu.active .logout-menu-btn:hover {
    background: #dc2626;
    color: #ffffff !important;
}