.elementor-5915 .elementor-element.elementor-element-1af2cc4{--display:flex;}.elementor-5915 .elementor-element.elementor-element-e06a99f{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-b870ee1 *//*==================================================
NIMSRC CAMPUS PAGE V2
PART 1B.1
CORE HERO STYLES
==================================================*/

:root{

--primary:#0B63F6;
--secondary:#0A1F44;
--white:#ffffff;
--text:#EAF1FF;
--border:rgba(255,255,255,.16);

}

/*------------------------------------
Hero Section
------------------------------------*/

.nimsrc-campus-hero{

position:relative;

width:100%;

min-height:100vh;

overflow:hidden;

display:flex;

align-items:center;

justify-content:center;

background:#071426;

}

/*------------------------------------
Slider
------------------------------------*/

.hero-slider{

position:absolute;

inset:0;

overflow:hidden;

z-index:1;

}

.hero-slide{

position:absolute;

inset:0;

opacity:0;

}

.hero-slide img{

width:100%;

height:100%;

object-fit:cover;

display:block;

}

/*------------------------------------
Overlay
------------------------------------*/

.hero-overlay{

position:absolute;

inset:0;

z-index:2;

background:

linear-gradient(
135deg,
rgba(4,16,38,.92),
rgba(8,30,70,.55),
rgba(4,16,38,.92)
);

}

/*------------------------------------
Glow Effects
------------------------------------*/

.hero-glow{

position:absolute;

border-radius:50%;

filter:blur(120px);

pointer-events:none;

z-index:3;

opacity:.35;

}

.hero-glow-1{

width:420px;

height:420px;

background:#0B63F6;

top:-120px;

left:-80px;

}

.hero-glow-2{

width:520px;

height:520px;

background:#38BDF8;

right:-180px;

bottom:-180px;

}

/*------------------------------------
Wrapper
------------------------------------*/

.hero-wrapper{

position:relative;

z-index:5;

width:min(1200px,92%);

margin:auto;

padding:130px 0;

}

/*------------------------------------
Glass Card
------------------------------------*/

.hero-glass{

max-width:760px;

padding:60px;

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

backdrop-filter:blur(22px);

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

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

border-radius:30px;

box-shadow:

0 30px 80px rgba(0,0,0,.30),

0 0 0 1px rgba(255,255,255,.05);

}

/*------------------------------------
Tag
------------------------------------*/

.hero-tag{

display:inline-flex;

align-items:center;

padding:12px 22px;

border-radius:100px;

background:rgba(11,99,246,.20);

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

font-size:14px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:#DDE9FF;

margin-bottom:28px;

}

/*------------------------------------
Heading
------------------------------------*/

.hero-glass h1{

margin:0;

font-size:68px;

font-weight:800;

line-height:1.08;

color:#fff;

letter-spacing:-1px;

}

/*------------------------------------
Paragraph
------------------------------------*/

.hero-glass p{

margin:32px 0 40px;

font-size:20px;

line-height:1.9;

color:rgba(255,255,255,.88);

max-width:700px;

}

/*------------------------------------
Buttons
------------------------------------*/

.hero-buttons{

display:flex;

flex-wrap:wrap;

gap:18px;

margin-bottom:45px;

}

.hero-buttons a{

text-decoration:none;

font-weight:700;

transition:.35s;

}

.btn-primary{

padding:18px 36px;

background:linear-gradient(
135deg,
#0B63F6,
#2563EB
);

border-radius:60px;

color:#fff;

box-shadow:0 18px 45px rgba(11,99,246,.35);

}

.btn-primary:hover{

transform:translateY(-6px);

box-shadow:0 28px 60px rgba(11,99,246,.45);

}

.btn-outline{

padding:18px 36px;

border-radius:60px;

color:#fff;

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

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

backdrop-filter:blur(16px);

}

.btn-outline:hover{

background:#fff;

color:#0B63F6;

}

/*------------------------------------
Highlights
------------------------------------*/

.hero-highlights{

display:flex;

flex-wrap:wrap;

gap:16px;

}

.hero-highlights span{

padding:12px 18px;

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

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

border-radius:100px;

font-size:14px;

font-weight:600;

color:#fff;

}

/*------------------------------------
Floating Chips
------------------------------------*/

.floating-chip{

position:absolute;

z-index:6;

padding:14px 22px;

border-radius:60px;

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

backdrop-filter:blur(20px);

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

font-size:14px;

font-weight:600;

color:#fff;

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

}

.chip-1{

top:15%;

right:10%;

}

.chip-2{

top:28%;

right:5%;

}

.chip-3{

bottom:30%;

right:12%;

}

.chip-4{

bottom:16%;

left:8%;

}

.chip-5{

top:18%;

left:6%;

}

.chip-6{

bottom:12%;

right:28%;

}

/*------------------------------------
Bottom Strip
------------------------------------*/

.hero-bottom{

position:absolute;

left:50%;

bottom:45px;

transform:translateX(-50%);

width:min(1300px,92%);

display:grid;

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

gap:22px;

z-index:6;

}

.hero-item{

padding:28px;

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

backdrop-filter:blur(18px);

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

border-radius:24px;

}

.hero-item h3{

margin:0 0 14px;

font-size:22px;

font-weight:700;

color:#fff;

}

.hero-item p{

margin:0;

font-size:15px;

line-height:1.8;

color:rgba(255,255,255,.82);

}

/*------------------------------------
Scroll Indicator
------------------------------------*/

.hero-scroll{

position:absolute;

left:50%;

bottom:220px;

transform:translateX(-50%);

display:flex;

flex-direction:column;

align-items:center;

gap:14px;

z-index:7;

color:#fff;

}

.hero-scroll span{

font-size:13px;

letter-spacing:2px;

text-transform:uppercase;

opacity:.85;

}

.scroll-mouse{

width:34px;

height:58px;

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

border-radius:30px;

display:flex;

justify-content:center;

padding-top:10px;

}

.scroll-dot{

width:8px;

height:8px;

border-radius:50%;

background:#fff;

}

/*==================================================
NIMSRC CAMPUS PAGE V2
PART 1B.2A
ANIMATIONS
==================================================*/

/*==============================
BACKGROUND SLIDESHOW
==============================*/

.hero-slide{

animation:heroFade 48s infinite;

}

.hero-slide:nth-child(1){

animation-delay:0s;

}

.hero-slide:nth-child(2){

animation-delay:8s;

}

.hero-slide:nth-child(3){

animation-delay:16s;

}

.hero-slide:nth-child(4){

animation-delay:24s;

}

.hero-slide:nth-child(5){

animation-delay:32s;

}

.hero-slide:nth-child(6){

animation-delay:40s;

}

/*==============================
KEN BURNS EFFECT
==============================*/

.hero-slide img{

animation:kenBurns 48s linear infinite;

transform-origin:center center;

will-change:transform;

}

.hero-slide:nth-child(1) img{

animation-delay:0s;

}

.hero-slide:nth-child(2) img{

animation-delay:8s;

}

.hero-slide:nth-child(3) img{

animation-delay:16s;

}

.hero-slide:nth-child(4) img{

animation-delay:24s;

}

.hero-slide:nth-child(5) img{

animation-delay:32s;

}

.hero-slide:nth-child(6) img{

animation-delay:40s;

}

/*==============================
FADE ANIMATION
==============================*/

@keyframes heroFade{

0%{

opacity:0;

}

2%{

opacity:1;

}

15%{

opacity:1;

}

18%{

opacity:0;

}

100%{

opacity:0;

}

}

/*==============================
KEN BURNS
==============================*/

@keyframes kenBurns{

0%{

transform:
scale(1)
translate3d(0,0,0);

}

25%{

transform:
scale(1.05)
translate3d(-1%,-1%,0);

}

50%{

transform:
scale(1.08)
translate3d(1%,-1%,0);

}

75%{

transform:
scale(1.10)
translate3d(-1%,1%,0);

}

100%{

transform:
scale(1.14)
translate3d(1%,1%,0);

}

}

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

.floating-chip{

animation:floatChip 7s ease-in-out infinite;

}

.chip-2{

animation-delay:1s;

}

.chip-3{

animation-delay:2s;

}

.chip-4{

animation-delay:3s;

}

.chip-5{

animation-delay:4s;

}

.chip-6{

animation-delay:5s;

}

@keyframes floatChip{

0%{

transform:translateY(0);

}

25%{

transform:translateY(-10px);

}

50%{

transform:translateY(-18px);

}

75%{

transform:translateY(-8px);

}

100%{

transform:translateY(0);

}

}

/*==============================
GLASS CARD
==============================*/

.hero-glass{

animation:glassEntry 1.4s ease;

}

@keyframes glassEntry{

0%{

opacity:0;

transform:
translateY(70px)
scale(.96);

}

100%{

opacity:1;

transform:
translateY(0)
scale(1);

}

}

/*==============================
BUTTON HOVER GLOW
==============================*/

.btn-primary{

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

}

@keyframes buttonGlow{

0%{

box-shadow:0 18px 40px rgba(11,99,246,.25);

}

50%{

box-shadow:0 25px 65px rgba(11,99,246,.55);

}

100%{

box-shadow:0 18px 40px rgba(11,99,246,.25);

}

}

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

.hero-tag{

animation:tagPulse 3s infinite;

}

@keyframes tagPulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.04);

}

