*{
box-sizing:border-box;
}

body{
overflow-x:hidden;
}

img{
max-width:100%;
height:auto;
display:block;
content-visibility:auto;
contain-intrinsic-size:300px;
}

a[href="/business"]{
display:none !important;
}

:root{
--primary-purple:#6a3df0;
}

.btn-primary,
.program-cta.buy,
.program-cta.enroll,
.cta-button{

background:var(--primary-purple);
color:white;
border:1px solid var(--primary-purple);
transition:all .2s ease;

}

.btn-primary:hover,
.program-cta.buy:hover,
.program-cta.enroll:hover,
.cta-button:hover,
.program-btn:hover{

background:white;
color:black;
border:1px solid black;

}

.section-wrap{
background:white;
border-radius:20px;
padding:60px 50px;
margin-top:60px;
border:1px solid #e8edff;

box-shadow:
0 10px 40px rgba(0,0,0,0.05),
0 0 0 1px rgba(45,91,255,0.04),
0 0 40px rgba(45,91,255,0.06);
}

.section-light{
background:#f9fbff;
padding:80px 60px;
border-radius:20px;
}


.compare-container{
max-width:1320px;
margin:auto;
padding:70px 30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
color:#111;
}


.hero-section{
padding:70px 60px;
border-radius:22px;

background:linear-gradient(180deg,#f6f9ff 0%,#ffffff 90%);
border:1px solid #e6ecff;

box-shadow:
0 30px 80px rgba(0,0,0,0.05),
0 0 80px rgba(45,91,255,0.08);

max-width:100%;
overflow:hidden;
}

.hero-grid{
display:grid;
grid-template-columns:1.1fr 1fr;
gap:60px;
align-items:center;
}

.hero-left h1{

font-size:52px;

line-height:1.1;

letter-spacing:-1px;

margin-bottom:25px;

}

.hero-description{

font-size:18px;

color:#555;

max-width:520px;

margin-bottom:30px;

}

.hero-badge{

display:inline-flex;

align-items:center;

gap:10px;

background:white;

border:1px solid #e6ecff;

border-radius:30px;

padding:8px 14px;

margin-bottom:20px;

}

.hero-badge img{

height:60px;

}

.hero-buttons{

display:flex;

gap:16px;

margin-bottom:30px;

}

.btn-primary{
padding:14px 26px;
border-radius:10px;
text-decoration:none;
font-weight:600;
box-shadow:0 10px 25px rgba(106,61,240,0.25);
}

.btn-secondary{

border:1px solid #2d5bff;

color:#2d5bff;

padding:14px 26px;

border-radius:10px;

text-decoration:none;

font-weight:600;

}

.hero-stats{

display:flex;

gap:40px;

}

.hero-stats strong{

font-size:22px;

display:block;

}

.hero-stats span{

font-size:14px;

color:#666;

}

.hero-right img{
width:100%;
max-width:100%;
height:auto;
border-radius:16px;
box-shadow:0 25px 60px rgba(0,0,0,0.15);
}

@media(max-width:900px){

.hero-grid{

grid-template-columns:1fr;

}

.hero-left h1{

font-size:36px;

}

}

.program-highlights{

margin-top:10px;

display:grid;

grid-template-columns:repeat(4,1fr);

gap:20px;

}

.highlight-item{

background:white;

border-radius:14px;

padding:20px;

text-align:center;

border:1px solid #e6ecff;

box-shadow:0 8px 25px rgba(0,0,0,0.05);

}

.highlight-item strong{

display:block;

font-size:18px;

color:var(--primary-purple);

margin-bottom:6px;

}

.highlight-item span{

font-size:13px;

color:#666;

}

@media(max-width:900px){

.program-highlights{

grid-template-columns:1fr 1fr;

}

}

.program-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:42px;
margin-top:70px;
}

.program-card{

background:white;

border-radius:18px;

border:1px solid #edf1ff;

padding:36px;

display:flex;

flex-direction:column;

transition:all .35s cubic-bezier(.2,.8,.2,1);

box-shadow:
0 8px 30px rgba(0,0,0,0.05);

position:relative;

overflow:hidden;

}

