:root{
--ink:#16233F;
--ink-2:#1F3357;
--ink-3:#2B4272;
--paper:#fff7f0;
--paper-2:#fffdfb;
--gold:#E3481F;
--gold-deep:#e3481f;
--muted:#000;
--line:#D8DCE2;
--white:#FFFFFF;
}
*{box-sizing:border-box;}
body{
font-family: "Montserrat", sans-serif!important;
color:var(--ink);
background:var(--paper);
-webkit-font-smoothing:antialiased;
line-height: 1.42857143!important;
font-size: 16px;
}
h1,h2,h3,h4,h5,h6{ font-family: "Montserrat", sans-serif!important; font-weight:700; line-height: initial;}
.eyebrow{

text-transform:uppercase;
font-size:12px;
font-weight:600;
color:var(--gold-deep);
}

a{ color:inherit; }
img{ max-width:100%; }
.container-narrow{ max-width:1100px; margin:0 auto; padding:0 20px; }
.btn-gold {
    background: var(--gold);
    border: 1px solid var(--gold-deep);
    color: #fff;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 5px;
    transition: transform .12s ease;
    font-size: 16px;
}
.btn-gold:hover, .btn-gold:focus{
color:#fff;
border:1px solid var(--gold-deep);
}
.btn-outline-ink{
background:transparent;
border:1px solid rgba(255,255,255,.4);
color:var(--white);
padding:12px 26px;
border-radius:2px;
font-weight:600;
}
.btn-outline-ink:hover, .btn-outline-ink:focus{ color:var(--white); background:rgba(255,255,255,.08); }
.section{ padding:80px 0; }
.section-tight{ padding:56px 0; }
.section-title{ font-size:30px;  margin:6px 0 14px; }
.section-lede{ color:var(--muted); font-size:16px; max-width:640px; }



.service-items {
    padding: 20px 10px 20px 65px;
    border: 1px solid #ffd0b5;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    box-shadow: 0 10px 26px rgba(70,35,0,.06);
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 15px;
}
.service-items i {
    color: #f2600c;
    width: 40px;
    background: #fef1e6;
    height: 40px;
    border-radius: 12px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    position: absolute;
    left: 15px;
}

/* ---------- NAV ---------- */
.navbar-cl{
background:var(--white);
border:0;
border-bottom:1px solid var(--line);
border-radius:0;
margin-bottom:0;

}
.navbar-cl .navbar-brand{
color:var(--ink)!important;
font-weight:600;
font-size:20px;
}
.navbar-cl .navbar-brand span{ color:var(--gold); }
.navbar-cl .navbar-nav>li>a{
color:var(--muted)!important;
font-weight:500;
font-size:14px;
}
.navbar-cl .navbar-nav>li>a:hover{ color:var(--gold-deep)!important; }

/* ---------- HERO ---------- */

