*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:sans-serif;
}

body{
background:#f6f9ff;
color:#0a2540;
}

/* NAVBAR */

.navbar{

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

padding:20px 8%;

background:white;

box-shadow:0 5px 20px rgba(0,0,0,0.05);

}

.nav-links{

display:flex;
gap:25px;

list-style:none;

}

.nav-links a{

text-decoration:none;
color:#0a2540;

}

.btn{

background:#2563eb;
color:white;

padding:10px 22px;

border:none;

border-radius:30px;

cursor:pointer;

}

.btn-outline{

border:2px solid #2563eb;

background:white;
color:#2563eb;

padding:10px 22px;

border-radius:30px;

cursor:pointer;

}


/* HERO */

.hero{

display:grid;
grid-template-columns:1fr 1fr;

padding:120px 8%;

align-items:center;

}

.hero h1{

font-size:52px;
color:#1e3a8a;

}

.hero p{

margin-top:15px;

}

.hero-buttons{

margin-top:20px;
display:flex;
gap:10px;

}

.image-placeholder{

width:300px;
height:300px;

background:#dbeafe;

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

border-radius:20px;

}


/* SERVICES */

section{

padding:100px 8%;

}

.services-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:30px;

}

.service-card{

background:white;

padding:25px;

border-radius:14px;

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

}


/* COUNTRIES */

.countries{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(150px,1fr));

gap:20px;

}

.country{

background:white;

padding:20px;

text-align:center;

border-radius:12px;

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

}


/* STATS */

.stats{

display:flex;

justify-content:center;

gap:60px;

background:#eef5ff;

}

.stat{

text-align:center;

}

.stat h3{

font-size:40px;

color:#2563eb;

}


/* FOOTER */

footer{

background:#1e40af;

color:white;

text-align:center;

padding:40px;

}

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

.success-card{
background:white;
padding:25px;
border-radius:14px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

.page-hero{

padding:120px 8%;
text-align:center;

background:#eef5ff;

}

.page-hero h1{

font-size:48px;
color:#1e3a8a;

}

.about-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

align-items:center;

}

.mission-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:30px;

}

.mission-card{

background:white;

padding:25px;

border-radius:14px;

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

}

.cta-section{

text-align:center;

background:#eef5ff;

padding:80px 8%;

}

.cta-section h2{

font-size:36px;

margin-bottom:10px;

color:#1e3a8a;

}

.process-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:30px;

margin-top:40px;

}

.process-card{

background:white;

padding:30px;

border-radius:14px;

text-align:center;

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

transition:0.3s;

}

.process-card:hover{

transform:translateY(-6px);

box-shadow:0 20px 40px rgba(0,0,0,0.1);

}

.success-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:30px;

margin-top:40px;

}

.success-card{

background:white;

padding:25px;

border-radius:14px;

text-align:center;

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

transition:0.3s;

}

.success-card:hover{

transform:translateY(-6px);

box-shadow:0 20px 40px rgba(0,0,0,0.1);

}

.finder{

text-align:center;

background:#eef5ff;

padding:100px 8%;

}

.finder h2{

font-size:40px;

margin-bottom:10px;

color:#1e3a8a;

}

.logo img{
height:55px;
width:auto;
}