.program-card:hover{

transform:translateY(-8px);

box-shadow:
0 20px 60px rgba(0,0,0,0.08),
0 0 40px rgba(45,91,255,0.12);

}

.program-card h2{

font-size:30px;
font-weight:700;

line-height:1.25;

margin-bottom:10px;
letter-spacing:-0.4px;

}

.program-description{

color:#555;

font-size:15px;

line-height:1.6;

margin-top:12px;

}

.program-tag{

display:inline-block;

background:#eef2ff;

color:#2d5bff;

font-size:13px;

padding:6px 12px;

border-radius:20px;

margin-bottom:10px;

font-weight:600;

}
.program-actions{
display:flex;
gap:12px;
margin-top:18px;
}

.program-actions a{
flex:1;
}

.program-video{

margin:18px 0;

border-radius:12px;

overflow:hidden;

position:relative;

cursor:pointer;

}

.program-video img{

width:100%;

display:block;

border-radius:12px;

}

.program-features{

margin-top:15px;

list-style:none;

padding:0;

}

.program-features li{

font-size:14px;

margin-bottom:8px;

color:#444;

padding-left:18px;

position:relative;

}

.program-features li:before{

content:"✓";

position:absolute;

left:0;

color:#2d5bff;

font-weight:700;

}

.program-btn{

display:block;

margin-top:0;

padding:12px 16px;

text-align:center;

border-radius:8px;

font-weight:600;

font-size:14px;

text-decoration:none;

color:#333;

background:#f7f8fc;

border:1px solid #e6e8f0;

transition:all .2s ease;

}

.program-btn:hover{

background:white;

border-color:#d8dcef;

color:black;

}




.compare-table{
width:100%;
margin-top:80px;
border-collapse:separate;
border-spacing:0;
overflow:hidden;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.compare-table th{
background:#2d5bff;
color:white;
padding:18px;
text-align:left;
font-weight:600;
}

.compare-table td{
padding:18px;
border-top:1px solid #eee;
background:white;
}

.compare-table tr:nth-child(even) td{
background:#f9faff;
}


.career-section{
margin-top:100px;
}

.career-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-top:45px;
}

.career-card{
background:white;
border-radius:14px;
padding:25px;
text-align:center;

border:1px solid #e8edff;

box-shadow:
0 8px 25px rgba(0,0,0,0.05),
0 0 20px rgba(45,91,255,0.05);

transition:all .2s ease;
}

.career-card:hover{
transform:translateY(-4px);
box-shadow:
0 12px 35px rgba(0,0,0,0.07),
0 0 25px rgba(45,91,255,0.12);
}

.career-card h4{
font-size:16px;
margin-top:10px;
}

.career-icon{
font-size:30px;
}

@media(max-width:900px){

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

}


.campus-section{
margin-top:80px;
}

.campus-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin-top:35px;
}

.campus-grid img{
width:100%;
border-radius:10px;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
}

section{
margin-top:40px;
}


.curriculum-section{
margin-top:100px;
padding:70px 60px;
border-radius:22px;

background:
linear-gradient(180deg,#f9fbff 0%,#ffffff 100%);

border:1px solid #e8edff;

box-shadow:
0 12px 40px rgba(0,0,0,0.06),
0 0 40px rgba(45,91,255,0.08);
}

.curriculum-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
margin-top:50px;
}

.curriculum-card{
border-radius:16px;
padding:35px;
background:linear-gradient(180deg,#ffffff,#f8faff);
border:1px solid #e8edff;
box-shadow:0 12px 30px rgba(0,0,0,0.06);
}

.curriculum-card h3{
font-size:22px;
margin-bottom:20px;
}

.curriculum-download{
display:inline-block;
margin-bottom:22px;
margin-top:-6px;
font-weight:600;
color:#2d5bff;
text-decoration:none;
}

.curriculum-download:hover{
text-decoration:underline;
}

.curriculum-list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}