.hero {
    background: radial-gradient(1100px 500px at 85% -10%, #ffd9b3 0%, rgba(255, 217, 179, 0) 60%), linear-gradient(180deg, #fffaf5 0%, #fff 100%);
    color: var(--ink);
    padding: 50px 0 50px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #f1ddca;
}

.hero-inner{ position:relative; z-index:1; }
.hero h1{
font-size:46px;
line-height:1.12;
margin:16px 0 18px;
color:var(--ink);
}
.hero h1 em{ font-style:italic; color:var(--gold); }
.hero-lede{ font-size:17px; color:var(--muted); max-width:560px; }
.check-list {
list-style: none;
padding: 0;
margin: 10px 0 20px;
}
.check-list li{
font-size:15px;
padding:7px 0;
color:var(--ink);
font-weight:500;
}
.check-list li:before{
content: "\f00c";
font-family: FontAwesome;
display:inline-block;
width:22px; height:22px;
line-height:20px;
text-align:center;
border:1px solid var(--gold);
color:var(--gold);
border-radius:50%;
margin-right:10px;
font-size:12px;
font-weight:700;
}

/* ticket stub strip */
.stub-strip {
    display: flex;
    flex-wrap: wrap;
    border: 1px dashed #fbd0a3;
    box-shadow: 0 6px 24px rgba(242, 101, 34, .1);
    background: #fff;
    border-radius: 10px;
}
.stub {
    flex: 1 1 33.33%;
    min-width: 200px;
    padding: 10px 22px 10px;
    border-right: 1px dashed var(--line);
    position: relative;
    text-align: center;
}
.stub:last-child{ border-right:0; }
.stub .num {
    font-size: 24px;
    font-weight: 800;
    color: var(--gold);
}
.stub .lbl{
font-size:13px;
color:var(--muted);
margin-top:4px;
}


/* ---------- ENQUIRY FORM (hero) ---------- */
.enquiry-card {
    background: var(--white);
    border: 1px solid #f1ddca;
    border-radius: 10px;
    padding: 28px 26px 24px;
    box-shadow: 0 25px 60px rgba(70, 35, 0, .14);
    position: relative;
}

.enquiry-card h3 {
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 10px;
    color: var(--ink);
    text-align: center;
}
.enquiry-card .sub{
font-size:12.5px;
color:var(--muted);
margin-bottom:18px;
}
.enquiry-card .form-group{ margin-bottom:12px; }
.enquiry-card .form-control {
    height: 40px;
    border: 1px solid #f1ddca;
    border-radius: 8px;
    font-size: 14px;
    box-shadow: none;
    color: var(--ink);
}
.enquiry-card .form-control:focus{
border-color:var(--gold);
box-shadow:0 0 0 3px rgba(227,72,31,.12);
}
.enquiry-card select.form-control{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%235B6B8C'/></svg>");
background-repeat:no-repeat;
background-position:right 14px center;
}
.enquiry-card .otp-group{ display:flex; gap:8px; }
.enquiry-card .otp-group .form-control{ flex:1; }
.btnotp {
    height: 31px;
    right: 19px !important;
    border: 1px solid var(--gold-deep);
    background: var(--gold);
    color: var(--white);
    font-size: 12.5px !important;
    font-weight: 600;
    border-radius: 2px;
    white-space: nowrap;
}
.btnotp:hover, .btnotp:focus{ color:var(--white); background:var(--gold-deep); }
.enquiry-card .btn-warning{
width: 100% !important;
height:46px!important;
background:var(--gold)!important;
border:1px solid var(--gold-deep)!important;
color:var(--white)!important;
font-weight:700!important;
font-size:14px!important;
border-radius:5px!important;
margin-top:6px!important;

}
.enquiry-card .btn-submit:hover, .enquiry-card .btn-submit:focus{
color:var(--white);
transform:translateY(2px);
box-shadow:0 4px 0 var(--gold-deep);
}
.enquiry-card .disclaimer{
font-size:10.5px;
color:var(--muted);
text-align:center;
margin-top:10px;
}

/* ===== Myths ===== */
.myth-pill {
    background: #fff;
    border: 1px solid #f1ddca;
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 14px;
    display: flex;
    gap: 14px;
    align-items: center;
}
.myth-pill .fa-close-wrap {
    flex: 0 0 30px;
    height: 30px;
    width: 30px;
    border-radius: 8px;
    background: #27ae60;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
.myth-pill span.txt {
    font-weight: 600;
    font-size: 14.5px;
    color: #2a211c;
}

/* ---------- TOP SCORERS ---------- */
.scorer-strip{ background:var(--white); border-bottom:1px solid #f1ddca; padding:44px 0;  }
.scorer-track {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, 1fr);
}

.scorer-card {
    background: var(--paper-2);
    border: 1px solid var(--line);
    border-radius: 3px;
    padding: 14px 18px;
    min-width: 220px;
    text-align: center;
}

.scorer-card .btn-gold {
    background: transparent;
    border: 0px;
    font-weight: 600;
    border-radius: 5px;
    transition: transform .12s ease;
    color: #081d97;
    padding: 0;
    font-size: 13px;
}

.avatar-ring {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--ink);
    border: 2px solid var(--gold);
    margin: 0 auto;

}
.avatar-ring img{ width:100%; height:100%; object-fit:fill; border-radius:50%; }
.scorer-name {
    color: var(--ink);
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
}
.scorer-score{ color:var(--gold);  font-size:14px; }

.why-block {
    background: #fff;
    border: 1px solid #f1ddca;
    border-radius: 16px;
    padding: 28px 22px 18px;
    min-height: 272px;
    transition: .25s;
    position: relative;
    overflow: hidden;
}
.why-block:hover {
    box-shadow: 0 18px 38px rgba(70, 35, 0, .10);
    transform: translateY(-4px);
    border-color: #ff9152;
}
.why-block .why-num {
    font-weight: 800;
    font-size: 44px;
    color: #fef1e6;
    -webkit-text-stroke: 1.5px #ff9152;
    margin-bottom: 6px;
    display: inline-block;
}
.why-block h4 {
    font-weight: 700;
}




/* ---------- PROGRAM CARDS (carousel) ---------- */
.prog-wrap{ position:relative; }
.prog-track{
display:flex;
gap:22px;
overflow-x:auto;
scroll-snap-type:x mandatory;
padding:8px 4px 24px;
-ms-overflow-style:none;
scrollbar-width:none;
}
.prog-track::-webkit-scrollbar{ display:none; }
.prog-card{
scroll-snap-align:start;
flex:0 0 300px;
background:var(--white);
border:1px solid var(--line);
border-radius:4px;
padding:0;
position:relative;
overflow:hidden;
}
.prog-card.popular{ border-color:var(--gold); box-shadow:0 10px 26px rgba(28,42,74,.1); }
.prog-tag{
position:absolute; top:16px; right:-34px;
background:var(--gold);
color:#fff;

font-size:11px;
font-weight:600;
padding:4px 40px;
transform:rotate(40deg);
}
.prog-head{ background:var(--paper-2); border-bottom:1px solid var(--line); color:var(--ink); padding:22px 22px 18px; }
.prog-head .eyebrow{ color:var(--gold); }
.prog-head h3 {
font-size: 17px;
margin: 4px 0 0;
}
.prog-body{ padding:22px; }
.prog-body ul{ list-style:none; padding:0; margin:0 0 18px; }
.prog-body ul li{
font-size:13.5px;
color:var(--muted);
padding:6px 0 6px 20px;
position:relative;
border-bottom:1px dotted var(--line);
}
.prog-body ul li:before{
content: "\f00c";
font-family: FontAwesome;
position:absolute; left:0; color:var(--gold-deep);
}
.prog-price{

font-size:22px;
font-weight:600;
color:#e3481f;
border-top:1px dashed var(--line);
padding-top:14px;
}
.prog-scroll-btn{
position:absolute; top:38%;
width:40px; height:40px;
border-radius:50%;
background:var(--white);
border:1px solid var(--line);
box-shadow:0 4px 10px rgba(0,0,0,.08);
display:flex; align-items:center; justify-content:center;
cursor:pointer;
font-size:18px;
z-index:5;
color:var(--ink);
}
.prog-scroll-btn.left{ left:-14px; }
.prog-scroll-btn.right{ right:-14px; }

/* ---------- WHY CHOOSE ---------- */
.why-card {
background: var(--white);
border: 1px solid var(--line);
border-left: 3px solid var(--gold);
padding: 25px 20px;
min-height: 227px;
border-radius: 2px;
}
.why-icon {
width: 42px;
height: 42px;
border-radius: 50%;
background: #f5e7e2;
color: var(--gold);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
font-size: 20px;
}
.why-card h4{ font-size:18px; margin:0 0 8px; }
.why-card p{ font-size:13.5px; color:var(--muted); margin:0; }

/* ---------- COMPARISON TABLE ---------- */
.cmp-wrap{ overflow-x:auto; background:var(--white); border:1px solid var(--line); }
table.cmp{ width:100%; border-collapse:collapse; min-width:760px; margin:0; }
table.cmp th, table.cmp td{
padding:14px 16px;
text-align:center;
border-bottom:1px solid var(--line);
border-right:1px solid var(--line);
font-size:13.5px;
}
table.cmp th:first-child, table.cmp td:first-child{ text-align:left; border-right:1px solid var(--line); }
table.cmp thead th{
background:var(--ink);
color:var(--white);

font-weight:600;
font-size:12.5px;
}
table.cmp thead th.hl{ background:var(--gold-deep); }
table.cmp tbody td.hl{ background:#FCEBE6; }
table.cmp tbody tr:nth-child(even){ background:var(--paper-2); }
table.cmp td:first-child{ font-weight:600; color:var(--ink); }
.tick{ color:#2F6F52; font-weight:700; }
.dash{ color:#B7BDC8; }

/* ---------- TESTIMONIAL SLIDER (Bootstrap 3 carousel, admit-ticket styling) ---------- */
.ticket-carousel{ max-width:860px; margin:0 auto; }
.ticket{
background:var(--white);
border:1px solid var(--line);
border-radius:4px;
position:relative;
display:flex;
min-height:300px;
box-shadow:0 18px 40px rgba(22,35,63,.08);
}
.ticket:before, .ticket:after{
content:"";
position:absolute;
width:24px; height:24px;
background:var(--paper);
border-radius:50%;
top:50%; margin-top:-12px;
}
.ticket:before{ left:-12px; }
.ticket:after{ right:-12px; }
.ticket-stub{
flex:0 0 150px;
background:var(--paper-2);
color:var(--ink);
border-right:2px dashed var(--line);
padding:28px 18px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
}
.ticket-seal{
width:70px;height:70px;
border-radius:50%;
border:2px solid var(--gold);
color:var(--gold);
display:flex; flex-direction:column; align-items:center; justify-content:center;
overflow:hidden;
margin-bottom:10px;
}
.ticket-seal img{ width:100%; height:100%; object-fit:cover; border-radius:50%; }
.ticket-seal .score{ font-size:18px; font-weight:700; line-height:1; }
.ticket-seal .lbl{ font-size:8px;  margin-top:2px; }
.ticket-stub .name{ font-weight:600; font-size:15px; margin-top:6px; }
.ticket-stub .score-line{ font-weight:600; font-size:12px;  color:var(--gold); margin-top:4px; }
.ticket-main{
flex:1;
padding:32px 34px;
display:flex;
flex-direction:column;
justify-content:center;
}
.ticket-main .quote-mark{ font-size:44px; color:var(--gold); line-height:1; margin-bottom:6px; }
.ticket-main p{ font-size:15px; color:var(--ink-2); line-height:1.65; margin:0; }
#testimonialCarousel .carousel-indicators{ bottom:-46px; }
#testimonialCarousel .carousel-indicators li{ border-color:var(--gold-deep); }
#testimonialCarousel .carousel-indicators .active{ background:var(--gold-deep); }
.ticket-nav{
width:42px; height:42px;
border-radius:50%;
background:var(--white);
border:1px solid var(--line);
color:var(--ink);
display:flex; align-items:center; justify-content:center;
opacity:1;
font-size:16px;
box-shadow:0 4px 10px rgba(0,0,0,.1);
}
#testimonialCarousel .carousel-control{ background-image:none; width:auto; top:50%; margin-top:-21px; }
#testimonialCarousel .carousel-control.left{ left:-52px; }
#testimonialCarousel .carousel-control.right{ right:-52px; }

/* ---------- FACULTY ---------- */
.faculty-card {
    background: var(--white);
    border: 1px solid var(--line);
    padding: 26px;
    display: flex;
    gap: 18px;
    min-height: 316px;
}
.faculty-avatar{
flex:0 0 80px; width:80px; height:80px;
border-radius:50%;
background:#fff;
color:var(--gold);
font-weight:600;
font-size:22px;
display:flex;align-items:center;justify-content:center;
border:2px solid var(--gold);
overflow: hidden;
}
.faculty-card h4{ margin:0 0 2px; font-size:20px; }
.faculty-role{ color:var(--gold-deep);  font-size:13px;  text-transform:uppercase; margin-bottom:8px; }
.faculty-card p{ font-size:13.5px; color:var(--muted); margin:0; }

/* ---------- FAQ ---------- */
.panel-cl{ border:1px solid var(--line); border-radius:2px; box-shadow:none; margin-bottom:12px; }
.panel-cl .panel-heading{ background:var(--white); border-radius:0; padding:0; }
.panel-cl .panel-title a{
display:block;
padding:16px 20px;
font-weight:600;
font-size:14.5px;
color:var(--ink);
}
.panel-cl .panel-title a:after{
content:"+";
float:right;
color:var(--gold-deep);

font-size:18px;
}
.panel-cl .panel-title a.collapsed:after{ content:"+"; }
.panel-cl .panel-title a:not(.collapsed):after{ content:"-"; }
.panel-cl .panel-body{ font-size:13.5px; color:var(--muted); border-top:1px solid var(--line)!important; padding:16px 20px 20px; }

/* ---------- FINAL CTA ---------- */
.final-cta{
background:linear-gradient(135deg, var(--paper-2) 0%, #FBEAE4 100%);
color:var(--ink);
text-align:center;
padding:70px 0;
position:relative;
overflow:hidden;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
}
.final-cta h2{ font-size:32px;  margin-bottom:10px; color:var(--ink); }
.final-cta p{ color:var(--muted); margin-bottom:26px; }

footer.cl-footer{ background:var(--white); border-top:1px solid var(--line); color:var(--muted); padding:26px 0; font-size:12.5px; text-align:center; }
footer.cl-footer strong{ color:var(--ink); }

@media(max-width:767px){
.hero h1{ font-size:32px; }
.hero .col-sm-5{ margin-top:32px; }
.stub{ flex:1 1 50%; border-bottom:1px dashed var(--line); }
.ticket{ flex-direction:column; min-height:0; }
.ticket-stub{ flex-direction:row; border-right:0; border-bottom:2px dashed var(--line); padding:18px; }
.ticket-seal{ margin-bottom:0; margin-right:14px; }
#testimonialCarousel .carousel-control.left{ left:0; }
#testimonialCarousel .carousel-control.right{ right:0; }
.prog-scroll-btn{ display:none; }
}

@media only screen and (max-width: 767px) {
.why-block {
    padding: 18px 22px 18px;
    min-height: inherit;
    margin-bottom: 10px;
    line-height: initial;
}
.section-title {
    font-size: 24px;
    margin: 6px 0 14px;
}
.eyebrow {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.scorer-track {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(1, 1fr);
}

.carousel-indicators {
        position: absolute;
        bottom: -43px;
        left: 43%;
        z-index: 15;
        width: 78%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }

}