Apply Now

Explore Courses

/* ================================
FULL WIDTH HERO
================================ */

.rk-hero-section {
position: relative;
width: 100vw;
max-width: 100vw;

/* Full screen left-right */
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);

min-height: 100vh;

background: linear-gradient(
135deg,
#071c39,
#0d2b52
);

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

overflow: hidden;

padding: 30px 20px;

box-sizing: border-box;
}

/* Overlay */

.rk-overlay {
position: absolute;
inset: 0;

background: rgba(0,0,0,0.15);

z-index: 1;
}

/* Content */

.rk-content {
position: relative;
z-index: 2;

width: 100%;
max-width: 1500px;

text-align: center;
}

/* Main Image */

.rk-hero-img {
width: 100%;
max-width: 1500px;

height: auto;

display: block;

margin: 0 auto;

border-radius: 20px;

box-shadow:
0 15px 50px rgba(0,0,0,0.40);

transition: transform 0.4s ease;
}

/* Hover */

.rk-hero-img:hover {
transform: scale(1.01);
}

/* Buttons */

.rk-buttons {
margin-top: 30px;

display: flex;

justify-content: center;

align-items: center;

gap: 20px;

flex-wrap: wrap;
}

.rk-btn {
display: inline-block;

padding: 15px 34px;

font-size: 17px;

font-weight: 700;

border-radius: 50px;

text-decoration: none;

transition: all 0.3s ease;

font-family: Arial, sans-serif;

letter-spacing: 0.5px;
}

/* Apply Now */

.primary-btn {
background: #e60023;

color: #ffffff;

box-shadow:
0 8px 25px rgba(230,0,35,0.40);
}

.primary-btn:hover {
background: #c4001d;

color: #ffffff;

transform: translateY(-3px);
}

/* Explore Courses */

.secondary-btn {
background: #ffffff;

color: #071c39;

box-shadow:
0 8px 25px rgba(255,255,255,0.25);
}

.secondary-btn:hover {
background: #f0f0f0;

color: #071c39;

transform: translateY(-3px);
}

/* ================================
TABLET
================================ */

@media (max-width: 991px) {

.rk-hero-section {
min-height: auto;

padding: 50px 15px;
}

.rk-hero-img {
border-radius: 16px;
}

.rk-btn {
padding: 14px 28px;

font-size: 16px;
}
}

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

@media (max-width: 767px) {

.rk-hero-section {

padding: 30px 10px;

min-height: auto;
}

.rk-hero-img {
border-radius: 12px;
}

.rk-buttons {

gap: 12px;

margin-top: 20px;
}

.rk-btn {

width: 100%;

max-width: 280px;

font-size: 15px;

padding: 13px 20px;
}
}

Apply Now

Explore Courses

/* ================================
FULL WIDTH HERO
================================ */

.rk-hero-section {
position: relative;
width: 100vw;
max-width: 100vw;

/* Full screen left-right */
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);

min-height: 100vh;

background: linear-gradient(
135deg,
#071c39,
#0d2b52
);

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

overflow: hidden;

padding: 30px 20px;

box-sizing: border-box;
}

/* Overlay */

.rk-overlay {
position: absolute;
inset: 0;

background: rgba(0,0,0,0.15);

z-index: 1;
}

/* Content */

.rk-content {
position: relative;
z-index: 2;

width: 100%;
max-width: 1500px;

text-align: center;
}

/* Main Image */

.rk-hero-img {
width: 100%;
max-width: 1500px;

height: auto;

display: block;

margin: 0 auto;

border-radius: 20px;

box-shadow:
0 15px 50px rgba(0,0,0,0.40);

transition: transform 0.4s ease;
}

/* Hover */

.rk-hero-img:hover {
transform: scale(1.01);
}

/* Buttons */

.rk-buttons {
margin-top: 30px;

display: flex;

justify-content: center;

align-items: center;

gap: 20px;

flex-wrap: wrap;
}

.rk-btn {
display: inline-block;

padding: 15px 34px;

font-size: 17px;

font-weight: 700;

border-radius: 50px;

text-decoration: none;

transition: all 0.3s ease;

font-family: Arial, sans-serif;

letter-spacing: 0.5px;
}

/* Apply Now */

.primary-btn {
background: #e60023;

color: #ffffff;

box-shadow:
0 8px 25px rgba(230,0,35,0.40);
}

.primary-btn:hover {
background: #c4001d;

color: #ffffff;

transform: translateY(-3px);
}

/* Explore Courses */

.secondary-btn {
background: #ffffff;

color: #071c39;

box-shadow:
0 8px 25px rgba(255,255,255,0.25);
}

.secondary-btn:hover {
background: #f0f0f0;

color: #071c39;

transform: translateY(-3px);
}

/* ================================
TABLET
================================ */

@media (max-width: 991px) {

.rk-hero-section {
min-height: auto;

padding: 50px 15px;
}

.rk-hero-img {
border-radius: 16px;
}

.rk-btn {
padding: 14px 28px;

font-size: 16px;
}
}

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

@media (max-width: 767px) {

.rk-hero-section {

padding: 30px 10px;

min-height: auto;
}

.rk-hero-img {
border-radius: 12px;
}

.rk-buttons {

gap: 12px;

margin-top: 20px;
}

.rk-btn {

width: 100%;

max-width: 280px;

font-size: 15px;

padding: 13px 20px;
}
}

Picture Gallery

International Literacy Day

Student Council Formation Meeting

Teacher's Day Celebration

Departmental Seminar 22 August

National Sports Day Celebration

Mentor-Mentee Meeting