.elementor-5848 .elementor-element.elementor-element-369fa14{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-8e96ea2 *//*====================================================
ABOUT HERO SECTION
====================================================*/

.about-hero{

position:relative;

display:flex;

align-items:center;

min-height:88vh;

background-image:url("https://nimsrc.com/wp-content/uploads/2025/06/ChatGPT-Image-Jun-9-2026-08_19_13-PM-1.png");

background-size:cover;

background-position:center center;

background-repeat:no-repeat;

overflow:hidden;

}

.hero-overlay{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

background:linear-gradient(
90deg,
rgba(4,23,55,.92) 0%,
rgba(4,23,55,.78) 45%,
rgba(4,23,55,.40) 100%
);

}

.hero-container{

width:92%;

max-width:1400px;

margin:auto;

position:relative;

z-index:2;

}

.hero-content{

max-width:720px;

color:#fff;

}

.hero-badge{

display:inline-block;

padding:10px 22px;

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

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

backdrop-filter:blur(12px);

border-radius:40px;

font-size:14px;

font-weight:600;

margin-bottom:25px;

}

.hero-content h1{

font-size:62px;

line-height:1.15;

font-weight:800;

margin-bottom:25px;

letter-spacing:-1px;

}

.hero-content p{

font-size:19px;

line-height:1.9;

color:#F4F7FB;

margin-bottom:40px;

max-width:650px;

}

.hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.hero-btn-primary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 34px;

background:#0B5ED7;

color:#fff;

text-decoration:none;

border-radius:50px;

font-weight:700;

transition:.35s;

}

.hero-btn-primary:hover{

background:#0949A7;

transform:translateY(-4px);

}

.hero-btn-secondary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 34px;

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

color:#fff;

text-decoration:none;

border-radius:50px;

font-weight:700;

transition:.35s;

}

.hero-btn-secondary:hover{

background:#fff;

color:#0B2C6B;

transform:translateY(-4px);

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.hero-content h1{

font-size:46px;

}

}

@media(max-width:768px){

.about-hero{

min-height:75vh;

padding:80px 0;

}

.hero-content h1{

font-size:34px;

}

.hero-content p{

font-size:16px;

}

.hero-buttons{

flex-direction:column;

}

.hero-btn-primary,

.hero-btn-secondary{

width:100%;

}

}

/*======================================
OUR LEGACY
======================================*/

.nimsrc-legacy{

padding:110px 8%;

background:#ffffff;

}

.section-title{

max-width:900px;

margin:auto;

text-align:center;

margin-bottom:70px;

}

.section-title span{

display:inline-block;

padding:8px 20px;

background:#EEF5FF;

color:#0B4DA2;

border-radius:40px;

font-weight:600;

margin-bottom:18px;

}

.section-title h2{

font-size:46px;

color:#0A2E63;

margin-bottom:20px;

}

.section-title p{

font-size:18px;

line-height:1.9;

color:#666;

}

.legacy-grid{

display:grid;

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

gap:30px;

}

.legacy-card{

background:#fff;

padding:45px;

border-radius:24px;

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

transition:.35s;

}

.legacy-card:hover{

transform:translateY(-10px);

}

.legacy-icon{

font-size:46px;

margin-bottom:20px;

}

/*======================================
VISION MISSION
======================================*/

.vision-mission{

padding:110px 8%;

background:#F8FBFF;

}

.vm-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

}

.vm-box{

background:#fff;

padding:50px;

border-radius:24px;

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

}

.vm-icon{

font-size:46px;

margin-bottom:20px;

}

.vm-box h3{

font-size:30px;

color:#0B2C6B;

margin-bottom:18px;

}

.vm-box p,

.vm-box li{

line-height:1.9;

color:#666;

}

.vm-box ul{

padding-left:18px;

}

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

.core-values{

padding:110px 8%;

background:#fff;

}

.values-grid{

display:grid;

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

gap:25px;

}

.value-card{

padding:35px;

border-radius:22px;

background:#F8FBFF;

transition:.35s;

text-align:center;

}

.value-card:hover{

background:#0B5ED7;

color:#fff;

transform:translateY(-8px);

}

.value-card:hover p{

color:#fff;

}

.value-card h3{

margin-bottom:12px;

color:#0B2C6B;

}

.value-card:hover h3{

color:#fff;

}