.curriculum-item{

padding:14px 18px;

border-radius:10px;

background:linear-gradient(180deg,#ffffff,#f8faff);

border:1px solid #e8edff;

box-shadow:
0 6px 20px rgba(0,0,0,0.04);

font-size:14px;
color:#2d5bff;
font-weight:600;
}

.curriculum-item.secondary{
background:#f2f7ff;
color:#444;
}

@media(max-width:900px){

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

}


.testimonial-section{
margin-top:90px;
}


.testimonial-card{
background:white;
border-radius:14px;
padding:30px;
border:1px solid #eee;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

.testimonial-card p{
font-size:16px;
line-height:1.7;
color:#444;
margin-bottom:18px;
font-style:italic;
}

.testimonial-card strong{
font-size:15px;
}
.testimonial-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
margin-top:45px;
}

.testimonial-card{

background:white;

border-radius:14px;

padding:28px;

border:1px solid #e8edff;

box-shadow:0 10px 25px rgba(0,0,0,0.05);

}

.testimonial-header{

display:flex;

gap:14px;

align-items:center;

margin-bottom:14px;

}

.testimonial-header img{

width:52px;

height:52px;

border-radius:50%;

object-fit:cover;

}

.testimonial-role{

font-size:13px;

color:#666;

}

.testimonial-stars{

color:#f4b400;

font-size:16px;

margin-top:2px;

}

@media(max-width:900px){

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

}

.cta-section{
text-align:center;
margin-top:90px;
padding:70px 30px;
background:#f7f8fc;
border-radius:16px;
}

.cta-section h2{
font-size:32px;
margin-bottom:10px;
}

.cta-button{
background:#2d5bff;
color:white;
padding:15px 28px;
border-radius:8px;
text-decoration:none;
font-weight:600;
font-size:16px;
}


.final-cta{
text-align:center;
margin-top:70px;
}

.final-cta h2{
font-size:30px;
margin-bottom:10px;
}


.campus-slider{
position:relative;
overflow:hidden;
margin-top:40px;
max-width:900px;
margin-left:auto;
margin-right:auto;
}

.campus-track{
display:flex;
transition:transform .4s ease;
}

.campus-track img{
width:100%;
flex:0 0 100%;
object-fit:cover;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.12);
}

.campus-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
background:#fff;
border:none;
font-size:32px;
width:44px;
height:44px;
border-radius:50%;
box-shadow:0 6px 20px rgba(0,0,0,0.15);
cursor:pointer;
}

.campus-nav.prev{
left:10px;
}

.campus-nav.next{
right:10px;
}

.campus-gallery-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:40px;

margin-top:50px;

}

.campus-gallery h3{

font-size:18px;

margin-bottom:14px;

text-align:center;

}

.campus-album-btn{

display:block;

text-align:center;

margin-top:14px;

font-weight:600;

color:#2d5bff;

text-decoration:none;

}

.campus-album-btn:hover{

text-decoration:underline;

}

@media(max-width:900px){

.campus-gallery-grid{

grid-template-columns:1fr;

}

}


.why-section{
margin-top:100px;
}

.why-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:45px;
}

.why-card{
background:white;
border:1px solid #eee;
border-radius:14px;
padding:30px;
text-align:center;
box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

.why-icon{
font-size:32px;
margin-bottom:10px;
}

.why-card h4{
margin-bottom:10px;
font-size:18px;
}

.why-card p{
color:#555;
font-size:15px;
line-height:1.6;
}

@media(max-width:900px){

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

}


.cloudxlab-section{
margin-top:100px;
padding:70px 50px;
border-radius:22px;

background:
linear-gradient(135deg,#f6f9ff,#eef3ff);

border:1px solid #e6ecff;

box-shadow:
0 15px 50px rgba(45,91,255,0.08),
0 0 50px rgba(45,91,255,0.08);
}

.cloudxlab-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:30px;
margin-top:45px;
}

.cloudxlab-card{
background:white;
border-radius:12px;
padding:28px;
text-align:center;
border:1px solid #eee;
box-shadow:0 6px 20px rgba(0,0,0,0.05);
}

.cloudxlab-number{
font-size:30px;
font-weight:700;
color:#2d5bff;
margin-bottom:8px;
}

.cloudxlab-card p{
font-size:15px;
color:#555;
line-height:1.6;
}

@media(max-width:900px){

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

}

.decision-section{
margin-top:100px;
}

.decision-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin-top:50px;
}

