/* =====================================================
RAKESH PHYSICS — WHITE + YELLOW PREMIUM THEME
===================================================== */

:root{
--yellow:#ffc928;
--yellow-dark:#e8ad00;
--navy:#071633;
--navy-2:#0d2347;
--blue:#1557e8;
--white:#ffffff;
--light:#f8f9fc;
--text:#18233b;
--muted:#667085;
--border:#e7eaf0;
--shadow:0 18px 45px rgba(7,22,51,.12);

--announcement-height:42px;
--header-height:82px;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
scroll-padding-top:140px;
}

body{
font-family:Inter,Segoe UI,Arial,sans-serif;
background:var(--white);
color:var(--text);
line-height:1.6;
overflow-x:hidden;
}

a{
text-decoration:none;
color:inherit;
}

button,
input,
select,
textarea{
font-family:inherit;
}

.container{
width:min(1160px,92%);
margin:auto;
}


/* =====================================================
TOP ANNOUNCEMENT BAR
===================================================== */

.announcement-bar{
position:fixed;
top:0;
left:0;
width:100%;
height:var(--announcement-height);
z-index:2000;

display:flex;
align-items:center;

background:var(--navy);
color:white;

overflow:hidden;

border-bottom:2px solid var(--yellow);

box-shadow:
0 4px 18px rgba(0,0,0,.18);

isolation:isolate;
}


/* Moving announcement */

.announcement-track{
display:flex;
align-items:center;
gap:70px;

white-space:nowrap;

min-width:max-content;

padding-left:20px;

font-size:14px;
font-weight:900;
letter-spacing:.4px;

animation:
announcementMove
15s
linear
infinite;
}

.announcement-track span{
color:white;
}

.announcement-track span::first-letter{
color:var(--yellow);
}

@keyframes announcementMove{

0%{
transform:translateX(0);
}

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

}


/* =====================================================
TOP CONTACT / WHATSAPP BUTTONS
===================================================== */

.top-actions{

position:absolute;

right:14px;
top:4px;

display:flex;
align-items:center;

gap:7px;

z-index:10;
}


.top-action{

height:34px;

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

padding:0 13px;

border-radius:8px;

font-size:11px;
font-weight:950;

letter-spacing:.3px;

color:white;

position:relative;

overflow:hidden;

transition:.25s;

box-shadow:
0 0 0 rgba(255,255,255,0);
}


.top-action::before{

content:"";

position:absolute;

inset:-3px;

border-radius:10px;

opacity:.9;

z-index:-1;

animation:buttonGlow 2.5s infinite;

}


.contact-btn{

background:#1557e8;

border:1px solid #6d9aff;
}

.contact-btn::before{
box-shadow:
0 0 10px #1557e8,
0 0 22px #1557e8;
}


.whatsapp-btn{

background:#12bd67;

border:1px solid #69f0a8;
}

.whatsapp-btn::before{
box-shadow:
0 0 10px #12bd67,
0 0 22px #12bd67;
}


.top-action:hover{

transform:translateY(-1px) scale(1.03);

filter:brightness(1.12);
}


@keyframes buttonGlow{

0%,100%{
opacity:.45;
}

50%{
opacity:1;
}

}


/* =====================================================
HEADER
===================================================== */

.site-header{

position:fixed;

top:var(--announcement-height);
left:0;

width:100%;

height:var(--header-height);

z-index:1900;

background:rgba(255,255,255,.97);

backdrop-filter:blur(15px);

border-bottom:1px solid var(--border);

box-shadow:
0 5px 25px rgba(7,22,51,.08);
}


.nav-wrap{

height:100%;

display:flex;

align-items:center;

justify-content:space-between;
}


.brand{

display:flex;

align-items:center;

gap:12px;
}


.brand img{

width: 85px;
height: 85px;

border-radius:50%;

object-fit:contain;

border:2px solid var(--yellow);

box-shadow:
0 5px 15px rgba(255,201,40,.3);
}


.brand-name{

font-size:27px;

font-weight:1000;

letter-spacing:-1px;

color:var(--navy);

line-height:1;
}


.brand-name span{

color:var(--blue);

}


.main-nav{

display:flex;

align-items:center;

gap:24px;

font-size:14px;

font-weight:800;

color:var(--navy);
}


.main-nav a{

position:relative;

padding:8px 0;

transition:.25s;
}


.main-nav a:not(.nav-admission)::after{

content:"";

position:absolute;

bottom:0;
left:0;

width:0;

height:2px;

background:var(--yellow);

transition:.25s;
}


.main-nav a:not(.nav-admission):hover::after{

width:100%;
}


.main-nav a:hover{

color:var(--blue);
}


.nav-admission{

background:var(--yellow);

color:var(--navy)!important;

padding:11px 17px!important;

border-radius:10px;

box-shadow:
0 8px 20px rgba(255,201,40,.25);

transition:.25s;
}


.nav-admission:hover{

transform:translateY(-2px);

background:#ffd84e;
}


.menu-toggle{

display:none;

width:48px;
height:48px;

border:1px solid var(--border);

border-radius:12px;

background:white;

color:var(--navy);

font-size:25px;

cursor:pointer;
}


/* =====================================================
MAIN
===================================================== */

main{

padding-top:
calc(
var(--announcement-height)
+
var(--header-height)
);

}


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

.hero{

min-height:650px;

position:relative;

overflow:hidden;

display:flex;

align-items:center;

background:

radial-gradient(
circle at 80% 30%,
rgba(255,201,40,.30),
transparent 30%
),

linear-gradient(
135deg,
#ffffff 0%,
#fffdf3 45%,
#f5f8ff 100%
);

}


.hero::before{

content:"";

position:absolute;

width:500px;
height:500px;

right:-200px;
top:-180px;

border-radius:50%;

border:70px solid rgba(255,201,40,.16);

}


.hero::after{

content:"";

position:absolute;

width:280px;
height:280px;

left:-150px;
bottom:-150px;

border-radius:50%;

background:rgba(21,87,232,.08);

}


.hero-content{

position:relative;

z-index:3;

padding:75px 0;

}


.live-pill{

display:inline-flex;

align-items:center;

gap:9px;

background:#fff8d9;

border:1px solid #ffe27b;

color:#775600;

padding:8px 14px;

border-radius:999px;

font-size:12px;

font-weight:900;

margin-bottom:20px;

animation:livePulse 2s infinite;
}


.live-pill span{

width:9px;
height:9px;

border-radius:50%;

background:#ff3030;

box-shadow:
0 0 0 6px rgba(255,48,48,.10);

}


@keyframes livePulse{

50%{
transform:scale(1.03);
}

}


.eyebrow{

color:var(--blue);

font-size:12px;

font-weight:950;

letter-spacing:2px;

margin-bottom:12px;
}


.hero h1{

font-size:clamp(55px,8vw,100px);

line-height:.92;

font-weight:1000;

letter-spacing:-5px;

color:var(--navy);

}


.hero h1 span{

color:var(--blue);

}


.hero h2{

font-size:clamp(23px,3vw,34px);

margin-top:20px;

color:#263450;

}


.hero-copy{

max-width:700px;

margin:18px 0 28px;

color:#647089;

font-size:18px;
}


.hero-actions{

display:flex;

gap:12px;

flex-wrap:wrap;
}


.btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:14px 22px;

border-radius:12px;

font-weight:950;

border:none;

cursor:pointer;

transition:.25s;
}


.btn-primary{

background:var(--navy);

color:white;

box-shadow:
0 12px 25px rgba(7,22,51,.18);
}


.btn-primary:hover{

background:var(--blue);

transform:translateY(-2px);
}


.btn-outline{

border:2px solid var(--navy);

color:var(--navy);

background:white;
}


.btn-outline:hover{

background:var(--yellow);

border-color:var(--yellow);

}


.btn-gold{

background:var(--yellow);

color:var(--navy);

box-shadow:
0 10px 25px rgba(255,201,40,.25);
}


.btn-gold:hover{

transform:translateY(-2px);

background:#ffd94f;
}