.hero{

display:grid;
grid-template-columns:1fr 1fr;

gap:60px;

padding:120px 8%;

align-items:center;

background:linear-gradient(120deg,#eef5ff,#ffffff);

}

.hero h1{

font-size:56px;

color:#1e3a8a;

}

.highlight{

color:#2563eb;

}

.hero p{

margin-top:15px;

font-size:18px;

max-width:500px;

}

/* FEATURES */

.hero-features{

display:grid;

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

gap:12px;

margin-top:20px;

}

.feature{

background:white;

padding:12px 16px;

border-radius:30px;

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

font-size:14px;

}

/* STATS */

.hero-stats{

display:flex;

gap:40px;

margin-top:25px;

}

.hero-stats h2{

font-size:32px;

color:#2563eb;

}

/* STUDENT GRID */

.students-grid{

display:grid;

grid-template-columns:repeat(2,160px);

gap:25px;

justify-content:center;

}

.student-card{

position:relative;

width:160px;
height:200px;

border-radius:16px;

overflow:hidden;

box-shadow:0 15px 35px rgba(0,0,0,0.2);

animation:floatCard 6s ease-in-out infinite;

}

.student-card img{

width:100%;
height:100%;

object-fit:cover;

}

.student-card span{

position:absolute;

bottom:10px;
left:10px;

background:white;

padding:4px 10px;

border-radius:20px;

font-size:12px;

}

/* FLOAT ANIMATION */

@keyframes floatCard{

0%{transform:translateY(0px)}
50%{transform:translateY(-15px)}
100%{transform:translateY(0px)}

}

.hero{

display:grid;
grid-template-columns:1fr 1fr;

gap:60px;

padding:120px 8%;

background:linear-gradient(120deg,#f6f9ff,#ffffff);

}

/* HEADLINE */

.hero h1{

font-size:64px;

line-height:1.1;

color:#0a2540;

}

.gradient-text{

background:linear-gradient(90deg,#2563eb,#60a5fa);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

/* FINDER WIDGET */

.finder-widget{

margin-top:25px;

display:flex;

gap:10px;

background:white;

padding:15px;

border-radius:12px;

box-shadow:0 10px 30px rgba(0,0,0,0.08);

}

.finder-widget select{

padding:10px;

border-radius:8px;

border:1px solid #ddd;

}

/* STATS CHIPS */

.hero-chips{

display:flex;

gap:15px;

margin-top:20px;

}

.chip{

background:#eef5ff;

padding:8px 14px;

border-radius:30px;

font-size:14px;

}

/* RIGHT SIDE WIDGETS */

.hero-widgets{

display:flex;

flex-direction:column;

gap:20px;

}

.widget{

background:white;

padding:20px;

border-radius:16px;

box-shadow:0 15px 35px rgba(0,0,0,0.1);

animation:float 6s ease-in-out infinite;

}

.widget.success{

border-left:4px solid #2563eb;

}

.widget.country{

border-left:4px solid #10b981;

}

@keyframes float{

0%{transform:translateY(0)}
50%{transform:translateY(-12px)}
100%{transform:translateY(0)}

}

.nav-links a{

position:relative;

text-decoration:none;

color:#0a2540;

font-weight:500;

padding:6px 0;

transition:color 0.3s ease;

}

/* underline animation */

.nav-links a::after{

content:"";

position:absolute;

left:0;

bottom:-4px;

width:0%;

height:2px;

background:linear-gradient(
90deg,
#2563eb,
#60a5fa
);

transition:width 0.35s ease;

}

/* hover effect */

.nav-links a:hover{

color:#2563eb;

}

.nav-links a:hover::after{

width:100%;

}

.hero{

display:grid;
grid-template-columns:1fr 1fr;

gap:70px;

padding:120px 8%;

align-items:center;

background:linear-gradient(120deg,#f6f9ff,#ffffff);

}

/* HEADLINE */

.hero h1{

font-size:64px;

line-height:1.1;

color:#0a2540;

}

.gradient-text{

background:linear-gradient(90deg,#2563eb,#60a5fa);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.hero p{

margin-top:15px;

font-size:18px;

max-width:520px;

}

/* FEATURES */

.hero-features{

display:grid;

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

gap:12px;

margin-top:25px;

}

.feature{

background:white;

padding:12px 16px;

border-radius:30px;

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

font-size:14px;

}

/* STATS */

.hero-stats{

display:flex;

gap:40px;

margin-top:25px;

}

.stat h2{

color:#2563eb;

font-size:32px;

}

/* BUTTONS */

.hero-buttons{

margin-top:25px;

display:flex;

gap:15px;

}

.trust-line{

margin-top:12px;

font-size:14px;

color:#64748b;

}

/* RIGHT SIDE CARDS */

.students-grid{

display:grid;

grid-template-columns:repeat(2,200px);

gap:30px;

justify-content:center;

}

.student-card{

position:relative;

width:200px;
height:240px;

border-radius:18px;

overflow:hidden;

box-shadow:0 20px 40px rgba(0,0,0,0.15);

transition:0.3s;

}

.student-card:hover{

transform:translateY(-10px);

}

.student-card img{

width:100%;
height:100%;

object-fit:cover;

}

.card-label{

position:absolute;

bottom:12px;
left:12px;

background:white;

padding:6px 12px;

border-radius:20px;

font-size:13px;

font-weight:500;

}

/* ===== GLOBAL THEME OVERRIDE ===== */

body{
background:#f8fbff;
color:#0f172a;
}

/* NAVBAR */

.navbar{
background:white;
border-bottom:1px solid #e5e7eb;
}

/* NAV LINKS */

.nav-links a{
color:#0f172a;
}

.nav-links a:hover{
color:#2563eb;
}

/* HEADINGS */

h1,h2,h3{
color:#0f172a;
}

/* GRADIENT TEXT */

.gradient-text{
background:linear-gradient(90deg,#2563eb,#7c3aed);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* BUTTON PRIMARY */

.btn{
background:linear-gradient(135deg,#2563eb,#7c3aed);
color:white;
border:none;
}

/* BUTTON HOVER */

.btn:hover{
transform:translateY(-2px);
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

/* BUTTON OUTLINE */

.btn-outline{
border:2px solid #2563eb;
color:#2563eb;
background:white;
}

/* CARDS */

.service-card,
.country,
.success-card,
.process-card{

background:white;

border-radius:16px;

box-shadow:0 10px 30px rgba(0,0,0,0.06);

transition:0.3s;

}

.service-card:hover,
.country:hover,
.success-card:hover,
.process-card:hover{

transform:translateY(-6px);

box-shadow:0 20px 50px rgba(0,0,0,0.12);

}

/* LIGHT SECTIONS */

.light-section{
background:#f1f5ff;
}

/* HERO */

.hero{
background:linear-gradient(120deg,#f6f9ff,#ffffff);
}

/* STATS */

.stat h2{
color:#2563eb;
}

/* ===== SKY BLUE WEBSITE BACKGROUND ===== */

body{
background:#eaf3ff;
}

/* sections */

section{
background:#eaf3ff;
}

/* hero section */

.hero{
background:#eaf3ff;
}

/* light sections */

.light-section{
background:#eaf3ff;
}

/* cards ko white rakhenge taaki contrast aaye */

.service-card,
.success-card,
.process-card,
.country,
.student-card{

background:white;

}

body{

background:linear-gradient(
180deg,
#eef5ff,
#dbeafe
);

}

/* STRONG SKY BLUE BACKGROUND */

body{
background:#dbeafe;
}

section{
background:#dbeafe;
}

.hero{
background:#dbeafe;
}

body{
background:linear-gradient(
180deg,
#dbeafe,
#bfdbfe
);
}

.navbar{
background:linear-gradient(
90deg,
#4f46e5,
#7c3aed
);

padding:18px 8%;

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

}

.nav-links a{
color:white;
}

.nav-links a:hover{
color:#e0e7ff;
}

.logo{
background:white;
padding:6px 16px;
border-radius:14px;

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

display:flex;
align-items:center;
}

.nav-btn{

background:white;
color:#5b4bff;

padding:12px 28px;

border-radius:40px;

font-weight:600;

border:none;

box-shadow:
0 8px 20px rgba(0,0,0,0.15);

transition:all 0.3s ease;

}

/* hover */

.nav-btn:hover{

transform:translateY(-3px);

box-shadow:
0 12px 30px rgba(0,0,0,0.25);

background:linear-gradient(
90deg,
#2563eb,
#7c3aed
);

color:white;

}

.nav-btn{

background:linear-gradient(
90deg,
#2563eb,
#7c3aed
);

color:white;

box-shadow:
0 10px 30px rgba(124,58,237,0.6);

}

.nav-btn{

background:linear-gradient(
90deg,
#2563eb,
#7c3aed
);

color:white;

box-shadow:
0 10px 30px rgba(124,58,237,0.6);

}

.logo{

background:white;

padding:8px 18px;

border-radius:16px;

display:flex;
align-items:center;

transition:all 0.35s ease;

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

}

/* hover animation */

.logo:hover{

transform:translateY(-4px) scale(1.05);

box-shadow:
0 15px 40px rgba(124,58,237,0.4);

}

.logo{

background:white;

padding:8px 18px;

border-radius:16px;

display:flex;
align-items:center;

transition:all 0.35s ease;

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

}

/* hover animation */

.logo:hover{

transform:translateY(-4px) scale(1.05);

box-shadow:
0 15px 40px rgba(124,58,237,0.4);

}

.staff-grid{

display:grid;
grid-template-columns:repeat(2,200px);
gap:30px;
justify-content:center;

}

.staff-card{

position:relative;

width:200px;
height:240px;

border-radius:20px;

overflow:hidden;

box-shadow:0 20px 40px rgba(0,0,0,0.15);

transition:0.4s;

}

.staff-card img{

width:100%;
height:100%;
object-fit:cover;

}

/* hover animation */

.staff-card:hover{

transform:translateY(-10px) scale(1.05);

box-shadow:0 30px 60px rgba(0,0,0,0.25);

}

/* gradient overlay */

.staff-card::after{

content:"";

position:absolute;
bottom:0;
left:0;

width:100%;
height:60%;

background:linear-gradient(
transparent,
rgba(0,0,0,0.85)
);

}

/* name */

.staff-name{

position:absolute;

bottom:12px;
left:14px;

color:white;

font-weight:600;

font-size:18px;

z-index:2;

}

.team-section{

display:grid;
grid-template-columns:repeat(2,220px);
gap:40px;

justify-content:center;

}

/* card */

.team-card{

position:relative;

height:260px;
width:220px;

border-radius:22px;

overflow:hidden;

background:white;

box-shadow:
0 20px 50px rgba(0,0,0,0.15);

transition:0.4s;

}

/* image */

.team-card img{

width:100%;
height:100%;

object-fit:cover;

transition:0.5s;

}

/* hover */

.team-card:hover{

transform:translateY(-12px) scale(1.05);

box-shadow:
0 35px 80px rgba(0,0,0,0.25);

}

.team-card:hover img{

transform:scale(1.15);

}

/* info overlay */

.team-info{

position:absolute;

bottom:0;

width:100%;

padding:16px;

background:linear-gradient(
transparent,
rgba(0,0,0,0.85)
);

color:white;

transform:translateY(35px);

transition:0.35s;

}

.team-card:hover .team-info{

transform:translateY(0);

}

/* name */

.team-info h3{

font-size:18px;

margin-bottom:4px;

}

.team-info p{

font-size:13px;

opacity:0.85;

}

.gautam-img{
object-fit:cover;
object-position:50% 10%;
}

.team-card{
position:relative;
overflow:hidden;
border-radius:22px;
}

/* image */

.team-card img{
width:100%;
height:100%;
object-fit:cover;
}

/* dark gradient overlay */

.team-card::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:60%;

background:linear-gradient(
transparent,
rgba(0,0,0,0.85)
);
}

/* name style */

.team-info{
position:absolute;
bottom:15px;
left:15px;

color:white;
font-weight:600;
font-size:18px;

z-index:2;

background:rgba(0,0,0,0.45);
padding:6px 14px;
border-radius:20px;

backdrop-filter:blur(6px);
}

/* CARD OVERLAY */

.team-card{
position:relative;
overflow:hidden;
border-radius:22px;
}

.team-card::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:65%;

background:linear-gradient(
transparent,
rgba(0,0,0,0.85)
);
}

/* NAME STYLE */

.team-info{

position:absolute;
bottom:18px;
left:18px;

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

z-index:2;

/* BLUE WHITE GRADIENT TEXT */

background:linear-gradient(90deg,#ffffff,#60a5fa,#2563eb);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

text-shadow:0 3px 10px rgba(0,0,0,0.6);

}

/* HERO HOVER EFFECTS */

/* staff cards */

.team-card{

transition:all 0.4s ease;

}

.team-card:hover{

transform:translateY(-12px) scale(1.05);

box-shadow:0 35px 70px rgba(0,0,0,0.35);

}

/* image zoom */

.team-card img{

transition:transform 0.6s ease;

}

.team-card:hover img{

transform:scale(1.15);

}

/* feature pills */

.feature{

transition:all 0.35s ease;

cursor:pointer;

}

.feature:hover{

transform:translateY(-4px) scale(1.05);

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

background:white;

}

/* stats numbers */

.stat{

transition:0.35s;

}

.stat:hover{

transform:scale(1.1);

color:#2563eb;

}

/* buttons */

.btn{

transition:all 0.35s ease;

}

.btn:hover{

transform:translateY(-3px) scale(1.05);

box-shadow:0 12px 30px rgba(0,0,0,0.25);

}

/* outline button */

.btn-outline{

transition:all 0.35s ease;

}

.btn-outline:hover{

background:#2563eb;

color:white;

transform:translateY(-3px) scale(1.05);

}

/* heading hover glow */

.hero h1{

transition:0.4s;

}

.hero h1:hover{

text-shadow:

0 10px 40px rgba(37,99,235,0.5);

}

/* ================= CLAY EFFECT WITHOUT COLOR CHANGE ================= */

/* clay cards */

.feature,
.dest-card,
.service-card,
.about-card,
.process-content,
.timeline-item,
.contact-form,
.why-card,
.team-card{

border-radius:22px;

box-shadow:
8px 8px 18px rgba(0,0,0,0.15),
-6px -6px 14px rgba(255,255,255,0.6);

transition:all 0.35s ease;

}

/* hover press effect */

.feature:hover,
.dest-card:hover,
.service-card:hover,
.about-card:hover,
.process-content:hover,
.timeline-item:hover,
.why-card:hover,
.team-card:hover{

transform:translateY(-4px);

box-shadow:
inset 6px 6px 12px rgba(0,0,0,0.18),
inset -6px -6px 12px rgba(255,255,255,0.6);

}

/* buttons clay press */

.btn,
.btn-outline,
.nav-btn{

border-radius:40px;

box-shadow:
6px 6px 14px rgba(0,0,0,0.2),
-4px -4px 10px rgba(255,255,255,0.5);

transition:0.3s;

}

.btn:hover,
.btn-outline:hover,
.nav-btn:hover{

box-shadow:
inset 5px 5px 10px rgba(0,0,0,0.25),
inset -5px -5px 10px rgba(255,255,255,0.6);

}

/* navbar soft clay */

nav{

box-shadow:
6px 6px 14px rgba(0,0,0,0.15),
-4px -4px 10px rgba(255,255,255,0.5);

}

/* pills */

.feature{

border-radius:30px;

}

/* stat cards */

.stat{

border-radius:20px;

box-shadow:
6px 6px 14px rgba(0,0,0,0.15),
-4px -4px 10px rgba(255,255,255,0.5);

}

.contact-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:60px;

}

.contact-form{

padding:30px;

}

.contact-form input,
.contact-form textarea{

width:100%;

padding:12px;

margin-bottom:15px;

border-radius:10px;

border:1px solid #ddd;

font-size:14px;

}

.contact-info p{

margin-bottom:15px;

}

/* FOOTER */

.footer{

background: linear-gradient(135deg,#4f46e5,#7c3aed);

color:white;

padding:60px 8% 30px;

margin-top:80px;

}

.footer-container{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:40px;

}

.footer-col h3{

font-size:24px;

margin-bottom:15px;

}

.footer-col h4{

margin-bottom:15px;

}

.footer-col p{

line-height:1.6;

opacity:0.9;

}

.footer-col ul{

list-style:none;

padding:0;

}

.footer-col ul li{

margin-bottom:10px;

}

.footer-col ul li a{

color:white;

text-decoration:none;

opacity:0.9;

transition:0.3s;

}

.footer-col ul li a:hover{

opacity:1;

padding-left:6px;

}

.footer-social{

margin-top:15px;

}

.footer-social a{

font-size:20px;

margin-right:10px;

text-decoration:none;

transition:0.3s;

}

.footer-social a:hover{

transform:scale(1.2);

}

.footer-bottom{

text-align:center;

margin-top:40px;

border-top:1px solid rgba(255,255,255,0.2);

padding-top:20px;

font-size:14px;

opacity:0.8;

}

/* ===== FOOTER UPGRADE ===== */

.footer{

background: linear-gradient(135deg,#4f46e5,#7c3aed);

color:white;

padding:70px 8% 30px;

margin-top:80px;

position:relative;

overflow:hidden;

}

/* animated light effect */

.footer::before{

content:"";

position:absolute;

width:200%;

height:200%;

top:-50%;

left:-50%;

background: radial-gradient(circle, rgba(255,255,255,0.15) 2%, transparent 2%);

background-size:40px 40px;

animation:footerMove 30s linear infinite;

opacity:0.3;

}

@keyframes footerMove{

0%{transform:translate(0,0)}

100%{transform:translate(100px,100px)}

}


/* footer layout */

.footer-container{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:40px;

position:relative;

z-index:2;

}


/* headings */

.footer-col h3,
.footer-col h4{

margin-bottom:15px;

font-weight:600;

}


/* text */

.footer-col p{

line-height:1.6;

opacity:0.9;

}


/* links */

.footer-col ul{

list-style:none;

padding:0;

}

.footer-col ul li{

margin-bottom:10px;

}

.footer-col ul li a{

color:white;

text-decoration:none;

opacity:0.85;

transition:all 0.3s ease;

position:relative;

}

/* animated underline */

.footer-col ul li a::after{

content:"";

position:absolute;

left:0;

bottom:-2px;

width:0%;

height:2px;

background:white;

transition:0.3s;

}

.footer-col ul li a:hover{

opacity:1;

padding-left:6px;

}

.footer-col ul li a:hover::after{

width:100%;

}


/* social icons */

.footer-social a{

font-size:20px;

margin-right:12px;

display:inline-block;

transition:all 0.3s ease;

}

.footer-social a:hover{

transform:scale(1.3) rotate(8deg);

}


/* footer bottom */

.footer-bottom{

text-align:center;

margin-top:40px;

border-top:1px solid rgba(255,255,255,0.25);

padding-top:20px;

font-size:14px;

opacity:0.9;

}


/* responsive */

@media (max-width:768px){

.footer{

text-align:center;

}

.footer-container{

grid-template-columns:1fr;

}

}

/* ===== PREMIUM FOOTER LOGO ===== */

.footer-logo{

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

margin-bottom:50px;

position:relative;

}

/* logo card */

.footer-logo img{

height:75px;

background:rgba(255,255,255,0.95);

padding:14px 35px;

border-radius:20px;

box-shadow:
0 10px 30px rgba(0,0,0,0.25);

transition:all 0.35s ease;

}

/* glow ring */

.footer-logo::before{

content:"";

position:absolute;

width:220px;
height:90px;

background:linear-gradient(
90deg,
#60a5fa,
#a78bfa,
#60a5fa
);

filter:blur(25px);

opacity:0.5;

z-index:-1;

}

/* hover effect */

.footer-logo img:hover{

transform:translateY(-6px) scale(1.05);

box-shadow:
0 20px 50px rgba(0,0,0,0.35);

}

/* STATS BOX */

.hero-stats{

display:flex;
gap:30px;
flex-wrap:wrap;

margin-top:30px;

}

.stat{

flex:1;

min-width:200px;

text-align:center;

padding:20px;

background:white;

border-radius:16px;

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

transition:0.3s;

}

.stat:hover{

transform:translateY(-6px);

}

/* number */

.stat h2{

font-size:32px;

color:#2563eb;

margin-bottom:6px;

}

/* text */

.stat p{

font-size:15px;

color:#1f2937;

word-wrap:break-word;

line-height:1.4;

}

/* ===== PREMIUM MAP SECTION ===== */

.map-section{

padding:80px 8%;

background:linear-gradient(
135deg,
#dbeafe,
#e0e7ff,
#ede9fe
);

text-align:center;

}

.map-title{

font-size:32px;

margin-bottom:40px;

color:#1e3a8a;

}


/* wrapper */

.map-wrapper{

position:relative;

max-width:1000px;

margin:auto;

border-radius:25px;

overflow:hidden;

box-shadow:
0 20px 50px rgba(0,0,0,0.15);

transition:0.4s;

}

.map-wrapper:hover{

transform:scale(1.01);

box-shadow:
0 30px 70px rgba(0,0,0,0.25);

}


/* iframe */

.map-wrapper iframe{

width:100%;

height:450px;

border:0;

filter:saturate(1.1);

}


/* glass card */

.map-card{

position:absolute;

bottom:20px;

left:20px;

background:rgba(255,255,255,0.9);

backdrop-filter:blur(8px);

padding:20px;

border-radius:15px;

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

text-align:left;

max-width:260px;

animation:floatCard 4s infinite ease-in-out;

}


@keyframes floatCard{

0%{transform:translateY(0px)}

50%{transform:translateY(-6px)}

100%{transform:translateY(0px)}

}


.map-card h3{

color:#4338ca;

margin-bottom:8px;

}

.map-card p{

font-size:14px;

color:#111;

line-height:1.4;

}

/* ===== CLAY STATS FINAL ===== */

.hero-stats{
display:flex;
gap:30px;
flex-wrap:wrap;
justify-content:center;
margin-top:40px;
}

/* background same as section */

.hero{
background:#cfd8e6;
}

/* clay box */

.stat{

background:#cfd8e6;

padding:35px;

border-radius:28px;

min-width:280px;

text-align:center;

/* clay shadow */

box-shadow:
12px 12px 25px #aab4c3,
-12px -12px 25px #e6eef8;

transition:0.3s ease;

}


/* hover press effect */

.stat:hover{

box-shadow:
inset 8px 8px 16px #aab4c3,
inset -8px -8px 16px #e6eef8;

transform:scale(1.02);

}


/* number */

.stat h2{

font-size:38px;

color:#2563eb;

margin-bottom:8px;

font-weight:700;

}


/* text */

.stat p{

font-size:16px;

color:#111827;

}

/* ===== FORCE BLUE BACKGROUND ===== */

.hero{
background:#dbeafe !important;
}


/* ===== WHITE CLAY STATS ===== */

.hero-stats .stat{

background:#ffffff !important;

border-radius:28px !important;

box-shadow:
8px 8px 18px #b8c6db,
-8px -8px 18px #ffffff !important;

transition:0.3s;

}


/* hover press */

.hero-stats .stat:hover{

box-shadow:
inset 6px 6px 12px #b8c6db,
inset -6px -6px 12px #ffffff !important;

transform:scale(1.02);

}


/* number color */

.hero-stats .stat h2{
color:#2563eb !important;
}


/* text color */

.hero-stats .stat p{
color:#111827 !important;
}

/* ========================= */
/* GLOBAL HOVER ANIMATION */
/* ========================= */

.hero button,
.hero .btn,
.hero .btn-outline,
.hero .widget,
.hero .chip,
.hero .stat,
.hero .feature,
.hero .finder-widget,
.hero select,
.hero input,
.hero .hero-stats .stat,
.hero .hero-widgets .widget {

transition: all 0.35s ease;
cursor: pointer;

}


/* ===== lift effect ===== */

.hero button:hover,
.hero .btn:hover,
.hero .btn-outline:hover,
.hero .widget:hover,
.hero .chip:hover,
.hero .stat:hover,
.hero .feature:hover,
.hero .finder-widget:hover,
.hero .hero-widgets .widget:hover,
.hero select:hover {

transform: translateY(-6px) scale(1.02);

box-shadow:
0 15px 30px rgba(0,0,0,0.15),
0 5px 10px rgba(0,0,0,0.08);

}


/* ===== press effect ===== */

.hero button:active,
.hero .widget:active,
.hero .stat:active {

transform: scale(0.96);

box-shadow:
inset 4px 4px 8px rgba(0,0,0,0.2),
inset -4px -4px 8px rgba(255,255,255,0.6);

}


/* ===== gradient glow on hover ===== */

.hero .widget:hover,
.hero .stat:hover {

background: linear-gradient(
135deg,
#ffffff,
#f1f5ff
);

}


/* ===== button glow ===== */

.hero .btn:hover {

box-shadow:
0 0 15px #6366f1,
0 0 25px #3b82f6;

}


/* ===== outline button hover ===== */

.hero .btn-outline:hover {

background: linear-gradient(
45deg,
#3b82f6,
#7c3aed
);

color:white;
border:none;

}






/* ===== SERVICES ALIGN FIX ===== */

.services-grid,
.services-extra{

display:grid !important;

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

gap:30px !important;

align-items:stretch !important;

}


/* responsive */

@media (max-width:1000px){

.services-grid,
.services-extra{

grid-template-columns:repeat(2,1fr) !important;

}

}

@media (max-width:600px){

.services-grid,
.services-extra{

grid-template-columns:1fr !important;

}

}


/* same height */

.service-card,
.service-box{

height:140px !important;

display:flex !important;

flex-direction:column !important;

justify-content:center !important;

}


/* text spacing */

.service-card h3,
.service-box h3{

margin-bottom:6px !important;

}


.service-card p,
.service-box p{

margin:0 !important;

}

/* ========================= */
/* SCATTERED SERVICES MODE */
/* ========================= */

.services-grid,
.services-extra{

display:flex !important;

flex-wrap:wrap !important;

gap:40px !important;

justify-content:center;

position:relative;

}


/* base card */

.service-card,
.service-box{

width:280px !important;

height:140px !important;

background:white !important;

border-radius:20px;

padding:20px;

position:relative;

transition:0.4s;

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

}


/* random scattered positions */

.service-box:nth-child(1){ transform:rotate(-6deg) translateY(10px); }
.service-box:nth-child(2){ transform:rotate(5deg) translateY(-10px); }
.service-box:nth-child(3){ transform:rotate(-3deg) translateY(20px); }
.service-box:nth-child(4){ transform:rotate(7deg) translateY(-5px); }
.service-box:nth-child(5){ transform:rotate(-5deg) translateY(15px); }
.service-box:nth-child(6){ transform:rotate(4deg) translateY(-15px); }
.service-box:nth-child(7){ transform:rotate(-8deg) translateY(10px); }
.service-box:nth-child(8){ transform:rotate(6deg) translateY(-10px); }


/* hover effect */

.service-card:hover,
.service-box:hover{

transform:
rotate(0deg)
scale(1.15)
translateY(-10px) !important;

z-index:10;

box-shadow:
0 30px 60px rgba(0,0,0,0.3);

}

/* ===== BIG HOVER SERVICES ===== */

.service-card:hover,
.service-box:hover{

transform:
rotate(0deg)
scale(1.45)
translateY(-20px) !important;

z-index:999 !important;

box-shadow:
0 40px 80px rgba(0,0,0,0.35) !important;

}

/* allow zoom outside container */

.services,
.services-grid,
.services-extra{

overflow:visible !important;

}


/* card base */

.service-card,
.service-box{

position:relative !important;

z-index:1;

transition:transform 0.4s ease;

}


/* BIG HOVER */

.service-card:hover,
.service-box:hover{

transform:scale(1.6) !important;

z-index:1000 !important;

box-shadow:
0 40px 80px rgba(0,0,0,0.4) !important;

}

/* ===== SERVICES FINAL FIX ===== */

.services{

text-align:center;
padding:80px 5%;

}


/* container */

.services-grid,
.services-extra{

display:flex !important;
flex-wrap:wrap !important;
justify-content:center !important;
align-items:center !important;

gap:50px;

position:relative;

}


/* card base */

.service-card,
.service-box{

width:260px;
min-height:130px;

background:white;

border-radius:20px;

padding:20px;

box-shadow:
0 15px 30px rgba(0,0,0,0.15);

transition:0.4s;

position:relative;

z-index:1;

}


/* scattered rotation */

.service-box:nth-child(1){ transform:rotate(-6deg); }
.service-box:nth-child(2){ transform:rotate(5deg); }
.service-box:nth-child(3){ transform:rotate(-4deg); }
.service-box:nth-child(4){ transform:rotate(7deg); }
.service-box:nth-child(5){ transform:rotate(-5deg); }
.service-box:nth-child(6){ transform:rotate(4deg); }
.service-box:nth-child(7){ transform:rotate(-7deg); }
.service-box:nth-child(8){ transform:rotate(6deg); }


/* hover pop */

.service-card:hover,
.service-box:hover{

transform:
rotate(0deg)
scale(1.35)
translateY(-10px);

z-index:999;

box-shadow:
0 40px 80px rgba(0,0,0,0.35);

}


/* allow zoom */

.services,
.services-grid,
.services-extra{

overflow:visible;

}

/* ===== SERVICES FINAL CLEAN ===== */

.services{

background:linear-gradient(
135deg,
#dbeafe,
#e0e7ff,
#ede9fe
) !important;

padding:90px 6% !important;

text-align:center;

}


/* grid layout */

.services-grid,
.services-extra{

display:grid !important;

grid-template-columns:
repeat(auto-fit,minmax(280px,1fr)) !important;

gap:30px !important;

justify-content:center;

}


/* card */

.service-card,
.service-box{

background:white !important;

border-radius:22px !important;

padding:25px !important;

box-shadow:
0 15px 35px rgba(0,0,0,0.15);

transition:0.35s;

position:relative;

overflow:hidden;

}


/* purple blue glow border */

.service-card::before,
.service-box::before{

content:"";

position:absolute;

inset:0;

border-radius:22px;

padding:2px;

background:linear-gradient(
45deg,
#2563eb,
#7c3aed,
#60a5fa,
#2563eb
);

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;

mask-composite:exclude;

opacity:0;

transition:0.3s;

}


/* show border on hover */

.service-card:hover::before,
.service-box:hover::before{

opacity:1;

}


/* hover pop */

.service-card:hover,
.service-box:hover{

transform:translateY(-12px) scale(1.05);

box-shadow:
0 25px 60px rgba(0,0,0,0.25);

}


/* title */

.service-card h3,
.service-box h3{

color:#2563eb !important;

font-size:18px;

margin-bottom:8px;

}


/* text */

.service-card p,
.service-box p{

color:#1e293b !important;

}


/* heading */

.services h2{

color:#1e3a8a;

margin-bottom:30px;

font-size:32px;

}

/* ===== FORCE STRAIGHT SERVICES ===== */

.services-grid,
.services-extra{

display:grid !important;

grid-template-columns:
repeat(auto-fit,minmax(280px,1fr)) !important;

gap:30px !important;

justify-content:center !important;

}


/* remove all rotation */

.service-card,
.service-box{

transform:none !important;

rotate:0deg !important;

}


/* remove scattered nth child */

.service-box:nth-child(1),
.service-box:nth-child(2),
.service-box:nth-child(3),
.service-box:nth-child(4),
.service-box:nth-child(5),
.service-box:nth-child(6),
.service-box:nth-child(7),
.service-box:nth-child(8){

transform:none !important;

}


/* clean hover */

.service-card:hover,
.service-box:hover{

transform:translateY(-10px) scale(1.05) !important;

z-index:10;

}


/* alignment fix */

.services{

text-align:center;

padding:80px 6%;

}

/* ===== FINAL SERVICES ALIGN ===== */

.services{

padding:80px 6% !important;
text-align:center;

}


/* GRID FORCE */

.services-grid,
.services-extra{

display:grid !important;

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

gap:30px !important;

max-width:1100px;

margin:40px auto;

}


/* CARD */

.service-card,
.service-box{

background:white !important;

border-radius:20px !important;

padding:25px !important;

height:140px;

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

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

transform:none !important;
rotate:0deg !important;

transition:0.3s;

}


/* HOVER */

.service-card:hover,
.service-box:hover{

transform:translateY(-8px) scale(1.04) !important;

box-shadow:
0 20px 40px rgba(0,0,0,0.25);

z-index:10;

}


/* TITLE */

.service-card h3,
.service-box h3{

color:#2563eb;
margin-bottom:6px;

}


/* TEXT */

.service-card p,
.service-box p{

text-align:center;

}


/* RESPONSIVE */

@media(max-width:900px){

.services-grid,
.services-extra{

grid-template-columns:repeat(2,1fr) !important;

}

}

@media(max-width:600px){

.services-grid,
.services-extra{

grid-template-columns:1fr !important;

}

}

/* ===== FINAL SERVICES ALIGN ===== */

.services{

padding:80px 6% !important;
text-align:center;

}


/* GRID FORCE */

.services-grid,
.services-extra{

display:grid !important;

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

gap:30px !important;

max-width:1100px;

margin:40px auto;

}


/* CARD */

.service-card,
.service-box{

background:white !important;

border-radius:20px !important;

padding:25px !important;

height:140px;

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

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

transform:none !important;
rotate:0deg !important;

transition:0.3s;

}


/* HOVER */

.service-card:hover,
.service-box:hover{

transform:translateY(-8px) scale(1.04) !important;

box-shadow:
0 20px 40px rgba(0,0,0,0.25);

z-index:10;

}


/* TITLE */

.service-card h3,
.service-box h3{

color:#2563eb;
margin-bottom:6px;

}


/* TEXT */

.service-card p,
.service-box p{

text-align:center;

}


/* RESPONSIVE */

@media(max-width:900px){

.services-grid,
.services-extra{

grid-template-columns:repeat(2,1fr) !important;

}

}

@media(max-width:600px){

.services-grid,
.services-extra{

grid-template-columns:1fr !important;

}

}

/* ===== FINAL SERVICES ALIGN ===== */

.services{

padding:80px 6% !important;
text-align:center;

}


/* GRID FORCE */

.services-grid,
.services-extra{

display:grid !important;

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

gap:30px !important;

max-width:1100px;

margin:40px auto;

}


/* CARD */

.service-card,
.service-box{

background:white !important;

border-radius:20px !important;

padding:25px !important;

height:140px;

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

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

transform:none !important;
rotate:0deg !important;

transition:0.3s;

}


/* HOVER */

.service-card:hover,
.service-box:hover{

transform:translateY(-8px) scale(1.04) !important;

box-shadow:
0 20px 40px rgba(0,0,0,0.25);

z-index:10;

}


/* TITLE */

.service-card h3,
.service-box h3{

color:#2563eb;
margin-bottom:6px;

}


/* TEXT */

.service-card p,
.service-box p{

text-align:center;

}


/* RESPONSIVE */

@media(max-width:900px){

.services-grid,
.services-extra{

grid-template-columns:repeat(2,1fr) !important;

}

}

@media(max-width:600px){

.services-grid,
.services-extra{

grid-template-columns:1fr !important;

}

}

.service-box h3{

display:flex;
align-items:center;
gap:8px;

font-size:18px;

}

.services h2{

display:block !important;

width:100%;

text-align:center !important;

font-size:32px;

color:#1e3a8a;

margin-bottom:40px !important;

margin-top:0 !important;

position:relative;

z-index:5;

}

.services h2{

display:block !important;

width:100%;

text-align:center !important;

font-size:32px;

color:#1e3a8a;

margin-bottom:40px !important;

margin-top:0 !important;

position:relative;

z-index:5;

}

.services h2{

margin-top:40px !important;

}

/* ===== FORCE SHOW SERVICES HEADING ===== */

.services h2{

display:block !important;

visibility:visible !important;

opacity:1 !important;

position:relative !important;

z-index:9999 !important;

font-size:34px !important;

text-align:center !important;

color:#1e3a8a !important;

margin:40px 0 40px 0 !important;

}


/* make sure section not hiding */

.services{

overflow:visible !important;

padding-top:120px !important;

}

.admit-list{

margin-top:12px;

display:flex;
flex-direction:column;

gap:8px;

}

.admit-item{

background:white;

padding:8px 10px;

border-radius:10px;

font-size:14px;

box-shadow:0 5px 10px rgba(0,0,0,0.1);

transition:0.3s;

}

.admit-item:hover{

transform:scale(1.03);

box-shadow:0 10px 20px rgba(0,0,0,0.2);

}

/* ============================= */
/* GLOBAL FINAL THEME */
/* ============================= */

body{
background:linear-gradient(
180deg,
#dbeafe,
#e0e7ff,
#ede9fe
) !important;
}


/* sections */

section{
background:transparent !important;
}


/* ============================= */
/* NAVBAR FINAL */
/* ============================= */

.navbar{

background:linear-gradient(
90deg,
#4f46e5,
#7c3aed
) !important;

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

}

.nav-links a{
color:white !important;
}

.nav-links a:hover{
color:#e0e7ff !important;
}


/* ============================= */
/* PAGE HERO */
/* ============================= */

.page-hero{

background:linear-gradient(
135deg,
#dbeafe,
#e0e7ff,
#ede9fe
) !important;

border-radius:20px;

box-shadow:
8px 8px 18px #b8c6db,
-8px -8px 18px #ffffff;

}


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

.service-card,
.service-box,
.country,
.success-card,
.process-card,
.mission-card,
.stat,
.widget,
.finder-form,
.contact-form,
.map-card{

background:white !important;

border-radius:20px !important;

box-shadow:
8px 8px 18px #b8c6db,
-8px -8px 18px #ffffff !important;

transition:0.3s;

}


/* hover */

.service-card:hover,
.service-box:hover,
.country:hover,
.success-card:hover,
.process-card:hover,
.stat:hover,
.widget:hover,
.finder-form:hover,
.contact-form:hover,
.map-card:hover{

transform:translateY(-6px) scale(1.02);

box-shadow:
0 20px 40px rgba(0,0,0,0.2);

}


/* ============================= */
/* BUTTON FINAL */
/* ============================= */

.btn{

background:linear-gradient(
90deg,
#2563eb,
#7c3aed
) !important;

color:white !important;

border:none;

border-radius:40px;

}

.btn-outline{

border:2px solid #2563eb;

color:#2563eb;

background:white;

}

.btn:hover{

transform:translateY(-3px);

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

}


/* ============================= */
/* SERVICES GRID FIX */
/* ============================= */

.services-grid,
.services-extra{

display:grid !important;

grid-template-columns:
repeat(auto-fit,minmax(260px,1fr)) !important;

gap:30px !important;

}


/* ============================= */
/* HERO STATS */
/* ============================= */

.hero-stats .stat{

background:white !important;

border-radius:25px;

box-shadow:
8px 8px 18px #b8c6db,
-8px -8px 18px #ffffff;

}


/* ============================= */
/* CONTACT GRID */
/* ============================= */

.contact-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

}


/* ============================= */
/* FINDER */
/* ============================= */

.finder-form{

display:flex;
gap:15px;
flex-wrap:wrap;

padding:25px;

}


/* ============================= */
/* MAP */
/* ============================= */

.map-wrapper{

border-radius:25px;

overflow:hidden;

box-shadow:
0 20px 50px rgba(0,0,0,0.2);

}


/* ============================= */
/* FOOTER FINAL */
/* ============================= */

.footer{

background:linear-gradient(
135deg,
#4f46e5,
#7c3aed
) !important;

color:white;

box-shadow:0 -10px 30px rgba(0,0,0,0.3);

}


/* footer logo */

.footer-logo img{

background:white;

padding:10px 25px;

border-radius:15px;

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

}


/* ============================= */
/* TEXT COLORS */
/* ============================= */

h1,h2,h3{
color:#1e3a8a;
}

p{
color:#1f2937;
}


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

button,
.card,
.service-card,
.country,
.success-card,
.process-card{

transition:0.3s;

}

button:hover,
.card:hover,
.service-card:hover,
.country:hover,
.success-card:hover,
.process-card:hover{

transform:translateY(-5px);

}


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

@media(max-width:900px){

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

}

/* ======================= */
/* FULL CLAY THEME */
/* ======================= */

body{

background:#dbeafe !important;

}


/* ALL SECTIONS CLAY */

section,
.hero,
.page-hero,
.services,
.stats,
.finder,
.cta-section,
.contact-section,
.map-section{

background:#dbeafe !important;

border-radius:25px;

box-shadow:

12px 12px 25px #b8c6db,
-12px -12px 25px #ffffff;

margin:20px !important;

padding:60px !important;

}


/* CARDS */

.service-card,
.service-box,
.country,
.success-card,
.process-card,
.mission-card,
.stat,
.widget,
.contact-form,
.map-card,
.footer-col,
.finder-form{

background:#dbeafe !important;

border-radius:25px !important;

box-shadow:

8px 8px 18px #b8c6db,
-8px -8px 18px #ffffff !important;

}


/* BUTTON CLAY */

.btn{

background:#dbeafe !important;

color:#1e3a8a !important;

box-shadow:

6px 6px 14px #b8c6db,
-6px -6px 14px #ffffff;

border:none;

}

.btn:hover{

box-shadow:

inset 6px 6px 12px #b8c6db,
inset -6px -6px 12px #ffffff;

}


/* NAVBAR CLAY */

.navbar{

background:#dbeafe !important;

box-shadow:

8px 8px 18px #b8c6db,
-8px -8px 18px #ffffff;

}

.nav-links a{
color:#1e3a8a !important;
}


/* HERO STATS */

.hero-stats .stat{

background:#dbeafe !important;

box-shadow:

8px 8px 18px #b8c6db,
-8px -8px 18px #ffffff;

}


/* FOOTER CLAY */

.footer{

background:#dbeafe !important;

color:#1e3a8a !important;

box-shadow:

-8px -8px 18px #ffffff,
8px 8px 18px #b8c6db;

}


/* MAP */

.map-wrapper{

box-shadow:

8px 8px 18px #b8c6db,
-8px -8px 18px #ffffff;

}


/* CONTACT */

.contact-form{

background:#dbeafe !important;

}


/* FINDER */

.finder-form{

background:#dbeafe !important;

}


/* TEXT */

h1,h2,h3{
color:#1e3a8a !important;
}

p{
color:#1f2937 !important;
}

/* ===== FOOTER STRUCTURE FIX ===== */

.footer-container{

display:grid !important;

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

gap:40px !important;

max-width:1200px;

margin:auto;

align-items:stretch;

}


/* equal boxes */

.footer-col{

text-align:center;

padding:25px;

border-radius:25px;

background:#dbeafe;

box-shadow:

8px 8px 18px #b8c6db,
-8px -8px 18px #ffffff;

display:flex;

flex-direction:column;

justify-content:center;

}


/* heading */

.footer-col h3,
.footer-col h4{

margin-bottom:15px;

color:#1e3a8a;

}


/* text */

.footer-col p,
.footer-col li{

color:#1f2937;

line-height:1.6;

}


/* links */

.footer-col ul{

list-style:none;

padding:0;

}

.footer-col ul li{

margin:6px 0;

}


/* responsive */

@media(max-width:900px){

.footer-container{

grid-template-columns:1fr 1fr !important;

}

}

@media(max-width:600px){

.footer-container{

grid-template-columns:1fr !important;

}

}

/* ===== FOOTER TEXT FIX ===== */

.footer-col ul li a{

color:#1e3a8a !important;

font-weight:500;

}

.footer-col ul li a:hover{

color:#2563eb !important;

}


/* headings */

.footer-col h3,
.footer-col h4{

color:#1e3a8a !important;

}


/* paragraph */

.footer-col p{

color:#1f2937 !important;

}


/* icons */

.footer-social a{

color:#2563eb !important;

}

/* ===== COUNTRY WIDGET ===== */

.country{

padding:25px;

}


.country-list{

display:flex;

flex-wrap:wrap;

gap:10px;

margin-top:10px;

}


/* country pill */

.country-list span{

background:#dbeafe;

padding:6px 12px;

border-radius:20px;

font-size:13px;

box-shadow:

4px 4px 8px #b8c6db,
-4px -4px 8px #ffffff;

transition:0.3s;

}


/* hover animation */

.country-list span:hover{

transform:translateY(-4px) scale(1.1);

box-shadow:

0 10px 20px rgba(0,0,0,0.2);

background:#bfdbfe;

}


/* widget hover */

.widget.country:hover{

transform:translateY(-6px);

box-shadow:

0 20px 40px rgba(0,0,0,0.2);

}

/* ========================= */
/* PREMIUM COUNTRY WIDGET */
/* ========================= */

.glass{

background:rgba(255,255,255,0.35);

backdrop-filter:blur(12px);

border-radius:20px;

position:relative;

overflow:hidden;

}


/* glowing border */

.glass::before{

content:"";

position:absolute;

inset:0;

border-radius:20px;

padding:2px;

background:linear-gradient(
45deg,
#2563eb,
#7c3aed,
#60a5fa,
#2563eb
);

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;

mask-composite:exclude;

animation:borderGlow 4s linear infinite;

}


@keyframes borderGlow{

0%{filter:hue-rotate(0deg)}
100%{filter:hue-rotate(360deg)}

}


/* ticker */

.ticker{

overflow:hidden;

width:100%;

margin-top:10px;

}


.ticker-track{

display:flex;

gap:15px;

width:max-content;

animation:scrollTicker 18s linear infinite;

}


@keyframes scrollTicker{

0%{transform:translateX(0)}
100%{transform:translateX(-50%)}

}


/* country pills */

.ticker-track span{

background:#dbeafe;

padding:6px 12px;

border-radius:20px;

font-size:13px;

white-space:nowrap;

box-shadow:

4px 4px 8px #b8c6db,
-4px -4px 8px #ffffff;

transition:0.3s;

}


/* hover animation */

.ticker-track span:hover{

transform:translateY(-4px) scale(1.15);

background:#bfdbfe;

box-shadow:

0 10px 25px rgba(0,0,0,0.25);

}


/* widget hover */

.widget.country:hover{

transform:translateY(-6px) scale(1.02);

box-shadow:

0 25px 50px rgba(0,0,0,0.25);

}

/* ===== HERO WIDGET LAYOUT FIX ===== */

.hero-widgets{

display:flex;

flex-direction:column;

gap:25px;

width:100%;

max-width:420px;

margin:auto;

}


/* same width for all widgets */

.hero-widgets .widget{

width:100%;

box-sizing:border-box;

}


/* recent admit box fix */

.widget.success{

width:100%;

}


/* country widget fix */

.widget.country{

width:100%;

}


/* remove extra stretch */

.widget{

padding:20px;

border-radius:18px;

}


/* ticker fix */

.ticker{

width:100%;

overflow:hidden;

}


/* heading align */

.widget h3{

margin-bottom:10px;

font-size:18px;

}

/* ===== HERO WIDGET LAYOUT FIX ===== */

.hero-widgets{

display:flex;

flex-direction:column;

gap:25px;

width:100%;

max-width:420px;

margin:auto;

}


/* same width for all widgets */

.hero-widgets .widget{

width:100%;

box-sizing:border-box;

}


/* recent admit box fix */

.widget.success{

width:100%;

}


/* country widget fix */

.widget.country{

width:100%;

}


/* remove extra stretch */

.widget{

padding:20px;

border-radius:18px;

}


/* ticker fix */

.ticker{

width:100%;

overflow:hidden;

}


/* heading align */

.widget h3{

margin-bottom:10px;

font-size:18px;

}

/* ========================= */
/* WORLD MAP BACKGROUND */
/* ========================= */

.map-widget{

position:relative;
overflow:hidden;

}


/* map image */

.map-bg{

position:absolute;

inset:0;

background:url("https://upload.wikimedia.org/wikipedia/commons/8/80/World_map_-_low_resolution.svg");

background-size:cover;

opacity:0.08;

animation:mapMove 40s linear infinite;

}


@keyframes mapMove{

0%{transform:translateX(0)}
100%{transform:translateX(-50px)}

}


/* ========================= */
/* PLANE ANIMATION */
/* ========================= */
.plane{

position:absolute;

top:35%;
left:-60px;

width:50px;
height:50px;

animation:flyPlane 10s linear infinite;

z-index:2;

}


@keyframes flyPlane{

0%{

left:-40px;
top:40%;

}

50%{

top:20%;

}

100%{

left:110%;
top:35%;

}

}


/* ========================= */
/* PARTICLES */
/* ========================= */

.map-widget::after{

content:"";

position:absolute;

inset:0;

background:radial-gradient(
circle,
rgba(255,255,255,0.3) 2px,
transparent 2px
);

background-size:30px 30px;

opacity:0.15;

animation:particles 20s linear infinite;

}


@keyframes particles{

0%{transform:translateY(0)}
100%{transform:translateY(-100px)}

}

/* ===================== */
/* MINI REVIEWS WIDGET */
/* ===================== */

.review-mini{

height:140px;

overflow:hidden;

margin-top:10px;

}


.review-mini-track{

display:flex;

flex-direction:column;

gap:8px;

animation:reviewMiniScroll 12s linear infinite;

}


@keyframes reviewMiniScroll{

0%{transform:translateY(0)}
100%{transform:translateY(-50%)}

}


.review-mini-card{

background:rgba(255,255,255,0.7);

padding:6px 8px;

border-radius:10px;

font-size:13px;

box-shadow:

4px 4px 8px #b8c6db,
-4px -4px 8px #ffffff;

transition:0.3s;

}


.review-mini-card:hover{

transform:scale(1.05);

box-shadow:

0 10px 20px rgba(0,0,0,0.2);

}

/* ===== REVIEWS WIDGET FIX ===== */

.reviews-widget{

width:100%;

padding:18px;

border-radius:18px;

background:rgba(255,255,255,0.35);

backdrop-filter:blur(10px);

box-shadow:
8px 8px 18px #b8c6db,
-8px -8px 18px #ffffff;

overflow:hidden;

}


/* title */

.reviews-widget h3{

margin-bottom:10px;

font-size:18px;

color:#1e3a8a;

}


/* container */

.review-big{

height:140px;

overflow:hidden;

position:relative;

}


/* track */

.review-big-track{

display:flex;

flex-direction:column;

gap:10px;

animation:reviewScrollBig 20s linear infinite;

}


/* animation */

@keyframes reviewScrollBig{

0%{transform:translateY(0)}
100%{transform:translateY(-50%)}

}


/* card */

.review-big-card{

background:white;

padding:8px 10px;

border-radius:10px;

font-size:13px;

line-height:1.4;

box-shadow:

4px 4px 8px #b8c6db,
-4px -4px 8px #ffffff;

}


/* stars spacing */

.review-big-card span{

margin-right:3px;

}


/* hover */

.review-big-card:hover{

transform:scale(1.03);

box-shadow:
0 8px 18px rgba(0,0,0,0.2);

}

.premium-finder{

display:flex;
flex-wrap:wrap;
gap:10px;

background:white;

padding:15px;

border-radius:14px;

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

}

.premium-finder select{

padding:8px;

border-radius:8px;

border:1px solid #ccc;

}

.university-results{

margin-top:20px;

display:grid;

grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

gap:10px;

}

.uni-card{

background:white;

padding:10px;

border-radius:10px;

box-shadow:0 5px 15px rgba(0,0,0,0.1);

}

.success-card img{

width:100%;
height:200px;

object-fit:cover;

border-radius:12px;

margin-bottom:10px;

}

.success-card img{

width:100%;
height:220px;

object-fit:cover;

border-radius:14px;

display:block;

}

.university-results{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(200px,1fr));

gap:20px;

padding:40px;

}

.uni-card{

background:white;

padding:15px;

border-radius:12px;

box-shadow:0 5px 15px rgba(0,0,0,0.1);

}

```css
.about-advanced-section{
    padding:100px 8%;
    background:linear-gradient(180deg,#dce7f7,#edf3fc);
}

.about-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
    margin-bottom:80px;
}

.about-left{
    flex:1;
}

.about-tag{
    display:inline-block;
    background:#1f4b99;
    color:white;
    padding:10px 20px;
    border-radius:50px;
    margin-bottom:20px;
    font-size:14px;
}

.about-left h2{
    font-size:48px;
    color:#173c84;
    margin-bottom:20px;
    line-height:1.2;
}

.about-left p{
    font-size:18px;
    color:#333;
    line-height:1.8;
    margin-bottom:20px;
}

.about-buttons{
    display:flex;
    gap:20px;
    margin-top:30px;
}

.btn-outline{
    background:transparent;
    border:2px solid #1f4b99;
    color:#1f4b99;
}

.about-right{
    flex:1;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:500px;
}

.about-main-card{
    width:70%;
}

.about-main-card img{
    width:100%;
    height:420px;
    object-fit:cover;
    border-radius:30px;
    box-shadow:0 20px 50px rgba(0,0,0,0.15);
}

.card-1{
    top:20px;
    left:20px;
}

.card-2{
    bottom:40px;
    left:40px;
}

.card-3{
    top:50%;
    right:20px;
    transform:translateY(-50%);
}

.about-features-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-bottom:100px;
}

.feature-box{
    background:white;
    padding:35px;
    border-radius:25px;
    transition:0.4s;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.feature-box:hover{
    transform:translateY(-12px);
}

.feature-icon{
    font-size:40px;
    margin-bottom:15px;
}

.feature-box h3{
    margin-bottom:15px;
    color:#173c84;
}

.feature-box p{
    color:#555;
    line-height:1.7;
}

.about-timeline{
    margin:80px 0;
}

.timeline-item{
    margin-bottom:30px;
}

.timeline-content{
    background:white;
    padding:25px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:0.4s;
}

.timeline-content:hover{
    transform:translateY(-8px);
}

.timeline-content h3{
    color:#173c84;
    margin-bottom:10px;
}

.about-marquee{
    overflow:hidden;
    background:#1f4b99;
    border-radius:50px;
    padding:20px 0;
    margin-top:50px;
}

.marquee-track{
    display:flex;
    gap:50px;
    width:max-content;
    color:white;
    font-size:20px;
    animation:marquee 20s linear infinite;
}

@keyframes float{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-10px);
    }
    100%{
        transform:translateY(0px);
    }
}

@keyframes marquee{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}

@media(max-width:992px){

    .about-top{
        flex-direction:column;
    }

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

    .card-1,
    .card-2,
    .card-3{
        position:static;
        margin-top:20px;
    }
}

@media(max-width:768px){

    .about-features-grid{
        grid-template-columns:1fr;
    }

    .about-left h2{
        font-size:36px;
    }

    .about-buttons{
        flex-direction:column;
    }
}
/* ================= ABOUT HERO ADVANCED FIX ================= */

.about-advanced-section{
    padding:100px 6% !important;
    background:#dbeafe !important;
    border-radius:35px;
    position:relative;
    overflow:hidden;
}

.about-top{
    display:grid !important;
    grid-template-columns:1.1fr 0.9fr !important;
    gap:80px !important;
    align-items:center !important;
}

.about-left{
    position:relative;
    z-index:2;
}

.about-tag{
    display:inline-block;
    padding:14px 26px;
    background:linear-gradient(90deg,#2563eb,#4f46e5);
    color:white;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    margin-bottom:25px;
    box-shadow:0 10px 25px rgba(37,99,235,0.25);
}

.about-left h2{
    font-size:72px !important;
    line-height:1.1 !important;
    color:#1e3a8a !important;
    margin-bottom:30px !important;
    max-width:780px;
}

.about-left p{
    font-size:19px !important;
    line-height:1.9 !important;
    color:#1e293b !important;
    margin-bottom:22px !important;
    max-width:780px;
}

.about-buttons{
    display:flex;
    gap:20px;
    margin-top:35px;
    flex-wrap:wrap;
}

.about-buttons .btn,
.about-buttons .btn-outline{
    padding:16px 30px;
    border-radius:50px;
    font-size:16px;
    font-weight:600;
}

.about-buttons .btn{
    background:linear-gradient(90deg,#2563eb,#4f46e5) !important;
    color:white !important;
    border:none;
    box-shadow:0 15px 30px rgba(37,99,235,0.25);
}

.about-buttons .btn-outline{
    background:transparent !important;
    border:2px solid #2563eb !important;
    color:#2563eb !important;
}

.about-right{
    position:relative !important;
    min-height:650px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
}

.about-main-card{
    width:100% !important;
    max-width:500px !important;
    position:relative !important;
    z-index:1 !important;
}

.about-main-card img{
    width:100% !important;
    height:520px !important;
    object-fit:cover !important;
    border-radius:35px !important;
    box-shadow:0 25px 60px rgba(0,0,0,0.18) !important;
    display:block;
}

.card-1,
.card-2,
.card-3{
    position:absolute !important;
    background:rgba(255,255,255,0.92) !important;
    backdrop-filter:blur(10px);
    padding:22px 30px !important;
    border-radius:28px !important;
    box-shadow:0 18px 40px rgba(0,0,0,0.12) !important;
    min-width:210px !important;
    text-align:center !important;
    z-index:5 !important;
    animation:floatCard 5s ease-in-out infinite;
}

.card-1{
    top:20px !important;
    left:-40px !important;
}

.card-2{
    bottom:40px !important;
    left:-30px !important;
    animation-delay:1s;
}

.card-3{
    top:50% !important;
    right:-40px !important;
    transform:translateY(-50%) !important;
    animation-delay:2s;
}

.card-1 h3,
.card-2 h3,
.card-3 h3{
    font-size:42px !important;
    color:#1e40af !important;
    margin-bottom:5px !important;
}

.card-1 p,
.card-2 p,
.card-3 p{
    font-size:16px !important;
    color:#334155 !important;
    margin:0 !important;
}

@keyframes floatCard{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-12px);
    }
    100%{
        transform:translateY(0px);
    }
}

@media(max-width:1100px){

    .about-top{
        grid-template-columns:1fr !important;
    }

    .about-left{
        text-align:center;
    }

    .about-left p{
        margin-left:auto;
        margin-right:auto;
    }

    .about-buttons{
        justify-content:center;
    }

    .about-right{
        margin-top:50px;
    }
}

@media(max-width:768px){

    .about-advanced-section{
        padding:70px 5% !important;
    }

    .about-left h2{
        font-size:46px !important;
    }

    .about-left p{
        font-size:17px !important;
    }

    .about-right{
        min-height:auto !important;
    }

    .about-main-card img{
        height:400px !important;
    }

    .card-1,
    .card-2,
    .card-3{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;
        transform:none !important;
        margin-top:20px;
        width:100%;
    }
}
.about-left h2{
    font-size:58px !important;
    line-height:1.15 !important;
    max-width:650px !important;
}

.about-left p{
    font-size:17px !important;
    line-height:1.8 !important;
    max-width:650px !important;
}

.about-top{
    gap:50px !important;
}

.about-right{
    min-height:520px !important;
}

.about-main-card{
    max-width:420px !important;
}

.about-main-card img{
    height:430px !important;
}

.card-1,
.card-2,
.card-3{
    min-width:170px !important;
    padding:18px 22px !important;
    border-radius:22px !important;
}

.card-1 h3,
.card-2 h3,
.card-3 h3{
    font-size:30px !important;
}

.card-1 p,
.card-2 p,
.card-3 p{
    font-size:14px !important;
}

.card-1{
    top:10px !important;
    left:-20px !important;
}

.card-2{
    bottom:20px !important;
    left:-10px !important;
}

.card-3{
    right:-20px !important;
}
.process-flow-section {
    padding: 100px 8%;
    background: #dfe9f7;
}

.process-header {
    text-align: center;
    margin-bottom: 70px;
}

.process-tag {
    display: inline-block;
    background: linear-gradient(90deg, #1f4ba5, #4f46e5);
    color: white;
    padding: 10px 22px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.process-header h2 {
    font-size: 48px;
    color: #1e3a8a;
    margin-bottom: 15px;
}

.process-header p {
    font-size: 18px;
    color: #4b5563;
}

.process-flow {
    position: relative;
    max-width: 1100px;
    margin: auto;
}

.process-flow::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(to bottom, #1f4ba5, #4f46e5);
    transform: translateX(-50%);
    border-radius: 10px;
}

.flow-step {
    display: flex;
    align-items: center;
    margin-bottom: 70px;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: fadeUp 0.8s ease forwards;
}

.flow-step:nth-child(1) { animation-delay: 0.2s; }
.flow-step:nth-child(3) { animation-delay: 0.4s; }
.flow-step:nth-child(5) { animation-delay: 0.6s; }
.flow-step:nth-child(7) { animation-delay: 0.8s; }
.flow-step:nth-child(9) { animation-delay: 1s; }

.flow-step.left {
    justify-content: flex-start;
}

.flow-step.right {
    justify-content: flex-end;
}

.step-card {
    width: 42%;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(14px);
    padding: 30px;
    border-radius: 28px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    transition: 0.4s ease;
    position: relative;
}

.step-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 25px 50px rgba(31,75,165,0.15);
}

.step-card h3 {
    font-size: 24px;
    color: #1e3a8a;
    margin-bottom: 15px;
}

.step-card p {
    color: #4b5563;
    line-height: 1.8;
    font-size: 16px;
}

.step-circle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #1f4ba5, #4f46e5);
    color: white;
    border-radius: 50%;
    font-size: 26px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 30px rgba(31,75,165,0.25);
    z-index: 2;
    animation: pulse 2s infinite;
}

.flow-line {
    height: 40px;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(31,75,165,0.4);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(31,75,165,0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(31,75,165,0);
    }
}

@media (max-width: 900px) {
    .process-flow::before {
        left: 30px;
    }

    .flow-step {
        justify-content: flex-start !important;
        padding-left: 80px;
    }

    .step-circle {
        left: 30px;
    }

    .step-card {
        width: 100%;
    }

    .process-header h2 {
        font-size: 34px;
    }
}
.mission {
    padding: 100px 8%;
    background: #dfe9f7;
}

.mission-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.mission-card {
    position: relative;
    background: rgba(255,255,255,0.28);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 35px;
    padding: 45px 40px;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 20px 45px rgba(31, 75, 165, 0.08);
}

.mission-card::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 180px;
    height: 180px;
    background: linear-gradient(135deg, rgba(31,75,165,0.15), rgba(79,70,229,0.08));
    border-radius: 50%;
}

.mission-card::after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: -60px;
    width: 140px;
    height: 140px;
    background: linear-gradient(135deg, rgba(79,70,229,0.08), rgba(31,75,165,0.15));
    border-radius: 50%;
}

.mission-card:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 30px 60px rgba(31, 75, 165, 0.15);
}

.mission-card h3 {
    font-size: 34px;
    color: #1e3a8a;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.mission-card p {
    font-size: 19px;
    line-height: 1.9;
    color: #374151;
    position: relative;
    z-index: 2;
    max-width: 90%;
}

@media (max-width: 900px) {
    .mission-grid {
        grid-template-columns: 1fr;
    }

    .mission-card {
        padding: 35px 28px;
    }

    .mission-card h3 {
        font-size: 28px;
    }

    .mission-card p {
        font-size: 17px;
        max-width: 100%;
    }
}
.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-top: 50px;
}

.service-card {
    position: relative;
    background: rgba(255,255,255,0.28);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 35px;
    padding: 40px 30px;
    min-height: 220px;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 20px 40px rgba(31,75,165,0.08);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.service-card::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 140px;
    height: 140px;
    background: linear-gradient(135deg, rgba(31,75,165,0.15), rgba(79,70,229,0.08));
    border-radius: 50%;
}

.service-card::after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, rgba(79,70,229,0.08), rgba(31,75,165,0.15));
    border-radius: 50%;
}

.service-card:hover {
    transform: translateY(-12px) scale(1.03);
    box-shadow: 0 30px 60px rgba(31,75,165,0.15);
}

.service-card:nth-child(1)::before {
    content: "👨‍🏫";
    background: none;
    font-size: 42px;
    top: 25px;
    right: 25px;
    width: auto;
    height: auto;
}

.service-card:nth-child(2)::before {
    content: "🎓";
    background: none;
    font-size: 42px;
    top: 25px;
    right: 25px;
    width: auto;
    height: auto;
}

.service-card:nth-child(3)::before {
    content: "📄";
    background: none;
    font-size: 42px;
    top: 25px;
    right: 25px;
    width: auto;
    height: auto;
}

.service-card:nth-child(4)::before {
    content: "💰";
    background: none;
    font-size: 42px;
    top: 25px;
    right: 25px;
    width: auto;
    height: auto;
}

.service-card:nth-child(5)::before {
    content: "📝";
    background: none;
    font-size: 42px;
    top: 25px;
    right: 25px;
    width: auto;
    height: auto;
}

.service-card:nth-child(6)::before {
    content: "✈️";
    background: none;
    font-size: 42px;
    top: 25px;
    right: 25px;
    width: auto;
    height: auto;
}

.service-card {
    font-size: 24px;
    font-weight: 700;
    color: #1e3a8a;
    line-height: 1.5;
}

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

@media (max-width: 700px) {
    .services-grid {
        grid-template-columns: 1fr;
    }

    .service-card {
        min-height: 180px;
        font-size: 20px;
    }
}
.services-showcase-section{
    padding: 100px 8%;
    background: #dce7f5;
}

.services-showcase-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-top: 60px;
}

.service-showcase-card{
    position: relative;
    background: rgba(255,255,255,0.22);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 32px;
    padding: 35px 30px;
    min-height: 320px;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 20px 40px rgba(44, 62, 80, 0.12);
}

.service-showcase-card::before{
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    background: rgba(79, 120, 255, 0.08);
    border-radius: 50%;
    bottom: -60px;
    left: -60px;
}

.service-showcase-card::after{
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    background: rgba(255,255,255,0.12);
    border-radius: 50%;
    top: -40px;
    right: -40px;
}

.service-showcase-card:hover{
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 25px 50px rgba(44, 62, 80, 0.18);
}

.service-icon{
    font-size: 38px;
    margin-bottom: 18px;
}

.service-badge{
    display: inline-block;
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: white;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 30px;
    margin-bottom: 20px;
}

.service-showcase-card h3{
    font-size: 28px;
    line-height: 1.4;
    color: #1e3a8a;
    margin-bottom: 18px;
    font-weight: 700;
}

.service-showcase-card p{
    font-size: 17px;
    line-height: 1.9;
    color: #334155;
}

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

@media(max-width: 768px){
    .services-showcase-grid{
        grid-template-columns: 1fr;
    }

    .service-showcase-card{
        min-height: auto;
    }

    .service-showcase-card h3{
        font-size: 22px;
    }
}
.destinations-showcase-section{
    padding: 100px 8%;
    background: #dce7f5;
}

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

.destination-card{
    position: relative;
    background: rgba(255,255,255,0.22);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 30px;
    padding: 35px 25px;
    text-align: center;
    min-height: 240px;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 20px 40px rgba(44, 62, 80, 0.12);
}

.destination-card::before{
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    background: rgba(79, 120, 255, 0.08);
    border-radius: 50%;
    bottom: -60px;
    left: -60px;
}

.destination-card:hover{
    transform: translateY(-12px) scale(1.03);
    box-shadow: 0 25px 50px rgba(44, 62, 80, 0.18);
}

.destination-flag{
    font-size: 46px;
    margin-bottom: 18px;
}

.destination-card h3{
    font-size: 26px;
    color: #1e3a8a;
    margin-bottom: 15px;
    font-weight: 700;
}

.destination-card p{
    font-size: 16px;
    line-height: 1.7;
    color: #334155;
}

@media(max-width: 1100px){
    .destinations-showcase-grid{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width: 768px){
    .destinations-showcase-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 520px){
    .destinations-showcase-grid{
        grid-template-columns: 1fr;
    }
}
.country-flag-img{
    width: 85px;
    height: 58px;
    object-fit: cover;
    border-radius: 14px;
    margin-bottom: 20px;
    box-shadow: 0 12px 25px rgba(0,0,0,0.15);
    animation: crazyFlagDance 2.2s ease-in-out infinite;
    transform-origin: center bottom;
}

.destination-card:nth-child(2n) .country-flag-img{
    animation-duration: 1.8s;
}

.destination-card:nth-child(3n) .country-flag-img{
    animation-duration: 2.8s;
}

.destination-card:nth-child(4n) .country-flag-img{
    animation-duration: 1.5s;
}

.destination-card:hover .country-flag-img{
    animation-duration: 0.7s;
}

@keyframes crazyFlagDance{
    0%{
        transform: rotate(0deg) translateY(0px) scale(1);
    }
    15%{
        transform: rotate(-8deg) translateY(-6px) scale(1.05);
    }
    30%{
        transform: rotate(8deg) translateY(4px) scale(1.08);
    }
    45%{
        transform: rotate(-10deg) translateY(-4px) scale(1.04);
    }
    60%{
        transform: rotate(10deg) translateY(6px) scale(1.1);
    }
    75%{
        transform: rotate(-6deg) translateY(-2px) scale(1.05);
    }
    100%{
        transform: rotate(0deg) translateY(0px) scale(1);
    }
}
.process-flow-section{
    padding: 100px 8%;
    background: #dce7f5;
    overflow: hidden;
}

.process-flow-wrapper{
    display: flex;
    align-items: center;
    gap: 25px;
    overflow-x: auto;
    padding: 40px 10px 20px;
    scrollbar-width: none;
}

.process-flow-wrapper::-webkit-scrollbar{
    display: none;
}

.process-step-card{
    min-width: 280px;
    background: rgba(255,255,255,0.22);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 30px;
    padding: 35px 25px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(44, 62, 80, 0.12);
    transition: all 0.4s ease;
    animation: floatCard 4s ease-in-out infinite;
}

.process-step-card:nth-child(3n){
    animation-delay: 0.5s;
}

.process-step-card:nth-child(5n){
    animation-delay: 1s;
}

.process-step-card:hover{
    transform: translateY(-15px) scale(1.04);
    box-shadow: 0 30px 60px rgba(44, 62, 80, 0.18);
}

.process-step-card::before{
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    background: rgba(79,120,255,0.08);
    border-radius: 50%;
    bottom: -60px;
    left: -60px;
}

.step-number{
    font-size: 16px;
    font-weight: 700;
    color: #2563eb;
    margin-bottom: 15px;
    letter-spacing: 2px;
}

.step-icon{
    font-size: 42px;
    margin-bottom: 18px;
    animation: bounceIcon 2s infinite;
}

.process-step-card h3{
    font-size: 28px;
    color: #1e3a8a;
    margin-bottom: 15px;
}

.process-step-card p{
    font-size: 17px;
    line-height: 1.7;
    color: #334155;
}

.flow-line{
    min-width: 80px;
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(to right, #2563eb, #60a5fa);
    position: relative;
    overflow: hidden;
}

.flow-line::after{
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background: rgba(255,255,255,0.9);
    animation: flowMove 1.5s linear infinite;
}

@keyframes flowMove{
    0%{
        left: -30px;
    }
    100%{
        left: 100%;
    }
}

@keyframes floatCard{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0px);
    }
}

@keyframes bounceIcon{
    0%,100%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-8px);
    }
}
.process-flow-wrapper{
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 40px 10px 20px;
    width: max-content;
    animation: autoScrollFlow 25s linear infinite;
}

.process-flow-section{
    overflow: hidden;
    position: relative;
}

.process-flow-section:hover .process-flow-wrapper{
    animation-play-state: paused;
}

@keyframes autoScrollFlow{
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-50%);
    }
}
.process-flow-wrapper{
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 40px 10px 20px;
    width: max-content;
    animation: autoScrollFlow 10s linear infinite;
}




.success-stories-section{
    padding: 100px 8%;
    background: #dce7f5;
}

.success-stats-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-top: 50px;
    margin-bottom: 70px;
}

.success-stat-card{
    background: rgba(255,255,255,0.25);
    border-radius: 30px;
    padding: 35px 20px;
    text-align: center;
    box-shadow: 0 20px 40px rgba(44,62,80,0.12);
    transition: 0.4s ease;
    animation: floatStats 4s ease-in-out infinite;
}

.success-stat-card:nth-child(2){
    animation-delay: 0.5s;
}

.success-stat-card:nth-child(3){
    animation-delay: 1s;
}

.success-stat-card:nth-child(4){
    animation-delay: 1.5s;
}

.success-stat-card:hover{
    transform: translateY(-10px) scale(1.05);
}

.success-stat-card h3{
    font-size: 42px;
    color: #1e40af;
    margin-bottom: 10px;
}

.success-stat-card p{
    font-size: 18px;
    color: #334155;
}

.student-success-grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}

.student-card{
    position: relative;
    background: rgba(255,255,255,0.22);
    backdrop-filter: blur(18px);
    border-radius: 30px;
    padding: 30px 20px;
    text-align: center;
    overflow: hidden;
    transition: 0.4s ease;
    box-shadow: 0 20px 40px rgba(44,62,80,0.12);
}

.student-card::before{
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    background: rgba(79,120,255,0.08);
    border-radius: 50%;
    bottom: -50px;
    left: -50px;
}

.student-card:hover{
    transform: translateY(-12px) scale(1.03);
    box-shadow: 0 30px 60px rgba(44,62,80,0.18);
}

.student-card img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 20px;
    border: 4px solid white;
    animation: pulseImage 2.5s infinite;
}

.student-card h3{
    font-size: 22px;
    color: #1e3a8a;
    margin-bottom: 10px;
}

.student-card span{
    display: inline-block;
    background: linear-gradient(135deg,#2563eb,#4f46e5);
    color: white;
    padding: 8px 14px;
    border-radius: 30px;
    font-size: 13px;
    margin-bottom: 14px;
}

.student-card p{
    font-size: 15px;
    line-height: 1.7;
    color: #475569;
}

@keyframes floatStats{
    0%{transform: translateY(0px);}
    50%{transform: translateY(-10px);}
    100%{transform: translateY(0px);}
}

@keyframes pulseImage{
    0%{transform: scale(1);}
    50%{transform: scale(1.08);}
    100%{transform: scale(1);}
}

@media(max-width:1200px){
    .student-success-grid{
        grid-template-columns: repeat(3,1fr);
    }

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

@media(max-width:768px){
    .student-success-grid,
    .success-stats-grid{
        grid-template-columns: 1fr;
    }
}
.student-success-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-top: 60px;
}

.student-card{
    position: relative;
    background: rgba(255,255,255,0.28);
    backdrop-filter: blur(20px);
    border-radius: 34px;
    padding: 28px;
    overflow: hidden;
    box-shadow: 0 25px 50px rgba(44,62,80,0.12);
    border: 1px solid rgba(255,255,255,0.35);
    transition: all 0.45s ease;
}

.student-card::before{
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    background: rgba(79,120,255,0.08);
    border-radius: 50%;
    top: -70px;
    right: -70px;
}

.student-card::after{
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    background: rgba(255,255,255,0.15);
    border-radius: 50%;
    bottom: -60px;
    left: -60px;
}

.student-card:hover{
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 35px 65px rgba(44,62,80,0.18);
}

.student-image-wrapper{
    width: 110px;
    height: 110px;
    margin: 0 auto 20px;
    border-radius: 50%;
    padding: 6px;
    background: linear-gradient(135deg,#2563eb,#4f46e5);
    box-shadow: 0 12px 25px rgba(37,99,235,0.25);
}

.student-image-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    background: white;
}

.student-content h3{
    font-size: 30px;
    color: #1e3a8a;
    text-align: center;
    margin-bottom: 18px;
    font-weight: 800;
}

.student-tags{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 22px;
}

.student-course{
    background: linear-gradient(135deg,#2563eb,#4f46e5);
    color: white;
    padding: 12px 18px;
    border-radius: 999px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

.student-college{
    background: rgba(37,99,235,0.08);
    color: #1e3a8a;
    padding: 12px 18px;
    border-radius: 18px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.student-meta{
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.meta-item{
    background: rgba(255,255,255,0.35);
    border-radius: 18px;
    padding: 14px 16px;
}

.meta-title{
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #64748b;
    margin-bottom: 6px;
    font-weight: 700;
}

.meta-item p{
    color: #1e293b;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
}

@media(max-width:1100px){
    .student-success-grid{
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width:768px){
    .student-success-grid{
        grid-template-columns: 1fr;
    }
}
.student-success-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(280px, 1fr));
    gap: 35px;
    margin-top: 60px;
    align-items: stretch;
}

.student-card{
    position: relative;
    background: rgba(255,255,255,0.28);
    backdrop-filter: blur(20px);
    border-radius: 34px;
    padding: 30px 24px;
    overflow: hidden;
    box-shadow: 0 25px 50px rgba(44,62,80,0.12);
    border: 1px solid rgba(255,255,255,0.35);
    transition: all 0.45s ease;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.student-card:hover{
    transform: translateY(-10px);
    box-shadow: 0 35px 65px rgba(44,62,80,0.18);
}

.student-image-wrapper{
    width: 110px;
    height: 110px;
    margin: 0 auto 24px;
    border-radius: 50%;
    padding: 6px;
    background: linear-gradient(135deg,#2563eb,#4f46e5);
    box-shadow: 0 12px 25px rgba(37,99,235,0.25);
    flex-shrink: 0;
}

.student-image-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    background: white;
}

.student-content{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.student-content h3{
    font-size: 30px;
    color: #1e3a8a;
    text-align: center;
    margin-bottom: 18px;
    font-weight: 800;
    line-height: 1.2;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.student-tags{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.student-course{
    background: linear-gradient(135deg,#2563eb,#4f46e5);
    color: white;
    padding: 12px 18px;
    border-radius: 999px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.student-college{
    background: rgba(37,99,235,0.08);
    color: #1e3a8a;
    padding: 14px 18px;
    border-radius: 18px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    min-height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.student-meta{
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: auto;
}

.meta-item{
    background: rgba(255,255,255,0.35);
    border-radius: 18px;
    padding: 14px 16px;
}

.meta-title{
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #64748b;
    margin-bottom: 6px;
    font-weight: 700;
}

.meta-item p{
    color: #1e293b;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    margin: 0;
}

@media(max-width:1400px){
    .student-success-grid{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width:1100px){
    .student-success-grid{
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width:768px){
    .student-success-grid{
        grid-template-columns: 1fr;
    }

    .student-card{
        min-height: auto;
    }
}
.student-card{
    position: relative;
    background: rgba(255,255,255,0.28);
    backdrop-filter: blur(20px);
    border-radius: 34px;
    padding: 30px 24px;
    overflow: hidden;
    box-shadow: 0 25px 50px rgba(44,62,80,0.12);
    border: 1px solid rgba(255,255,255,0.35);
    transition: all 0.45s ease;
    min-height: 720px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.student-content{
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 18px;
}

.student-content h3{
    font-size: 30px;
    color: #1e3a8a;
    text-align: center;
    margin-bottom: 0;
    font-weight: 800;
    line-height: 1.2;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.student-tags{
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 0;
}

.student-course{
    background: rgba(255,255,255,0.45);
    color: #1e293b;
    padding: 18px;
    border-radius: 22px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.student-college{
    background: rgba(255,255,255,0.45);
    color: #1e293b;
    padding: 18px;
    border-radius: 22px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.student-meta{
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: auto;
}

.meta-item{
    background: linear-gradient(135deg,#2563eb,#4f46e5);
    color: white;
    border-radius: 22px;
    padding: 18px;
    text-align: center;
}

.meta-title{
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.75);
    margin-bottom: 8px;
    font-weight: 700;
}

.meta-item p{
    color: white;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 700;
    margin: 0;
}
.student-success-grid{
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
    gap: 40px !important;
    width: 100% !important;
    margin-top: 70px !important;
    align-items: stretch !important;
}

.student-card{
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    width: 100% !important;
    min-height: 760px !important;
    padding: 35px 28px !important;
    border-radius: 38px !important;
    background: rgba(255,255,255,0.30) !important;
    backdrop-filter: blur(20px) !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,0.35) !important;
    box-shadow: 0 25px 50px rgba(44,62,80,0.12) !important;
}

.student-card *{
    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

.student-card::before{
    content: "" !important;
    position: absolute !important;
    width: 180px !important;
    height: 180px !important;
    background: rgba(79,120,255,0.08) !important;
    border-radius: 50% !important;
    top: -70px !important;
    left: -70px !important;
    z-index: 1 !important;
}

.student-card::after{
    content: "" !important;
    position: absolute !important;
    width: 160px !important;
    height: 160px !important;
    background: rgba(255,255,255,0.10) !important;
    border-radius: 50% !important;
    bottom: -70px !important;
    right: -70px !important;
    z-index: 1 !important;
}


.student-image-wrapper{
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto 28px !important;
    border-radius: 50% !important;
    padding: 6px !important;
    background: linear-gradient(135deg,#2563eb,#4f46e5) !important;
    box-shadow: 0 12px 25px rgba(37,99,235,0.25) !important;
    flex-shrink: 0 !important;
}

.student-image-wrapper img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    background: white !important;
    display: block !important;
}

.student-content{
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    width: 100% !important;
    flex: 1 !important;
}

.student-content h3{
    font-size: 34px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    color: #1e3a8a !important;
    font-weight: 800 !important;
    margin: 0 !important;
    min-height: 90px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.student-tags{
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    width: 100% !important;
}

.student-course,
.student-college,
.meta-item{
    width: 100% !important;
    border-radius: 24px !important;
    padding: 18px 20px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
}

.student-course{
    background: rgba(255,255,255,0.45) !important;
    color: #1e293b !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    min-height: 95px !important;
}

.student-college{
    background: rgba(255,255,255,0.45) !important;
    color: #1e293b !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    min-height: 130px !important;
}

.student-meta{
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin-top: auto !important;
}

.meta-item{
    background: linear-gradient(135deg,#2563eb,#4f46e5) !important;
    flex-direction: column !important;
    min-height: 110px !important;
}

.meta-title{
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: rgba(255,255,255,0.75) !important;
    margin-bottom: 8px !important;
    font-weight: 700 !important;
}

.meta-item p{
    margin: 0 !important;
    color: white !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

@media(max-width:768px){
    .student-card{
        min-height: auto !important;
    }

    .student-content h3{
        font-size: 28px !important;
    }
}
.student-success-grid{
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 24px !important;
    margin-top: 40px !important;
}

.student-card{
    min-height: 560px !important;
    padding: 22px 18px !important;
    border-radius: 28px !important;
}

.student-image-wrapper{
    width: 85px !important;
    height: 85px !important;
    margin: 0 auto 18px !important;
}

.student-content{
    gap: 14px !important;
}

.student-content h3{
    font-size: 24px !important;
    min-height: 60px !important;
}

.student-tags{
    gap: 12px !important;
}

.student-course,
.student-college,
.meta-item{
    border-radius: 18px !important;
    padding: 12px 14px !important;
}

.student-course{
    font-size: 14px !important;
    min-height: 65px !important;
}

.student-college{
    font-size: 13px !important;
    min-height: 90px !important;
}

.student-meta{
    gap: 10px !important;
}

.meta-item{
    min-height: 80px !important;
}

.meta-title{
    font-size: 10px !important;
    margin-bottom: 5px !important;
}

.meta-item p{
    font-size: 13px !important;
}

@media(max-width:768px){
    .student-success-grid{
        grid-template-columns: 1fr !important;
    }

    .student-card{
        min-height: auto !important;
    }
}
.student-card{
    min-height: 480px !important;
    padding: 18px 16px !important;
}

.student-content{
    gap: 10px !important;
}

.student-content h3{
    font-size: 18px !important;
    min-height: 45px !important;
    margin-bottom: 6px !important;
}

.student-course{
    font-size: 12px !important;
    min-height: 50px !important;
    padding: 10px 12px !important;
}

.student-college{
    font-size: 11px !important;
    min-height: 70px !important;
    padding: 10px 12px !important;
}

.student-meta{
    gap: 8px !important;
}

.meta-item{
    min-height: 65px !important;
    padding: 10px 12px !important;
}

.meta-title{
    font-size: 9px !important;
    margin-bottom: 3px !important;
}

.meta-item p{
    font-size: 11px !important;
    line-height: 1.4 !important;
}

.student-image-wrapper{
    width: 70px !important;
    height: 70px !important;
    margin-bottom: 12px !important;
}
/* ========================= */
/* SUCCESS STORIES OVERRIDE  */
/* ========================= */

.success-stories-section {
    position: relative;
    padding: 100px 6%;
    background: linear-gradient(135deg, #071c2f, #0d2b45, #123c61);
    overflow: hidden;
}

.success-stories-section::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background: rgba(0, 183, 255, 0.08);
    border-radius: 50%;
    top: -200px;
    left: -200px;
    filter: blur(80px);
    animation: floatGlow 8s ease-in-out infinite;
}

.success-stories-section::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: rgba(0, 255, 170, 0.08);
    border-radius: 50%;
    bottom: -200px;
    right: -200px;
    filter: blur(80px);
    animation: floatGlow 10s ease-in-out infinite reverse;
}

.process-header {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 60px;
    position: relative;
    z-index: 2;
}

.process-tag {
    display: inline-block;
    background: rgba(255,255,255,0.12);
    color: #8fd3ff;
    padding: 10px 22px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    backdrop-filter: blur(12px);
    margin-bottom: 18px;
}

.process-header h2 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 18px;
    line-height: 1.2;
    font-weight: 800;
}

.process-header p {
    color: #d3e6f8;
    font-size: 17px;
    line-height: 1.8;
}

.success-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 50px 0 70px;
    position: relative;
    z-index: 2;
}

.success-stat-card {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    backdrop-filter: blur(18px);
    border-radius: 24px;
    padding: 28px 20px;
    text-align: center;
    transition: 0.4s ease;
    box-shadow: 0 15px 35px rgba(0,0,0,0.18);
}

.success-stat-card:hover {
    transform: translateY(-10px) scale(1.03);
    background: rgba(255,255,255,0.12);
}

.success-stat-card h3 {
    font-size: 36px;
    color: #00d9ff;
    margin-bottom: 10px;
    font-weight: 800;
}

.success-stat-card p {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
}

.student-success-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 28px;
    position: relative;
    z-index: 2;
}

.student-card {
    position: relative;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 28px !important;
    padding: 24px 20px !important;
    overflow: hidden;
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.18);
    transition: all 0.45s ease;
    min-height: 470px;
}

.student-card::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 180px;
    height: 180px;
    background: rgba(0, 217, 255, 0.10);
    border-radius: 50%;
}

.student-card:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 30px 50px rgba(0,0,0,0.28);
    border-color: rgba(0,217,255,0.4) !important;
}

.flag-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 42px;
    height: 30px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 6px 14px rgba(0,0,0,0.25);
    animation: flagWave 2.5s ease-in-out infinite;
    z-index: 3;
}

.student-image-wrapper {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 18px;
    border: 4px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.08);
}

.student-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.student-content h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 8px;
    line-height: 1.3;
}

.student-course {
    display: inline-block;
    background: rgba(0,217,255,0.15);
    color: #8fe9ff;
    padding: 7px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 14px;
}

.student-college {
    color: #d8e8f6;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 18px;
    min-height: 45px;
}

.student-meta {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.meta-item {
    background: rgba(255,255,255,0.06);
    border-radius: 16px;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,0.08);
}

.meta-title {
    display: block;
    color: #00d9ff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.meta-item p {
    color: #ffffff;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

@keyframes floatGlow {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(30px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes flagWave {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(3deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

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

    .process-header h2 {
        font-size: 38px;
    }
}

@media(max-width: 768px) {
    .success-stories-section {
        padding: 80px 5%;
    }

    .success-stats-grid {
        grid-template-columns: 1fr;
    }

    .student-success-grid {
        grid-template-columns: 1fr;
    }

    .process-header h2 {
        font-size: 30px;
    }

    .process-header p {
        font-size: 15px;
    }

    .student-card {
        min-height: auto;
    }
}
/* FORCE SUCCESS PAGE OVERRIDE */

.success-stories-section .student-success-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 28px !important;
    width: 100% !important;
    margin-top: 50px !important;
    align-items: stretch !important;
}

.success-stories-section .student-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 28px !important;
    padding: 22px !important;
    min-height: 500px !important;
    width: 100% !important;
    overflow: hidden !important;
    backdrop-filter: blur(18px) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.18) !important;
    transition: all 0.4s ease !important;
    box-sizing: border-box !important;
}

.success-stories-section .student-card:hover {
    transform: translateY(-10px) scale(1.02) !important;
    border-color: rgba(0,217,255,0.45) !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.28) !important;
}

.success-stories-section .student-card::before {
    content: "" !important;
    position: absolute !important;
    top: -70px !important;
    right: -70px !important;
    width: 170px !important;
    height: 170px !important;
    background: rgba(0,217,255,0.08) !important;
    border-radius: 50% !important;
}

.success-stories-section .flag-badge {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    width: 42px !important;
    height: 30px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
    z-index: 5 !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.25) !important;
}

.success-stories-section .student-image-wrapper {
    width: 90px !important;
    height: 90px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 4px solid rgba(255,255,255,0.12) !important;
    margin-bottom: 18px !important;
    flex-shrink: 0 !important;
}

.success-stories-section .student-image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.success-stories-section .student-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    width: 100% !important;
}

.success-stories-section .student-content h3 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

.success-stories-section .student-course {
    display: inline-block !important;
    width: fit-content !important;
    background: rgba(0,217,255,0.14) !important;
    color: #8ee7ff !important;
    padding: 7px 14px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
}

.success-stories-section .student-college {
    color: #d7e6f5 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 18px !important;
    min-height: 44px !important;
}

.success-stories-section .student-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: auto !important;
}

.success-stories-section .meta-item {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    padding: 12px 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.success-stories-section .meta-title {
    display: block !important;
    color: #00d9ff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 6px !important;
}

.success-stories-section .meta-item p {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
}

@media (max-width: 768px) {
    .success-stories-section .student-success-grid {
        grid-template-columns: 1fr !important;
    }

    .success-stories-section .student-card {
        min-height: auto !important;
    }
}
/* FORCE OVERRIDE SUCCESS CARDS FIX */

.student-card,
.student-card * {
    color: #1f2a44 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.student-card {
    background: #dfe8f7 !important;
    border-radius: 35px !important;
    padding: 28px 20px 22px !important;
    min-height: 720px !important;
    height: auto !important;
    overflow: visible !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
}

.student-card::before {
    content: "";
    position: absolute;
    top: -60px;
    left: -60px;
    width: 180px;
    height: 180px;
    background: rgba(255,255,255,0.18);
    border-radius: 50%;
    z-index: 0;
}

.student-image-wrapper {
    width: 110px !important;
    height: 110px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 5px solid #4361ee !important;
    margin-bottom: 18px !important;
    z-index: 2 !important;
    position: relative !important;
    background: #fff !important;
}

.student-image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.flag-badge {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    width: 42px !important;
    height: 30px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.15) !important;
    background: white !important;
    padding: 2px !important;
    z-index: 10 !important;
}

.student-content {
    width: 100% !important;
    text-align: center !important;
    z-index: 2 !important;
    position: relative !important;
}

.student-content h3 {
    font-size: 2rem !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    margin-bottom: 18px !important;
    color: #223c8f !important;
}

.student-course,
.student-college {
    background: rgba(255,255,255,0.55) !important;
    border-radius: 18px !important;
    padding: 16px 18px !important;
    margin-bottom: 16px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: #253046 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.student-meta {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin-top: 18px !important;
}

.meta-item {
    background: linear-gradient(135deg, #2f80ed, #5b4bff) !important;
    border-radius: 20px !important;
    padding: 14px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.meta-title {
    display: block !important;
    font-size: 0.82rem !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    color: #7de3ff !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
}

.meta-item p {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 !important;
    word-break: break-word !important;
}

.student-success-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)) !important;
    gap: 32px !important;
    margin-top: 50px !important;
    align-items: stretch !important;
}
/* SMALLER + MORE VISIBLE STUDENT CARDS */

.student-card {
    background: #d7e3f5 !important;
    border-radius: 28px !important;
    padding: 22px 16px 18px !important;
    min-height: 620px !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    box-shadow: 0 14px 30px rgba(52, 84, 150, 0.14) !important;
    border: 1px solid rgba(255,255,255,0.55) !important;
}

.student-card::before {
    width: 140px !important;
    height: 140px !important;
    top: -40px !important;
    left: -40px !important;
    background: rgba(255,255,255,0.22) !important;
}

.student-image-wrapper {
    width: 88px !important;
    height: 88px !important;
    border: 4px solid #4361ee !important;
    margin-bottom: 14px !important;
}

.flag-badge {
    width: 36px !important;
    height: 26px !important;
    top: 16px !important;
    right: 16px !important;
}

.student-content h3 {
    font-size: 1.65rem !important;
    margin-bottom: 14px !important;
    color: #1f3b8c !important;
}

.student-course,
.student-college {
    background: rgba(255,255,255,0.72) !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    margin-bottom: 12px !important;
    font-size: 0.92rem !important;
    line-height: 1.4 !important;
    color: #24324d !important;
}

.student-meta {
    gap: 10px !important;
    margin-top: 12px !important;
}

.meta-item {
    background: linear-gradient(135deg, #2d5fe8, #5747ff) !important;
    border-radius: 16px !important;
    padding: 12px 14px !important;
}

.meta-title {
    font-size: 0.72rem !important;
    letter-spacing: 1.4px !important;
    margin-bottom: 6px !important;
    color: #89e5ff !important;
}

.meta-item p {
    font-size: 0.9rem !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
}

.student-success-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 24px !important;
}
/* TEXT VISIBILITY FIX */

.student-card,
.student-card * {
    opacity: 1 !important;
    visibility: visible !important;
}

.student-card h3 {
    color: #223b85 !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

.student-course {
    background: #bfe8ff !important;
    color: #1f3a5f !important;
    font-weight: 700 !important;
}

.student-college {
    background: rgba(255,255,255,0.82) !important;
    color: #3a4860 !important;
    font-weight: 700 !important;
}

.meta-item {
    background: linear-gradient(135deg, #2e63f3, #5a4dff) !important;
}

.meta-title {
    color: #8ff0ff !important;
    font-weight: 800 !important;
}

.meta-item p {
    color: #ffffff !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

.student-card p,
.student-card span,
.student-card div {
    opacity: 1 !important;
}

.student-card {
    background: #d9e6f7 !important;
}
/* HIGH CONTRAST OVERRIDE */

.student-card {
    background: #ffffff !important;
    border: 2px solid #d6def5 !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important;
}

.student-card h3 {
    color: #102a72 !important;
    font-size: 1.7rem !important;
    font-weight: 800 !important;
}

.student-course {
    background: #ffe8a3 !important;
    color: #5b4300 !important;
    border: 1px solid #ffd76a !important;
}

.student-college {
    background: #edf2ff !important;
    color: #1f2b4d !important;
    border: 1px solid #d6def5 !important;
}

.meta-item:nth-child(1) {
    background: #e8f1ff !important;
    border: 1px solid #b7d1ff !important;
}

.meta-item:nth-child(2) {
    background: #fff0f5 !important;
    border: 1px solid #ffc3d7 !important;
}

.meta-item:nth-child(3) {
    background: #e9fff2 !important;
    border: 1px solid #b7f0cb !important;
}

.meta-title {
    color: #4d5a7a !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

.meta-item p {
    color: #15213d !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
}

.student-card p,
.student-card span,
.student-card div,
.student-card h3 {
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}

.flag-badge {
    border: 2px solid #ffffff !important;
    background: #ffffff !important;
}
/* HIGH CONTRAST OVERRIDE */

.student-card {
    background: #ffffff !important;
    border: 2px solid #d6def5 !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important;
}

.student-card h3 {
    color: #102a72 !important;
    font-size: 1.7rem !important;
    font-weight: 800 !important;
}

.student-course {
    background: #ffe8a3 !important;
    color: #5b4300 !important;
    border: 1px solid #ffd76a !important;
}

.student-college {
    background: #edf2ff !important;
    color: #1f2b4d !important;
    border: 1px solid #d6def5 !important;
}

.meta-item:nth-child(1) {
    background: #e8f1ff !important;
    border: 1px solid #b7d1ff !important;
}

.meta-item:nth-child(2) {
    background: #fff0f5 !important;
    border: 1px solid #ffc3d7 !important;
}

.meta-item:nth-child(3) {
    background: #e9fff2 !important;
    border: 1px solid #b7f0cb !important;
}

.meta-title {
    color: #4d5a7a !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

.meta-item p {
    color: #15213d !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
}

.student-card p,
.student-card span,
.student-card div,
.student-card h3 {
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}

.flag-badge {
    border: 2px solid #ffffff !important;
    background: #ffffff !important;
}
.student-card * {
    mix-blend-mode: normal !important;
    filter: none !important;
    opacity: 1 !important;
}
.student-card,
.student-content,
.student-meta,
.meta-item {
    opacity: 1 !important;
    background-blend-mode: normal !important;
}
/* REMOVE FADED / OPACITY EFFECT */

.student-card,
.student-card *,
.student-content,
.student-meta,
.meta-item,
.student-course,
.student-college {
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    visibility: visible !important;
}

.student-card::before,
.student-card::after {
    opacity: 0 !important;
    display: none !important;
}

.student-content,
.student-content * {
    position: relative !important;
    z-index: 5 !important;
}

.student-card h3,
.student-card p,
.student-card span,
.student-card div {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

.meta-item p,
.meta-title {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}
/* SMALLER STUDENT CARD CONTENT */

.student-card {
    max-width: 300px !important;
    min-height: 560px !important;
    padding: 18px 14px !important;
}

.student-image-wrapper {
    width: 78px !important;
    height: 78px !important;
    margin-bottom: 10px !important;
}

.flag-badge {
    width: 32px !important;
    height: 22px !important;
    top: 14px !important;
    right: 14px !important;
}

.student-content h3 {
    font-size: 1.45rem !important;
    margin-bottom: 10px !important;
}

.student-course,
.student-college {
    font-size: 0.82rem !important;
    padding: 10px 12px !important;
    margin-bottom: 10px !important;
    border-radius: 12px !important;
}

.meta-item {
    padding: 10px 12px !important;
    border-radius: 14px !important;
}

.meta-title {
    font-size: 0.65rem !important;
    margin-bottom: 4px !important;
}

.meta-item p {
    font-size: 0.8rem !important;
    line-height: 1.3 !important;
}

.student-success-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 18px !important;
}
.destinations {
    padding: 60px 40px 90px;
}

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

.destinations .country {
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.destinations .btn {
    margin-top: 10px;
}
.cta-section {
    padding: 80px 20px;
    text-align: center;
}

.cta-section h2 {
    font-size: 56px;
    line-height: 1.15;
    margin-bottom: 20px;
}

.cta-section p {
    font-size: 20px;
    margin-bottom: 35px;
}
.section-subtitle,
.process-subtitle,
.small-heading,
.section-label,
.process-label,
.success-label,
.services-label,
.destination-label,
.hero-label,
h5,
.card-label,
.tagline,
.subtitle,
.mini-title {
    color: #6c3bff !important;
}

.cta-section .btn {
    margin-top: 10px;
    padding: 16px 38px;
}
[style*="color: #87CEEB"],
[style*="color:#87CEEB"],
[style*="color: skyblue"],
[style*="color: lightblue"] {
    color: #6c3bff !important;
}
.about-badge,
.section-badge,
.process-badge,
.about-label,
.process-label {
    color: #6c3bff !important;
    border-color: #6c3bff !important;
}
.about-badge *,
.section-badge *,
.process-badge *,
.about-label *,
.process-label * {
    color: #6c3bff !important;
}
.process-tag {
    color: #7c3aed !important;
    border: 1px solid #7c3aed !important; 
    background: rgba(124, 58, 237, 0.08) !important;
    box-shadow: none !important;
}