.decision-card{
border:1px solid #e8e8e8;
border-radius:14px;
padding:35px;
background:#fff;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.decision-card h3{
margin-bottom:15px;
font-size:20px;
}

.decision-card ul{
padding-left:18px;
}

.decision-card li{
margin-bottom:10px;
color:#444;
}

.decision-highlight{
margin-top:20px;
padding:15px;
background:#f1f5ff;
border-radius:8px;
font-weight:600;
color:#2d5bff;
}

@media(max-width:900px){

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

}

@media(max-width:900px){

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


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

.campus-grid{
grid-template-columns:repeat(2,1fr);
}

.curriculum-section{
margin-top:90px;
}

.curriculum-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
margin-top:45px;
}

.curriculum-card{
background:white;
border-radius:14px;
border:1px solid #eee;
padding:35px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.curriculum-card h3{
font-size:20px;
margin-bottom:15px;
}

.curriculum-card ul{
padding-left:18px;
}

.curriculum-card li{
margin-bottom:10px;
color:#444;
}



.hero h1{
font-size:34px;
}

}



.play-button{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:70px;
height:70px;
background:rgba(0,0,0,0.6);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}

.play-button:after{
content:'';
border-style:solid;
border-width:12px 0 12px 18px;
border-color:transparent transparent transparent white;
margin-left:4px;
}


.section-title{
font-size:34px;
text-align:center;
margin-top:40px;
margin-bottom:20px;
font-weight:700;
letter-spacing:-0.3px;
}


.campus-carousel-wrapper{
margin-top:40px;
}

.campus-carousel-wrapper img{
width:100%;
border-radius:10px;
}


.faq-section{
margin-top:100px;
max-width:900px;
margin-left:auto;
margin-right:auto;
}

.faq-item{
border:1px solid #eee;
border-radius:10px;
margin-top:15px;
background:white;
overflow:hidden;
box-shadow:0 4px 15px rgba(0,0,0,0.04);
}

.faq-question{
padding:18px 22px;
font-weight:600;
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;
}

.faq-question:hover{
background:#f7f9fc;
}

.faq-answer{
padding:0 22px;
max-height:0;
overflow:hidden;
transition:max-height .3s ease;
color:#555;
line-height:1.6;
}

.faq-item.active .faq-answer{
padding:18px 22px;
max-height:200px;
}

.faq-icon{
font-size:20px;
color:#2d5bff;
}


.signup-popup,
.modal-signup,
.popup-signup {
display:none !important;
}

.program-iit{

display:inline-block;

background:#f2f6ff;

color:#2d5bff;

font-size:12px;

font-weight:600;

padding:6px 10px;

border-radius:6px;

margin-bottom:10px;

}

.program-price{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
margin-top:14px;
font-size:36px;
font-weight:700;
color:#111;
}

.program-price span{
display:inline-block;
margin-top:0;
}
.program-price span:last-child{
font-size:13px;
color:#666;
margin-top:4px;
}
.price-old{
opacity:.6;
}
.price-row{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}

.price-subtext{
display:block;
width:100%;
font-size:13px;
color:#666;
margin-top:4px;
}

.program-cta{

display:block;

margin-top:0;

text-align:center;

padding:14px;

border-radius:10px;

font-weight:600;

text-decoration:none;

font-size:15px;

}

.program-cta.buy,
.program-cta.enroll{

background:var(--primary-purple);
color:white;
box-shadow:0 8px 25px rgba(106,61,240,0.25);

}

.program-scholarship{

font-size:13px;

color:#2d5bff;

font-weight:600;

}

.program-emi{

font-size:13px;

color:#444;

margin-top:4px;

}

.program-seat{
display:block;
font-size:12px;
color:#d62828;
background:#fff3f3;
padding:6px 10px;
border-radius:6px;
margin-top:10px;
font-weight:600;
width:fit-content;
max-width:100%;
}
.program-actions{
display:flex;
gap:12px;
margin-top:18px;
margin-bottom:6px;
}

.faculty-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:40px;
}