.hero-contact{

display:flex;

flex-wrap:wrap;

gap:18px;

margin-top:28px;

color:#536079;

font-size:14px;

font-weight:700;
}


.hero-contact a:hover{

color:var(--blue);
}


.hero-side-card{

position:absolute;

right:7%;

top:50%;

transform:translateY(-50%);

z-index:4;

width:190px;

padding:25px;

border-radius:25px;

background:var(--navy);

color:white;

text-align:center;

box-shadow:
0 25px 60px rgba(7,22,51,.25);

border:3px solid var(--yellow);

animation:cardFloat 3s ease-in-out infinite;
}


.hero-side-card b{

display:block;

font-size:38px;

color:var(--yellow);

line-height:1;
}


.hero-side-card span{

display:block;

font-weight:900;

margin-top:10px;
}


.hero-side-card small{

color:#b9c4d8;
}


@keyframes cardFloat{

50%{
transform:translateY(calc(-50% - 8px));
}

}


/* =====================================================
ADMISSION BANNER
===================================================== */

.admission-banner{

background:var(--navy);

color:white;

border-top:4px solid var(--yellow);

border-bottom:4px solid var(--yellow);

padding:30px 0;
}


.admission-banner-inner{

display:flex;

align-items:center;

justify-content:space-between;

gap:25px;
}


.admission-banner .eyebrow{

color:var(--yellow);
}


.admission-banner h2{

font-size:31px;

line-height:1.1;
}


.admission-banner p:not(.eyebrow){

color:#c1ccdf;

margin-top:6px;
}


/* =====================================================
COMMON SECTION
===================================================== */

.section{

padding:95px 0;
}


.section-title{

font-size:clamp(34px,5vw,52px);

line-height:1.05;

font-weight:1000;

margin-bottom:18px;
}


.section-subtitle{

color:var(--muted);

max-width:650px;
}


.center{

text-align:center;

margin-left:auto;
margin-right:auto;
}


/* =====================================================
ABOUT
===================================================== */

.about-section{

background:#f8f9fc;

color:var(--text);
}


.two-col{

display:grid;

grid-template-columns:1.2fr .8fr;

gap:60px;

align-items:center;
}


.about-section .eyebrow{

color:var(--blue);
}


.about-section p{

color:#667085;

max-width:720px;

margin-bottom:15px;
}


.about-card{

padding:45px;

border-radius:28px;

background:

linear-gradient(
145deg,
var(--navy),
var(--navy-2)
);

color:white;

box-shadow:var(--shadow);

border-left:6px solid var(--yellow);
}


.about-number{

font-size:65px;

line-height:1;

color:var(--yellow);

font-weight:1000;
}


.about-card h3{

font-size:25px;

margin:15px 0 8px;
}


/* =====================================================
COURSES
===================================================== */

.courses-section{

background:

linear-gradient(
135deg,
#ffffff,
#fffdf3
);

overflow:hidden;
}


.orbit-wrap{

height:570px;

max-width:800px;

margin:50px auto 30px;

position:relative;

display:grid;

place-items:center;
}


.orbit{

position:absolute;

border-radius:50%;

border:2px dashed rgba(21,87,232,.25);
}


.orbit-a{

width:500px;
height:500px;

animation:
spin 24s linear infinite;
}


.orbit-b{

width:390px;
height:390px;

border-color:
rgba(255,201,40,.65);

animation:
spinReverse 18s linear infinite;
}


@keyframes spin{

to{
transform:rotate(360deg);
}

}


@keyframes spinReverse{

to{
transform:rotate(-360deg);
}

}


.orbit-dot{

position:absolute;

width:12px;
height:12px;

border-radius:50%;

background:var(--yellow);

box-shadow:
0 0 15px rgba(255,201,40,.9);
}


.dot-1{
top:7%;
left:50%;
}

.dot-2{
right:9%;
top:49%;
}

.dot-3{
bottom:8%;
left:50%;
}

.dot-4{
left:9%;
top:49%;
}


.sir-photo{

position:relative;

z-index:5;

width:255px;
height:255px;

padding:6px;

border-radius:50%;

background:

linear-gradient(
135deg,
var(--yellow),
var(--blue),
var(--navy)
);

box-shadow:
0 20px 60px rgba(21,87,232,.25);
}


.sir-photo img{

width:100%;
height:100%;

object-fit:cover;

border-radius:50%;

display:block;

border:4px solid white;
}


.orbit-caption{

position:absolute;

z-index:7;

bottom:68px;

padding:7px 18px;

border-radius:12px;

background:white;

color:var(--navy);

font-size:13px;

font-weight:1000;

letter-spacing:1px;

text-align:center;

box-shadow:0 8px 25px rgba(7,22,51,.12);
}


.orbit-caption small{

color:var(--blue);

font-size:10px;
}


.course-chip{

position:absolute;

z-index:8;

display:flex;

align-items:center;

gap:8px;

padding:13px 20px;

border-radius:16px;

background:white;

color:var(--navy);

font-size:14px;

font-weight:1000;

border:2px solid var(--yellow);

box-shadow:
0 14px 35px rgba(7,22,51,.13);

transition:.3s;
}


.course-chip:hover{

transform:scale(1.07);

background:var(--yellow);
}


.course-chip span{

display:grid;

place-items:center;

width:30px;
height:30px;

border-radius:50%;

background:var(--navy);

color:var(--yellow);

font-size:12px;
}


.chip-11{

left:4%;

top:28%;
}


.chip-12{

left:5%;

bottom:22%;
}


.chip-jee{

right:5%;

top:22%;
}


.chip-neet{

right:3%;

bottom:27%;
}


.course-cards{

display:grid;

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

gap:16px;
}


.course-cards article{

background:white;

border:1px solid var(--border);

border-top:4px solid var(--yellow);

padding:24px;

border-radius:20px;

box-shadow:
0 10px 30px rgba(7,22,51,.06);

transition:.25s;
}


.course-cards article:hover{

transform:translateY(-5px);

box-shadow:var(--shadow);
}


.course-cards span{

font-size:26px;

font-weight:1000;

color:var(--blue);
}


.course-cards h3{

font-size:22px;

margin:6px 0;
}


.course-cards p{

color:var(--muted);

font-size:14px;
}


/* =====================================================
SUPPORT FEATURES
===================================================== */

.support-section{

background:var(--navy);

color:white;
}


.support-section .eyebrow{

color:var(--yellow);
}


.support-section .section-title{

color:white;
}


.support-grid{

display:grid;

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

gap:16px;

margin-top:40px;
}


.support-grid a{

display:flex;

flex-direction:column;

gap:5px;

padding:27px;

border-radius:20px;

background:#102346;

border:1px solid rgba(255,255,255,.10);

transition:.25s;
}


.support-grid a:hover{

transform:translateY(-5px);

border-color:var(--yellow);

background:#122b54;
}


.support-grid span{

font-size:30px;
}


.support-grid b{

font-size:19px;
}


.support-grid small{

color:#aebbd0;
}


/* =====================================================
SIMPLE SECTIONS
===================================================== */

.simple-coming{

background:#f8f9fc;

color:var(--text);
}


.simple-coming p{

color:var(--muted);
}


/* =====================================================
GALLERY
===================================================== */

.gallery-section{

background:white;
}


.gallery-placeholder{

max-width:720px;

margin:40px auto 0;

padding:70px;

text-align:center;

border:2px dashed #dce1eb;

border-radius:25px;

background:#fbfcff;
}


.gallery-placeholder div{

font-size:55px;

margin-bottom:10px;
}


.gallery-placeholder h3{

font-size:25px;

color:var(--navy);

margin-bottom:8px;
}


.gallery-placeholder p{

color:var(--muted);
}


/* =====================================================
ADMISSION FORM
===================================================== */

.admission-section{

background:#f8f9fc;

color:var(--text);
}


.form-layout{

display:grid;

grid-template-columns:.8fr 1.2fr;

gap:60px;

align-items:start;
}


