<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />

* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Header Container */
.kaventra-header {
position: sticky;
top: 0;
left: 0;
width: 100%;
background-color: var(--navy-header);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border-bottom: 1px solid var(--border-color);
z-index: 1000;
transition: all 0.3s ease;
}

.nav-inner {
max-width: 1300px;
margin: 0 auto;
padding: 12px 24px;
display: flex;
align-items: center;
justify-content: space-between;
}

/* Brand Logo Section */
.brand-logo {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
}

.brand-icon {
width: 40px;
height: 40px;
background: #070c18;
border: 1.5px solid var(--gold);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 22px;
color: #fff;
position: relative;
overflow: hidden;
}

.brand-icon span {
color: var(--gold);
}

.brand-text-wrap {
display: flex;
flex-direction: column;
}

.brand-title {
font-size: 20px;
font-weight: 800;
color: var(--gold);
letter-spacing: -0.3px;
line-height: 1.1;
}

.brand-subtitle {
font-size: 11px;
color: #ffffff;
font-weight: 500;
letter-spacing: 0.8px;
text-transform: uppercase;
}

/* Navigation Links */
.nav-menu {
display: flex;
align-items: center;
gap: 28px;
list-style: none;
}

.nav-item a {
color: var(--text-muted);
text-decoration: none;
font-size: 14.5px;
font-weight: 500;
transition: color 0.2s ease;
display: flex;
align-items: center;
gap: 6px;
}

.nav-item a:hover,
.nav-item.active a {
color: #ffffff;
}

.nav-item .badge-free {
background: #10b981;
color: #ffffff;
font-size: 10px;
font-weight: 700;
padding: 2px 6px;
border-radius: 10px;
text-transform: uppercase;
}

/* Right Header Actions */
.header-actions {
display: flex;
align-items: center;
gap: 14px;
}

.btn-portal {
background: rgba(255, 255, 255, 0.06);
color: #ffffff;
border: 1px solid var(--border-color);
padding: 9px 18px;
border-radius: 20px;
font-size: 13.5px;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.2s ease;
}

.btn-portal:hover {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.2);
}

.btn-enroll {
background-color: var(--gold);
color: #0c1427;
padding: 9px 20px;
border-radius: 20px;
font-size: 13.5px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.2s ease;
}

.btn-enroll:hover {
background-color: var(--gold-hover);
transform: translateY(-1px);
}

/* Mobile Hamburger Toggle */
.menu-toggle {
display: none;
background: none;
border: none;
color: #ffffff;
font-size: 22px;
cursor: pointer;
}

/* Responsive Styling */
@media (max-width: 992px) {
.menu-toggle {
display: block;
}

.nav-menu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #0c1427;
flex-direction: column;
align-items: flex-start;
padding: 24px;
gap: 18px;
border-bottom: 1px solid var(--border-color);
display: none;
}

.nav-menu.active {
display: flex;
}

.header-actions {
display: none;
}
}
</style>

<a href="/" class="brand-logo">
<div class="brand-icon">k<span>.</span></div>
<div class="brand-text-wrap">
<span class="brand-title">kaventra</span>
<span class="brand-subtitle">Learning Academy</span>
</div>
</a>

<ul class="nav-menu" id="primary-menu">
<li class="nav-item active"><a href="/">Home</a></li>
<li class="nav-item"><a href="/#courses">Spoken Arabic</a></li>
<li class="nav-item"><a href="/#courses">Spoken English <span class="badge-free">Free</span></a></li>
<li class="nav-item"><a href="/#about">Trainers</a></li>
<li class="nav-item"><a href="/#contact">Contact</a></li>
</ul>

<div class="header-actions">
<a href="/course" class="btn-portal"><i class="fa-solid fa-play"></i> LMS Portal</a>
<a href="https://wa.me/917025239616?text=Hi%20Kaventra,%20I%20want%20to%20enroll" class="btn-enroll" target="_blank">
<i class="fa-brands fa-whatsapp"></i> Enroll Now
</a>
</div>

<button class="menu-toggle" id="mobile-toggle" aria-label="Toggle navigation">
<i class="fa-solid fa-bars"></i>
</button>

</div>
</header>

toggleBtn.addEventListener('click', () => {
menuList.classList.toggle('active');
const icon = toggleBtn.querySelector('i');
if (menuList.classList.contains('active')) {
icon.classList.remove('fa-bars');
icon.classList.add('fa-xmark');
} else {
icon.classList.remove('fa-xmark');
icon.classList.add('fa-bars');
}
});
</script>

Terms & Conditions

Kaventra Learning Academy • Academic Policies

1. Acceptance of Terms

By enrolling in our courses or using this website, you agree to comply with and be bound by the terms and conditions of Kaventra Learning Academy.

2. Course Access & Portal Delivery

Immediate digital activation to Spoken Arabic Masterclass and Free Spoken English bonus is granted upon payment confirmation. Access is tied to the student’s registered WhatsApp number.

3. Pricing & Payments

Course fees (₹999) are processed securely via certified payment gateways (Razorpay, UPI, Cards, Net Banking).

🎓 Student Portal

Chat with Mentor