100%{

transform:scale(1);

}

}

/*==============================
GLOW EFFECTS
==============================*/

.hero-glow{

animation:glowFloat 12s ease-in-out infinite;

}

.hero-glow-2{

animation-delay:4s;

}

@keyframes glowFloat{

0%{

transform:
translate(0,0)
scale(1);

opacity:.25;

}

25%{

transform:
translate(-25px,-20px)
scale(1.05);

opacity:.38;

}

50%{

transform:
translate(18px,-10px)
scale(1.12);

opacity:.48;

}

75%{

transform:
translate(-15px,20px)
scale(1.05);

opacity:.34;

}

100%{

transform:
translate(0,0)
scale(1);

opacity:.25;

}

}

/*==============================
BOTTOM CARDS
==============================*/

.hero-item{

transition:.45s;

}

.hero-item:hover{

transform:translateY(-12px);

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

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

}

/*==============================
SCROLL MOUSE
==============================*/

.scroll-dot{

animation:scrollWheel 1.8s infinite;

}

@keyframes scrollWheel{

0%{

transform:translateY(0);

opacity:1;

}

70%{

transform:translateY(18px);

opacity:.2;

}

100%{

transform:translateY(0);

opacity:1;

}

}

/*==============================
SMOOTH ENTRANCE
==============================*/