.admission-section .eyebrow{

color:var(--blue);
}


.form-side-note{

display:flex;

flex-direction:column;

gap:12px;

margin-top:30px;

color:#59667e;
}


.form-side-note b{

color:var(--navy);

font-size:18px;
}


.admission-form{

display:grid;

grid-template-columns:
1fr 1fr;

gap:14px;

padding:32px;

background:white;

border-radius:25px;

box-shadow:var(--shadow);

border-top:5px solid var(--yellow);
}


.admission-form input,
.admission-form select,
.admission-form textarea{

width:100%;

padding:14px 15px;

border:1px solid #dfe3eb;

border-radius:11px;

outline:none;

background:#fbfcff;

color:var(--text);

font-size:15px;
}


.admission-form input:focus,
.admission-form select:focus,
.admission-form textarea:focus{

border-color:var(--blue);

box-shadow:
0 0 0 3px rgba(21,87,232,.08);
}


.admission-form textarea{

grid-column:1/-1;

resize:vertical;
}


.submit-btn{

grid-column:1/-1;
}


.admission-form small{

grid-column:1/-1;

color:#7c879b;
}


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

.contact-section{

background:var(--navy);

color:white;
}


.contact-section .eyebrow{

color:var(--yellow);
}


.contact-grid{

display:grid;

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

gap:14px;

margin-top:40px;
}


.contact-card{

display:flex;

flex-direction:column;

gap:7px;

padding:25px;

background:#102346;

border:1px solid rgba(255,255,255,.10);

border-radius:20px;

transition:.25s;
}


.contact-card:hover{

transform:translateY(-5px);

border-color:var(--yellow);
}


.contact-card span{

font-size:29px;
}


.contact-card b{

font-size:18px;
}


.contact-card small{

color:#aebbd0;
}


.socials{

display:flex;

justify-content:center;

flex-wrap:wrap;

gap:12px;

margin:35px 0;
}


.socials a{

padding:10px 18px;

border-radius:999px;

border:1px solid rgba(255,255,255,.12);

background:#102346;

transition:.25s;
}


.socials a:hover{

background:var(--yellow);

color:var(--navy);
}


.map-box{

height:330px;

overflow:hidden;

border-radius:25px;

border:2px solid rgba(255,255,255,.10);
}


.map-box iframe{

width:100%;

height:100%;

border:0;
}


/* =====================================================
LIVE CLASSES FLOATING BUTTON
===================================================== */

.live-float{

position:fixed;

left:18px;

bottom:20px;

z-index:1500;

display:flex;

align-items:center;

gap:9px;

padding:12px 17px;

border-radius:999px;

background:var(--navy);

color:white;

border:2px solid var(--yellow);

box-shadow:
0 12px 30px rgba(7,22,51,.25);

animation:liveFloat 2.5s ease-in-out infinite;
}


.live-float span{

width:10px;
height:10px;

border-radius:50%;

background:red;

box-shadow:
0 0 0 6px rgba(255,0,0,.10);
}


.live-float b{

color:var(--yellow);

font-size:12px;
}


.live-float small{

color:#b7c3d8;

font-size:11px;
}


@keyframes liveFloat{

50%{
transform:translateY(-5px);
}

}


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

footer{

background:#030916;

color:#8896ad;

padding:28px 0;

border-top:1px solid rgba(255,255,255,.08);
}


.footer-inner{

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;
}


.footer-inner b{

display:block;

color:white;

font-size:18px;
}


.footer-inner span{

font-size:13px;

color:var(--yellow);
}


.footer-inner p{

font-size:13px;
}


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

