:root{
--ka-blue:#0098da;
--ka-gold:#EDA832;
--ka-dark:#0f1b2d;
--ka-muted:#5b677a;
--bg:#f6f8fb;
--card:22px;
--shadow: 0 14px 40px rgba(15,27,45,.10);
--shadow-sm: 0 10px 24px rgba(15,27,45,.08);
}
/* Gilroy Regular */
  @font-face {
    font-family: 'Gilroy';
    src: url('https://knowledgeumacademy.in/theme/v1/fonts/Gilroy-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Gilroy';
    src: url('https://knowledgeumacademy.in/theme/v1/fonts/Gilroy-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
/* Global Font */
html,
body {
font-family: 'Gilroy', Inter, system-ui, sans-serif;
font-weight: 400;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Gilroy', Inter, system-ui, sans-serif;
font-weight: 600;
}
/* Form Elements */
button,
input,
select,
textarea {
font-family: inherit;
}
a{ color: var(--ka-blue); }
.text-muted-2{ color: #aaaaaa; }
.topbar{
background: rgba(255,255,255,.75);
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(15,27,45,.06);
position: sticky; top:0; z-index: 1000;
}
.brand-dot{
width:10px; height:10px; border-radius:50%;
background: var(--ka-gold); display:inline-block; margin-right:.5rem;
box-shadow: 0 0 0 4px rgba(228,186,53,.18);
}
.hero{
position: relative;
overflow: hidden;
padding: 42px 0 20px;
background: radial-gradient(900px 420px at 20% 10%, rgba(0,152,218,.18), transparent 60%),
radial-gradient(700px 420px at 85% 15%, rgba(228,186,53,.20), transparent 55%),
linear-gradient(180deg, #ffffff 0%, #f7fbff 70%, var(--bg) 100%);
border-bottom: 1px solid rgba(15,27,45,.06);
}
.pill{
display:inline-flex; align-items:center; gap:.5rem;
padding:.45rem .8rem; border-radius:999px;
background: rgba(0,152,218,.08);
border: 1px solid rgba(0,152,218,.18);
/*color: var(--ka-dark);*/
font-weight:600; font-size:.9rem;
}
.hero h1{ font-weight: 800; letter-spacing: -0.02em; }
.hero-card{
border-radius: var(--card);
box-shadow: var(--shadow);
border: 1px solid rgba(15,27,45,.06);
}
.hero-card .card-header{
border-bottom: 1px solid rgba(15,27,45,.06);
background: rgba(255,255,255,.75);
}
.btn-ka{
background: var(--ka-blue);
color:#fff; border:0;
border-radius: 999px;
padding: .85rem 1.05rem;
font-weight:700;
box-shadow: 0 10px 22px rgba(0,152,218,.22);
}
.btn-ka:hover{ background:#0089c6; color:#fff; }
.btn-outline-ka{
border-radius: 999px;
border: 1px solid rgba(0,152,218,.35);
color: var(--ka-blue);
font-weight:700;
padding: .85rem 1.05rem;
background:#fff;
}
.btn-outline-ka:hover{ background: rgba(0,152,218,.06); }
.section{ padding: 46px 0; }
.section-title{ font-weight: 800; letter-spacing: -0.01em; }
.soft-card{
border-radius: 15px;
background:#3b4346;
box-shadow: var(--shadow-sm);
border: 1px solid rgba(15,27,45,.06);
}
.icon-badge{
width: 42px; height: 42px;
display:flex; align-items:center; justify-content:center;
border-radius: 14px;
background: rgba(0,152,218,.10);
border: 1px solid rgba(0,152,218,.18);
color: var(--ka-blue);
}
.stat{
border-radius: 18px;
background: #fff;
border: 1px solid rgba(15,27,45,.06);
padding: 16px;
height: 100%;
}
.stat .k{ font-size: .85rem; color: var(--ka-muted); }
.stat .v{ font-weight: 800; color: var(--ka-dark); }
.journey{
display:flex; gap:14px; flex-wrap: wrap;
}
.step{
flex: 1 1 240px;
background:#fff;
border: 1px solid rgba(15,27,45,.06);
border-radius: 15px;
padding: 15px;
position: relative;
}
.step:before{
content:"";
width: 10px; height: 10px; border-radius: 50%;
background: var(--ka-blue);
position:absolute; top:18px; left:16px;
box-shadow: 0 0 0 5px rgba(0,152,218,.14);
}
.step h6{ margin-left: 18px; font-weight: 800; }
.step p{ margin-left: 18px; margin-bottom: 0; color: var(--ka-muted); }
.quote{
position: relative;
padding: 18px 18px 18px 18px;
border-radius: 15px;
background: transparent;
border: 1px solid rgb(237 238 241 / 6%);
height: 100%;
}
.quote .bi-quote{ color: rgba(0,152,218,.35); font-size: 1.6rem; }
.accordion-button{ font-weight: 700; }
.accordion-button:not(.collapsed){
background: rgba(0,152,218,.08);
color: var(--ka-dark);
box-shadow: inset 0 -1px 0 rgba(15,27,45,.06);
}
.final-cta{
background: radial-gradient(800px 420px at 20% 10%, rgba(0,152,218,.18), transparent 55%),
linear-gradient(180deg, #ffffff 0%, #f7fbff 70%, #ffffff 100%);
border-top: 1px solid rgba(15,27,45,.06);
}
.sticky-cta{
position: fixed; left: 0; right: 0; bottom: 0;
background: rgba(255,255,255,.92);
backdrop-filter: blur(10px);
border-top: 1px solid rgba(15,27,45,.08);
padding: 10px;
z-index: 1100;
display:none;
}
@media (max-width: 991.98px){
.sticky-cta{ display:block; }
body{ padding-bottom: 74px; }
.hero-tle {font-size: 22px;}
.lead-rst {
font-size: 14px;
}
.btn-ka{
padding: .5rem 1.05rem;
}
.btn-outline-ka {
padding: .5rem 1.05rem;
}
}
.quote-grid{
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 768px){
.quote-grid{
grid-template-columns: repeat(3, 1fr);
}
}
.quote{
/*background: #fff;*/
border-radius: 16px;
padding: 20px;
height: 100%;
}
.themetxtcl {
color: #0098da;
}
.ullimy li {
margin-top: 15px;
margin-bottom: 15px;
}
.early-admission-ad{
position: relative;
background: linear-gradient(135deg, #0098da, #006aa0);
color: #fff;
padding: 26px 28px;
border-radius: 14px;
box-shadow: 0 12px 28px rgba(0,0,0,.18);
max-width: 520px;
margin: 40px auto 0;
}
.early-admission-ad .ad-badge{
position: absolute;
top: -12px;
left: 18px;
background: #EDA832;
color: #000;
font-size: 12px;
font-weight: 700;
padding: 6px 12px;
border-radius: 20px;
letter-spacing: .4px;
}
.early-admission-ad h3{
font-size: 26px;
font-weight: 800;
margin-bottom: 10px;
line-height: 1.25;
}
/*.early-admission-ad h3 span{
color: #f2bb0c;
}
*/
.early-admission-ad .ad-subtext{
font-size: 15px;
opacity: .95;
margin-bottom: 14px;
}
.early-admission-ad ul{
list-style: none;
padding: 0;
margin: 0 0 18px;
}
.early-admission-ad ul li{
position: relative;
padding-left: 26px;
margin-bottom: 8px;
font-size: 15px;
}
.early-admission-ad ul li::before{
content: "✔";
position: absolute;
left: 0;
top: 0;
color: #EDA832;
font-weight: 700;
}
.early-admission-ad .ad-footer{
background: rgba(255,255,255,.12);
padding: 10px 14px;
border-radius: 8px;
font-size: 16px;
text-align: center;
font-weight: 600;
}
@media (max-width: 576px){
.early-admission-ad{
padding: 22px;
}
.early-admission-ad h3{
font-size: 18px;
}
.early-admission-ad ul li{
font-size: 14px;
}
}
.event-img-card{
border-radius: 15px;
overflow: hidden;
box-shadow: 0 8px 22px rgba(0,0,0,.12);
transition: transform .35s ease, box-shadow .35s ease;
}
.event-img-card img{
aspect-ratio: 4 / 3;
object-fit: cover;
transition: transform .4s ease;
}
.event-img-card:hover{
transform: translateY(-6px);
box-shadow: 0 14px 32px rgba(0,0,0,.18);
}
.event-img-card:hover img{
transform: scale(1.06);
}
a {
text-decoration: none;
}
.kat-highlight-section{
position: relative;
margin-top: -1px;
padding: 34px 0;
/*background:
radial-gradient(700px 260px at 15% 20%, rgba(228,186,53,.26), transparent 60%),
linear-gradient(135deg, #0f1b2d 0%, #0098da 100%);*/
color: #fff;
overflow: hidden;
}
.kat-highlight-card{
position: relative;
/*background: rgba(255,255,255,.12);*/
/*border: 1px solid rgba(255,255,255,.25);*/
background: radial-gradient(700px 260px at 15% 20%, rgba(228,186,53,.26), transparent 60%), linear-gradient(135deg, #0f1b2d 0%, #0098da 100%);
border-radius: 15px;
padding: 28px;
/*box-shadow: 0 18px 45px rgba(15,27,45,.22);*/
backdrop-filter: blur(10px);
}
.kat-badge{
display: inline-flex;
align-items: center;
gap: 8px;
background: #EDA832;
color: #0f1b2d;
font-size: 13px;
font-weight: 800;
padding: 8px 14px;
border-radius: 999px;
margin-bottom: 14px;
text-transform: uppercase;
letter-spacing: .4px;
}
.kat-highlight-card h2{
font-weight: 800;
letter-spacing: -.02em;
margin-bottom: 12px;
}
.kat-highlight-card p{
font-size: 17px;
line-height: 1.65;
opacity: .95;
}
.kat-points{
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 18px;
}
.kat-point{
background: rgba(255,255,255,.14);
border: 1px solid rgba(255,255,255,.22);
border-radius: 999px;
padding: 8px 13px;
font-size: 14px;
font-weight: 600;
}
.kat-cta{
background: #fff;
color: #0098da;
border: 0;
border-radius: 999px;
padding: 13px 20px;
font-weight: 800;
box-shadow: 0 12px 24px rgba(0,0,0,.16);
}
.kat-cta:hover{
background: #EDA832;
color: #0f1b2d;
}
@media (max-width: 576px){
.kat-highlight-section{
padding: 24px 0;
}
.kat-highlight-card{
padding: 22px;
text-align: center;
}
.kat-highlight-card h2{
font-size: 22px;
}
.kat-highlight-card p{
font-size: 15px;
}
.kat-points{
justify-content: center;
}
.kat-cta{
width: 100%;
margin-top: 12px;
font-size: 13px;
}
}
.marquee {
white-space: nowrap;
display: inline-block;
padding-left: 100%;
animation: marquee 21s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
/*.placement-stories-section{
background:#151221;
}*/
.placement-title{
/*color:#fff;*/
font-weight:800;
line-height:1.15;
}
.placement-subtitle{
/*color:#cfc9dc;
font-size:18px;*/
margin-bottom:0;
}
.placement-card{
background: #4B4B4D;
border-radius:15px;
padding:24px;
}
.placement-thumb{
position:relative;
border-radius:12px;
overflow:hidden;
cursor:pointer;
}
.placement-thumb img{
aspect-ratio:16/9;
object-fit:cover;
}
.play-btn{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:78px;
height:78px;
border-radius:50%;
background:rgb(255 255 255 / 80%);
color:#151221;
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
box-shadow:0 0 0 6px rgba(255,255,255,.35);
}
.placement-info{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
margin-top:28px;
}
.placement-info h3{
color:#0098da;
font-size:22px;
font-weight:800;
margin-bottom:6px;
}
.placement-info p{
color:#d6d1df;
font-size:16px;
margin-bottom:0;
}
.linkedin-box{
min-width:48px;
height:48px;
border-radius:10px;
background:#0098da;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
}
@media(max-width:767px){
.placement-title{
font-size:30px;
}
.placement-card{
padding:15px;
}
.play-btn{
width:62px;
height:62px;
font-size:34px;
}
}
/* =========================================
DARK THEME
========================================= */
:root{
--bg:#323639;
--bg-soft:#1e293b;
--card:#111827;
--card-light:#1f2937;
--border:#334155;
--text:#AAAAAA;
--text-muted:#94a3b8;
--primary:#fbbf24;
--secondary:#38bdf8;
}
body{
background:var(--bg);
color:var(--text);
}
/* Typography */
/*p,
li,
span,
small,
.text-muted{
color:var(--text-muted)!important;
}*/
h1,h2,h3,h4,h5,h6{
color:var(--text);
}
/* Navbar */
.navbar{
background:#020617!important;
border-bottom:1px solid var(--border);
}
.navbar-brand img{
filter:brightness(1.1);
}
/* Hero */
.hero{
background:#323639;
}
.hero h1 span{
color:var(--primary);
}
/* Sections */
.section{
background:transparent;
}
.bg-light{
background:#323639!important;
}
/* Panels */
.rounded-panel,
.yellow-panel,
.blue-panel,
.aqua-panel{
background:var(--card)!important;
border:1px solid var(--border);
color:var(--text);
}
/* Feature Cards */
.border.rounded-3.bg-white{
background:var(--card-light)!important;
border-color:var(--border)!important;
}
.border.rounded-3.bg-white span{
color:var(--text);
}
/* Review Summary */
.review-summary-card{
background:var(--card);
border:1px solid var(--border);
color:var(--text);
}
.rating-overview,
.platform-box{
background:var(--card-light);
border:1px solid var(--border);
}
.rating-divider{
background:var(--border);
}
.platform-card{
background:#0f172a;
border:1px solid var(--border);
}
.platform-card h5,
.platform-card h3{
color:#fff;
}
/* Service Pills */
.service-pill{
background:var(--card-light);
border:1px solid var(--border);
color:var(--text);
}
/* Connectivity */
.connectivity-card{
background:var(--card);
border:1px solid var(--border);
}
.connectivity-title,
.connectivity-title span{
color:#fff;
}
.connectivity-badge{
background:#1e293b;
color:#fff;
}
/* Tables */
.table{
color:var(--text);
}
.table-bordered{
border-color:var(--border);
}
.table th{
background:#1e293b!important;
color:#fff;
border-color:var(--border);
}
.table td{
background:#111827!important;
color:#fff;
border-color:var(--border);
}
/* Reviews */
.review-card{
background:var(--card);
border:1px solid var(--border)!important;
}
.review-card h5,
.review-card h6{
color:#fff;
}
.review-text{
color:var(--text-muted)!important;
}
/* Admission Cards */
.programme-card{
background:var(--card-light);
border:1px solid var(--border);
border-radius:16px;
}
.programme-card h6{
color:#fff;
}
/* FAQ */
.accordion-item{
background:var(--card);
border-color:var(--border);
}
.accordion-button{
background:#323639;
color:#fff;
}
.accordion-button:not(.collapsed){
background:#323639;
color:#fff;
box-shadow:none;
}
.accordion-button::after{
filter:invert(1);
}
.accordion-body{
background:#51595c;
color:var(--text-muted);
}
/* Footer */
.footer{
background:#020617;
border-top:1px solid var(--border);
}
.footer a{
color:#cbd5e1;
}
.bottom-bar{
border-top:1px solid var(--border);
}
/* Modal */
.modal-content{
background:#111827;
color:#fff;
}
.modal-header{
border-bottom:1px solid var(--border);
}
.btn-close{
filter:invert(1);
}
/* Inputs */
/*.form-control,
.form-select{
background:#1e293b;
border-color:var(--border);
color:#fff;
}*/
/*.form-control:focus,
.form-select:focus{
background:#1e293b;
color:#fff;
border-color:var(--primary);
box-shadow:none;
}*/
/* Buttons */
.btn-white{
background:#fff;
color:#000;
}
.btn-primary,
.btn-ka{
background: #0098da;
border-color: #0098da;
color: #ffffff;
}
.btn-outline-primary{
border-color:var(--primary);
color:var(--primary);
}
.btn-outline-primary:hover{
background:var(--primary);
color:#000;
}
.section-title {
color: #EDA832;
}
.topbar {    
border-radius: 40px;
margin: 15px auto;
background: hsl(203deg 8% 19% / 70%);
padding: 10px 25px;
border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.step{
background:#cfebf7
}
.step h6 {
color:#068ECE;
}
.table th {
background: #323639 !important;
}
.table td {
background: #51595c !important;
}
.alert {
border-radius: 15px;
}
.theme_orng_clr {
color: #EDA832 !important;
}

.voice-card {
    background: #cfebf7;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 18px;
    padding: 1rem 1rem 1.1rem;
    color: #dee9f7
  }
  .voice-quote {
    color: #EDA832;
    font-size: 1.4rem
  }
  .voice-quote img {
    width: 30px !important;
  }
  .voice-chip {
    display: inline-block;
    font-size: .7rem;
    padding: .18rem .5rem;
    border-radius: 999px;
    background: #0098da;
    color: #fff;
    margin: 1rem 0 1rem
  }
  .voice-text {
   color: #323639;
    font-size: .95rem;
    line-height: 1.6;
    font-style: italic;
  }
  .voice-name {
    color: #EDA832;
    font-weight: 700;
    margin-top: .6rem;
    font-size: .9rem
  }
  .voice-batch {
    color: #AAAAAA;
    font-size: .8rem
  }
  .voices-grid .owl-stage {
    transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
  }

  .line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}