.hero-buttons{

animation:fadeUp .9s ease .4s both;

}

.hero-highlights{

animation:fadeUp .9s ease .7s both;

}

.hero-bottom{

animation:fadeUp 1s ease 1s both;

}

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(40px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

/*==================================================
NIMSRC CAMPUS PAGE V2
PART 1B.2B
RESPONSIVE + PERFORMANCE
==================================================*/

/*=============================
Large Desktop
=============================*/

@media (min-width:1600px){

.hero-wrapper{

max-width:1450px;

}

.hero-glass{

max-width:820px;

padding:70px;

}

.hero-glass h1{

font-size:82px;

}

.hero-glass p{

font-size:22px;

max-width:760px;

}

.hero-bottom{

max-width:1450px;

}

}

/*=============================
Desktop
=============================*/

@media (max-width:1400px){

.hero-glass h1{

font-size:60px;

}

.hero-glass{

padding:55px;

}

.hero-bottom{

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

gap:20px;

bottom:35px;

}

.hero-scroll{

bottom:360px;

}

}

/*=============================
Laptop
=============================*/

@media (max-width:1200px){

.hero-wrapper{

width:92%;

}

.hero-glass{

max-width:700px;

padding:48px;

}

.hero-glass h1{

font-size:54px;

}

.hero-glass p{

font-size:18px;

line-height:1.8;

}

.hero-bottom{

position:relative;

left:auto;

bottom:auto;

transform:none;

margin:70px auto 0;

width:100%;

}

.hero-scroll{

display:none;

}

.floating-chip{

display:none;

}

}

/*=============================
Tablet
=============================*/

@media (max-width:991px){

.nimsrc-campus-hero{

min-height:auto;

padding:110px 0 70px;

}

.hero-wrapper{

padding:0;

}

.hero-glass{

max-width:100%;

padding:40px;

border-radius:24px;

}

.hero-glass h1{

font-size:44px;

line-height:1.15;

}

.hero-glass p{

font-size:17px;

margin:24px 0 32px;

}

.hero-buttons{

flex-direction:column;

align-items:flex-start;

}

.hero-buttons a{

width:100%;

text-align:center;

}

.hero-highlights{

gap:12px;

}

.hero-highlights span{

font-size:13px;

}

.hero-bottom{

grid-template-columns:1fr;

gap:18px;

margin-top:55px;

}

.hero-item{

padding:24px;

}

.hero-item h3{

font-size:20px;

}

}

/*=============================
Mobile
=============================*/

@media (max-width:767px){

.nimsrc-campus-hero{

padding:90px 0 50px;

}

.hero-glass{

padding:30px 24px;

border-radius:20px;

}

.hero-tag{

font-size:11px;

letter-spacing:1px;

padding:10px 16px;

}

.hero-glass h1{

font-size:34px;

line-height:1.18;

}

.hero-glass p{

font-size:16px;

line-height:1.75;

}

.btn-primary,

.btn-outline{

width:100%;

padding:16px 24px;

font-size:15px;

}

.hero-highlights{

margin-top:10px;

}

.hero-highlights span{

width:100%;

justify-content:center;

text-align:center;

padding:12px;

}

.hero-item{

padding:22px;

}

.hero-item h3{

font-size:19px;

}

.hero-item p{

font-size:14px;

line-height:1.7;

}

}

/*=============================
Small Mobile
=============================*/

@media (max-width:480px){

.hero-glass{

padding:26px 20px;

}

.hero-glass h1{

font-size:30px;

}

.hero-glass p{

font-size:15px;

}

.hero-tag{

font-size:10px;

}

}

/*=============================
Landscape Phones
=============================*/

@media (max-height:700px){

.nimsrc-campus-hero{

min-height:700px;

}

.hero-scroll{

display:none;

}

}

/*=============================
Performance
=============================*/

.hero-slide,

.hero-slide img,

.hero-glass,

.hero-item,

.hero-glow,

.floating-chip{

backface-visibility:hidden;

transform:translateZ(0);

will-change:transform,opacity;

}

/*=============================
Image Optimization
=============================*/

.hero-slide img{

image-rendering:auto;

object-position:center;

}

/*=============================
Accessibility
=============================*/

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

*{

animation:none !important;

transition:none !important;

scroll-behavior:auto !important;

}

.hero-slide{

opacity:1 !important;

position:absolute;

}

.hero-slide:not(:first-child){

display:none;

}

}