.faculty-card{

background:white;

border-radius:14px;

padding:26px;

text-align:center;

border:1px solid #e8edff;

box-shadow:0 10px 25px rgba(0,0,0,0.05);

transition:all .25s ease;
display:flex;
flex-direction:column;
align-items:center;

}

.faculty-card:hover{

transform:translateY(-6px);

box-shadow:0 16px 40px rgba(0,0,0,0.08);

}

.faculty-card img{
width:110px;
height:110px;
border-radius:50%;
object-fit:cover;
margin:0 auto 12px auto;
display:block;
}

.faculty-card h4{

font-size:17px;

margin-bottom:6px;

}

.faculty-card p{

font-size:14px;

color:#555;

margin-bottom:3px;

}

.faculty-card i{

font-size:18px;

color:#0A66C2;

margin-top:8px;

}

@media(max-width:900px){

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

}

/* ========================= */
/* MOBILE OPTIMIZATION */
/* ========================= */

@media (max-width:768px){

.compare-container{
padding:40px 18px;
}

.section-wrap{
padding:40px 22px;
}

.section-light{
padding:40px 22px;
}

/* HERO */

.hero-section{
padding:40px 20px;
}

.hero-grid{
grid-template-columns:1fr;
gap:25px;
}

.hero-left h1{
font-size:30px;
line-height:1.25;
}

.hero-description{
font-size:16px;
}

.hero-right img{
width:100%;
display:block;
}

.hero-stats{
gap:22px;
flex-wrap:wrap;
}

.hero-stats strong{
font-size:18px;
}


.cloudxlab-section{
padding:40px 20px;
}

.why-section{
padding:0 6px;
}
/* HIGHLIGHTS */

.program-highlights{
grid-template-columns:1fr 1fr;
gap:14px;
}

.highlight-item{
padding:16px;
}

/* PROGRAM CARDS */

.program-grid{
grid-template-columns:1fr;
gap:28px;
}

.program-card{
padding:26px;
}

.program-card h2{
font-size:22px;
}

/* TABLE */

.compare-table th,
.compare-table td{
padding:12px;
font-size:14px;
}

/* CAMPUS */

.campus-gallery-grid{
grid-template-columns:1fr;
gap:30px;
}

.campus-slider{
max-width:100%;
}

.campus-nav{
width:36px;
height:36px;
font-size:24px;
}

/* FACULTY */

.faculty-grid{
grid-template-columns:1fr 1fr;
gap:18px;
}

.faculty-card{
padding:20px;
}

.faculty-card img{
width:80px;
height:80px;
margin:0 auto 10px auto;
}

/* DECISION */

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

/* CAREER */

.career-grid{
grid-template-columns:1fr 1fr;
gap:16px;
}

/* WHY */

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

/* CLOUDXLAB */

.cloudxlab-grid{
grid-template-columns:1fr;
gap:18px;
}

/* CURRICULUM */

.curriculum-section{
padding:40px 22px;
}

.curriculum-grid{
grid-template-columns:1fr;
gap:25px;
}

.curriculum-list{
grid-template-columns:1fr;
}

/* TESTIMONIALS */

.testimonial-grid{
grid-template-columns:1fr;
gap:25px;
}

.testimonial-card{
padding:22px;
}

.testimonial-card p{
font-size:15px;
}

/* SECTION TITLES */

.section-title{
font-size:26px;
margin-top:60px;
}

/* FAQ */

.faq-question{
font-size:15px;
}

.faq-answer{
font-size:14px;
}

/* CTA */

.cta-section{
padding:40px 20px;
}

.cta-section h2{
font-size:24px;
}

.cta-button{
display:block;
width:100%;
}

}

.price-old{
text-decoration:line-through;
color:#888;
font-size:20px;
margin-right:8px;
}

.price-new{
font-size:34px;
font-weight:700;
color:#111;
}

.price-badge{
display:inline-block;
margin-left:10px;
background:#e9e1ff;
color:#6a3df0;
font-size:12px;
font-weight:600;
padding:4px 8px;
border-radius:6px;
}
.price-inr,
.price-usd{
display:inline-block;
}

.career-icon i,
.why-icon i{
font-size:28px;
color:#2d5bff;
}