@media(max-width:991px){

.legacy-grid,

.vm-grid,

.values-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.legacy-grid,

.vm-grid,

.values-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:34px;

}

}

/*====================================
WHY CHOOSE
====================================*/

.why-nimsrc{

padding:110px 8%;

background:#F7FAFF;

}

.why-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.why-card{

background:#fff;

padding:40px;

border-radius:22px;

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

transition:.35s;

}

.why-card:hover{

transform:translateY(-10px);

}

.why-icon{

font-size:45px;

margin-bottom:18px;

}

/*====================================
CAMPUS
====================================*/

.campus-section{

padding:120px 8%;

background:#fff;

}

.campus-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.campus-image img{

width:100%;

border-radius:24px;

}

.campus-content span{

color:#0B5ED7;

font-weight:700;

}

.campus-content h2{

font-size:44px;

margin:20px 0;

color:#0B2C6B;

}

.campus-content p{

line-height:1.9;

color:#666;

margin-bottom:25px;

}

.campus-content ul{

padding-left:20px;

margin-bottom:30px;

line-height:2;

}

/*====================================
RESEARCH
====================================*/

.research-section{

padding:120px 8%;

background:#F7FAFF;

}

.research-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.research-image img{

width:100%;

border-radius:24px;

}

/*====================================
BUTTONS
====================================*/

.blue-btn{

display:inline-block;

padding:15px 34px;

background:#0B5ED7;

color:#fff;

text-decoration:none;

border-radius:50px;

font-weight:600;

transition:.35s;

}

.blue-btn:hover{

transform:translateY(-4px);

}

.outline-btn{

display:inline-block;

padding:15px 34px;

border:2px solid #0B5ED7;

color:#0B5ED7;

text-decoration:none;

border-radius:50px;

margin-left:15px;

}

/*====================================
LEADERSHIP
====================================*/

.leadership-preview{

padding:110px 8%;

background:#0B2C6B;

text-align:center;

color:#fff;

}

.leader-box{

max-width:900px;

margin:auto;

}

.leader-box h2{

font-size:46px;

margin-bottom:20px;

}

.leader-box p{

font-size:18px;

line-height:1.9;

margin-bottom:35px;

color:#EAF2FF;

}

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

@media(max-width:991px){

.why-grid{

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

}

.campus-grid,

.research-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

}

.leader-buttons{

display:flex;

flex-direction:column;

gap:15px;

}

.outline-btn{

margin-left:0;

}

}


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

.nimsrc-stats{

padding:110px 8%;

background:#fff;

}

.stats-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.stat-box{

background:#F7FAFF;

padding:45px;

border-radius:24px;

text-align:center;

transition:.35s;

}

.stat-box:hover{

background:#0B5ED7;

transform:translateY(-8px);

}

.stat-box h3{

font-size:48px;

color:#0B2C6B;

margin-bottom:15px;

}

.stat-box:hover h3,

.stat-box:hover p{

color:#fff;

}



/*======================================
AFFILIATION
======================================*/

.affiliation-section{

padding:110px 8%;

background:#F7FAFF;

}

.affiliation-box{

background:#fff;

padding:70px;

border-radius:30px;

text-align:center;

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

}

.affiliation-box h2{

font-size:42px;

margin-bottom:20px;

color:#0B2C6B;

}

.affiliation-box p{

max-width:900px;

margin:auto;

line-height:1.9;

margin-bottom:35px;

}



/*======================================
FAQ
======================================*/

.about-faq{

padding:110px 8%;

background:#fff;

}

.faq-item{

padding:30px;

border-radius:18px;

background:#F7FAFF;

margin-bottom:20px;

}

.faq-item h3{

color:#0B2C6B;

margin-bottom:10px;

}

.faq-item p{

color:#666;

line-height:1.8;

}



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

.about-cta{

padding:120px 8%;

text-align:center;

background:linear-gradient(135deg,#0B2C6B,#0B5ED7);

color:#fff;

}

.about-cta h2{

font-size:48px;

margin-bottom:20px;

}

.about-cta p{

max-width:800px;

margin:auto;

font-size:18px;

line-height:1.8;

margin-bottom:35px;

}



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

@media(max-width:991px){

.stats-grid{

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

}

}

@media(max-width:768px){

.stats-grid{

grid-template-columns:1fr;

}

.affiliation-box{

padding:40px 25px;

}

.about-cta h2{

font-size:34px;

}

}/* End custom CSS */