/*=============================
Selection
=============================*/

.nimsrc-campus-hero ::selection{

background:#0B63F6;

color:#fff;

}

/*=============================
Focus States
=============================*/

.hero-buttons a:focus{

outline:3px solid rgba(255,255,255,.5);

outline-offset:4px;

}

/*=============================
Smooth Scrolling
=============================*/

html{

scroll-behavior:smooth;

}

/*=============================
End
=============================*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e06a99f *//*=====================================
Student Journey
======================================*/

.campus-journey{

padding:140px 7%;

background:#f8fbff;

}

.journey-header{

max-width:900px;

margin:auto;

text-align:center;

margin-bottom:90px;

}

.journey-header h2{

font-size:56px;

font-weight:800;

color:#0B1833;

margin:25px 0;

line-height:1.15;

}

.journey-header p{

font-size:20px;

line-height:1.9;

color:#667085;

}

.journey-timeline{

display:flex;

align-items:flex-start;

justify-content:space-between;

gap:18px;

}

.journey-item{

flex:1;

text-align:center;

position:relative;

}

.journey-number{

width:78px;

height:78px;

margin:auto;

border-radius:50%;

background:#0B63F6;

color:#fff;

font-size:28px;

font-weight:700;

display:flex;

align-items:center;

justify-content:center;

box-shadow:0 18px 40px rgba(11,99,246,.25);

margin-bottom:30px;

}

.journey-item h3{

font-size:26px;

color:#0B1833;

margin-bottom:18px;

}

.journey-item p{

font-size:17px;

line-height:1.8;

color:#6b7280;

}

