body , html{
background: #FFFFFF;
/* font-family: Arial, sans-serif; */
font-family: 'Poppins', sans-serif;
overflow-x: hidden;
}
p {
font-size: 15px !important;
/* line-height: 1.7; */
/* color: #555; */
}
.lato {
font-family: 'Lato', sans-serif;
}
/* .container-fluid{
padding-left: 0 !important;
padding-right: 0 !important;
} */
/*
body{
font-family: "Arimo", sans-serif;
font-optical-sizing: auto;
font-weight: ;
font-style: normal;
} */
/* Sweeper js */
swiper-container {
width: 100%;
position: relative;
padding-bottom: 40px;
overflow: visible !important;
}
swiper-slide {
text-align: center;
font-size: 18px;
background: transparent !important;
display: flex;
justify-content: center;
align-items: center;
}
swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
swiper-container {
margin-left: auto;
margin-right: auto;
}
/* Prev / Next button */
swiper-container::part(button-prev),
swiper-container::part(button-next) {
color: #E9E4DA; /* arrow color */
height: 22px !important;
}
.main-sectionn {
padding: 30px 0;
}
.headingg {
text-align: center;
color: #0b2d63;
font-size: 40px !important;
/* font-weight: 500; */
margin-bottom: 40px;
}
.left-box,
.middle-box {
padding: 0 30px;
border-right: 1px solid #333;
min-height: 100%;
}
.right-box {
padding-left: 25px;
}
.section-title {
text-align: center;
color: #0b2d63;
font-size: 30px;
margin-bottom: 25px;
}
.section-tittle {
/* text-align: center; */
color: #0b2d63;
font-size: 20px;
margin-bottom: 25px;
}
.content-text {
font-size: 13px;
line-height: 1.5;
color: #000;
/* padding-right: 20px; */
}
.read-btn {
background: #0b2d63;
color: #fff;
border: none;
padding: 12px 22px;
border-radius: 4px;
font-weight: 600;
margin-top: 20px;
}
.feature-list {
display: flex;
flex-wrap: wrap;
gap: 25px;
}
.feature-itemm {
width: 45%;
display: flex;
align-items: flex-start;
gap: 10px;
}
.feature-itemm img {
width: 38px;
}
.feature-itemm h6 {
margin: 0;
font-size: 13px;
}
.enquiry-box {
background: #dcdcdc;
padding: 25px;
/* border:#000 solid 1px; */
box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
border-top: 5px solid;
border-image: linear-gradient(to right,
red,
orange,
yellow,
green,
blue,
indigo,
violet) 1;
}
.enquiry-title {
text-align: center;
color: #0b2d63;
font-size: 30px;
margin-bottom: 20px;
}
.year-box {
text-align: center;
margin-bottom: 20px;
}
.year-box h6 {
font-weight: 700;
margin-bottom: 10px;
}
.enquiry-box .size {
height: 36px;
margin-bottom: 10px !important;
width: 100% !important;
margin-bottom: 20px;
border: none !important;
box-shadow: none !important;
border-radius: 3px;
outline: none !important;
}
.enquiry-box .sizee {
height: 80px !important;
width: 100% !important;
margin-bottom: 20px;
border: none !important;
box-shadow: none !important;
border-radius: 3px;
outline: none !important;
}
/* .form-control,
.form-select {
height: 35px !important;
width: 336px ;
margin-bottom: 15px;
border: none;
border-radius: 2px;
box-shadow: none !important;
} */
textarea.form-control {
height: 90px;
resize: none;
}
.enquiry-btnn {
width: 100%;
background: #0b2d63;
color: #fff;
border: none;
padding: 12px;
font-weight: 600;
font-size: 14px;
border-radius: 4px;
}
.enquiry-btnn:hover {
background: #FFC016;
}
@media(max-width:991px) {
.left-box,
.middle-box {
border-right: none;
border-bottom: 1px solid #333;
margin-bottom: 30px;
padding-bottom: 30px;
min-height: auto;
}
.heading {
font-size: 32px;
}
}
.main-section {
padding: 30px 0;
}
/* TOP CARDS */
.admission-card {
position: relative;
overflow: hidden;
height: 250px;
}
.admission-card img {
width: 100%;
height: 100%;
object-fit: cover;
}
.admission-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.25);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
}
.admission-overlay h2 {
color: #fff;
font-size: 25px;
font-weight: 700;
line-height: 1.2;
margin: 0;
}
/* BOTTOM SECTION */
.bottom-sectionn {
margin-top: 30px;
}
.bottom-sectionn {
grid-template-columns: 1fr 420px;
}
.latest-box,
.achievement-box {
padding: 25px;
height: 340px !important;
}
.latest-box {
background: #f28416;
}
.achievement-box {
background: #ddb63d;
}
.box-title {
color: #fff;
font-size: 25px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 20px;
text-transform: uppercase;
}
.news-list {
list-style: none;
padding: 0;
margin: 0;
}
.news-list li {
color: #142D55;
font-size: 15px;
margin-bottom: 14px;
position: relative;
/* padding-left: 22px; */
line-height: 1.5;
}
.news-list li span {
font-size: 20px !important;
}
/* .news-list li::before {
content: "";
width: 12px;
height: 12px;
background: #0c2d63;
border-radius: 50%;
position: absolute;
left: 0;
top: 8px;
} */
/* VIDEO */
.video-boxx iframe {
/* width: 100%; */
/* height: 430px; */
border: none;
}
.change-color {
text-decoration: none;
}
.change-color li:hover {
color: #FCC315 !important;
text-decoration: none;
}
@media(max-width:991px) {
.admission-card {
margin-bottom: 20px;
}
.latest-box,
.achievement-box {
margin-bottom: 25px;
}
.video-boxx {
margin-bottom: 25px;
}
}
.approach-section {
padding: 20px 0 50px;
position: relative;
}
/* TITLE */
.title-area {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
margin-bottom: 40px;
}
.title-line {
flex: 1;
height: 1px;
background: #0b2d63;
width: 100%;
}
.main-titlee {
color: #0b2d63;
font-size: 40px;
/* font-weight: 500; */
margin: 0;
}
/* TOP BUTTONS */
.top-box {
display: flex;
justify-content: center;
align-items: center;
gap: 18px;
flex-wrap: wrap;
margin-bottom: 60px;
}
.circle-btn {
background: #0b2d63;
color: #fff;
border: none;
padding: 10px 30px;
border-radius: 50px;
font-size: 27px;
/* font-weight: 600; */
transition: 0.3s;
}
.circle-btn:hover {
background: #133c82;
}
.plus-box {
width: 38px;
height: 38px;
background: #f5f5f5;
border: 1px solid #d2d2d2;
display: flex;
align-items: center;
justify-content: center;
color: #b9b9b9;
font-size: 40px;
line-height: 1;
}
/* SVG */
.svg-area {
text-align: center;
margin-bottom: 30px;
}
svg {
max-width: 100%;
}
/* CONTENT */
.content-area {
margin-top: -30px;
}
.left-content,
.right-content {
color: #464545;
font-size: 13px;
line-height: 2;
text-align: center;
line-height: 1.8;
/* text-align: justify !important; */
}
/* STUDENT */
.student-box {
text-align: center;
}
.student-circle {
width: 320px;
height: 320px;
border-radius: 50%;
background: #e8e8e8;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.student-circle img {
width: 100%;
height: 100%;
}
.student-shadow {
width: 200px;
height: 18px;
background: rgba(0, 0, 0, 0.15);
border-radius: 50%;
margin: auto;
margin-top: -5px;
filter: blur(6px);
}
/* RESPONSIVE */
@media(max-width:991px) {
.main-titlee {
font-size: 35px;
}
.content-area {
margin-top: 20px;
}
.left-content,
.right-content {
margin-bottom: 35px;
}
.student-circle {
width: 250px;
height: 250px;
}
.student-circle img {
width: 100%;
}
}
@media(max-width:576px) {
.main-titlee {
font-size: 30px;
}
.circle-btn {
width: 100%;
}
.top-box {
flex-direction: column;
}
.plus-box {
display: none;
}
}
.partner-section {
padding: 20px 0 70px;
}
/* TITLE */
.title-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-bottom: 70px;
}
.title-line {
flex: 1;
height: 1px;
background: #0b2d63;
}
.main-title {
color: #0b2d63;
font-size: 60px;
font-weight: 500;
margin: 0;
white-space: nowrap;
}
/* LOGO AREA */
.logo-row {
margin-bottom: 80px;
}
.logo-box {
text-align: center;
transition: 0.3s;
}
.logo-box img {
max-width: 100%;
height: 100%;
object-fit: contain;
}
.logo-box:hover {
transform: translateY(-5px);
}
/* RESPONSIVE */
@media(max-width:991px) {
.main-title {
font-size: 40px;
}
.logo-row {
margin-bottom: 40px;
}
.logo-box {
margin-bottom: 40px;
}
.logo-box img {
height: 70px;
}
}
@media(max-width:576px) {
.main-title {
font-size: 32px;
}
.title-wrapper {
gap: 10px;
}
}
/* FOOTER */
.footer {
background: #142D55;
color: #fff;
}
/* Top Footer */
.footer-top {
position: relative;
padding: 35px 100px;
text-align: center;
}
.footer-menu {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 18px 25px;
list-style: none;
}
.footer-menu li a {
color: #fff;
text-decoration: none;
font-size: 12px;
/* font-weight: 700; */
text-transform: uppercase;
transition: 0.3s;
}
.footer-menu li a:hover {
color: #4db7ff;
}
/* ISO Logo */
.iso-box {
position: absolute;
right: 120px;
top: 35px;
}
.iso-box img {
width: 70px;
}
/* Bottom Footer */
.footer-bottom {
background: #132542;
padding: 12px 100px;
}
.footer-bottom-inner {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.footer-bottom p {
margin: 0;
font-size: 1tpx;
color: #fff;
/* font-weight: 400; */
}
/* Floating Button */
.admission-btn {
position: fixed;
right: 0;
bottom: 40px;
background: #1DA1F2;
color: #fff;
padding: 14px 22px;
border-radius: 10px 0 0 10px;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
font-weight: 700;
box-shadow: 0 0 20px rgba(29, 161, 242, 0.5);
z-index: 999;
}
.admission-btn i {
font-size: 22px;
}
/* Responsive */
@media(max-width:991px) {
.footer-top {
padding: 40px 20px 30px;
}
.iso-box {
position: static;
margin-top: 25px;
}
.footer-bottom-inner {
justify-content: center;
text-align: center;
}
.footer-bottom p {
font-size: 14px;
}
}
/* RESPONSIVE */
@media(max-width:991px) {
.footer-menu ul {
gap: 12px;
}
.copyright-text,
.right-text {
text-align: center;
margin-bottom: 10px;
}
}
@media(max-width:576px) {
.footer-menu ul li a {
font-size: 13px;
}
.enquiry-btn {
right: 10px;
padding: 12px 16px;
font-size: 15px;
}
}
/* Floating Elements Sidebar */
.floating-social {
position: fixed;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 1000;
display: flex;
flex-direction: column;
}
.floating-social a {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 1.2rem;
text-decoration: none;
transition: width 0.3s;
}
.floating-social a:hover {
width: 50px;
}
.floating-social .whatsapp {
background-color: #25D366;
}
.floating-social .facebook {
background-color: #1877F2;
}
.floating-social .twitter {
background-color: #000000;
}
.floating-social .instagram {
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.floating-social .youtube {
background-color: #FF0000;
}
.floating-social .phone {
background-color: rgb(16, 16, 192);
}
.box-logo {
position: absolute;
top: 8px;
left: 40px;
z-index: 9999;
}
.box-logo img {
width: 150px;
border-radius: 10px;
}
/* navbar spacing */
.top-navbar {
padding-left: 170px;
}
.bottom-navbar {
padding-left: 170px;
}
/* mobile */
@media(max-width:1000px) {
.box-logo img {
width: 100px;
}
.box-logo {
left: 20px;
}
.top-navbar,
.bottom-navbar {
padding-left: 0;
}
}
/* @media(max-width:991px) {
.box-logo img {
width: 50px;
}
} */
.btna {
position: fixed;
transform: rotate(270deg);
top: 60%;
right: -70px;
width: 188px;
background-color: #104292;
color: #fff;
}
.btna:hover {
background-color: #1d5ece;
color: #fff;
}
.navbar-nav .nav-link {
position: relative;
display: inline-block;
padding-bottom: 3px !important;
padding-top: 4px !important;
font-size: 14px;
font-weight: 200;
padding-left: 12px !important;
padding-right: 13px !important;
color: #142D55 !important;
}
/* =========================
TOP NAVBAR
========================= */
/* =========================
TOP NAVBAR
========================= */
.top-nav-wrapper {
background: #EFEFEF;
position: relative;
z-index: 999;
}
.bottom-nav-wrapper {
background: #142D55;
}
/* NAVBAR */
#navbarSupportedContent1 .navbar-nav {
display: flex;
align-items: center;
gap: 8px;
}
/* NAV ITEM */
#navbarSupportedContent1 .nav-item {
position: relative;
}
/* NAV LINK */
#navbarSupportedContent1 .nav-link {
position: relative;
display: block;
/* padding:14px 16px !important; */
font-size: 14px;
font-weight: 500;
color: #142D55 !important;
}
/* LINE */
#navbarSupportedContent1 .nav-link::after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 100%;
height: 3px;
background: #142D55;
transform: scaleX(0);
transform-origin: left;
transition: 0.3s ease;
z-index: 99;
}
/* HOVER */
#navbarSupportedContent1 .nav-link:hover::after {
transform: scaleX(1);
}
/* ACTIVE */
#navbarSupportedContent1 .nav-link.active-nav::after {
transform: scaleX(1);
}
/* OPTIONAL */
#navbarSupportedContent1 .nav-link:hover {
color: #FEC216 !important;
}
::selection {
background: #FEC216;
color: #000;
}
/* BOTTOM LINKS */
.bottom-link {
color: #E6E9ED !important;
margin-right: 7.3px;
font-weight: 400 !important;
}
/* =========================
MOBILE BUTTON
========================= */
.custom-menu-btn {
display: none;
border: none;
background: none;
font-size: 34px;
color: #fff;
cursor: pointer;
margin-left: auto;
z-index: 99999;
position: relative;
}
.top-nav-wrapper .custom-menu-btn {
color: #333;
}
.mobile-full-menu {
width: 100%;
background: #f5f5f5;
display: none;
position: relative;
z-index: 9999;
}
.mobile-full-menu.active {
display: block !important;
}
.mobile-full-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.mobile-full-menu ul li {
width: 100%;
border-bottom: 1px solid #ddd;
}
.mobile-full-menu ul li a {
width: 100%;
display: block;
padding: 18px 15px;
text-decoration: none;
color: #142D55;
font-size: 17px;
font-weight: 500;
background: #f5f5f5;
}
.mobile-bottom-menu ul li a {
background: #fff;
}
/* @media(max-width:1200px) {
.desktop-menu {
display: none !important;
}
.custom-menu-btn {
display: block !important;
}
.mobile-full-menu.show {
display: block;
}
} */
/* =========================
MOBILE VIEW
========================= */
.admission-enquiry{
display: none;
background: #FF0000;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
font-weight: 600;
}
@media(max-width:1061px) {
.admission-enquiry{
display: inline-block !important;
}
.desktop-menu {
display: none !important;
}
.custom-menu-btn {
display: block;
}
.mobile-full-menu.show {
display: block;
}
}
/*
* ////////////// Contact Page Css //////////
*/
.contact-img {
width: 100%;
height: 250px;
object-fit: cover;
background:
linear-gradient(rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)),
url(../images/new/6.png);
}
.admission-img {
width: 100%;
height: 250px;
object-fit: cover;
background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(../images/town/header19.jpeg);
}
.school-section {
padding: 50px 100px;
background: #0b2d63;
}
.school-box {
margin-bottom: 55px;
}
.school-title {
color: #fff;
font-size: 30px;
font-weight: 600;
margin-bottom: 18px;
}
.school-text {
color: #fff;
font-size: 15px;
line-height: 1.7;
margin: 0;
font-weight: 400;
}
@media(max-width:991px) {
.school-box {
margin-bottom: 40px;
}
.school-title {
font-size: 24px;
}
.school-text {
font-size: 16px;
}
}
@media(max-width:576px) {
.school-section {
padding: 35px 0;
}
.school-title {
font-size: 22px;
}
.school-text {
font-size: 15px;
}
}
.message-section {
padding: 0px 100px;
background: #0b2d63;
margin-bottom: 2px;
}
/* TITLE */
.form-title {
color: #fff;
font-size: 34px;
font-weight: 700;
margin-bottom: 5px;
}
.mandatory-text {
color: #fff;
font-size: 16px;
font-weight: 600;
margin-bottom: 25px;
}
/* FORM */
.message-form {
max-width: 430px;
}
.message-form .form-control {
height: 42px;
border: none;
border-radius: 2px;
margin-bottom: 30px;
padding-left: 18px;
font-size: 15px;
box-shadow: none;
background: #f1f1f1;
}
.message-form textarea.form-control {
height: 160px;
resize: none;
padding-top: 14px;
}
/* BUTTON */
.submit-btnn {
background: #142D55;
color: #fff;
border: none;
padding: 10px 26px;
border-radius: 4px;
font-size: 18px;
font-weight: 600;
transition: 0.3s;
}
.submit-btnn:hover {
background: #f3bc17;
}
/* RESPONSIVE */
@media(max-width:991px) {
.form-title {
font-size: 42px;
}
}
@media(max-width:576px) {
.message-form {
max-width: 100%;
}
.form-title {
font-size: 34px;
}
}
/**
* /////////////// About Page Css /////////////
*/
.abouts-img {
width: 100%;
height: 250px;
object-fit: cover;
background-size: cover !important;
background:
linear-gradient(rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)),
url(../images/new/11.jpeg);
}
.hotistic-img {
width: 100%;
height: 250px;
object-fit: cover;
background-size: cover !important;
background:
linear-gradient(rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)),
url(../images/new/15.jpeg);
}
.aboutt-img {
width: 100%;
height: 250px;
object-fit: cover;
background-size: cover !important;
background:
linear-gradient(rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)),
url(../images/new/2.png);
}
.banner-img {
width: 100%;
height: 250px;
object-fit: cover;
background-size: cover !important;
background:
linear-gradient(rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)),
url(../images/banner.png);
}
.topbarr {
background: #07295d;
padding: 4px 20px !important;
padding-bottom: 0px !important;
}
.nav-listt {
display: flex;
justify-content: center;
align-items: center;
gap: 18px;
list-style: none;
flex-wrap: wrap;
}
.nav-listt li {
color: #fff;
font-size: 16px;
cursor: pointer;
transition: 0.3s;
margin-bottom: 4px !important;
}
.nav-listt li.active {
background: #ffc107;
color: #000;
padding: 10px 20px;
border-radius: 4px;
}
/* ================= COMMON ================= */
.sectionn {
display: none;
padding: 40px 140px 60px;
}
.sectionn.active-section {
display: block;
}
.heading-wrapper {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 35px;
}
.line {
flex: 1;
height: 1px;
background: #07295d;
}
.main-heading {
font-size: 40px;
color: #07295d;
font-weight: 500;
white-space: nowrap;
}
/* ================= OVERVIEW ================= */
.overview-tabs {
display: grid;
grid-template-columns: repeat(3, 1fr);
background: #ececec;
margin-bottom: 30px;
}
.overview-tabs div {
padding: 24px;
text-align: center;
font-size: 22px;
font-weight: 600;
color: #07295d;
border-right: 1px dotted #999;
}
.overview-tabs div:last-child {
border-right: none;
}
/* .overview-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
padding: 0 50px;
}
*/
/* .overview-content p {
margin-bottom: 18px;
font-size: 15px !important;
line-height: 1.2 !important;
text-align: justify;
color: black;
} */
/* .overview-content p {
margin-bottom: 18px;
font-size: 16px;
line-height: 1.7;
text-align: justify;
} */
/* ================= TEAM ================= */
.team-text {
text-align: center;
max-width: 1100px;
margin: auto;
font-size: 18px;
line-height: 1.8;
color: #555;
margin-bottom: 45px;
}
.team-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.team-card {
background: #efefef;
padding: 40px 20px;
text-align: center;
}
.team-card img {
width: 170px;
height: 170px;
border-radius: 50%;
object-fit: cover;
/* border: 3px solid #111; */
margin-bottom: 18px;
}
.team-card h3 {
font-size: 22px;
color: #111;
font-weight: 500;
}
.team-card p {
color: #555;
margin-top: 4px;
}
/* ================= VISION ================= */
.vision-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
margin-top: 20px;
}
.vision-box {
text-align: center;
}
.vision-box h2 {
font-size: 42px;
color: #07295d;
margin-bottom: 15px;
font-weight: 500;
}
.vision-box p {
font-size: 18px;
line-height: 1.8;
color: #555;
}
/* ================= RESPONSIVE ================= */
@media(max-width: 992px) {
/* .overview-content,
.vision-row,
.team-grid {
grid-template-columns: 1fr;
} */
.overview-tabs {
grid-template-columns: 1fr;
}
.overview-tabs div {
border-right: none;
border-bottom: 1px dotted #999;
}
.main-heading {
font-size: 38px;
}
.sectionn {
padding: 30px 20px 50px;
}
}
@media(max-width: 576px) {
.main-heading {
font-size: 30px;
}
.heading-wrapper {
gap: 10px;
}
.nav-listt {
gap: 10px;
}
.nav-listt li {
font-size: 14px;
}
.overview-tabs div {
font-size: 18px;
}
.vision-box h2 {
font-size: 32px;
}
}
/*
///////////////// Pay Fee Page Css /////////////
*/
.payfee-img {
width: 100%;
height: 250px;
object-fit: cover;
background-size: cover !important;
background:
linear-gradient(rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)),
url(../images/new/9.png);
}
.info-section {
width: 100%;
padding: 40px 20px;
background: #f2f2f2;
}
.info-wrapper {
max-width: 1120px;
margin: auto;
background: #ececec;
position: relative;
padding: 70px 40px;
}
/* TOP COLOR STRIP */
.top-strip {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background:
linear-gradient(to right,
#2196f3 0%,
#2196f3 15%,
#34187C 20%,
#692F84 35%,
#E61D27 50%,
#F07F17 65%,
#FDCD00 70%,
#C6CC12 100%);
background-size: 320px 100%;
}
/* GRID */
.info-grid {
display: grid;
grid-template-columns: 1fr 1px 1fr;
gap: 50px;
align-items: start;
}
/* CENTER LINE */
.divider {
width: 1px;
background: #555;
height: 100%;
}
/* BOX */
.info-box {
text-align: center;
}
.info-box h2 {
font-size: 28px;
color: #082b63;
font-weight: 500;
margin-bottom: 18px;
}
.info-box p {
font-size: 16px;
color: #000;
line-height: 1.9;
margin-bottom: 12px;
}
/* BUTTON */
.custom-btn {
display: inline-block;
margin-top: 28px;
background: #082b63;
color: #fff;
text-decoration: none;
padding: 12px 26px;
border-radius: 4px;
font-size: 16px;
font-weight: 500;
box-shadow: 0 4px 0 #02152f;
transition: 0.3s;
}
.custom-btn:hover {
/* transform: translateY(-2px); */
background-color: #f3bc17 !important;
color: #fff !important;
}
/* RESPONSIVE */
@media(max-width: 768px) {
.info-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.divider {
display: none;
}
.info-wrapper {
padding: 50px 20px;
}
.info-box h2 {
font-size: 24px;
}
.info-box p {
font-size: 15px;
}
}
/****
/////////// Gallery Page Css /////////////
*/
.gallery-section {
padding: 50px 0;
}
.gallery-container {
width: 90%;
max-width: 1500px;
margin: auto;
}
.gallery-gridd {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
padding: 0 30px;
}
.gallery-item {
overflow: hidden;
background: #fff;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: 0.4s;
}
.gallery-item:hover img {
transform: scale(1.05);
}
/* Different Heights */
.gallery-item.large {
height: 320px;
}
.gallery-item.medium {
height: 280px;
}
.gallery-item.small {
height: 250px;
}
/* RESPONSIVE */
@media(max-width: 991px) {
.gallery-gridd {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 576px) {
.gallery-gridd {
grid-template-columns: 1fr;
}
.gallery-item.large,
.gallery-item.medium,
.gallery-item.small {
height: auto;
}
.gallery-item img {
height: auto;
}
}
/*****
/////////// Admission Page Css /////////////
*/
/* ================= NAVBAR ================= */
.topbar {
background: #07295d;
padding: 12px 20px;
}
.nav-list {
list-style: none;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.nav-list li {
color: #fff;
font-size: 18px;
cursor: pointer;
transition: 0.3s;
}
.nav-list li.active {
background: #ffc107;
color: #000;
padding: 10px 22px;
border-radius: 4px;
}
/* ================= COMMON ================= */
.section {
display: none;
padding: 40px 20px 60px;
}
.section.active-section {
display: block;
}
.container {
width: 90%;
max-width: 1200px;
margin: auto;
}
.heading-wrapper {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 35px;
}
.line {
flex: 1;
height: 1px;
background: #07295d;
}
/* .main-heading {
color: #07295d;
font-size: 55px;
font-weight: 500;
text-align: center;
white-space: nowrap;
} */
/* ================= FIRST SECTION ================= */
.challenge-row {
display: grid;
grid-template-columns: 1fr 420px;
gap: 50px;
align-items: center;
}
.challenge-content p {
font-size: 16px;
line-height: 1.4;
color: #444;
margin-bottom: 18px;
text-align: justify;
}
.resume-btn {
display: inline-block;
background: #07295d;
color: #fff;
text-decoration: none;
padding: 12px 22px;
border-radius: 4px;
font-weight: 600;
margin-top: 10px;
box-shadow: 0 4px 0 #02152f;
transition: 0.3s;
}
.resume-btn:hover {
transform: translateY(-2px);
}
.challenge-img img {
width: 100%;
display: block;
}
/* ================= SECOND SECTION ================= */
.career-text p {
font-size: 16px;
line-height: 1.9;
margin-bottom: 18px;
color: #333;
}
.career-box {
background: #ececec;
padding: 50px;
margin-top: 30px;
position: relative;
}
.steps-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px 70px;
}
.step-box {
display: flex;
align-items: flex-start;
gap: 20px;
}
.step-number {
width: 62px;
height: 62px;
min-width: 62px;
border-radius: 50%;
background: #07295d;
color: #fff;
font-size: 34px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.step-content p {
font-size: 17px;
line-height: 1.8;
color: #111;
}
.bottom-text {
text-align: center;
font-size: 24px;
color: #07295d;
margin: 55px 0 30px;
}
.register-btn-wrap {
text-align: center;
}
.register-btn {
display: inline-block;
background: #07295d;
color: #fff;
text-decoration: none;
padding: 12px 22px;
border-radius: 4px;
font-weight: 600;
box-shadow: 0 4px 0 #02152f;
transition: 0.3s;
}
.register-btn:hover {
transform: translateY(-2px);
}
/* ================= RESPONSIVE ================= */
@media(max-width:991px) {
.challenge-row,
.steps-grid {
grid-template-columns: 1fr;
}
.main-heading {
font-size: 40px;
}
.career-box {
padding: 35px 20px;
}
}
@media(max-width:576px) {
.main-heading {
font-size: 30px;
}
.heading-wrapper {
gap: 10px;
}
.nav-list {
gap: 10px;
}
.nav-list li {
font-size: 14px;
}
.step-box {
flex-direction: column;
}
.bottom-text {
font-size: 20px;
}
}
/**
/////////// Why Town Hall Page Css /////////////
**/
.whytownhall-img {
width: 100%;
height: 250px;
object-fit: cover;
background-size: cover !important;
background:
linear-gradient(rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)),
url(../images/new/8.jpeg);
}
.topbarr {
background: #0d2d63;
padding: 10px 20px;
}
.nav-listt {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
list-style: none;
flex-wrap: wrap;
}
.nav-itemm {
color: #fff;
cursor: pointer;
padding: 10px 18px;
border-radius: 4px;
transition: 0.3s;
font-size: 18px;
}
.nav-itemm.active {
background: #ffc107;
color: #000;
}
.dot {
color: #fff;
}
/* ================= COMMON ================= */
.section {
display: none;
padding: 35px 20px 60px;
}
.section.active-section {
display: block;
}
.container {
width: 90%;
max-width: 1200px;
margin: auto;
}
.heading-wrapper {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 25px;
}
.line {
flex: 1;
height: 1px;
background: #0d2d63;
}
/* .main-heading {
color: #0d2d63;
font-size: 55px;
font-weight: 500;
white-space: nowrap;
} */
.top-text {
font-size: 16px;
line-height: 1.4;
color: #555;
margin-bottom: 30px;
}
/* ================= CONTENT BOX ================= */
.content-box {
background: #ececec;
padding: 35px;
position: relative;
margin-top: 25px;
}
.form-control {
box-shadow: none !important;
}
.sub-heading {
color: #0d2d63;
font-size: 24px;
margin-bottom: 25px;
font-weight: 500;
}
.bullet-list {
padding-left: 20px;
}
.bullet-list li {
margin-bottom: 15px;
line-height: 1.1;
color: #555;
}
/* ================= RATIO ================= */
.ratio-row {
display: flex;
justify-content: space-around;
align-items: center;
gap: 40px;
flex-wrap: wrap;
}
.ratio-box {
display: flex;
align-items: center;
gap: 20px;
}
.ratio-circle {
width: 110px;
height: 110px;
border: 3px solid #0d2d63;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 38px;
color: #0d2d63;
font-weight: 600;
}
.ratio-text {
font-size: 38px;
color: #0d2d63;
}
/* ================= TESTIMONIAL ================= */
.testimonial-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin-top: 40px;
}
.testimonial-card {
/* background: #f7f7f7; */
padding: 30px 25px;
text-align: center;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.testimonial-card img {
width: 90px;
height: 90px;
border-radius: 30%;
object-fit: cover;
/* border: 3px solid #ccc; */
margin-bottom: 18px;
}
.testimonial-card h3 {
color: #0d2d63;
font-size: 20px;
margin-bottom: 15px;
}
.testimonial-card p {
color: #555;
line-height: 1.8;
font-size: 15px;
}
/* ================= GALLERY ================= */
.gallery-row {
display: grid;
/* grid-template-columns: repeat(5, 1fr); */
gap: 8px;
border: 2px solid black;
margin-top: 25px;
}
.gallery-row img {
width: 100%;
object-fit: cover;
}
/* ================= RESPONSIVE ================= */
@media(max-width:991px) {
.testimonial-grid,
.gallery-row {
grid-template-columns: repeat(2, 1fr);
}
.main-heading {
font-size: 38px;
}
.ratio-text {
font-size: 28px;
}
}
@media(max-width:576px) {
.testimonial-grid,
.gallery-row {
grid-template-columns: 1fr;
}
.main-heading {
font-size: 28px;
}
.heading-wrapper {
gap: 10px;
}
.content-box {
padding: 25px 18px;
}
.ratio-box {
flex-direction: column;
}
.ratio-text {
text-align: center;
font-size: 24px;
}
.nav-listt {
gap: 10px;
}
.nav-itemm {
font-size: 13px;
padding: 8px 12px;
}
}
/****
////////////// Alumni Page Css /////////////
*/
.alumni-section {
padding: 40px 20px 60px;
}
.alumni-section .main-container {
max-width: 1000px;
margin: auto;
background: #E1E1E1;
position: relative;
padding: 40px 50px;
}
/* GRID */
.top-grid {
display: grid;
grid-template-columns: 1fr 1px 1fr;
gap: 35px;
}
.divider {
background: #333;
width: 1px;
}
/* FORM */
.form-titleee,
.objective-title {
color: #0b2d63;
font-size: 30px;
font-weight: 500;
margin-bottom: 25px;
}
/* .form-group {
margin-bottom: 20px;
} */
.form-area .form-group label {
display: block;
font-size: 13px;
margin-bottom: 8px;
color: #222;
}
.form-group label span {
color: red;
}
.form-control {
width: 100%;
height: 40px !important;
border: none;
padding: 0 14px;
background: #fff;
outline: none;
font-size: 14px;
}
textarea.form-control {
height: 90px;
padding-top: 12px;
resize: none;
}
.required-text {
color: red;
font-size: 13px;
margin-bottom: 18px;
}
/* BUTTON */
.submit-btn {
background: #0b2d63;
color: #fff;
border: none;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
border-radius: 2px;
transition: 0.3s;
}
.submit-btn:hover {
background: #f3bc17 !important;
}
/* ABOUT */
.about-content p {
font-size: 15px;
line-height: 1.7;
color: #333;
margin-bottom: 20px;
text-align: justify;
}
/* OBJECTIVE */
.bottom-section {
margin-top: 50px;
display: grid;
grid-template-columns: 1fr 420px;
gap: 40px;
align-items: center;
}
.objective-content p {
font-size: 15px;
line-height: 1.9;
color: #333;
text-align: justify;
}
.objective-img img {
width: 100%;
display: block;
object-fit: cover;
}
/* RESPONSIVE */
@media(max-width:991px) {
.top-grid,
.bottom-section {
grid-template-columns: 1fr;
}
.divider {
display: none;
}
}
@media(max-width:576px) {
.form-title,
.about-title,
.objective-title {
font-size: 28px;
}
.main-container {
padding: 30px 18px;
}
}
/***
////////// online regisration page css //////////
*/
.about-img {
width: 100%;
height: 250px;
object-fit: cover;
background-size: cover !important;
background:
linear-gradient(rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)),
url(../images/registration/imgi_24_DSC03625.jpg);
}
.abouts-img h1 {
color: #fff;
font-size: 50px;
font-family: 'Lato', sans-serif;
}
.contact-img h1 {
color: #fff;
font-size: 50px;
font-family: 'Lato', sans-serif;
}
.registration-section {
padding: 40px 20px 70px;
}
.main-container {
max-width: 1100px;
margin: auto;
}
/* HEADING */
.main-title {
text-align: center;
color: #0b2d63;
font-size: 34px;
font-weight: 500;
/* margin-bottom: 5px; */
}
/* FORM BOX */
.form-boxx {
background: #E1E1E1;
padding: 35px 32px;
position: relative;
}
/* SECTION TITLE */
.section-title {
color: #0b2d63;
font-size: 40px;
margin: 35px 0 25px;
font-weight: 500;
}
/* FORM GRID */
.form-grid {
display: grid;
grid-template-columns: 1fr;
gap: 22px 35px;
}
.form-group label {
display: block;
font-size: 13px !important;
margin-bottom: 7px;
color: #111;
}
.form-group label span {
color: red;
}
/*
.form-control,
.form-select {
width: 100%;
height: 46px;
border: none;
background: #fff;
padding: 0 14px;
font-size: 14px;
outline: none;
} */
textarea.form-control {
height: 90px;
resize: none;
padding-top: 12px;
}
/* CHECKBOX */
.checkbox-area {
margin-bottom: 20px;
}
.checkbox-area label {
font-size: 15px;
color: #111;
}
/* RADIO */
.radio-group {
display: flex;
gap: 20px;
margin-top: 10px;
}
.radio-group label {
display: flex;
align-items: center;
gap: 7px;
font-size: 15px;
}
/* DECLARATION */
.declaration-box {
/* background: #f5f5f5; */
/* padding: 25px; */
margin-top: 40px;
}
.declaration-box h3 {
color: #0b2d63;
font-size: 28px;
margin-bottom: 18px;
font-weight: 500;
}
.declaration-box p {
font-size: 15px;
line-height: 1.9;
color: #222;
}
.note-text {
font-size: 13px;
margin-top: 18px;
color: #222;
}
/* RESPONSIVE */
@media(max-width:768px) {
.form-grid {
grid-template-columns: 1fr;
}
.main-title {
font-size: 38px;
}
.form-boxx {
padding: 30px 18px;
}
}
@media(max-width:576px) {
.main-title {
font-size: 30px;
}
.section-title {
font-size: 24px;
}
}
/***
////////// Admission Page Css //////////
*/
.enquiry-section {
padding: 10px 0;
}
.main-wrapper {
width: 1100px;
margin: auto;
background: #dddddd;
position: relative;
padding: 15px 55px;
}
/* GRID */
.main-gridd {
display: grid;
grid-template-columns: 1fr 1px 1fr;
gap: 18px;
}
.divider {
width: 1px;
background: #000;
}
/* FORM */
.form-group label {
display: block;
font-size: 14px;
color: #000;
margin-bottom: 5px;
}
.form-group label span {
color: red;
}
.form-control,
.form-select {
width: 300px;
height: 32px;
border: none;
background: #fff;
padding: 0 8px;
/* font-size: 15px; */
outline: none;
color: #555;
}
/* RADIO */
.radio-group {
display: flex;
gap: 12px;
margin-top: 5px;
}
.radio-group label {
display: flex;
align-items: center;
gap: 4px;
font-size: 15px !important;
margin: 0;
}
.radio-group input {
width: 10px;
height: 10px;
}
/* ERROR */
.mandatory-text {
color: red;
font-size: 9px;
margin-top: 12px;
}
/* RIGHT CONTENT */
.right-content {
text-align: center;
}
.right-content p {
font-size: 14px;
line-height: 1.7;
color: #000;
margin-bottom: 8px;
}
/* BUTTON */
.register-btn {
/* display: inline-block; */
margin-top: 35px;
background: #0b2d63;
color: #fff;
text-decoration: none;
font-size: 13px;
font-weight: 600;
padding: 7px 14px;
border-radius: 4px;
box-shadow: 0 4px 0 #02152f;
}
.register-btn:hover {
background: #FDC314;
color: #fff;
}
/* .captcha-text {
color: red;
font-size: 9px;
margin-top: 50px;
} */
.captcha-box {
margin-top: 20px;
margin-bottom: 20px;
}
/* RESPONSIVE */
@media(max-width:650px) {
.main-wrapper {
width: 95%;
}
.main-gridd {
grid-template-columns: 1fr;
}
.divider {
display: none;
}
.form-control,
.form-select {
width: 100% !important;
}
}
@media(max-width:450px) {
.form-control,
.form-select {
width: 100% !important;
}
}
/* ================= LEARNING PROCESS SECTION ================= */
.learning-process-section {
/* background: #efefef; */
padding: 40px 0 60px;
}
.container-box {
width: 1000px;
margin: auto;
border-top: 1px solid transparent;
padding-top: 40px;
}
/* ================= FEATURES ================= */
.feature-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 20px;
margin-bottom: 80px;
}
.feature-item {
text-align: center;
}
.feature-item img {
width: 55px;
height: 55px;
object-fit: contain;
margin-bottom: 12px;
}
.feature-item h4 {
font-size: 13px;
line-height: 1.4;
color: #000;
font-weight: 500;
}
/* ================= HEADING ================= */
.learning-heading {
text-align: center;
color: #0b2d63;
font-size: 48px;
font-weight: 500;
margin-bottom: 55px;
}
/* ================= GALLERY ================= */
.gallery-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
}
.gallery-card img {
width: 100%;
height: 210px;
object-fit: cover;
display: block;
}
.gallery-card p {
text-align: center;
font-size: 16px;
line-height: 1.5;
color: #000;
margin-top: 16px;
font-weight: 400;
}
/* ================= RESPONSIVE ================= */
@media(max-width:1050px) {
.container-box {
width: 95%;
}
.feature-grid {
grid-template-columns: repeat(3, 1fr);
}
.gallery-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width:768px) {
.learning-heading {
font-size: 34px;
line-height: 1.4;
}
.gallery-grid {
gap: 25px;
}
}
@media(max-width:576px) {
.feature-grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.gallery-grid {
grid-template-columns: 1fr;
}
.learning-heading {
font-size: 28px;
}
.gallery-card img {
height: auto;
}
.gallery-card p {
font-size: 15px;
}
}
/***
////////// New & Events Page Css //////////
*/
/* .news-section {
padding: 40px 0 70px;
}
.container-boxx {
width: 1280px;
margin: auto;
}
.news-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.news-card {
background: #f7f7f7;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.news-img {
width: 100%;
max-height: 100%;
object-fit: cover;
display: block;
}
.news-content {
padding: 22px 18px 28px;
}
.news-title {
font-size: 17px;
color: #000;
font-weight: 500;
margin-bottom: 22px;
}
.news-text {
font-size: 15px;
color: #000;
line-height: 1.9;
margin-bottom: 25px;
}
.read-btn {
display: inline-block;
background: #2f6fed;
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: 500;
padding: 13px 30px;
border-radius: 6px;
transition: 0.3s;
}
.read-btn:hover {
background: #1f5ad0;
color: #fff;
}
@media(max-width:1300px) {
.container-box {
width: 95%;
}
}
@media(max-width:991px) {
.news-grid {
grid-template-columns: repeat(2, 1fr);
}
.news-img {
height: 340px;
}
}
@media(max-width:576px) {
.news-grid {
grid-template-columns: 1fr;
}
.news-img {
height: auto;
}
.news-title {
font-size: 18px;
}
.news-text {
font-size: 14px;
}
}
.news-card:hover .news-img {
transform: rotate(2deg) scale(1.05);
transition: 0.4s;
}
*/
/* ================= Virtual Learning ================= */
.enquiry-section {
padding: 35px 0 60px;
background: #091A52;
}
.container-box {
width: 1180px;
margin: auto;
}
.main-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 25px;
align-items: start;
}
/* ================= VIDEO ================= */
.video-box {
position: relative;
overflow: hidden;
}
.video-box img {
width: 100%;
height: 405px;
object-fit: cover;
display: block;
}
.play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 62px;
height: 42px;
background: #ff0000;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.play-btn::before {
content: "";
border-left: 18px solid #fff;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
margin-left: 3px;
}
/* ================= FORM BOX ================= */
.form-box {
color: #fff;
background: #091A52;
}
.form-title {
text-align: center;
font-size: 27px;
font-weight: 500;
margin-bottom: 5px;
color: #fff;
}
.session-text {
text-align: center;
font-size: 18px;
margin-bottom: 18px;
}
/* ================= FORM ================= */
/* .form-group {
margin-bottom: 22px;
} */
/* .form-control,
.form-select {
width: 100%;
height: 50px;
border: none;
background: #fffefe;
padding: 0 14px;
font-size: 16px;
color: #444;
outline: none;
border-radius: 3px;
} */
.form-control::placeholder {
color: #444;
}
/* ================= RESPONSIVE ================= */
@media(max-width:1200px) {
.container-box {
width: 95%;
}
}
@media(max-width:991px) {
.main-grid {
grid-template-columns: 1fr;
}
.video-box img {
height: auto;
}
.form-box {
width: 100%;
}
}
@media(max-width:576px) {
.form-title {
font-size: 24px;
}
.session-text {
font-size: 16px;
}
.submit-btn {
width: 100%;
font-size: 18px;
}
}
/* ================= SECTION ================= */
.virtual-learning-section {
padding: 10px 0 30px;
}
.container-box {
width: 1060px;
margin: auto;
}
/* ================= HEADING ================= */
.heading-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
margin-bottom: 22px;
}
.heading-line {
flex: 1;
height: 1px;
background: #0b2d63;
max-width: 90px;
}
/* .main-heading {
color: #0b2d63;
font-size: 36px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
line-height: 1.2;
} */
/* ================= CONTENT ================= */
.content-box p {
font-size: 15px;
line-height: 1.95;
color: #000;
margin-bottom: 24px;
text-align: left;
}
/* ================= LIST ================= */
.learning-list {
padding-left: 38px;
}
.learning-list li {
font-size: 15px;
line-height: 1.9;
color: #000;
margin-bottom: 12px;
}
.learning-list li strong {
font-weight: 700;
}
/* ================= RESPONSIVE ================= */
@media(max-width:1100px) {
.container-box {
width: 95%;
}
}
@media(max-width:768px) {
.main-heading {
font-size: 28px;
}
.heading-wrapper {
gap: 10px;
}
.heading-line {
max-width: 40px;
}
.content-box p,
.learning-list li {
font-size: 14px;
line-height: 1.8;
}
}
@media(max-width:576px) {
.main-heading {
font-size: 22px;
}
.learning-list {
padding-left: 20px;
}
}
/* ================= FEATURES SECTION ================= */
.virtual-feature-section {
background: #f3f3f3;
padding: 10px 0 60px;
}
.container-box {
width: 1060px;
margin: auto;
}
/* ================= HEADING ================= */
.heading-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
margin-bottom: 45px;
}
.heading-line {
flex: 1;
height: 1px;
background: #0b2d63;
max-width: 180px;
}
/* .main-heading {
color: #0b2d63;
font-size: 34px;
font-weight: 500;
text-align: center;
line-height: 1.3;
} */
/* ================= GRID ================= */
.feature-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 70px;
}
.feature-column {
display: flex;
flex-direction: column;
gap: 34px;
}
/* ================= ITEM ================= */
.feature-item {
display: flex;
align-items: center;
gap: 22px;
}
.feature-item img {
width: 70px;
height: 70px;
object-fit: contain;
flex-shrink: 0;
}
.feature-item h4 {
font-size: 18px;
line-height: 1.4;
color: #000;
font-weight: 400;
}
/* ================= RESPONSIVE ================= */
@media(max-width:1100px) {
.container-box {
width: 95%;
}
}
@media(max-width:768px) {
.feature-grid {
grid-template-columns: 1fr;
gap: 35px;
}
.main-heading {
font-size: 28px;
}
.heading-line {
max-width: 70px;
}
.feature-item h4 {
font-size: 16px;
}
}
@media(max-width:576px) {
.main-heading {
font-size: 22px;
}
.feature-item {
align-items: flex-start;
}
.feature-item img {
width: 55px;
height: 55px;
}
.feature-item h4 {
font-size: 15px;
}
}
/* ///////////////////////// development ////////////////////// */
/* ================= HEADING ================= */
.heading-wrapper {
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 28px;
}
.heading-line {
flex: 1;
height: 1px;
background: #0b2d63;
}
/* .main-heading {
color: #0b2d63;
font-size: 34px;
font-weight: 500;
white-space: nowrap;
} */
/* ================= CONTENT BOX ================= */
.content-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 28px;
margin-bottom: 40px;
}
.content-box {
background: #dddddd;
padding: 24px 22px;
position: relative;
}
.sub-heading {
color: #0b2d63;
font-size: 28px;
font-weight: 500;
margin-bottom: 18px;
}
.content-box p {
font-size: 15px;
line-height: 1.9;
color: #555;
}
/* ================= LIST ================= */
.sports-list {
padding-left: 18px;
}
.sports-list li {
font-size: 15px;
line-height: 1.8;
color: #555;
margin-bottom: 8px;
}
.sports-list li::marker {
content: "⭐ ";
color: #FFC32D;
margin-right: 8px;
}
/* ================= ESSENCE ================= */
.essence-title {
color: #0b2d63;
font-size: 28px;
font-weight: 500;
margin-bottom: 18px;
}
.essence-list {
padding-left: 20px;
}
.essence-list li {
font-size: 15px;
line-height: 1.9;
color: #555;
margin-bottom: 6px;
}
.essence-list li::marker {
content: "⭐ ";
color: #FFC32D;
margin-right: 8px;
}
/* ================= SIMPLE TEXT ================= */
.simple-text p {
font-size: 15px;
line-height: 1.9;
color: #555;
margin-bottom: 20px;
}
/* ================= BUTTONS ================= */
.btn-group {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 35px;
flex-wrap: wrap;
}
.custom-btn {
background: #0b2d63;
color: #fff;
text-decoration: none;
padding: 13px 22px;
border-radius: 3px;
font-size: 15px;
font-weight: 500;
transition: 0.3s;
box-shadow: 0 4px 0 #04152f;
}
.custom-btn:hover {
background: #123f89;
}
/* ================= RESPONSIVE ================= */
@media(max-width:1050px) {
.container-box {
width: 95%;
}
}
@media(max-width:768px) {
.content-grid {
grid-template-columns: 1fr;
}
.main-heading {
font-size: 28px;
white-space: normal;
text-align: center;
}
.heading-wrapper {
gap: 10px;
}
}
@media(max-width:576px) {
.nav-listt {
gap: 10px;
}
.nav-itemm {
font-size: 14px;
padding: 10px 14px;
}
.main-heading {
font-size: 24px;
}
.sub-heading {
font-size: 24px;
}
.content-box p,
.sports-list li,
.essence-list li,
.simple-text p {
font-size: 14px;
}
}
/*
////////// Academic Page Css //////////
*/
/* ================= HEADING ================= */
.tab-section {
display: none;
}
.tab-section.active-section {
display: block;
}
.heading-wrapper {
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 28px;
}
.heading-line {
flex: 1;
height: 1px;
background: #0b2d63;
}
/*
.main-heading {
font-size: 34px;
color: #0b2d63;
font-weight: 500;
white-space: nowrap;
} */
/* ================= COMMON TEXT ================= */
p {
font-size: 15px;
line-height: 1.8;
color: #555;
margin-bottom: 16px;
}
h3 {
color: #444;
font-size: 18px;
margin-bottom: 10px;
}
/* ================= AFFILIATION ================= */
.affiliation-box {
background: #dcdcdc;
padding: 35px 30px;
position: relative;
}
.imga {
display: flex;
justify-content: center;
}
.affiliation-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
align-items: center;
}
.affiliation-item img {
width: 100%;
max-width: 420px;
}
/* ================= LIST ================= */
.custom-list {
padding-left: 22px;
margin-top: 10px;
}
.custom-list li {
margin-bottom: 10px;
color: #555;
line-height: 1.8;
}
.custom-list li::marker {
color: #f5b400;
}
/* ================= FEATURE BOX ================= */
.feature-box {
background: #dcdcdc;
padding: 30px 25px 25px;
margin-top: 28px;
position: relative;
}
/* ================= BUTTON ================= */
.btn-center {
text-align: center;
margin-top: 25px;
}
.custom-btn {
display: inline-block;
background: #0b2d63;
color: #fff;
text-decoration: none;
padding: 12px 22px;
border-radius: 3px;
box-shadow: 0 4px 0 #04152f;
transition: 0.3s;
}
.custom-btn:hover {
background: #15428c;
}
/* ================= CERTIFICATION ================= */
.certification-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 60px;
text-align: center;
}
.certification-item h2 {
color: #0b2d63;
font-size: 20px;
margin-bottom: 25px;
font-weight: 500;
}
.certification-item img {
width: 100%;
max-width: 250px;
margin-bottom: 25px;
}
/* ================= SCHOOL CHARGE ================= */
.fee-img {
width: 100%;
display: block;
margin: auto;
max-width: 850px;
}
/* ================= RESPONSIVE ================= */
@media(max-width:1100px) {
.container-box {
width: 95%;
}
}
@media(max-width:768px) {
.affiliation-grid,
.certification-grid {
grid-template-columns: 1fr;
}
.main-heading {
font-size: 28px;
white-space: normal;
text-align: center;
}
.heading-wrapper {
gap: 10px;
}
}
@media(max-width:576px) {
.nav-listt {
gap: 10px;
}
.nav-itemm {
font-size: 14px;
padding: 10px 14px;
}
.main-heading {
font-size: 24px;
}
p,
.custom-list li {
font-size: 14px;
}
}