@media(max-width:950px){

.main-nav{

gap:14px;

font-size:13px;
}


.hero-side-card{

right:3%;
}


.course-cards{

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


.contact-grid{

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


.two-col{

grid-template-columns:1fr;
}


.form-layout{

grid-template-columns:1fr;
}

}


@media(max-width:760px){

:root{

--announcement-height:43px;
--header-height:74px;

}


/* TOP BAR */

.announcement-track{

padding-left:10px;

padding-right:230px;

gap:50px;

font-size:11px;

animation-duration:12s;

}


.top-actions{

right:7px;

gap:4px;

}


.top-action{

height:30px;

padding:0 8px;

font-size:9px;

border-radius:7px;

}


/* HEADER */

.brand img{

width:48px;
height:48px;

}


.brand-name{

font-size:20px;

}


.menu-toggle{

display:block;

}


.main-nav{

position:absolute;

top:74px;

left:4%;

right:4%;

display:none;

flex-direction:column;

align-items:stretch;

gap:0;

padding:10px;

background:white;

border-radius:16px;

box-shadow:
0 20px 50px rgba(7,22,51,.18);

}


.main-nav.open{

display:flex;

}


.main-nav a{

padding:13px 14px;

border-radius:9px;

}


/* HERO */

.hero{

min-height:720px;

}


.hero-content{

padding:55px 0;

}


.hero h1{

font-size:50px;

letter-spacing:-3px;

}


.hero-copy{

font-size:16px;

}


.hero-side-card{

display:none;

}


.hero-contact{

flex-direction:column;

gap:9px;

}


/* BANNER */

.admission-banner-inner{

flex-direction:column;

align-items:flex-start;

}


/* ORBIT */

.orbit-wrap{

height:480px;

}


.orbit-a{

width:370px;
height:370px;

}


.orbit-b{

width:290px;
height:290px;

}


.sir-photo{

width:185px;
height:185px;

}


.chip-11{

left:0;
top:23%;

}


.chip-12{

left:0;
bottom:18%;

}


.chip-jee{

right:0;
top:16%;

}


.chip-neet{

right:0;
bottom:20%;

}


.course-chip{

padding:9px 11px;

font-size:11px;

}


.course-chip span{

width:24px;
height:24px;

}


/* SUPPORT */

.support-grid{

grid-template-columns:
1fr 1fr;

}


/* FORM */

.admission-form{

grid-template-columns:1fr;

}


.admission-form textarea,
.submit-btn,
.admission-form small{

grid-column:auto;

}


/* CONTACT */

.contact-grid{

grid-template-columns:1fr;

}


/* LIVE */

.live-float{

left:10px;
right:10px;

bottom:10px;

justify-content:center;

padding:11px;

}


/* FOOTER */

.footer-inner{

flex-direction:column;

text-align:center;

}

}


@media(max-width:430px){

.announcement-track{

padding-right:205px;

font-size:10px;

}


.top-action{

font-size:8px;

padding:0 6px;

}


.brand-name{

font-size:18px;

}


.hero h1{

font-size:45px;

}


.section{

padding:70px 0;

}


.orbit-wrap{

height:420px;

}


.orbit-a{

width:310px;
height:310px;

}


.orbit-b{

width:245px;
height:245px;

}


.sir-photo{

width:150px;
height:150px;

}


.course-chip{

font-size:10px;

padding:7px 9px;

}


.chip-11{
left:-3%;
}


.chip-12{
left:-3%;
}


.chip-jee{
right:-3%;
}


.chip-neet{
right:-3%;
}


.course-cards{

grid-template-columns:1fr;

}


.support-grid{

grid-template-columns:1fr;

}


.gallery-placeholder{

padding:45px 20px;

}

}
/* =====================================================
RAKESH PHYSICS — WHITE + YELLOW ANIMATED COURSE
===================================================== */

.courses-section{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 50% 45%,
rgba(255,201,40,.16),
transparent 28%),
linear-gradient(135deg,#ffffff 0%,#fffdf2 55%,#f7f9ff 100%);
}

/* Soft background grid */

.courses-section::before{
content:"";
position:absolute;
inset:0;

background-image:
linear-gradient(rgba(7,22,51,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(7,22,51,.035) 1px,transparent 1px);

background-size:45px 45px;

pointer-events:none;
}


/* =====================================================
ANIMATED ORBIT AREA
===================================================== */

.orbit-wrap{
position:relative;
height:590px;
max-width:900px;
margin:45px auto 35px;

display:grid;
place-items:center;
}


/* Outer rotating ring */

.orbit-a{
width:520px;
height:520px;

border:2px solid rgba(21,87,232,.20);

border-radius:50%;

animation:
orbitRotate 22s linear infinite;

box-shadow:
0 0 35px rgba(21,87,232,.06);
}


/* Inner rotating ring */

.orbit-b{
width:390px;
height:390px;

border:2px dashed rgba(255,201,40,.65);

border-radius:50%;

animation:
orbitRotateReverse 15s linear infinite;
}


/* Extra glowing ring */

.orbit-wrap::before{
content:"";

position:absolute;

width:305px;
height:305px;

border-radius:50%;

border:1px solid rgba(7,22,51,.10);

animation:
pulseRing 3s ease-in-out infinite;
}


/* =====================================================
CENTER PHOTO
===================================================== */

.sir-photo{
position:relative;
z-index:20;

width:255px;
height:255px;

padding:6px;

border-radius:50%;

background:
linear-gradient(
135deg,
#ffc928,
#ffffff,
#1557e8,
#ffc928
);

background-size:300% 300%;

animation:
photoGlow 4s ease infinite;

box-shadow:
0 20px 55px rgba(7,22,51,.20),
0 0 0 10px rgba(255,201,40,.08);
}


.sir-photo img{
width:100%;
height:100%;

object-fit:cover;

display:block;

border-radius:50%;

border:5px solid white;
}


/* =====================================================
COURSE FLOATING CHIPS
===================================================== */

.course-chip{
position:absolute;
z-index:30;

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

padding:13px 20px;

border-radius:18px;

background:rgba(255,255,255,.96);

color:var(--navy);

font-size:14px;
font-weight:1000;

border:2px solid var(--yellow);

box-shadow:
0 12px 30px rgba(7,22,51,.12),
0 0 18px rgba(255,201,40,.12);

backdrop-filter:blur(8px);

transition:.3s;

animation:
chipFloat 3s ease-in-out infinite;
}


.course-chip:hover{
transform:scale(1.08);

background:var(--yellow);

box-shadow:
0 18px 40px rgba(7,22,51,.18),
0 0 25px rgba(255,201,40,.35);
}


.course-chip span{
display:grid;
place-items:center;

width:32px;
height:32px;

border-radius:50%;

background:var(--navy);

color:var(--yellow);

font-size:13px;
}


/* Different chip colours */

.chip-11,
.chip-12{
border-color:#ffc928;
}

.chip-jee{
border-color:#1557e8;
}

.chip-neet{
border-color:#16a765;
}


/* =====================================================
POSITIONING
===================================================== */

.chip-11{
left:4%;
top:27%;

animation-delay:0s;
}

.chip-12{
left:5%;
bottom:21%;

animation-delay:.8s;
}

.chip-jee{
right:5%;
top:21%;

animation-delay:1.2s;
}

.chip-neet{
right:4%;
bottom:27%;

animation-delay:1.8s;
}


/* =====================================================
ORBIT DOTS
===================================================== */

.orbit-dot{
position:absolute;

width:11px;
height:11px;

border-radius:50%;

background:var(--yellow);

box-shadow:
0 0 8px var(--yellow),
0 0 20px rgba(255,201,40,.65);

z-index:10;
}


/* =====================================================
ANIMATIONS
===================================================== */

@keyframes orbitRotate{
from{
transform:rotate(0deg);
}

to{
transform:rotate(360deg);
}
}


@keyframes orbitRotateReverse{
from{
transform:rotate(360deg);
}

to{
transform:rotate(0deg);
}
}


@keyframes chipFloat{
0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-8px);
}
}


@keyframes pulseRing{
0%,100%{
transform:scale(.96);
opacity:.45;
}

50%{
transform:scale(1.05);
opacity:1;
}
}


@keyframes photoGlow{
0%,100%{
background-position:0% 50%;

box-shadow:
0 20px 55px rgba(7,22,51,.20),
0 0 0 10px rgba(255,201,40,.08);
}

50%{
background-position:100% 50%;

box-shadow:
0 25px 65px rgba(21,87,232,.20),
0 0 0 14px rgba(255,201,40,.12);
}
}


/* =====================================================
COURSE CARDS
===================================================== */

.course-cards article{
background:white;

border:1px solid #e7eaf0;

border-top:4px solid var(--yellow);

box-shadow:
0 12px 35px rgba(7,22,51,.08);

transition:.3s;
}


.course-cards article:hover{
transform:translateY(-8px);

box-shadow:
0 22px 50px rgba(7,22,51,.14);
}


.course-cards span{
color:var(--blue);
}


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

@media(max-width:760px){

.orbit-wrap{
height:500px;
margin-top:30px;
}

.orbit-a{
width:370px;
height:370px;
}

.orbit-b{
width:290px;
height:290px;
}

.sir-photo{
width:190px;
height:190px;
}

.course-chip{
padding:10px 13px;
font-size:11px;
border-radius:14px;
}

.course-chip span{
width:27px;
height:27px;
}

.chip-11{
left:0;
top:24%;
}

.chip-12{
left:0;
bottom:18%;
}

.chip-jee{
right:0;
top:18%;
}

.chip-neet{
right:0;
bottom:22%;
}
}


@media(max-width:430px){

.orbit-wrap{
height:440px;
}

.orbit-a{
width:315px;
height:315px;
}

.orbit-b{
width:245px;
height:245px;
}

.sir-photo{
width:155px;
height:155px;
}

.course-chip{
padding:8px 10px;
font-size:10px;
}

.course-chip span{
width:23px;
height:23px;
}
}
/* ================================
PREMIUM TOP ACTION BUTTONS
================================ */

.top-actions {
display: flex;
gap: 14px;
align-items: center;
}

/* Common Button */
.top-action {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;

padding: 13px 22px;
border-radius: 50px;

font-weight: 800;
font-size: 14px;
letter-spacing: 0.5px;
text-decoration: none;

color: #ffffff;

transition: all 0.35s ease;
overflow: visible;

animation: premiumFloat 2.8s ease-in-out infinite;
}

/* Contact */
.contact-btn {
background: linear-gradient(
135deg,
#ff1744,
#ff6d00,
#ff1744
);

background-size: 200% 200%;

box-shadow:
0 0 12px rgba(255, 23, 68, 0.45),
0 0 28px rgba(255, 109, 0, 0.25);

animation:
premiumFloat 2.8s ease-in-out infinite,
gradientMove 4s ease infinite;
}

/* WhatsApp */
.whatsapp-btn {
background: linear-gradient(
135deg,
#00c853,
#25d366,
#00e676
);

background-size: 200% 200%;

box-shadow:
0 0 12px rgba(37, 211, 102, 0.5),
0 0 30px rgba(0, 200, 83, 0.25);

animation:
premiumFloat 2.8s ease-in-out infinite,
gradientMove 4s ease infinite;
}

/* Continuous glowing ring */
.top-action::before {
content: "";
position: absolute;
inset: -5px;

border-radius: 50px;

border: 2px solid currentColor;

opacity: 0.45;

animation: pulseRing 2s ease-out infinite;

pointer-events: none;
}

/* Small shine effect */
.top-action::after {
content: "";

position: absolute;

top: 0;
left: -100%;

width: 60%;
height: 100%;

background: linear-gradient(
90deg,
transparent,
rgba(255,255,255,0.45),
transparent
);

transform: skewX(-20deg);

animation: shineMove 3.5s infinite;

pointer-events: none;
}

/* Hover */
.top-action:hover {
transform: translateY(-5px) scale(1.08);

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

filter: brightness(1.12);
}

/* Floating movement */
@keyframes premiumFloat {

0%, 100% {
transform: translateY(0px);
}

50% {
transform: translateY(-5px);
}
}

/* Pulsing outer ring */
@keyframes pulseRing {

0% {
transform: scale(1);
opacity: 0.5;
}

70% {
transform: scale(1.18);
opacity: 0;
}

100% {
transform: scale(1.18);
opacity: 0;
}
}

/* Gradient movement */
@keyframes gradientMove {

0% {
background-position: 0% 50%;
}

50% {
background-position: 100% 50%;
}

100% {
background-position: 0% 50%;
}
}

/* Shine */
@keyframes shineMove {

0% {
left: -100%;
}

45% {
left: 130%;
}

100% {
left: 130%;
}
}

/* Mobile */
@media (max-width: 600px) {

.top-actions {
gap: 8px;
}

.top-action {
padding: 10px 14px;
font-size: 12px;
}
}
/* PREMIUM BUTTON FONT */
.top-action {
font-family: "Poppins", sans-serif;
font-weight: 700;
letter-spacing: 0.4px;
}
/* =====================================================
FINAL RESPONSIVE — TOP ANNOUNCEMENT
===================================================== */

@media (max-width:760px){

.announcement-bar{
height:43px;
}

.announcement-track{
padding-left:10px;
padding-right:185px;
gap:35px;
font-size:10px;
}

.top-actions{
right:5px;
top:5px;
gap:4px;
}

.top-action{
height:30px;
padding:0 8px;
font-size:9px;
white-space:nowrap;
border-radius:20px;
}

}

@media (max-width:430px){

.announcement-track{
padding-right:175px;
gap:30px;
font-size:9px;
}

.top-actions{
gap:3px;
}

.top-action{
height:28px;
padding:0 6px;
font-size:8px;
}
}
/* =====================================================
FINAL RESPONSIVE — COURSE ORBIT
===================================================== */

.orbit-wrap{
width:100%;
max-width:900px;
overflow:visible;
}

.course-chip{
white-space:nowrap;
}

@media (max-width:760px){

.orbit-wrap{
height:500px;
width:100%;
max-width:100%;
}

.orbit-a{
width:370px;
height:370px;
}

.orbit-b{
width:290px;
height:290px;
}

.sir-photo{
width:190px;
height:190px;
}

.chip-11{
left:2%;
top:24%;
}

.chip-12{
left:2%;
bottom:18%;
}

.chip-jee{
right:2%;
top:18%;
}

.chip-neet{
right:2%;
bottom:22%;
}
}


@media (max-width:430px){

.orbit-wrap{
height:440px;
}

.orbit-a{
width:315px;
height:315px;
}

.orbit-b{
width:245px;
height:245px;
}

.sir-photo{
width:155px;
height:155px;
}

.course-chip{
padding:8px 10px;
font-size:10px;
gap:5px;
}

.course-chip span{
width:23px;
height:23px;
font-size:10px;
}

.chip-11{
left:0;
top:22%;
}

.chip-12{
left:0;
bottom:17%;
}

.chip-jee{
right:0;
top:17%;
}

.chip-neet{
right:0;
bottom:20%;
}
}
/* =====================================================
FINAL RESPONSIVE — HEADER
===================================================== */

.site-header{
width:100%;
}

.nav-wrap{
min-width:0;
}

.brand{
min-width:0;
}

.brand img{
flex-shrink:0;
}

.brand-name{
white-space:nowrap;
}

@media (max-width:1050px){

.main-nav{
gap:14px;
font-size:13px;
}

.brand-name{
font-size:23px;
}
}


@media (max-width:850px){

.brand-name{
font-size:21px;
}

.main-nav{
gap:10px;
font-size:12px;
}

.nav-admission{
padding:9px 12px!important;
}
}


@media (max-width:760px){

.site-header{
height:74px;
}

.nav-wrap{
justify-content:space-between;
}

.brand{
gap:8px;
max-width:calc(100% - 60px);
}

.brand img{
width:48px;
height:48px;
}

.brand-name{
font-size:20px;
overflow:hidden;
text-overflow:ellipsis;
}

.menu-toggle{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.main-nav{
position:absolute;
top:74px;
left:4%;
right:4%;

display:none;

flex-direction:column;
align-items:stretch;

gap:2px;

padding:10px;

background:white;

border-radius:16px;

box-shadow:
0 20px 50px rgba(7,22,51,.18);
}

.main-nav.open{
display:flex;
}

.main-nav a{
padding:13px 14px;
}
}


@media (max-width:430px){

.brand{
gap:6px;
}

.brand img{
width:45px;
height:45px;
}

.brand-name{
font-size:18px;
letter-spacing:-.5px;
}

.menu-toggle{
width:44px;
height:44px;
font-size:22px;
}
}
/* =====================================================
RAKESH PHYSICS — PREMIUM SCROLL REVEAL
===================================================== */

.reveal{
opacity:0;
transform:translateY(45px);
transition:
opacity .8s ease,
transform .8s ease;
}

.reveal.active{
opacity:1;
transform:translateY(0);
}


/* LEFT → RIGHT */

.reveal-left{
opacity:0;
transform:translateX(-50px);
transition:
opacity .8s ease,
transform .8s ease;
}

.reveal-left.active{
opacity:1;
transform:translateX(0);
}


/* RIGHT → LEFT */

.reveal-right{
opacity:0;
transform:translateX(50px);
transition:
opacity .8s ease,
transform .8s ease;
}

.reveal-right.active{
opacity:1;
transform:translateX(0);
}


/* SCALE */

.reveal-scale{
opacity:0;
transform:scale(.88);
transition:
opacity .8s ease,
transform .8s ease;
}

.reveal-scale.active{
opacity:1;
transform:scale(1);
}


/* Respect users who prefer reduced motion */

@media (prefers-reduced-motion: reduce){

.reveal,
.reveal-left,
.reveal-right,
.reveal-scale{

opacity:1;
transform:none;
transition:none;
}

}
/* ===== COURSE CARD ANIMATION ===== */

.reveal-scale {
opacity: 0;
transform: translateY(40px) scale(0.92);
transition: opacity 0.7s ease, transform 0.7s ease;
}

.reveal-scale.show {
opacity: 1;
transform: translateY(0) scale(1);
}
/* =====================================================
RAKESH PHYSICS PURNEA
PREMIUM FACULTY SECTION
===================================================== */

.rp-faculty {
position: relative;
overflow: hidden;
padding: 110px 20px;
background:
radial-gradient(circle at 50% 20%,
rgba(212, 166, 67, 0.10),
transparent 38%),
linear-gradient(135deg, #06152f 0%, #081b3d 50%, #041127 100%);
color: #ffffff;
text-align: center;
}

.rp-faculty-glow {
position: absolute;
width: 500px;
height: 500px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: rgba(214, 167, 66, 0.07);
filter: blur(100px);
border-radius: 50%;
pointer-events: none;
}

.rp-faculty-container {
position: relative;
z-index: 2;
max-width: 950px;
margin: auto;
}

.rp-faculty-label {
display: inline-block;
padding: 8px 22px;
border: 1px solid rgba(224, 174, 65, 0.55);
border-radius: 50px;
color: #e8b94f;
font-size: 13px;
font-weight: 800;
letter-spacing: 3px;
margin-bottom: 18px;
background: rgba(255,255,255,0.03);
}

.rp-faculty-title {
margin: 0;
font-family: "Georgia", "Times New Roman", serif;
font-size: clamp(42px, 6vw, 72px);
font-weight: 700;
letter-spacing: -1px;
line-height: 1.05;
color: #ffffff;
}

.rp-faculty-line {
width: 90px;
height: 3px;
margin: 25px auto 18px;
border-radius: 10px;
background: linear-gradient(
90deg,
transparent,
#e5b33f,
transparent
);
}

.rp-faculty-subtitle {
margin: 0 0 45px;
color: #cbd5e5;
font-size: 16px;
letter-spacing: 2px;
font-weight: 500;
}

/* QUOTE CARD */

.rp-faculty-card {
position: relative;
max-width: 820px;
margin: auto;
padding: 55px 55px 50px;
border-radius: 28px;

background:
linear-gradient(
145deg,
rgba(255,255,255,0.09),
rgba(255,255,255,0.025)
);

border: 1px solid rgba(229, 179, 63, 0.35);

box-shadow:
0 30px 80px rgba(0,0,0,0.35),
inset 0 1px 0 rgba(255,255,255,0.08);

backdrop-filter: blur(14px);
}

.rp-quote-mark {
position: absolute;
left: 25px;
top: 10px;
font-family: Georgia, serif;
font-size: 100px;
line-height: 1;
color: #e5b33f;
opacity: 0.8;
}

.rp-quote-end {
left: auto;
right: 25px;
top: auto;
bottom: -25px;
}

.rp-quote {
position: relative;
z-index: 2;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(21px, 3vw, 30px);
line-height: 1.65;
font-weight: 500;
color: #f8fafc;
}

.rp-quote span {
color: #e9b83f;
font-weight: 700;
}

/* DESCRIPTION */

.rp-faculty-description {
max-width: 720px;
margin: 48px auto 0;
color: #cbd5e1;
font-size: 16px;
line-height: 1.9;
}

.rp-faculty-description strong {
display: block;
margin-bottom: 12px;
color: #f0c45a;
font-family: Georgia, serif;
font-size: 22px;
letter-spacing: 0.5px;
}

.rp-faculty-description p {
margin: 0;
}

/* VALUES */

.rp-faculty-values {
display: flex;
justify-content: center;
gap: 18px;
flex-wrap: wrap;
margin-top: 42px;
}

.rp-value {
min-width: 150px;
padding: 17px 25px;
border-radius: 16px;
background: rgba(255,255,255,0.045);
border: 1px solid rgba(255,255,255,0.09);
transition: all 0.3s ease;
}

.rp-value:hover {
transform: translateY(-5px);
border-color: rgba(229,179,63,0.55);
background: rgba(229,179,63,0.08);
}

.rp-value span {
display: block;
color: #e5b33f;
font-size: 11px;
letter-spacing: 2px;
margin-bottom: 5px;
}

.rp-value b {
color: #ffffff;
font-size: 15px;
letter-spacing: 0.5px;
}

/* MOBILE */

@media (max-width: 768px) {

.rp-faculty {
padding: 75px 16px;
}

.rp-faculty-title {
font-size: 43px;
}

.rp-faculty-subtitle {
font-size: 13px;
letter-spacing: 1.5px;
}

.rp-faculty-card {
padding: 45px 25px 42px;
border-radius: 22px;
}

.rp-quote {
font-size: 21px;
line-height: 1.55;
}

.rp-quote-mark {
font-size: 70px;
left: 15px;
top: 8px;
}

.rp-quote-end {
left: auto;
right: 15px;
top: auto;
bottom: -20px;
}

.rp-faculty-description {
font-size: 15px;
}

.rp-faculty-values {
gap: 10px;
}

.rp-value {
min-width: 120px;
padding: 14px 18px;
}
}
/* =====================================================
RAKESH PHYSICS PURNEA
PREMIUM FACULTY DESIGN - FINAL OVERRIDE
===================================================== */

.faculty-premium {
position: relative !important;
overflow: hidden !important;
padding: 100px 20px !important;
background:
radial-gradient(circle at 50% 15%,
rgba(229,179,63,0.12),
transparent 35%),
linear-gradient(135deg,#06152f 0%,#081d42 50%,#041127 100%) !important;
color: #fff !important;
text-align: center !important;
min-height: 650px;
}

.faculty-wrap {
position: relative !important;
z-index: 2 !important;
max-width: 950px !important;
margin: 0 auto !important;
}

/* FACULTY LABEL */

.faculty-eyebrow {
display: inline-block !important;
padding: 8px 22px !important;
margin-bottom: 18px !important;

border: 1px solid rgba(229,179,63,.55) !important;
border-radius: 50px !important;

background: rgba(255,255,255,.04) !important;
color: #e8b94f !important;

font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: 3px !important;
}

/* MAIN TITLE */

.faculty-title {
margin: 0 !important;

font-family: Georgia, "Times New Roman", serif !important;
font-size: clamp(45px,6vw,72px) !important;
line-height: 1.05 !important;
font-weight: 700 !important;

color: #ffffff !important;
letter-spacing: -1px !important;
}

/* SUBTITLE */

.faculty-subtitle {
margin: 20px 0 35px !important;

color: #cbd5e1 !important;
font-size: 16px !important;
letter-spacing: 2px !important;
font-weight: 500 !important;
}

/* GOLD LINE */

.faculty-line {
width: 100px !important;
height: 3px !important;
margin: 25px auto 20px !important;

border-radius: 20px !important;

background: linear-gradient(
90deg,
transparent,
#e5b33f,
transparent
) !important;
}

/* QUOTE CARD */

.faculty-card {
position: relative !important;

max-width: 820px !important;
margin: 35px auto 0 !important;

padding: 55px 60px !important;

border-radius: 26px !important;

background:
linear-gradient(
145deg,
rgba(255,255,255,.10),
rgba(255,255,255,.035)
) !important;

border: 1px solid rgba(229,179,63,.38) !important;

box-shadow:
0 30px 80px rgba(0,0,0,.40),
inset 0 1px 0 rgba(255,255,255,.10) !important;

backdrop-filter: blur(15px) !important;
}

/* QUOTE */

.faculty-quote {
position: relative !important;
z-index: 2 !important;

margin: 0 !important;

font-family: Georgia, "Times New Roman", serif !important;

font-size: clamp(21px,3vw,30px) !important;
line-height: 1.65 !important;

font-weight: 500 !important;

color: #f8fafc !important;
}

/* GOLD HIGHLIGHT */

.faculty-quote span {
color: #e9b83f !important;
font-weight: 700 !important;
}

/* DESCRIPTION */

.faculty-description {
max-width: 720px !important;
margin: 45px auto 0 !important;

color: #cbd5e1 !important;

font-size: 16px !important;
line-height: 1.9 !important;

text-align: center !important;
}

.faculty-description strong {
display: block !important;

margin-bottom: 12px !important;

color: #f0c45a !important;

font-family: Georgia, serif !important;
font-size: 22px !important;
}

.faculty-description p {
margin: 0 !important;
}

/* TAGLINE / VALUES */

.faculty-tagline {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;

gap: 18px !important;

margin-top: 38px !important;

color: #ffffff !important;

font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 1px !important;
}

.faculty-tagline span {
color: #e5b33f !important;
}

.faculty-tagline b {
color: rgba(229,179,63,.65) !important;
}


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

@media (max-width:768px) {

.faculty-premium {
padding: 75px 16px !important;
}

.faculty-title {
font-size: 43px !important;
}

.faculty-subtitle {
font-size: 13px !important;
letter-spacing: 1.5px !important;
}

.faculty-card {
padding: 42px 24px !important;
border-radius: 22px !important;
}

.faculty-quote {
font-size: 21px !important;
line-height: 1.55 !important;
}

.faculty-description {
font-size: 15px !important;
}

.faculty-tagline {
gap: 10px !important;
font-size: 13px !important;
}
}
/* =====================================================
RAKESH PHYSICS PURNEA
ELITE FACULTY SECTION — FINAL PREMIUM
===================================================== */

.faculty-premium{
position:relative !important;
overflow:hidden !important;
padding:95px 20px 90px !important;

background:
radial-gradient(
circle at 50% 0%,
rgba(229,179,63,.14),
transparent 32%
),
radial-gradient(
circle at 90% 80%,
rgba(37,99,235,.12),
transparent 35%
),
linear-gradient(
135deg,
#030b1d 0%,
#06152f 48%,
#071d46 100%
) !important;

color:#fff !important;
text-align:center !important;
}


/* SUBTLE GOLD GLOW */

.faculty-premium::before{
content:"";
position:absolute;

width:520px;
height:520px;

left:50%;
top:45%;

transform:translate(-50%,-50%);

background:rgba(229,179,63,.055);

filter:blur(110px);

border-radius:50%;

pointer-events:none;
}


/* MAIN WRAPPER */

.faculty-wrap{
position:relative !important;
z-index:2 !important;

width:100% !important;
max-width:1000px !important;

margin:auto !important;
}


/* PREMIUM LABEL */

.faculty-eyebrow{
display:inline-flex !important;
align-items:center !important;

padding:8px 20px !important;

border:1px solid rgba(229,179,63,.45) !important;
border-radius:50px !important;

background:rgba(255,255,255,.035) !important;

color:#e9bd55 !important;

font-family:Arial,sans-serif !important;
font-size:11px !important;
font-weight:800 !important;

letter-spacing:3px !important;

margin-bottom:20px !important;

box-shadow:
0 8px 30px rgba(0,0,0,.15),
inset 0 1px 0 rgba(255,255,255,.08) !important;
}


/* TITLE */

.faculty-title{
margin:0 !important;

font-family:
Georgia,
"Times New Roman",
serif !important;

font-size:
clamp(42px,5.5vw,68px) !important;

line-height:1.05 !important;

font-weight:700 !important;

letter-spacing:-1.5px !important;

color:#ffffff !important;

text-shadow:
0 8px 35px rgba(0,0,0,.25) !important;
}


/* GOLD DIVIDER */

.faculty-line{
position:relative !important;

width:110px !important;
height:2px !important;

margin:24px auto 20px !important;

background:
linear-gradient(
90deg,
transparent,
#e5b33f,
transparent
) !important;
}


/* SUBTITLE */

.faculty-subtitle{
margin:0 0 40px !important;

color:#bfcce0 !important;

font-family:
Arial,
sans-serif !important;

font-size:14px !important;

letter-spacing:2.5px !important;

font-weight:500 !important;
}


/* =====================================================
QUOTE CARD
===================================================== */

.faculty-card{
position:relative !important;

width:100% !important;
max-width:850px !important;

margin:0 auto !important;

padding:48px 60px 45px !important;

box-sizing:border-box !important;

text-align:left !important;

border-radius:22px !important;

background:
linear-gradient(
145deg,
rgba(255,255,255,.095),
rgba(255,255,255,.025)
) !important;

border:1px solid rgba(229,179,63,.30) !important;

box-shadow:
0 25px 70px rgba(0,0,0,.38),
inset 0 1px 0 rgba(255,255,255,.10) !important;

backdrop-filter:blur(18px) !important;

overflow:hidden !important;
}


/* GOLD SIDE ACCENT */

.faculty-card::before{
content:"";

position:absolute;

left:0;
top:0;

width:4px;
height:100%;

background:
linear-gradient(
180deg,
transparent,
#e5b33f 25%,
#f5cf6a 50%,
#e5b33f 75%,
transparent
);
}


/* TOP LABEL */

.faculty-card-top{
display:flex !important;
align-items:center !important;

gap:12px !important;

margin-bottom:24px !important;

color:#e8b94f !important;
}


/* QUOTE ICON */

.faculty-quote-icon,
.faculty-quote-icon::before{
color:#e5b33f !important;
}


/* CARD LABEL */

.faculty-card-label{
font-family:Arial,sans-serif !important;

font-size:11px !important;

font-weight:800 !important;

letter-spacing:2px !important;

color:#e8b94f !important;
}


/* QUOTE */

.faculty-quote{
position:relative !important;

margin:0 !important;

padding-left:0 !important;

font-family:
Georgia,
"Times New Roman",
serif !important;

font-size:
clamp(20px,2.5vw,28px) !important;

line-height:1.62 !important;

font-weight:500 !important;

color:#f7f9fc !important;
}


/* GOLD WORD */

.faculty-quote span{
color:#e9bd55 !important;

font-weight:700 !important;
}


/* DESCRIPTION */

.faculty-description{
max-width:760px !important;

margin:38px auto 0 !important;

color:#b9c7da !important;

font-family:Arial,sans-serif !important;

font-size:15px !important;

line-height:1.85 !important;

text-align:center !important;
}


.faculty-description strong{
display:block !important;

margin-bottom:9px !important;

color:#eac15d !important;

font-family:
Georgia,
serif !important;

font-size:20px !important;

font-weight:600 !important;
}


.faculty-description p{
margin:0 !important;
}


/* =====================================================
KNOWLEDGE • GUIDANCE • RESULTS
===================================================== */

.faculty-tagline{
display:flex !important;

justify-content:center !important;
align-items:center !important;

flex-wrap:wrap !important;

gap:14px !important;

margin-top:32px !important;

font-family:Arial,sans-serif !important;

font-size:12px !important;

font-weight:800 !important;

letter-spacing:2px !important;

color:#ffffff !important;
}


.faculty-tagline span{
color:#e7b844 !important;
}


.faculty-tagline b{
color:rgba(229,179,63,.55) !important;

font-weight:400 !important;
}


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

@media(max-width:768px){

.faculty-premium{
padding:70px 15px 65px !important;
}

.faculty-title{
font-size:43px !important;
}

.faculty-subtitle{
font-size:12px !important;
letter-spacing:1.5px !important;
margin-bottom:30px !important;
}

.faculty-card{
padding:35px 27px 35px !important;
border-radius:19px !important;
}

.faculty-card-label{
font-size:10px !important;
letter-spacing:1.5px !important;
}

.faculty-quote{
font-size:20px !important;
line-height:1.55 !important;
}

.faculty-description{
font-size:14px !important;
line-height:1.75 !important;
}

.faculty-description strong{
font-size:18px !important;
}

.faculty-tagline{
gap:9px !important;
font-size:10px !important;
letter-spacing:1.3px !important;
}
}
/* =====================================================
RAKESH PHYSICS — FACULTY FINAL POLISH
===================================================== */

.rp-faculty {
padding: 90px 20px 100px !important;
}

/* Elegant Faculty label */
.rp-faculty-label {
font-size: 11px !important;
letter-spacing: 3.5px !important;
padding: 7px 19px !important;
margin-bottom: 16px !important;
}

/* Main heading — more elegant */
.rp-faculty-title {
font-size: clamp(40px, 5vw, 62px) !important;
letter-spacing: -1.2px !important;
line-height: 1.05 !important;
}

/* Short gold divider */
.rp-faculty-line {
width: 82px !important;
height: 2px !important;
margin: 21px auto 17px !important;
}

/* Subtitle */
.rp-faculty-subtitle {
font-size: 13px !important;
letter-spacing: 2.2px !important;
margin-bottom: 38px !important;
color: #b8c5d8 !important;
}

/* =====================================================
QUOTE CARD — COMPACT PREMIUM
===================================================== */

.rp-faculty-card {
max-width: 790px !important;

padding: 48px 60px 46px !important;

border-radius: 24px !important;

background:
linear-gradient(
145deg,
rgba(255,255,255,0.085),
rgba(255,255,255,0.025)
) !important;

border: 1px solid rgba(229,179,63,0.42) !important;

box-shadow:
0 28px 70px rgba(0,0,0,0.32),
inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* Gold top highlight */
.rp-faculty-card::before {
left: 25% !important;
right: 25% !important;
height: 2px !important;
}

/* Quote marks */
.rp-quote-mark {
font-size: 82px !important;
left: 22px !important;
top: 9px !important;
opacity: 0.62 !important;
}

.rp-quote-end {
right: 22px !important;
bottom: -23px !important;
}

/* Main quote */
.rp-quote {
font-size: clamp(20px, 2.6vw, 28px) !important;
line-height: 1.55 !important;
letter-spacing: 0 !important;
}

/* Gold highlighted words */
.rp-quote span {
color: #efc65c !important;
}

/* =====================================================
FACULTY DESCRIPTION
===================================================== */

.rp-faculty-description {
max-width: 680px !important;
margin-top: 38px !important;
font-size: 14px !important;
line-height: 1.85 !important;
color: #aebbd0 !important;
}

/* =====================================================
VALUES
===================================================== */

.rp-faculty-values {
margin-top: 30px !important;
gap: 10px !important;
}

.rp-value {
min-width: 140px !important;
padding: 13px 20px !important;
}

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

@media (max-width: 768px) {

.rp-faculty {
padding: 70px 16px 80px !important;
}

.rp-faculty-title {
font-size: 40px !important;
}

.rp-faculty-card {
padding: 43px 24px 40px !important;
border-radius: 21px !important;
}

.rp-quote {
font-size: 20px !important;
line-height: 1.55 !important;
}

.rp-quote-mark {
font-size: 68px !important;
left: 13px !important;
}

.rp-faculty-description {
font-size: 13.5px !important;
}
}
/* =========================================================
RAKESH PHYSICS PURNEA
FACULTY SECTION — PREMIUM FINAL OVERRIDE
========================================================= */

.faculty-premium {
position: relative;
overflow: hidden;
padding: 115px 24px 105px;
background:
radial-gradient(
circle at 50% 0%,
rgba(43, 103, 210, 0.28),
transparent 42%
),
radial-gradient(
circle at 10% 70%,
rgba(224, 174, 65, 0.08),
transparent 30%
),
linear-gradient(
135deg,
#06142f 0%,
#08265b 48%,
#061735 100%
);
color: #fff;
text-align: center;
}

/* Subtle premium light */
.faculty-premium::before {
content: "";
position: absolute;
width: 700px;
height: 700px;
top: -300px;
left: 50%;
transform: translateX(-50%);
background: radial-gradient(
circle,
rgba(70, 130, 255, 0.16),
transparent 68%
);
pointer-events: none;
}

/* Main container */
.faculty-wrap {
position: relative;
z-index: 2;
max-width: 1180px;
margin: 0 auto;
}

/* EYEBROW */
.faculty-eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 9px 24px;
margin-bottom: 20px;

border: 1px solid rgba(229, 179, 63, 0.55);
border-radius: 999px;

background: rgba(229, 179, 63, 0.07);
color: #f0c55b;

font-size: 12px;
font-weight: 800;
letter-spacing: 4px;
text-transform: uppercase;

box-shadow:
0 0 25px rgba(229, 179, 63, 0.08),
inset 0 0 12px rgba(255,255,255,0.025);
}

/* TITLE */
.faculty-title {
margin: 0;

font-family: Georgia, "Times New Roman", serif;
font-size: clamp(48px, 6vw, 78px);
line-height: 1;
font-weight: 700;
letter-spacing: -2px;

color: #ffffff;

text-shadow:
0 8px 30px rgba(0,0,0,0.25);
}

/* SUBTITLE */
.faculty-subtitle {
margin: 20px 0 0;

color: #bfcce4;
font-size: 16px;
font-weight: 500;
letter-spacing: 3px;
}

/* GOLD DIVIDER */
.faculty-line {
width: 110px;
height: 3px;

margin: 30px auto 48px;

border-radius: 50px;

background: linear-gradient(
90deg,
transparent,
#e8b83f,
#fff1a6,
#e8b83f,
transparent
);

box-shadow:
0 0 18px rgba(232,184,63,0.45);
}


/* =========================================================
MAIN FACULTY QUOTE CARD
========================================================= */

.faculty-card {
position: relative;

max-width: 1050px;
margin: 0 auto;

padding: 58px 75px 55px;

border-radius: 28px;

background:
linear-gradient(
135deg,
rgba(255,255,255,0.105),
rgba(255,255,255,0.035)
);

border: 1px solid rgba(255,255,255,0.16);

box-shadow:
0 35px 90px rgba(0,0,0,0.35),
inset 0 1px 0 rgba(255,255,255,0.10);

backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);

text-align: left;

transition:
transform 0.45s ease,
box-shadow 0.45s ease,
border-color 0.45s ease;
}

/* GOLD SIDE ACCENT */
.faculty-card::before {
content: "";
position: absolute;

left: 0;
top: 30px;
bottom: 30px;

width: 4px;

border-radius: 0 8px 8px 0;

background: linear-gradient(
180deg,
transparent,
#e5b33f,
#fff0a0,
#e5b33f,
transparent
);

box-shadow:
0 0 20px rgba(229,179,63,0.35);
}

/* Top label */
.faculty-card-top {
display: flex;
align-items: center;
gap: 12px;

margin-bottom: 30px;
}

/* Quote icon */
.faculty-quote-icon {
width: 30px;
height: 30px;

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

color: #e7b83f;
font-size: 26px;
}

/* Small gold label */
.faculty-card-label {
color: #e8bd4b;

font-size: 12px;
font-weight: 800;

letter-spacing: 2.5px;
text-transform: uppercase;
}


/* =========================================================
QUOTE
========================================================= */

.faculty-quote {
margin: 0;

max-width: 850px;

font-family:
Georgia,
"Times New Roman",
serif;

font-size: clamp(25px, 3vw, 38px);
line-height: 1.48;

font-weight: 600;

color: #f8fbff;

letter-spacing: -0.4px;
}

/* Highlight words */
.faculty-quote span {
color: #edc14e;

font-weight: 700;

text-shadow:
0 0 18px rgba(237,193,78,0.15);
}


/* =========================================================
DESCRIPTION
========================================================= */

.faculty-description {
max-width: 900px;

margin: 40px auto 0;

color: #c5d2e7;

font-size: 15px;
line-height: 1.9;

text-align: center;
}

.faculty-description strong {
display: block;

margin-bottom: 12px;

color: #f0c457;

font-family: Georgia, serif;

font-size: 20px;
}

.faculty-description p {
margin: 0;
}


/* =========================================================
TAGLINE
========================================================= */

.faculty-tagline {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;

gap: 15px;

margin-top: 38px;

color: #e9bc46;

font-size: 12px;
font-weight: 800;

letter-spacing: 3px;
text-transform: uppercase;
}

.faculty-tagline b {
width: 4px;
height: 4px;

border-radius: 50%;

background: #ffffff;

opacity: 0.5;
}


/* =========================================================
HOVER EFFECT
========================================================= */

.faculty-card:hover {
transform: translateY(-5px);

border-color: rgba(229,179,63,0.38);

box-shadow:
0 45px 110px rgba(0,0,0,0.45),
0 0 35px rgba(42,104,220,0.08),
inset 0 1px 0 rgba(255,255,255,0.12);
}


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

@media (max-width: 768px) {

.faculty-premium {
padding: 80px 16px 75px;
}

.faculty-eyebrow {
padding: 8px 18px;
font-size: 10px;
letter-spacing: 3px;
}

.faculty-title {
font-size: 46px;
letter-spacing: -1.5px;
}

.faculty-subtitle {
font-size: 13px;
letter-spacing: 1.5px;
}

.faculty-line {
margin: 24px auto 35px;
}

.faculty-card {
padding: 40px 28px 38px;
border-radius: 22px;
}

.faculty-card::before {
top: 22px;
bottom: 22px;
}

.faculty-card-top {
margin-bottom: 22px;
}

.faculty-card-label {
font-size: 10px;
letter-spacing: 2px;
}

.faculty-quote {
font-size: 23px;
line-height: 1.55;
}

.faculty-description {
margin-top: 30px;
font-size: 14px;
line-height: 1.8;
}

.faculty-tagline {
gap: 10px;
margin-top: 30px;
font-size: 9px;
letter-spacing: 2px;
}
}
/* =========================
WHATSAPP COURSE MENU
========================= */

.whatsapp-options {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin-top: 15px;
}

.whatsapp-options a {
display: flex;
flex-direction: column;
justify-content: center;
text-decoration: none;
padding: 15px 18px;
border-radius: 14px;
background: rgba(255, 255, 255, 0.10);
border: 1px solid rgba(255, 255, 255, 0.25);
color: #ffffff;
transition: all 0.3s ease;
}

.whatsapp-options a b {
font-size: 16px;
margin-bottom: 5px;
}

.whatsapp-options a small {
font-size: 13px;
opacity: 0.85;
}

.whatsapp-options a:hover {
transform: translateY(-3px);
background: rgba(37, 211, 102, 0.20);
border-color: #25D366;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.20);
}

/* Mobile */
@media (max-width: 600px) {
.whatsapp-options {
grid-template-columns: 1fr;
}
}