.journey-line{

width:90px;

height:3px;

background:linear-gradient(90deg,#0B63F6,#8fc3ff);

margin-top:38px;

border-radius:50px;

}

@media(max-width:991px){

.journey-timeline{

flex-direction:column;

}

.journey-line{

width:3px;

height:70px;

margin:0 auto;

}

.journey-header h2{

font-size:40px;

}

}

@media(max-width:768px){

.campus-journey{

padding:90px 6%;

}

.journey-header h2{

font-size:32px;

}

.journey-header p{

font-size:17px;

}

}

/*=================================
Academic Spaces
==================================*/

.campus-academics{

padding:140px 7%;

background:#ffffff;

}

.campus-title{

max-width:920px;

margin:auto;

text-align:center;

margin-bottom:90px;

}

.campus-title h2{

font-size:58px;

font-weight:800;

line-height:1.15;

margin:25px 0;

color:#0B1833;

}

.campus-title p{

font-size:20px;

line-height:1.9;

color:#6b7280;

}

.academic-row{

display:grid;

grid-template-columns:1.1fr 1fr;

gap:70px;

align-items:center;

margin-bottom:120px;

}

.reverse{

grid-template-columns:1fr 1.1fr;

}

.academic-image{

overflow:hidden;

border-radius:34px;

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

}

.academic-image img{

width:100%;

display:block;

transition:1.2s;

}

.academic-image:hover img{

transform:scale(1.08);

}

.academic-content span{

display:inline-block;

color:#0B63F6;

font-weight:700;

letter-spacing:2px;

margin-bottom:20px;

font-size:13px;

}

.academic-content h3{

font-size:44px;

margin-bottom:24px;

color:#0B1833;

}

.academic-content p{

font-size:18px;

line-height:1.9;

color:#667085;

margin-bottom:30px;

}

.academic-content ul{

padding:0;

margin:0;

list-style:none;

}

.academic-content li{

padding:16px 0;

border-bottom:1px solid #edf2f7;

font-size:17px;

color:#344054;

position:relative;

padding-left:28px;

}

.academic-content li::before{

content:"";

width:10px;

height:10px;

background:#0B63F6;

border-radius:50%;

position:absolute;

left:0;

top:24px;

}

@media(max-width:991px){

.academic-row,

.reverse{

grid-template-columns:1fr;

}

.reverse .academic-content{

order:2;

}

.reverse .academic-image{

order:1;

}

.campus-title h2{

font-size:42px;

}

}

@media(max-width:768px){

.campus-academics{

padding:90px 6%;

}

.campus-title h2{

font-size:32px;

}

.campus-title p{

font-size:17px;

}

.academic-content h3{

font-size:30px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ea8495 *//*==================================
Research & Innovation
===================================*/

.research-section{

position:relative;

min-height:900px;

display:flex;

align-items:center;

overflow:hidden;

}

.research-bg{

position:absolute;

inset:0;

z-index:1;

overflow:hidden;

}

.research-bg img{

width:100%;

height:100%;

object-fit:cover;

transform:scale(1);

animation:researchZoom 18s ease-in-out infinite alternate;

}

.research-overlay{

position:absolute;

inset:0;

background:linear-gradient(
90deg,
rgba(7,20,44,.92),
rgba(7,20,44,.55),
rgba(7,20,44,.90)
);

z-index:2;

}

.research-container{

position:relative;

z-index:5;

max-width:1400px;

margin:auto;

padding:120px 7%;

display:grid;

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

gap:80px;

align-items:center;

}

.research-content{

color:#fff;

}

.research-content h2{

font-size:62px;

line-height:1.1;

margin:28px 0;

font-weight:800;

}

.research-content p{

font-size:20px;

line-height:1.9;

opacity:.92;

max-width:700px;

}

.research-panel{

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

backdrop-filter:blur(24px);

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

border-radius:30px;

padding:45px;

box-shadow:0 30px 80px rgba(0,0,0,.28);

}

.research-item{

padding:22px 0;

border-bottom:1px solid rgba(255,255,255,.15);

}

.research-item:last-child{

border:none;

}

.research-item h4{

font-size:24px;

color:#fff;

margin-bottom:10px;

}

.research-item p{

font-size:16px;

line-height:1.8;

color:rgba(255,255,255,.82);

}

@keyframes researchZoom{

from{

transform:scale(1);

}

to{

transform:scale(1.08);

}

}

@media(max-width:991px){

.research-container{

grid-template-columns:1fr;

}

.research-content h2{

font-size:42px;

}

}

@media(max-width:768px){

.research-section{

min-height:auto;

}

.research-container{

padding:90px 6%;

}

.research-content h2{

font-size:32px;

}

.research-content p{

font-size:17px;

}

.research-panel{

padding:30px;

}

}

/*==================================
Clinical Learning
==================================*/

.clinical-section{

padding:140px 7%;

background:#f7fbff;

}

.clinical-heading{

max-width:900px;

margin:auto;

text-align:center;

margin-bottom:90px;

}

.clinical-heading h2{

font-size:58px;

font-weight:800;

line-height:1.15;

margin:24px 0;

color:#0B1833;

}

.clinical-heading p{

font-size:20px;

line-height:1.9;

color:#667085;

}

.clinical-wrapper{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

max-width:1400px;

margin:auto;

}

.clinical-image{

overflow:hidden;

border-radius:34px;

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

}

.clinical-image img{

width:100%;

display:block;

transition:1.2s;

}

.clinical-image:hover img{

transform:scale(1.08);

}

.clinical-timeline{

position:relative;

padding-left:35px;

}

.clinical-timeline::before{

content:"";

position:absolute;

left:11px;

top:0;

bottom:0;

width:2px;

background:#d8e6ff;

}

.timeline-step{

display:flex;

gap:25px;

margin-bottom:45px;

position:relative;

}

.timeline-dot{

width:24px;

height:24px;

border-radius:50%;

background:#0B63F6;

border:6px solid #fff;

box-shadow:0 0 0 4px rgba(11,99,246,.15);

flex-shrink:0;

position:relative;

z-index:2;

}

.timeline-content{

padding-bottom:12px;

}

.timeline-content h3{

font-size:28px;

color:#0B1833;

margin-bottom:12px;

}

.timeline-content p{

font-size:17px;

line-height:1.8;

color:#667085;

}

.timeline-step:last-child{

margin-bottom:0;

}

@media(max-width:991px){

.clinical-wrapper{

grid-template-columns:1fr;

}

.clinical-heading h2{

font-size:42px;

}

}

@media(max-width:768px){

.clinical-section{

padding:90px 6%;

}

.clinical-heading h2{

font-size:32px;

}

.clinical-heading p{

font-size:17px;

}

.clinical-timeline{

padding-left:25px;

}

.timeline-content h3{

font-size:24px;

}

}

/*=================================
Student Life
==================================*/

.student-life-section{

padding:140px 7%;

background:#ffffff;

}

.student-life-header{

max-width:920px;

margin:auto;

text-align:center;

margin-bottom:80px;

}

.student-life-header h2{

font-size:58px;

font-weight:800;

line-height:1.15;

margin:25px 0;

color:#0B1833;

}

.student-life-header p{

font-size:20px;

line-height:1.9;

color:#667085;

}

.student-life-banner{

position:relative;

max-width:1400px;

margin:auto;

overflow:hidden;

border-radius:36px;

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

}

.student-life-banner img{

width:100%;

height:700px;

object-fit:cover;

transition:1.4s;

}

.student-life-banner:hover img{

transform:scale(1.08);

}

.student-story{

position:absolute;

right:60px;

bottom:60px;

width:440px;

padding:42px;

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

backdrop-filter:blur(22px);

border-radius:26px;

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

}

.student-story span{

display:inline-block;

font-size:13px;

font-weight:700;

letter-spacing:2px;

color:#0B63F6;

text-transform:uppercase;

margin-bottom:18px;

}

.student-story h3{

font-size:34px;

margin-bottom:18px;

color:#0B1833;

}

.student-story p{

font-size:17px;

line-height:1.8;

color:#667085;

}

.life-features{

max-width:1400px;

margin:90px auto 0;

display:grid;

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

gap:30px;

}

.life-item{

padding:35px;

border-top:4px solid #0B63F6;

background:#f8fbff;

border-radius:20px;

transition:.35s;

}

.life-item:hover{

transform:translateY(-8px);

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

}

.life-item h4{

font-size:24px;

margin-bottom:16px;

color:#0B1833;

}

.life-item p{

font-size:16px;

line-height:1.8;

color:#667085;

}

@media(max-width:991px){

.life-features{

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

}

.student-life-header h2{

font-size:42px;

}

.student-story{

position:relative;

right:auto;

bottom:auto;

width:100%;

border-radius:0;

}

}

@media(max-width:768px){

.student-life-section{

padding:90px 6%;

}

.student-life-header h2{

font-size:32px;

}

.student-life-header p{

font-size:17px;

}

.life-features{

grid-template-columns:1fr;

}

.student-life-banner img{

height:420px;

}

.student-story{

padding:28px;

}

.student-story h3{

font-size:28px;

}

}

/*=========================
Hostel Life
=========================*/

.hostel-life{

padding:150px 7%;

background:#f8fbff;

}

.hostel-header{

max-width:900px;

margin:auto;

text-align:center;

margin-bottom:80px;

}

.hostel-header h2{

font-size:58px;

font-weight:800;

line-height:1.15;

margin:24px 0;

color:#0B1833;

}

.hostel-header p{

font-size:20px;

line-height:1.9;

color:#667085;

}

.hostel-banner{

position:relative;

overflow:hidden;

border-radius:38px;

max-width:1450px;

margin:auto;

box-shadow:0 45px 90px rgba(0,0,0,.14);

}

.hostel-banner img{

width:100%;

height:780px;

object-fit:cover;

transition:1.5s;

}

.hostel-banner:hover img{

transform:scale(1.08);

}

.hostel-glass{

position:absolute;

right:70px;

top:50%;

transform:translateY(-50%);

width:420px;

padding:45px;

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

backdrop-filter:blur(28px);

border-radius:30px;

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

color:#fff;

}

.hostel-glass small{

letter-spacing:2px;

text-transform:uppercase;

opacity:.8;

}

.hostel-glass h3{

font-size:34px;

margin:18px 0 28px;

}

.hostel-glass ul{

list-style:none;

margin:0;

padding:0;

}

.hostel-glass li{

padding:14px 0;

border-bottom:1px solid rgba(255,255,255,.15);

font-size:17px;

}

.hostel-glass li:last-child{

border:none;

}

@media(max-width:991px){

.hostel-banner img{

height:600px;

}

.hostel-glass{

position:relative;

top:auto;

right:auto;

transform:none;

width:100%;

border-radius:0;

}

.hostel-header h2{

font-size:42px;

}

}

@media(max-width:768px){

.hostel-life{

padding:90px 6%;

}

.hostel-header h2{

font-size:32px;

}

.hostel-header p{

font-size:17px;

}

.hostel-banner img{

height:420px;

}

.hostel-glass{

padding:28px;

}

.hostel-glass h3{

font-size:28px;

}

}


/*=================================
Sports & Recreation
==================================*/

.sports-section{

padding:150px 7%;

background:#ffffff;

}

.sports-header{

max-width:920px;

margin:auto;

text-align:center;

margin-bottom:80px;

}

.sports-header h2{

font-size:58px;

font-weight:800;

line-height:1.15;

margin:24px 0;

color:#0B1833;

}

.sports-header p{

font-size:20px;

line-height:1.9;

color:#667085;

}

.sports-banner{

position:relative;

overflow:hidden;

border-radius:36px;

box-shadow:0 35px 90px rgba(0,0,0,.14);

margin-bottom:80px;

}

.sports-banner img{

width:100%;

height:620px;

object-fit:cover;

transition:1.4s;

}

.sports-banner:hover img{

transform:scale(1.08);

}

.sports-overlay{

position:absolute;

inset:0;

background:linear-gradient(
90deg,
rgba(5,18,40,.85),
rgba(5,18,40,.25),
rgba(5,18,40,.80)
);

}

.sports-content{

position:absolute;

left:70px;

bottom:70px;

max-width:520px;

color:#fff;

z-index:2;

}

.sports-content h3{

font-size:46px;

margin-bottom:18px;

line-height:1.15;

}

.sports-content p{

font-size:19px;

line-height:1.9;

opacity:.92;

}

.sports-grid{

display:grid;

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

gap:35px;

max-width:1400px;

margin:auto;

}

.sport-card{

padding:45px;

background:#f8fbff;

border-radius:26px;

border-left:6px solid #0B63F6;

transition:.35s;

}

.sport-card:hover{

transform:translateY(-8px);

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

}

.sport-card h4{

font-size:28px;

margin-bottom:16px;

color:#0B1833;

}

.sport-card p{

font-size:17px;

line-height:1.9;

color:#667085;

}

@media(max-width:991px){

.sports-grid{

grid-template-columns:1fr;

}

.sports-header h2{

font-size:42px;

}

.sports-content{

left:40px;

right:40px;

bottom:40px;

}

}

@media(max-width:768px){

.sports-section{

padding:90px 6%;

}

.sports-header h2{

font-size:32px;

}

.sports-header p{

font-size:17px;

}

.sports-banner img{

height:400px;

}

.sports-content{

left:25px;

right:25px;

bottom:25px;

}

.sports-content h3{

font-size:28px;

}

.sport-card{

padding:30px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af901ec *//*=================================
Learning Beyond Borders
==================================*/

.global-learning{

padding:150px 7%;

background:#f8fbff;

overflow:hidden;

}

.global-header{

max-width:920px;

margin:auto;

text-align:center;

margin-bottom:90px;

}

.global-header h2{

font-size:58px;

font-weight:800;

line-height:1.15;

margin:24px 0;

color:#0B1833;

}

.global-header p{

font-size:20px;

line-height:1.9;

color:#667085;

}

.global-timeline{

display:flex;

align-items:flex-start;

justify-content:space-between;

gap:18px;

}

.global-step{

flex:1;

text-align:center;

position:relative;

}

.global-circle{

width:82px;

height:82px;

border-radius:50%;

background:#0B63F6;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

font-weight:700;

margin:0 auto 30px;

box-shadow:0 20px 45px rgba(11,99,246,.25);

transition:.35s;

}

.global-step:hover .global-circle{

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

}

.global-step h3{

font-size:26px;

margin-bottom:16px;

color:#0B1833;

}

.global-step p{

font-size:17px;

line-height:1.8;

color:#667085;

}

.global-line{

width:90px;

height:3px;

background:linear-gradient(90deg,#0B63F6,#8CC4FF);

margin-top:40px;

border-radius:20px;

}

@media(max-width:991px){

.global-timeline{

flex-direction:column;

}

.global-line{

width:3px;

height:70px;

margin:0 auto;

}

.global-header h2{

font-size:42px;

}

}

@media(max-width:768px){

.global-learning{

padding:90px 6%;

}

.global-header h2{

font-size:32px;

}

.global-header p{

font-size:17px;

}

.global-step h3{

font-size:22px;

}

}



/*==========================
Campus Facility Hub
==========================*/

.facility-hub{

padding:150px 7%;

background:#fff;

}

.facility-header{

max-width:900px;

margin:auto;

text-align:center;

margin-bottom:90px;

}

.facility-header h2{

font-size:58px;

font-weight:800;

margin:24px 0;

line-height:1.15;

color:#0B1833;

}

.facility-header p{

font-size:20px;

line-height:1.9;

color:#667085;

}

.hub{

position:relative;

width:900px;

height:900px;

margin:auto;

}

.hub-center{

position:absolute;

left:50%;

top:50%;

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

width:220px;

height:220px;

border-radius:50%;

background:#0B63F6;

color:#fff;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

box-shadow:0 35px 80px rgba(11,99,246,.35);

}

.hub-center h3{

font-size:34px;

margin:0;

}

.hub-center span{

margin-top:10px;

opacity:.9;

}

.hub-item{

position:absolute;

background:#fff;

padding:18px 26px;

border-radius:50px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

font-weight:600;

transition:.35s;

}

.hub-item:hover{

transform:translateY(-8px);

box-shadow:0 25px 60px rgba(11,99,246,.18);

}

/* Positions */

.library{

top:20px;

left:50%;

transform:translateX(-50%);

}

.cafeteria{

top:180px;

left:80px;

}

.auditorium{

top:180px;

right:80px;

}

.wifi{

top:50%;

left:0;

transform:translateY(-50%);

}

.transport{

bottom:180px;

left:80px;

}

.medical{

top:50%;

right:0;

transform:translateY(-50%);

}

.bank{

bottom:180px;

right:80px;

}

.green{

bottom:20px;

left:50%;

transform:translateX(-50%);

}

.security{

bottom:320px;

left:50%;

transform:translateX(-50%);

}

@media(max-width:991px){

.hub{

width:100%;

height:auto;

display:grid;

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

gap:20px;

}

.hub-center{

position:relative;

left:auto;

top:auto;

transform:none;

width:100%;

height:180px;

grid-column:1/3;

margin-bottom:10px;

}

.hub-item{

position:relative;

left:auto;

top:auto;

right:auto;

bottom:auto;

transform:none;

text-align:center;

}

}

@media(max-width:768px){

.facility-hub{

padding:90px 6%;

}

.facility-header h2{

font-size:32px;

}

.facility-header p{

font-size:17px;

}

.hub{

grid-template-columns:1fr;

}

.hub-center{

grid-column:auto;

}

}



/*======================================
Final CTA
=======================================*/

.campus-final-cta{

position:relative;

min-height:100vh;

display:flex;

align-items:center;

justify-content:center;

overflow:hidden;

}

.cta-bg{

position:absolute;

inset:0;

z-index:1;

}

.cta-bg img{

width:100%;

height:100%;

object-fit:cover;

animation:ctaZoom 20s ease-in-out infinite alternate;

}

.cta-overlay{

position:absolute;

inset:0;

background:linear-gradient(
135deg,
rgba(6,18,42,.90),
rgba(6,18,42,.55),
rgba(6,18,42,.92)
);

z-index:2;

}

.cta-container{

position:relative;

z-index:5;

max-width:950px;

padding:0 7%;

text-align:center;

color:#fff;

}

.cta-container h2{

font-size:68px;

line-height:1.1;

font-weight:800;

margin:30px 0;

}

.cta-container p{

font-size:21px;

line-height:1.9;

opacity:.92;

max-width:760px;

margin:0 auto 45px;

}

.cta-buttons{

display:flex;

justify-content:center;

gap:20px;

margin-bottom:70px;

flex-wrap:wrap;

}

.cta-primary{

padding:18px 42px;

background:#0B63F6;

color:#fff;

border-radius:60px;

text-decoration:none;

font-weight:700;

transition:.35s;

box-shadow:0 18px 45px rgba(11,99,246,.35);

}

.cta-primary:hover{

transform:translateY(-5px);

}

.cta-outline{

padding:18px 42px;

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

border-radius:60px;

text-decoration:none;

color:#fff;

backdrop-filter:blur(18px);

transition:.35s;

}

.cta-outline:hover{

background:#fff;

color:#0B63F6;

}

.cta-info{

display:grid;

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

gap:35px;

padding-top:50px;

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

}

.cta-info h4{

font-size:20px;

margin-bottom:12px;

}

.cta-info span{

opacity:.82;

font-size:16px;

}

@keyframes ctaZoom{

from{

transform:scale(1);

}

to{

transform:scale(1.08);

}

}

@media(max-width:991px){

.cta-container h2{

font-size:46px;

}

.cta-info{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.campus-final-cta{

min-height:90vh;

}

.cta-container{

padding:90px 6%;

}

.cta-container h2{

font-size:34px;

}

.cta-container p{

font-size:17px;

}

.cta-buttons{

flex-direction:column;

}

.cta-primary,

.cta-outline{

width:100%;

}

}/* End custom CSS */