/*:root {*/
/* --font-primary: "DM Serif Display", sans-serif;*/
/* --font-secondary: "Manrope", sans-serif;*/
/* --color-primary: #2B3398;*/
/* --color-primary: rgb(43 51 152);*/
/* --color-heading: #492982;*/
/* --color-secondary: #fdbd0f;*/
/* --color-heading: #fff;*/
/* --color-default: #000000;*/
/* scroll-behavior: smooth;*/
/*}*/
:root {
--font-primary: "cambriaregular", sans-serif;
--font-secondary: "cambriaregular", sans-serif;
--color-primary: #2B3398;
--color-heading: #492982;
--color-secondary: #fdbd0f;
--color-heading: #fff;
--color-default: #000000;
scroll-behavior: smooth;
}
@font-face {
font-family: 'cambriaregular';
src: url('../fonts/cambria-font-for-windows-webfont.woff2') format('woff2'),
url('../fonts/cambria-font-for-windows-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
color: var(--color-primary);
line-height: 1.5rem;
font-size: 1rem;
font-family: var(--font-secondary);
overflow-x: hidden !important;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
color: var(--color-default);
font-family: var(--font-primary);
font-weight: 400;
font-size: 1.6rem;
}
body,
p,
div,
button,
span,
td,
th,
a {
font-family: var(--font-secondary) !important;
font-size: 1rem;
}
p,
span,
a {
line-height: normal;
}
table,
th,
td {
border: 0.0625rem solid #ddd;
color: #000;
}
p,
a,
li {
color: var(--color-default);
font-family: var(--font-secondary);
}
li,
td,
button {
font-size: 1rem;
}
.insti-singl-info img {
float: left;
width: 36%;
margin-right: 2%;
margin-bottom: 0%;
}
/*-------Annual Report------*/
.csspdf {
position: relative;
display: block;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
/* margin-bottom: 15px; */
transition: transform 0.3s ease, background 0.3s ease;
padding: 20px;
margin: 10px auto;
}
.csspdf:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100px;
height: 100%;
background-color: #2b3398;
clip-path: polygon(0 0, 100% 0, 45% 100%, 0% 100%);
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
z-index: 1;
}
.pdf-icon {
text-decoration: none;
width: 100%;
display: block;
}
.about-page .about-info p {
margin-bottom: 0px !important;
text-align: center;
}
p.pdf-text000 {
text-align: center;
margin-bottom: 0;
}
p.pdf-text000:after {
content: '⮚';
font-weight: bold;
color: #2b3398;
font-size: 20px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.csspdf:after {
content: "\f1c1";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
font-size: 18px;
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
background: #dc3545;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 40px;
z-index: 2;
}
.shadow {
box-shadow: rgba(60, 64, 67, 0.3) 0rem 0.0625rem 0.125rem 0rem,
rgba(60, 64, 67, 0.15) 0rem 0.125rem 0.375rem 0rem;
}
.homePage-sectionHeading {
color: var(--color-heading);
font-size: 1.875rem;
font-weight: 600 !important;
line-height: normal;
}
.homePage-sectionHeading-white {
color: #ffffff;
font-size: 1.875rem;
font-weight: 600 !important;
line-height: normal;
}
.black-text-heading {
color: #475569;
font-family: Poppins;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 33px;
}
.blue-text-heading {
color: #673ab7;
font-family: Poppins;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 54px;
/* 150% */
}
a:hover {
color: var(--color-primary);
}
/*End Basic CSS */
/* header */
/* ------- top menu ---------------- */
.homePage-sectionHeading {
color: #5b4ae0;
font-family: Poppins;
font-size: 48px !important;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.homePage-sectionHeading::after {
content: url(../img/heading-svg.svg);
position: relative;
top: 40px;
left: -200px;
}
.homePage-sectionHeading-white {
color: #ffffff;
font-size: 30px;
font-weight: 600 !important;
line-height: normal;
}
.page-back-blue {
background-color: var(--color-primary);
}
/* Home Page Headings End */
/* header */
/* ------- top menu ---------------- #293A82*/
.myCustomTopRightMenu {
flex-direction: row !important;
background-color: #b3c7ff;
-webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0 100%);
padding: 0px 0px 0px 20px;
margin: 0px 0px 0 5%;
width: 100%;
height: 50px;
align-items: center;
}
.myCustomTopRightMenu {
background-color: rgb(179, 199, 255);
clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0px 100%);
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 5%;
width: 100%;
height: 50px;
align-items: center;
flex-direction: row !important;
}
.web-cust-menu .active {
background-color: var(--color-primary);
}
.top-menu-left a {
color: #fff;
}
.topbar-menu .navbar-nav a {
color: #000 !important;
margin: 0px;
padding: 0px 12px;
}
.topbar-menu .dropdown-menu a,
.topbar-menu .dropdown-menu .nav-link,
.topbar-menu .dropdown-menu a:focus,
.topbar-menu .dropdown-menu a:active,
.topbar-menu .dropdown-menu a.active,
.topbar-menu .dropdown-menu a.show,
.topbar-menu .dropdown-menu .nav-link:focus,
.topbar-menu .dropdown-menu .nav-link:active,
.topbar-menu .dropdown-menu .nav-link.active,
.topbar-menu .dropdown-menu .nav-link.show {
color: #fff !important;
background-color: transparent !important;
margin: 0px;
padding: 0px 12px;
}
.topbar-menu .dropdown-menu a:hover,
.topbar-menu .dropdown-menu .nav-link:hover,
.topbar-menu .dropdown-menu a.active:hover,
.topbar-menu .dropdown-menu .nav-link.active:hover,
.topbar-menu .dropdown-menu a.show:hover,
.topbar-menu .dropdown-menu .nav-link.show:hover {
color: #2b3398 !important;
background-color: #fff !important;
margin: 0px;
padding: 0px 12px;
}
.topbar-menu {
z-index: 1021;
}
.top-menu-left {
display: flex;
}
.top-menu-left a {
color: #fff !important;
padding-right: 50px;
font-size: 15px !important;
}
.top-menu-left a:hover {
color: var(--color-secondary) !important;
}
.top-menu li {
display: flex;
}
.insti-social li {
display: inline-block;
text-align: center;
width: auto;
}
.second-menu {
justify-content: start;
margin: auto 0;
gap: 5px;
align-items: center;
padding-block: 3px;
}
a.website-link {
text-decoration: underline;
}
a.mobile {
text-decoration: underline;
}
@media (max-width: 992px) {
.top-menu-mobile-view {
border-top: 1px solid #676a6d !important;
}
.top-menu-mobile-view li a {
color: var(--color-heading) !important;
}
}
/* header College Name */
.site-header {
padding-top: 0px;
padding-bottom: 0px;
background: #fff;
height: auto;
}
.header-row {
margin: 0 0px 0 30px;
}
.logo-holder,
.title-holder {
display: inline-block;
vertical-align: top;
}
.logo-holder {
margin-top: -15px;
}
.left-logo {
text-align: left;
}
.right-logo {
text-align: right;
}
.responsive-logo {
display: none;
}
.header-college-name {
color: #2b3398;
font-family: "DM Serif Display";
font-size: 34px;
font-style: normal;
font-weight: 400;
line-height: 40px;
text-transform: capitalize;
margin: 0;
}
.head-line {
color: #000;
font-family: Poppins !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
text-transform: capitalize;
line-height: 23px;
margin: 0;
}
.college-contact {
display: flex;
align-items: center;
color: #000;
font-family: Poppins !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin: 0 !important;
}
.col-lg-7.col-md-7.d-flex.justify-content-center.header-sec {
gap: 10px;
}
/* .college-contact:before {
margin-right: 10px;
align-items: center;
content: "";
width: 15px;
height: 15px;
border-radius: 50%;
background: #909090;
display: inline-flex;
} */
.top-number:before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
margin-right: 4px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.top-email:before {
content: "";
display: inline-block;
width: 18px;
/* same as SVG width */
height: 18px;
/* same as SVG height */
margin-right: 4px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.college-email {
display: flex;
gap: 20px;
justify-content: start;
}
.college-email p {
margin: 0;
}
.college-registration-div p {
margin-bottom: 5px !important;
margin-top: 5px;
margin-left: 0;
text-align: right;
}
a.college-registration-no {
background: #94252c;
padding: 2px 10px;
color: #fff;
text-decoration: none;
}
img.header-logo {
margin-bottom: 7px;
width: 100px;
}
.menu-alignment {
width: 98%;
}
.top-nav {
background: rgb(179, 199, 255);
padding: 0px 65px;
position: relative;
height: 38px;
}
/*.top-nav:before {
content: "";
left: -1px;
-webkit-clip-path: polygon(0% -10%, 110% -20%, 0% 100%, 0% 90%);
clip-path: polygon(0% -10%, 29% -20%, 0% 100%, 0% 90%);
position: absolute;
background: #fff;
height: 38.25px;
width: 120px;
top: 0px;
}*/
.top-menu-left-news {
/*background: rgb(187, 216, 185);*/
/*clip-path: polygon(4% 0%, 100% 0%, 100% 100%, 0% 112%);*/
/*padding: 4px 15px 0px 45px;*/
/*margin: 0px 0px 0px 3.5%;*/
/*width: 100%;*/
background: #bbd8b9;
-webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(5% 0%, 100% 100% 0%, 100% 100%, 0% 112%);
padding: 4px 15px 0 45px;
margin: 0px 0 0 0%;
width: 100%;
}
.pt-5.top-menu-padding {
padding-top: 0.1rem !important;
}
/* ------- Main Menu ---------------- */
.main-menu-bg {
background-color: var(--color-primary) !important;
font-family: var(--font-secondary);
}
.main-menu-bg .container-fluid {
padding-inline: 0px !important;
}
.main-menu .navbar-nav .nav-item a,
.second-menu li a {
/*padding: 10px 10px ;*/
color: #ffffff;
font-family: var(--font-secondary);
}
.second-menu ul li a {
color: #fff !important;
}
.main-menu .dropdown-menu a,
.main-menu .dropdown-item:hover {
background-color: var(--color-primary) !important;
color: #fff;
cursor: pointer;
}
.main-menu .dropdown-menu a {
background-color: var(--color-primary) !important;
color: #fff;
cursor: pointer;
}
.main-menu .dropdown-item:hover {
background-color: #fff !important;
color: #492982;
}
.main-menu.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
font-weight: 600;
color: #492982;
border-radius: 8px;
background: #FCFBFA;
/* padding: 8px 10px !important;*/
/* margin-block: 4px !important;*/
}
.main-menu.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
font-weight: 600;
color: #492982;
border-radius: 8px;
background: #FCFBFA;
padding: 7px 7px !important;
}
.topbar-menu .navbar-nav a:hover,
.topbar-menu .navbar-nav a.active {
color: #000 !important;
margin: 0px;
padding: 0px 8px;
background: #fff;
border-radius: 8px;
margin-top: 0;
}
.top-nav .nav-link {
padding: 5px 10px !important;
}
/*div#navbarSupportedContent2 {
padding: 5px 0px;
}*/
.navbar-nav .dropdown-menu li {
border-bottom: 1px solid #cabe76 !important;
}
.topbar-menu .navbar-nav .dropdown-menu li {
border-bottom: 1px solid var(--color-secondary) !important;
}
.navbar-nav .dropdown-menu li:last-child {
border-bottom: 0px !important;
}
.top-menu #navbarNavDropdown {
justify-content: end !important;
}
nav#main_navbar {
margin-bottom: -7px;
}
.dropdown-menu>li a:hover,
.dropdown-menu>li.show {
background-color: #ffffff !important;
color: #492982 !important;
border-radius: unset !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
width: 300px !important;
position: absolute;
background-color: var(--color-primary);
align-items: center;
}
.header-menu {
/* -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0 100%); */
background-color: #b3c7ff !important;
position: relative;
display: block;
padding: 0 20px;
height: 40px;
width: 95%;
margin-top: 0px;
z-index: 1021;
margin-left: 5%;
}
.header-menu::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #b3c7ff;
transform: skewX(-30deg);
transform-origin: top right;
z-index: -1;
}
.top-nav {
background: rgb(179, 199, 255);
;
padding: 0px 10px;
position: relative;
}
/* Home slider start */
#header-carousel .carousel-control-prev-icon,
#header-carousel .carousel-control-next-icon {
width: 3rem;
height: 3rem;
border-radius: 3rem;
background-color: #ffffff;
border: 10px solid #ffffff;
}
#header-carousel .carousel-control-prev,
.carousel-control-next {
position: absolute;
/* left: 0 !important; */
top: 0;
z-index: 1;
display: inline-block;
align-items: center;
justify-content: center;
width: 4%;
padding: 0;
color: #fff;
text-align: center;
background: none;
border: 0;
opacity: 1;
}
.banner-slider img {
background: var(--color-primary);
height: auto;
object-fit: cover !important;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
filter: none !important;
}
#header-carousel .carousel-control-prev-icon {
background-image: url(../img/arrow-p.svg);
width: 35px;
height: 35px;
}
#header-carousel .carousel-control-next-icon {
background-image: url(../img/arrow-n.svg);
width: 35px;
height: 35px;
}
.banner-slider img {
background: var(--color-primary);
height: auto;
object-fit: cover !important;
}
.carousel-caption {
font-family: var(--font-secondary) !important;
color: var(--color-default);
}
.banner-slider .carousel-caption {
position: absolute;
right: 0;
bottom: 1.25rem;
left: 0;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
width: auto;
}
.carousel-caption span {
font-size: 28px;
font-weight: 600;
font-family: var(--font-primary);
font-style: normal;
background: rgba(46, 46, 46, 0.5);
padding: 10px 12px;
border-radius: 5px;
}
.carousel-caption p {
padding-top: 1.125rem;
}
.indicators li {
list-style: none;
}
.indicators {
align-items: center;
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: flex;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.indicators li {
background-color: #cbcbcb;
border-radius: 50%;
width: 9px;
height: 9px;
margin: 0 5px;
cursor: pointer;
transition: background-color 0.3s;
}
.indicators li.active {
width: 60px;
height: 9px;
border-radius: 30px;
background: #cbcbcb;
}
.indicators-container {
display: flex;
justify-content: start !important;
}
.banner-slider .carousel-caption {
position: absolute;
/* right: 0; */
bottom: 1.25rem;
left: 0;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: left;
width: 600px;
}
/* news marquee start */
.importantNews-section {
align-items: center;
top: 0;
position: relative;
display: flex;
padding-left: 0px;
height: 40px;
background: rgb(223, 255, 223) !important;
}
.slider-news a {
color: #000;
font-family: Poppins;
font-size: 14px;
font-style: italic;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
}
.marquee-news-heading {
width: 13%;
color: #333;
text-align: center;
font-size: 14px;
font-weight: 400;
padding: 7px 12px;
margin: 0;
}
.marquee-news-heading::after {
content: "|";
margin-left: 40px;
font-size: 14px;
font-weight: 700;
color: #333;
}
.news-events .homePage-sectionHeading {
margin: 0;
padding: 8px 0px;
border-radius: 10px 10px 0px 0px;
background: #fff;
box-shadow: 4px 0px 8px 2px rgba(0, 0, 0, 0.15);
}
.slider-news a {
color: #000;
font-family: Poppins;
font-size: 16px;
font-style: italic;
font-weight: 500;
line-height: 18px;
/* 112.5% */
text-transform: capitalize;
}
*/ .carousel-caption {
display: flex;
text-align: start;
font-family: var(--font-secondary) !important;
color: var(--color-default);
}
.carousel-caption h5::before {
content: "";
width: 40px;
height: 4px;
display: inline-block;
margin: 4px 10px;
}
h5.slider-title {
width: 96%;
/* background: #000; */
background-image: url('../img/slider-text-bg.png');
object-fit: cover;
height: 57px;
padding: 11px;
color: #2B3398 !important;
font-family: "DM Serif Display";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: none;
}
/* Home slider end */
/* news marquee start */
.news-and-event {
box-shadow: 10px 10px 90px rgba(195, 219, 195, 0.6);
margin: 40px auto;
padding: 55px;
}
.news-heading {
color: #94252c;
font-family: "DM Serif Display";
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: normal;
/* display: inline-block; */
display: flex;
justify-content: space-between;
}
.news-circular {
height: 350px;
}
.news-date {
margin-right: 25px;
margin-bottom: 0px;
float: left;
text-transform: uppercase;
text-align: center;
color: #2b3398;
font-size: 40px;
font-weight: 700 !important;
border-radius: 4px 0px 0px 4px;
background: rgba(195, 219, 195, 0.3);
width: 95px;
padding: 12px 24px;
font-family: var(--font-secondary);
display: flex;
flex-direction: column-reverse;
border-right: 3px solid #C3DBC3;
}
/* .news-date::first-line {
color: #2b3398;
font-family: Manrope;
font-size: 14px !important;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.7px;
text-transform: capitalize;
} */
.news-date::first-letter {
font-size: 40px;
font-weight: 700;
}
.news-date {
font-size: 18px;
font-weight: 600;
}
.view-all {
text-align: -webkit-right;
}
.holder ul li {
border-bottom: 2px solid #a01428;
height: 72px;
margin: 7px auto;
display: block;
align-items: center;
}
.holder ul li a {
padding-bottom: 4px;
text-decoration: none;
color: #6F6F6F;
font-size: 16px;
font-weight: 500;
line-height: 22px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.holder ul {
list-style: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
.holder-news ul li {
border-radius: 8px;
border: 1px solid #b2b2b2;
height: 200px;
margin: 10px;
padding: 10px;
list-style: none;
}
.holder-news {
position: relative;
height: 420px !important;
overflow-y: scroll !important;
}
.holder ul li a {
padding: 0px 0px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.holder ul li i {
color: var(--color-secondary);
font-size: 15px;
margin-right: 10px;
}
.holder ul li span {
color: var(--color-heading);
font-size: 15px;
}
.holder-news ul {
padding: 0;
}
.holder {
position: relative;
height: 330px !important;
left: -10px;
width: 430px;
}
.holder::-webkit-scrollbar {
margin: 0px 10px;
width: 5px;
border-radius: 24px;
background: #e0e0e0;
}
.holder::-webkit-scrollbar-thumb {
width: 5px;
border-radius: 24px;
background: #a1a1a1;
}
.holder::-webkit-scrollbar {
margin: 0px 10px;
width: 5px;
border-radius: 24px;
background: #e0e0e0;
}
.holder::-webkit-scrollbar-thumb {
width: 5px;
border-radius: 24px;
background: #a1a1a1;
}
/* events */
.myTicker2 {
position: relative;
height: 370px !important;
overflow: hidden !important;
gap: 10px;
}
.myTicker2 ul {
display: flex;
position: absolute;
white-space: nowrap;
}
.events-container {
width: 100%;
}
.events-details img {
height: 265px;
width: 100%;
border-radius: 10px;
}
figcaption span {
color: #222;
font-family: Manrope;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 28px;
/* 175% */
text-transform: capitalize;
}
figcaption {
padding: 10px 4px;
margin-top: 10px;
}
figure p {
padding: 0;
margin: 0;
overflow: hidden;
color: #333;
text-overflow: ellipsis;
font-family: var(--font-secondary);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.events-container {
overflow: hidden;
border-radius: 24px;
/* background: #f0ebf8; */
width: 100%;
height: 85%;
}
.event-view-btn a {
color: white;
border-radius: 12px;
background: #5e35a7;
display: flex;
padding: 11px 24px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
}
/* about-institute */
section.about-clg-section.section {
margin: 30px 0px 20px 0px;
}
.about-years {
border-radius: 50%;
position: absolute;
left: 75%;
z-index: 1;
top: 150px;
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.15));
width: 150px;
height: 121px;
}
.about-years img {
width: 100%;
}
.about-para-sec {
display: flex;
flex-direction: column;
justify-content: space-around;
position: relative;
text-align: justify;
}
.about-para-sec>.about-read-more:last-child {
align-self: flex-end;
/* pushes the last div to the end */
}
.about-heading,
.about-heading span {
/*width: 612px;*/
color: #2b3398;
color: rgb(43, 51, 152);
font-family: var(--font-primary);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: block;
width: auto;
}
.alumni-para {
height: 140px;
overflow: hidden;
}
.about-para p,
.alumni-para p {
color: #333232;
font-family: var(--font-primary);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
text-align: justify;
}
.read-more-btn {
display: inline-block;
width: 138px;
padding: 12px 20px;
border-radius: 8px;
background: #2b3398;
background: rgba(43, 51, 152, 1);
text-align: center;
}
a.read-more-btn,
.read-more-btn a {
color: #fff;
font-family: var(--font-primary);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}
/* Our Proud Facts */
.clg-details-section {
background: #2b3398;
background: rgb(43 51 152);
height: 200px;
}
.num-container {
position: relative;
color: white;
padding: 0px;
/* margin-bottom: 6rem; */
}
/* .num-container::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: linear-gradient(
to right,
transparent 0%,
#ffd700 50%,
transparent 100%
);
} */
.stats-section h2 {
margin-block: 29px;
color: #fcfbfa;
font-family: "DM Serif Display";
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
}
.stats {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 25px;
color: #fcfbfa;
text-align: center;
}
.stats p {
color: #fcfbfa;
text-align: center;
font-family: Manrope;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 14px;
/* 171.429% */
}
.counter {
color: #fcfbfa;
font-family: "DM Serif Display";
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 36px;
}
.stats div {
text-align: center;
flex: 1 1 150px;
min-width: 120px;
}
/* Our Institute Section */
.container.mt-4.our-institute-section {
margin-block: 40px !important;
}
.our-institute-heading {
display: block;
}
.our-institute-tab button {
display: inline-flex;
padding: 10px;
align-items: center;
gap: 12px;
}
.our-institute-tab button.active,
.our-institute-tab button:hover {
border-radius: 8px;
background: #2b3398 !important;
background: rgb(43 51 152) !important;
color: #fff;
}
.our-institute-tab .nav-pills .nav-link {
background: none;
border: 0;
border-radius: 4px;
width: 100%;
}
/* make svg inside white */
.our-institute-tab button.active svg,
.our-institute-tab button:hover svg {
fill: #fff;
/* if paths use fill */
stroke: #fff;
/* if paths use stroke */
}
.our-institute-tab button {
color: #000;
text-align: center;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.col-md-9.our-institute-tab-container .tab-content {
padding: 0rem !important;
}
.institute-box {
position: relative;
}
.owl-carousel-institute .owl-nav .owl-prev {
left: -23px;
}
.home-institute-sec .institute-box {
position: relative;
padding: 0px;
margin-top: 0px;
width: 30%;
}
.institute-box {
position: relative;
padding: 0px;
margin-top: 0px;
width: 30%;
}
.institute-img img {
width: 100%;
height: 230px;
flex-shrink: 0;
border-radius: 10px;
border: 0.5px solid #b2b2b2;
background: url() lightgray 50% / cover no-repeat;
}
.inner-text {
position: absolute;
width: 100%;
height: 84px;
flex-shrink: 0;
border-radius: 0 0 10px 10px;
background: rgba(255, 255, 255, 0.7);
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
flex-direction: column;
}
.inner-text p {
color: #2b3398;
text-align: center !important;
font-family: Manrope;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
}
/* Our Institute Section */
/* Celebrating 33 years of legacy */
section.container-fluid.celebrate-section {
padding-inline: 0px !important;
margin-block: 35px;
}
img.celebrate-img {
width: 100%;
}
/* Celebrating 33 years of legacy End */
/* Social Works */
.photo-gallery-heading {
text-align: center !important;
color: var(--ncrd-brown, #94252c);
font-family: "DM Serif Display";
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.photo-gallery-sec a {
color: #fcfbfa;
font-family: Manrope;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}
.photo-gallery-carousel .photo-item {
padding: 5px;
border-radius: 8px;
overflow: hidden;
transition: transform 0.5s, opacity 0.5s;
}
/* Center 3 items (2,3,4) */
.photo-gallery-carousel .owl-item.active.center,
.photo-gallery-carousel .owl-item.active.center+.owl-item,
.photo-gallery-carousel .owl-item.active.center+.owl-item+.owl-item {
transform: scale(1);
opacity: 1;
z-index: 10;
}
.photo-gallery-carousel .photo-item {
padding: 5px;
border-radius: 8px;
overflow: hidden;
transition: transform 0.5s, opacity 0.5s;
}
.photo-gallery-carousel .institute-img img {
width: 100%;
display: block;
border-radius: 8px;
}
.photo-gallery-carousel .inner-text {
text-align: center;
margin-top: 10px;
font-weight: 500;
}
/* Side items (1st and 5th) smaller and faded */
.photo-gallery-carousel .owl-item.active:not(.center) {
transform: scale(0.7);
opacity: 0.4;
z-index: 1;
}
.photo-gallery-carousel .inner-text {
position: absolute;
width: 278px;
height: 84px;
flex-shrink: 0;
border-radius: 0 0 10px 10px;
background: rgba(0, 0, 0, 0.34);
position: absolute;
bottom: 4px;
display: flex;
justify-content: center;
flex-direction: column;
}
.socail-work-text {
width: auto;
text-align: center;
display: flex;
justify-content: center;
position: absolute;
width: 238px;
height: 84px;
position: absolute;
bottom: 4px;
display: flex;
justify-content: center;
flex-direction: column;
border-radius: 0 0 10px 10px;
background: rgba(0, 0, 0, 0.5);
}
.socail-work-text p {
color: #fff;
}
/* Social Works End */
/* testimonial*/
.testimonials {
opacity: 0.99;
background: #b3c7ff;
margin-top: 20px;
}
.almni-i.me-3.testimonial-img-section h5 {
font-size: 20px;
margin-top: 12px;
}
.text-muted {
color: #6c757d !important;
font-size: 13px;
}
.tesimonial-heading {
text-align: center !important;
color: var(--ncrd-brown, #94252c);
font-family: "DM Serif Display";
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.testimonials a {
color: #fcfbfa;
font-family: Manrope;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}
.photo-item {
display: flex;
gap: 7px;
padding: 12px;
/* font-style: normal; */
}
.testimonial-img-section {
position: relative;
/*align-content: center;
align-items: center;
text-align: center;*/
}
/* .homepage-testimonial-section img.testimonial-img {
width: 162px ;
height: 162px;
position: absolute;
top: 5px;
left: 116px;
border-radius: 50%;
} */
.homepage-testimonial-section img.testimonial-img {
width: 165px !important;
height: 165px;
position: absolute;
top: 4px;
left: 4px;
border-radius: 50%;
}
.testimonial-view-all img.testimonial-img {
width: 162px;
height: 162px;
position: absolute;
top: 3px;
left: 3px;
border-radius: 50%;
}
/* department-section */
.department-section {
background: #fff9e6;
position: relative;
}
.department-image-container {
position: relative;
}
.dept-info {
left: 58%;
transform: translate(-50%, -50%);
bottom: -160px;
position: absolute;
height: fit-content;
display: flex;
width: 253px;
padding: 12px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
border-radius: 31px;
background: #f0ebf8;
}
.dept-info h2 {
color: #673ab7;
font-family: Poppins;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 33px;
opacity: 0.3;
}
/* .dept-info h2::after {
content: "\"";
color: #673AB7;
font-family: 'Inter', sans-serif;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
} */
.dept-info span {
margin-top: -36px;
color: #673ab7;
font-family: Poppins;
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 54px;
}
.dept-info p {
overflow: hidden;
color: #333;
text-overflow: ellipsis;
font-weight: 400;
line-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0;
}
.dept-info a {
color: #673ab7;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 21px;
text-decoration-line: underline;
float: left;
}
.about-college-info img {
border: 4px solid white;
border-radius: 24px;
height: 297px;
width: 60rem;
}
img.about-img {
width: 100%;
float: left;
margin-right: 0;
}
.custom-nav-tabs .custom-nav-link {
padding: 16px;
border: none;
color: #997bcf;
font-weight: bold;
background-color: #f0ebf8;
clip-path: polygon(0 0, 76% 0, 100% 100%, 0% 100%);
}
.custom-nav-tabs .custom-nav-link.active {
background-color: #673ab7;
color: #f0ebf8;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
clip-path: polygon(0 0, 76% 0, 100% 100%, 0% 100%);
}
.custom-tab-content {
padding: 20px;
background-color: #673ab7;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
margin-top: -10px;
}
.contentclass {
background-color: #f5f0ff;
max-width: 600px;
margin: 20px auto;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.contentclass ul {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.contentclass li {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
padding: 8px 12px;
cursor: pointer;
filter: drop-shadow(-1px 2px 15px rgba(0, 0, 0, 0.1));
flex-shrink: 0;
-webkit-filter: drop-shadow(-1px 2px 15px rgba(0, 0, 0, 0.1));
}
.contentclass li:hover {
background-color: #eee;
}
.contentclass li::after {
content: ">";
color: #502a8d;
position: absolute;
right: 25px;
font-family: "Poppins";
font-size: x-large;
}
@media (max-width: 480px) {
.contentclass ul {
grid-template-columns: 1fr;
}
}
.custom-nav-tabs .nav-item {
flex: 1 !important;
}
.left-side {
position: relative;
left: 0px;
/* background-image: url(../img/Rectangle 4163 (2).svg); */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* z-index: 1000; */
/* padding: 20px;*/
}
.firstcolumn {
top: -100px;
position: relative;
/* height: 323px; */
/* width: 416px; */
left: -65px;
line-height: 50px;
}
.footer-section {
position: relative;
}
.footer {
padding-top: 157px;
overflow: hidden;
}
.firstset {
position: relative;
/* top: -300px; */
/* z-index: revert-layer; */
display: inline-flex;
}
.firstset::before {
content: url("../img/Rectangle 4163 (2).svg");
position: absolute;
left: 0;
left: -130px;
top: -213px;
}
.firstcolumn img {
display: block;
margin: 0 auto 15px;
/* Center the logo and add bottom spacing */
max-width: 150px;
/* Restrict the image size */
}
/* ------Home page Section start--------- */
.bred-img1 {
background-color: var(--color-primary) !important;
height: 120px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.bred-pos {
/* margin-top: -125px; */
margin-bottom: 14px;
}
.footer-section {
background: var(--color-primary);
}
.right-res {
/* background-color: #ffffff; */
position: absolute;
bottom: 30px;
left: 20rem;
}
.right-res p,
.right-res a,
.right-res span {
color: #fff;
font-style: normal;
font-size: 18px !important;
font-weight: 500;
}
.footer-section p,
.footer-section a,
.footer-section span {
color: #fcfbfa;
font-family: Poppins;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 20px;
/* 125% */
margin: 0 auto;
/*text-transform: capitalize;*/
}
.footer-section email {
text-transform: none !important;
}
.footer-section hr {
margin: 5px auto;
}
.right-res p a {
text-decoration: underline !important;
}
.right-res p a:hover {
text-decoration: none !important;
}
h2.quick-head-back-event {
background-color: #ff9f2a;
margin-bottom: 0px;
padding: 7px 7px 10px 20px;
color: #fff;
border-radius: 10px 10px 0px 0px;
}
.footer-section h2,
.footer-section h3 {
font-style: normal;
font-weight: 600 !important;
color: #fff;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
a.email {
text-decoration: underline;
}
.footer-section a:hover {
color: white;
}
.social-icon .twitter img {
filter: invert(1) grayscale(100);
-webkit-text-stroke: 0.9px;
}
/* Styles for website counter container */
.website-counter {
font-size: 28px !important;
color: var(--color-default);
}
/* Styles for reset button */
#reset {
margin-top: 20px;
background-color: #008cba;
cursor: pointer;
font-size: 18px !important;
padding: 8px 20px;
color: white;
border: 0;
}
.footer-contct-section {
display: inline-flex;
align-items: center;
gap: 10px;
}
.footer-cont-add {
align-items: flex-start;
}
.footer-cont-add svg {
width: 22%;
}
/* Footer section end */
/* breadcrumb */
.bred-img {
background-image: url("../img/banner.jpg");
height: 100px;
line-height: 100px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: var(--color-primary) !important;
display: none;
}
.bred-head {
/*text-align: center;*/
padding-top: 28px;
margin-bottom: 0px;
color: #fff;
font-size: 35px;
display: none;
}
.breadcrumb {
/*justify-content: start;*/
text-align: left;
width: auto;
align-items: center;
margin: 6px 0 auto 0;
}
.breadcrumb li a,
.breadcrumb-item+.breadcrumb-item::before {
color: white;
}
.breadcrumb li a {
text-decoration: underline;
}
.breadcrumb li a:hover {
text-decoration: none;
}
.breadcrumb-item.active {
color: white;
}
/* -End breadcrumb- */
/* -Inner Page Style- */
.about-info {
padding: 0px 0px 0px 25px;
}
.about-card-header {
background: #b3c7ff !important;
}
.about-ncrd .badge {
color: #000 !important;
font-size: 13px;
font-weight: 400;
}
.alert.alert-primary.border-start.border-info.border-4.mb-4.about-border-color {
border: 4px solid #b3c7ff !important;
}
/*.about-info .page-insight {
box-shadow: 2px 2px 4px #888888;
padding: 5px 10px 20px 10px;
background-color: #fff;
}*/
/* Vision Mission Section */
.vision-custom-card span {
border-bottom: 1px solid #000;
width: 100%;
padding-bottom: 13px;
}
.page-headings {
border-bottom: 3px solid #bbbbbb;
margin-bottom: 20px !important;
padding-bottom: 5px;
padding-top: 5px;
color: var(--color-primary);
font-weight: 600 !important;
}
.row.page-insight h4,
.row.page-insight h5,
.row.page-insight h6 {
font-size: 21px !important;
color: var(--color-primary);
}
.sub-heading {
padding-bottom: 8px;
color: var(--color-primary);
font-family: "Blinker", sans-serif !important;
font-size: 25px !important;
font-weight: 600 !important;
line-height: 38px;
letter-spacing: 0.02em;
}
.about-page .about-info p {
color: #464343;
font-family: var(--font-primary);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
text-align: justify;
}
.page-back {
/*background: url("../img/about-boxes-bg.jpg") center top no-repeat fixed;*/
background: transparent;
background-size: cover;
position: relative;
}
.page-back {
background-color: #ffffff;
}
.page-back::before {
z-index: 0 !important;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
/*background: rgba(255, 255, 255, 0.92);*/
z-index: 9;
}
.container.about-page {
position: relative;
z-index: 1;
}
p.tag-line.pb-2 {
font-weight: 600;
}
/* NAAC Pages */
.naac-section a {
display: block;
border-bottom: 1px solid #ccc;
padding: 10px 0px 10px 0px;
text-decoration: underline;
}
.naac-section a:hover {
text-decoration: none;
}
.naac-section a:before {
content: "\f1c1";
font-family: "Font Awesome 5 Free";
color: var(--color-primary);
width: 2.5% !important;
display: inline-block;
font-size: 19px;
margin-right: 0px;
}
/* -End Naac Pages-- */
/* accordian start*/
.accordion-button:not(.collapsed) {
color: var(--color-default);
background-color: #dff5f9;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.accordion-button:focus {
z-index: 3;
border: none !important;
outline: 0;
box-shadow: none !important;
}
.accordion-button {
display: flex;
width: 100%;
padding: 18px 20px;
background: #b3c7ff;
border: 2px solid #9ab5ff;
color: #2B3398;
font-weight: 600;
font-size: 1.05rem;
border-radius: 8px;
justify-content: space-between;
align-items: center;
transition: all 0.3s ease;
cursor: pointer;
}
.accordion-item {
border: 1px solid #a59a9a !important;
margin-bottom: 5px;
}
.tab-horizontal1,
.tab-horizontal2 {
width: 100% !important;
}
.tab-horizontal1 ul {
flex-direction: inherit !important;
}
.inner-accordion-header {
border: 1px solid #a59a9a !important;
}
.inner-accordion-header .accordion-button:not(.collapsed) {
background: #f8f8f8 !important;
}
/* accordian end */
/* Styles added by Shruti J */
.table th,
table th {
padding: 0.5rem 0.5rem;
background: #ececec;
border-color: #d9d9d9;
box-shadow: inset 0 4px 3px -2px rgb(0 0 0 / 4%);
text-align: center;
font-weight: 700 !important;
}
.table .text-link {
text-decoration: underline;
}
.table p {
margin-bottom: 0px;
}
.table .text-link:hover {
text-decoration: none;
vertical-align: middle;
}
.text-link {
text-decoration: underline;
}
.text-link:hover {
text-decoration: none;
cursor: pointer;
}
.table td,
table td {
border-color: #d9d9d9;
padding: 0.5rem 0.5rem;
}
.table th.srno {
width: 75px !important;
}
.table td.al-right,
.table .srno {
text-align: right;
}
.btn-primary:focus {
color: var(--color-default);
background-color: var(--color-secondary);
}
.content-holder {
background: white;
padding: 0 25px;
}
.subheader {
padding: 0;
margin: 0 0 5px 0;
font-weight: 700 !important;
font-family: var(--font-primary);
font-style: normal;
font-size: 18px;
}
@media only screen and (max-width: 980px) {
.about-info {
padding: 0 25px;
margin: 25px 0 0;
}
}
.vtabs .tabs-right {
padding: 0;
}
.vtabs .tabs-right .tab-content {
padding: 0;
}
.vtabs .tabsContent-holder {
padding-left: 0;
}
.vtabs .tab-content {
padding: 0.5rem;
}
.vtabs .accordion-item {
border: 0 !important;
}
.sub-head {
border-bottom: 3px solid #bbbbbb;
margin-bottom: 8px;
padding-bottom: 8px;
font-family: var(--font-primary);
font-weight: 700;
font-style: normal;
}
.vtabs .accordion-body {
padding: 0.5rem 1.25rem;
background: none;
}
.vtabs .tabsName-holder {
padding-left: 0;
padding-right: 0;
border-radius: 8px;
}
.vtabs .nav-tabs .nav-link {
display: flex;
align-items: center;
gap: 12px;
height: 56px;
border-radius: 8px;
color: #333;
font-weight: 500;
margin-bottom: 8px;
transition: all 0.3s ease;
width: 100%;
}
.vtabs .nav-tabs .nav-link.active {
background: #2b2f8f;
color: #fff;
}
.vtabs .accordion-button:not(.collapsed) {
color: #064065;
background: #dff5f9;
}
.vtabs .accordion-button:not(.collapsed) {
background: #2B3398;
color: white;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-color: #2B3398;
}
.vtabs .accordion-button:not(.collapsed):after {
background-image: url("data:image/svg+xml,");
color: #ffffff;
}
/* .vtabs .nav-tabs .nav-link.active {
background-color: #fff;
color: #0b0a0a;
} */
.left-tabs .nav-link:hover {
background: #2b2f8f !important;
color: #ffffff !important;
}
@media (max-width: 575px) {
.owl-nav .owl-next {
margin-left: 2px !important;
}
.owl-prev {
padding-left: 23px;
}
}
.link-active {
background-color: #064065 !important;
padding: 15px 10px !important;
}
.form-control:focus {
box-shadow: 0 0 0 0.25rem rgb(6 64 101 / 18%);
}
/* ssr table */
.ssr-table tr td:first-child {
text-align: center;
}
.ssr-table th:nth-child(3) {
width: 185px;
}
.ssr-table th:first-child {
width: 100px;
text-align: center;
}
/* styles added by pranali */
.tabletext {
vertical-align: middle;
}
#carousel-placement img {
object-fit: contain;
aspect-ratio: 3/2;
padding: 4px 10px;
}
/* CMS Photo Gallery*/
.list-horizontal {
padding: 0;
margin: 0;
}
.list-horizontal li {
display: inline-block;
margin-right: 10px;
}
.btn-year {
border: 1px solid;
padding: 6px 36px;
border-radius: 5px;
background-color: var(--color-primary);
color: #fff;
text-transform: uppercase;
line-height: 40px;
}
.btn-year:hover {
color: white;
}
.btn-year.active {
background-color: var(--color-secondary);
}
a.btn-year.ng-binding {
cursor: pointer;
}
a.btn-year.ng-binding.active {
cursor: auto;
}
.gallery {
position: relative;
width: 302px;
display: inline-block;
overflow: hidden;
z-index: 0;
}
.gallery .viewGallery {
background-color: green;
color: #fff;
display: inline-block;
padding: 5px 25px 0;
text-decoration: none;
position: absolute;
left: 25%;
transform: translateY(400px);
transition: all 0.3s ease 0s;
}
.gallery .desc {
padding: 15px;
text-align: center;
}
.gallery:hover .viewGallery {
transform: translateY(100px);
}
.stack,
.nostack {
border: 6px solid #fff;
float: left;
height: 175px;
width: 240px;
margin: 20px;
position: relative;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.stack img,
.nostack img {
width: 100%;
height: 100%;
}
.stack:before,
.stack:after {
content: "";
height: 175px;
width: 240px;
position: absolute;
z-index: -1;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
border: 6px solid #fff;
}
.stack:before {
background: #eff4de;
top: 0px;
left: -10px;
transform: rotate(-5deg);
}
.stack:after {
background: #768590;
top: 5px;
left: 0px;
transform: rotate(4deg);
}
.firstImage:after {
display: block;
content: "View Gallery";
padding: 8px 15px;
margin: auto;
background-color: var(--color-secondary);
position: absolute;
top: 29%;
left: 24%;
color: #fff;
transform: translateY(400px);
transition: all 0.3s ease 0s;
}
.firstImage:hover:after {
transform: translateY(30px);
}
.firstImageForCollegeNews:after {
display: block;
content: "View Paper";
padding: 8px 15px;
margin: auto;
background-color: var(--color-secondary);
position: absolute;
top: 29%;
left: 24%;
color: #fff;
transform: translateY(400px);
transition: all 0.3s ease 0s;
}
.firstImageForCollegeNews:hover:after {
transform: translateY(30px);
}
.first-image:hover:after {
transform: translateY(30px);
}
.link-active {
background-color: #fdbd0f !important;
padding: 15px 10px !important;
color: #fff !important;
}
.main-whitePanel {
background-color: #fff;
box-shadow: 2px 2px 4px #888888;
}
/* fix blank or flashing items on carousel */
.owl-carousel .item {
position: relative;
z-index: 100;
}
.carousel-wrap {
margin: 90px auto;
padding: 0 5%;
width: 80%;
position: relative;
}
.mydiv .owl-nav {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0 10px;
pointer-events: none;
box-sizing: border-box;
}
.mydiv .owl-nav .owl-prev,
.mydiv .owl-nav .owl-next {
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
font-family: Arial !important;
font-size: 22px !important;
line-height: 1 !important;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.85) !important;
pointer-events: all;
}
.mydiv .owl-nav .owl-prev.disabled,
.mydiv .owl-nav .owl-next.disabled {
visibility: hidden;
}
/* Plan Of Action */
.table-responsive.plan {
padding: 8px 15px;
}
a.btn.btn-primary.naac-certificate {
padding-bottom: 11px;
margin-top: 18px;
}
img.img-fluid.naac {
width: 450px;
height: 500px;
}
/*
.inner-category-gallery {
border-bottom: 2px solid;
} */
.gallery-category {
position: relative;
display: inline-block;
overflow: hidden;
z-index: 0;
}
.gallery-category .viewGallery {
background-color: green;
color: #fff;
display: inline-block;
padding: 5px 25px 0;
text-decoration: none;
position: absolute;
left: 25%;
transform: translateY(400px);
transition: all 0.3s ease 0s;
}
.gallery-category .desc {
padding: 15px;
}
.gallery-category:hover .viewGallery {
transform: translateY(100px);
}
.btn-handy {
border: 1px solid #b5b5b5;
background: #f2f2f2;
margin-right: 10px;
text-decoration: none;
padding: 3px 8px;
box-shadow: 0px 2px 2px rgb(0 0 0 / 20%);
}
.container.main-whitePanel h4 span {
font-size: 1.6rem !important;
font-style: normal;
display: inline-block;
border-bottom: 2px solid var(--color-primary);
padding-right: 16px;
}
.saftey {
margin-top: 10px;
}
.section.row.host.saftey {
margin-left: 0px;
}
.lib-text {
text-align: center;
padding-top: 10px;
padding-bottom: 20px;
}
a.active.aqar-quickl {
color: var(--color-secondary);
}
.yearHolder {
background: #e7e7e7 !important;
vertical-align: middle;
}
.noRecords {
color: #babcc0;
}
.link-holder a {
color: #333;
text-decoration: underline !important;
}
.link-holder a:hover {
color: #333;
text-decoration: none !important;
}
.files-noMeric {
padding: 15px 15px 15px 25px !important;
}
.faculty-text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
.dept-faculty {
text-align: center !important;
}
.department-faculty-all-div {
display: inline-table;
}
/* End Departments Home Dept */
/* Department start css */
.newspannel {
font-size: 26px;
font-family: "Marcellus", serif;
color: var(--mainColor);
font-weight: 600 !important;
}
.newspanneltext {
color: #babcc0;
font-size: 16px;
padding-right: 15px;
font-weight: 400;
margin: auto;
}
#newstext {
font-size: 17px;
margin: 0px;
}
.shareicon {
text-align: right;
}
.bred-pos {
margin-top: -125px !important;
}
#clickhere {
text-decoration: underline;
color: #fff;
font-size: 16px;
margin: 0px;
}
.goToSection {
border: 1px solid;
}
.goToSectionmenu a {
font-size: 22px;
color: black;
font-weight: 400 !important;
padding: 0.75rem 1.5rem;
margin: 0px;
background-color: white;
}
.SectionmenuView {
border-radius: 0px 0px 10px 10px;
padding: 13px;
background-color: white;
}
.goToSectionmenu a:hover {
color: #fff;
font-weight: 400 !important;
background-color: var(--color-primary);
}
.goToSectionmenu .dropdown-item.active {
color: #fff;
font-weight: 400 !important;
background-color: var(--color-primary);
}
.new-ui-margin {
padding: 15px;
border-bottom: 2px solid #cacaca;
}
.goToSectionmenu h4 {
font-size: 26px;
font-family: "Marcellus", serif;
color: black;
font-weight: 600 !important;
padding: 0.75rem 1.5rem;
}
.categoriesmanu {
padding: 0px;
margin: 0px;
color: #fff;
}
.newslist {
padding: 10px 5px 5px 13px;
}
.category {
width: 100%;
padding: 3px;
border-radius: 4px;
margin: 3px;
background-color: #ebebeb;
font-size: 16.5px !important;
}
.quick-head-back {
/* background-color: var(--color-primary); */
margin-bottom: 0px;
padding: 7px 7px 10px 20px !important;
font-size: 20px !important;
/* color: #fff; */
border-radius: 10px 10px 0px 0px;
}
/* Department End css */
.btn-lg-square {
width: 48px;
height: 48px;
}
.footer .btn.btn-link {
display: block;
margin-bottom: 5px;
padding: 0;
text-align: left;
color: #fff;
font-weight: normal;
text-transform: capitalize;
transition: 0.3s;
}
.footer .btn.btn-link::before {
position: relative;
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 10px;
}
.footer .btn.btn-link:hover {
color: var(--color-secondary);
letter-spacing: 1px;
box-shadow: none;
}
.back-to-top {
position: fixed;
display: none;
right: 30px;
bottom: 30px;
z-index: 99;
}
/* Start Media Queries */
@media only screen and (max-width: 1399px) {
.top-menu-left-news {
margin: 0px 0 0 5%;
width: 100%;
}
.col-lg-7.col-sm-9.d-flex.justify-content-center.header-sec {
margin-top: 10px;
}
.header-college-name {
padding-top: 0px !important;
}
}
@media only screen and (max-width: 1399px) {
/* Header */
.header-menu {
background-color: #b3c7ff !important;
/*clip-path: polygon(6% 0%, 100% 0%, 100% 100%, 2% 100%);*/
margin-left: 6% !Important;
}
img.header-logo {
margin-bottom: 0px;
margin-top: 0px;
width: 100px;
}
.top-menu-left-news {
background: rgb(187, 216, 185);
clip-path: polygon(4% 0%, 100% 0%, 100% 100%, 0% 112%);
padding: 4px 15px 0px 45px;
margin: 0px 0px 0px 5.5%;
width: 96%;
}
/*.top-nav:before {
content: "";
left: -1px;
-webkit-clip-path: polygon(0% -10%, 110% -20%, 0% 100%, 0% 90%);
clip-path: polygon(0% 0%, 108% -19%, 3% 100%, 0% 90%);
position: absolute;
background: #fff;
height: 49.25px;
width: 40px;
top: -5px;
}*/
.header-college-name {
font-size: 26px;
line-height: 34px;
}
.head-line {
font-size: 12px;
}
.college-email {
gap: 0px;
}
.college-contact {
font-size: 12px;
}
.clg-info {
margin-left: 10px;
}
.college-registration-div a.college-registration-no {
text-decoration: none;
font-size: 12px;
}
.main-menu .navbar-nav .nav-item a,
.second-menu li a {
/*padding: 12px 8px ;*/
color: #ffffff;
font-family: var(--font-secondary);
font-size: 14px;
}
.top-nav .nav-link {
padding: 5px 0px 0 30px !important;
}
/* About college */
img.about-img {
width: auto;
float: left;
margin: 0;
padding: 0;
}
.about-years {
left: 75%;
top: 150px;
}
.about-years img {
width: 100%;
}
.about-heading,
.about-heading span {
font-size: 14px;
}
/* Important Notice */
.top-menu-left-news {
width: 95.5%;
}
/* Our Institute */
.institute-img img {
width: 100%;
}
.inner-text {
width: 100%;
}
.institute-box {
width: 281px;
}
/*Legacy */
.legacy-container {
width: 100%;
padding-left: 0px !important;
margin-left: 0px !important;
}
/* Social Works */
.photo-gallery-carousel .photo-item {
padding: 0px;
width: 100%;
}
.institute-img {
width: 100%;
}
.socail-work-text {
width: 100%;
}
/* Testimonial */
.photo-item {
display: inline-flex;
gap: 0px;
padding: 18px;
/* font-style: normal; */
}
.c1 {
background: #2b3398;
background: rgb(43 51 152);
width: 224px !important;
height: 102px !important;
flex-shrink: 0;
}
.c2 {
background: #2b3398;
background: rgb(43 51 152);
width: 224px !important;
height: 102px !important;
flex-shrink: 0;
}
.c3 {
background: #2b3398;
background: rgb(43 51 152);
width: 224px !important;
height: 102px !important;
flex-shrink: 0;
}
.c4 {
background: #2b3398;
background: rgb(43 51 152);
width: 224px !important;
height: 102px !important;
flex-shrink: 0;
}
.c4 {
background: #2b3398;
background: rgb(43 51 152);
width: 224px !important;
height: 102px !important;
flex-shrink: 0;
}
.legacy-container .timeline {
gap: 8px;
}
.step .note {
left: 65% !important;
}
.legacy-container .item .years {
font-size: 30px;
}
.step.pharma .note {
left: 63%;
}
.step.pharma .note.bottom {
bottom: -103px !important;
width: 90% !important;
}
/*Testimonials */
.almni-i.me-3.testimonial-img-section svg {
width: 110px;
height: 110px;
}
.homepage-testimonial-section img.testimonial-img {
width: 105px !important;
height: 105px;
position: absolute;
top: 3px;
left: 3px;
border-radius: 50%;
}
.testimonial-view-all .almni-i.me-3.testimonial-img-section svg {
width: 95px;
height: 95px;
}
}
@media only screen and (max-width: 1280px) {
/* Header */
img.header-logo {
margin-bottom: 0;
width: 100px;
margin-top: 0;
/* height: 97px; */
}
.pt-5.top-menu-padding {
padding-top: 0px !important;
}
.header-college-name {
font-size: 26px;
line-height: 34px;
}
.head-line {
font-size: 12px;
}
.college-email {
gap: 0px;
}
.college-contact {
font-size: 12px;
}
.naac-section a:before {
margin-right: 5px;
}
.clg-info {
margin-left: 10px;
}
/* Important Notice */
.top-menu-left-news {
width: 95.5%;
}
.top-menu-hide {
display: none;
}
.main-menu .navbar-nav .nav-item a,
.second-menu li a {
/*padding: 12px 4px !important;*/
color: #ffffff;
font-family: var(--font-secondary);
font-size: 13px !important;
}
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
font-weight: 600;
color: #492982;
border-radius: 8px;
background: #FCFBFA;
/*padding: 7px !important;*/
margin-top: 0px !important;
}
/* About college */
img.about-img {
width: auto;
float: left;
margin: 0;
padding: 0;
}
.about-years {
left: 75%;
top: 150px;
}
.about-years img {
width: 100%;
}
.about-heading {
width: 100%;
}
/* Our Institute */
.institute-box {
width: 236px;
}
/* Social Works */
.photo-gallery-carousel .photo-item {
padding: 0px;
}
.institute-img {
width: 100%;
}
.photo-item {
width: 100%;
}
.socail-work-text {
width: 100%;
}
/* Testimonial */
.photo-item {
display: inline-flex;
gap: 0px;
padding: 15px;
/* font-style: normal; */
}
.almni-i.me-3.testimonial-img-section svg {
width: 95px;
height: 95px;
}
.homepage-testimonial-section img.testimonial-img {
width: 90px !important;
height: 90px;
position: absolute;
top: 3px;
left: 3px;
border-radius: 50%;
}
.about-para p {
font-size: 14px;
margin-bottom: 5px;
}
.al-name-desi h5 {
font-size: 20px;
}
.text-muted {
color: #6c757d !important;
font-size: 12px;
}
.ncrd-values-grid {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 992px) {
/* Header */
.header-row {
margin-right: 0px !important;
margin-left: 0px !important;
margin-top: 0px !important;
}
img.header-logo {
margin-bottom: 7px;
width: 100%;
margin-top: 10px !important;
}
.header-sec {
gap: 16px;
text-align: left;
}
.header-college-name {
font-size: 21px;
line-height: 24px;
}
.head-line {
font-size: 14px;
line-height: 20px;
width: 100%;
line-height: 18px;
}
.events-program-box {
padding-right: 0px;
border-right: none;
border-bottom: 2px dashed #8b7ed2;
}
.container.about-page {
margin-left: 11px;
}
.title-lines {
margin-right: 0px !important;
}
.second-menu {
justify-content: start;
margin: auto 0;
gap: 5px;
align-items: start;
padding-inline: 20px;
display: inline-block;
}
.myCustomTopRightMenu {
clip-path: polygon(0.8% 0%, 100% 0%, 100% 100%, 0% 100%);
padding: 8px 0px 0px 16px;
margin: 0px 0px 0 0;
width: 104%;
display: none;
}
.quick-hover-section {
display: none;
}
.quick-inner-top {
margin-top: 25px;
}
.view-all a {
margin-top: -2em;
}
.news-div .btn-news-down {
margin-top: -0.7em;
}
.pt-5.top-menu-padding {
padding-top: 35px !important;
}
.top-line {
padding-bottom: 0px;
}
.header-logo {
margin-top: 0px !important;
}
.site-header {
text-align: center;
padding-top: 0px !important;
padding-bottom: 0px !important;
width: 100%;
max-width: 100%;
}
.holder {
height: 210px;
margin-top: 25px;
}
.quick-hover-section:hover {
opacity: 1;
border: 1px solid transparent;
left: -63px;
}
.container.about-page {
max-width: 100%;
padding-right: 40px;
}
.photo-gallery-img {
width: 210px !important;
}
/* Importat News */
.top-menu-left-news {
clip-path: polygon(4% 0%, 100% 0%, 100% 100%, 0% 112%);
padding: 4px 15px 0 45px;
margin: 0px 0 0 4%;
width: 95.5%;
}
/* About College */
.col-lg-5.col-sm-12.position-relative.about-img-section {
width: 100%;
text-align: center;
}
.about-para-sec {
width: 100%;
margin-left: 0px !important;
}
.about-years {
right: 200px;
}
/* About College */
.inner-text {
position: absolute;
width: 100%;
}
.institute-img img {
width: 100%;
}
.institute-img {
width: 100%;
}
.about-heading {
width: 100%;
}
/* Proud Fact */
.stats {
gap: 3px;
}
/* Our Fact */
.clg-details-section {
margin-block: 16px;
}
/* Testimonial */
.photo-item {
width: 100%;
display: block;
gap: 0px;
padding: 0px;
/* font-style: normal; */
flex-wrap: wrap;
justify-content: center;
}
}
@media only screen and (max-width: 808px) {
.header-row {
margin-top: 0px !important;
}
.site-header img.logo {
width: 100px;
}
.responsive-logo {
display: inline-block;
}
.responsive-logo2 {
display: none;
}
.site-header {
text-align: center;
padding-top: 0px !important;
padding-bottom: 0px !important;
max-width: 100% !important;
}
}
@media only screen and (max-width: 768px) {
.bred-img {
height: auto;
}
.naac-section a:before {
margin-right: 10px !important;
}
/* Header */
.header-row {
margin-right: 0px !important;
margin-left: 0px !important;
margin-top: 0px !important;
}
img.header-logo {
margin-bottom: 7px;
width: 100px;
margin-top: 10px !important;
}
.top-line {
padding-bottom: 0px;
display: none;
}
.web-cust-menu {
overflow-y: scroll;
height: 270px;
}
.second-menu {
width: 100%;
text-align: center;
}
.main-menu .navbar-nav .nav-item a,
.second-menu li a {
border: 1px dotted #b3c7ff;
}
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
border-radius: 0;
}
.myCustomTopRightMenu.top-menu-mobile-view {
display: block;
background: none;
width: auto;
padding: 3px 20px;
height: auto;
}
.pt-5.top-menu-padding {
padding: 0px !important;
}
.header-sec {
gap: 16px;
text-align: left;
}
.header-college-name {
font-size: 22px;
line-height: 24px;
}
.head-line {
font-size: 14px;
line-height: 20px;
width: 100%;
line-height: 18px;
}
/* Importat News */
.top-menu-left-news {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 112%);
padding: 3px 0 0 0px;
margin: 0px 0 0 0%;
width: 100%;
}
/* About College */
.col-lg-5.col-sm-12.position-relative.about-img-section {
justify-content: center;
display: flex;
}
.about-years {
right: 76px;
}
/* Our Fact */
.clg-details-section {
margin-block: 16px;
}
/* Testimonials */
.fa-chevron-left:before {
content: "\f053";
position: relative;
margin-left: -7px !important;
color: #fff;
}
.fa-chevron-right:before {
content: "\f054";
position: relative;
margin-right: -4px !important;
color: #fff;
}
.legacy-container .item {
width: 70px !important;
height: 75px !important;
}
}
@media only screen and (max-width: 741px) {
.owl-nav .owl-next {
right: -14px !important;
}
}
@media only screen and (max-width: 500px) {
.myCustomTopRightMenu {
display: none;
clip-path: polygon(4.8% 0%, 100% 0%, 100% 100%, 0% 100%);
padding: 8px 0px 0px 16px;
margin: 0px 0px 0 0;
width: 104%;
}
/* Header */
.header-row {
margin-right: 0px !important;
margin-left: 0px !important;
margin-top: 0px !important;
}
img.header-logo {
margin-bottom: 7px;
width: 100%;
margin-top: 10px !important;
}
.header-sec {
gap: 16px;
text-align: left;
margin-top: 7px;
}
.header-college-name {
font-size: 18px;
line-height: 16px;
}
.head-line {
font-size: 12px;
line-height: 20px;
width: 100%;
line-height: 14px;
}
.college-email {
display: flex;
gap: 0px;
justify-content: start;
flex-wrap: wrap;
}
/* Important Notice */
.pt-5.top-menu-padding {
padding-top: 0px !important;
}
.top-menu-left-news {
margin: 0px 0 0 0%;
width: 100%;
}
/* Top menu */
.myCustomTopRightMenu {
clip-path: polygon(4.8% 0%, 100% 0%, 100% 100%, 0% 100%);
padding: 8px 0px 0px 16px;
margin: 0px 0px 0 0;
width: 104%;
}
/* About College */
.col-lg-6.col-sm-12.ms-5.about-para-sec {
margin-left: 0px !important;
text-align: center;
}
.about-heading {
width: 100%;
display: block !important;
}
.about-heading span {
text-align: center;
width: auto;
}
img.about-img {
width: 100%;
height: auto;
}
.about-years {
border-radius: 50%;
position: absolute;
right: -1px;
z-index: 1;
bottom: 31%;
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.15));
width: 118px;
height: 111px;
flex-shrink: 0;
}
.about-years img {
width: 100px;
right: 0px !important;
}
/* News and Event */
.news-heading {
font-size: 28px;
}
.holder ul li {
margin: 0px;
width: 100%
}
.holder {
position: relative;
height: 330px !important;
left: -5px;
width: 100%;
}
/* Slider */
.banner-slider img {
height: auto !important;
margin-top: 8px;
}
#header-carousel .carousel-control-prev,
.carousel-control-next {
right: 24px;
}
/* Our Fact */
.clg-details-section {
margin-block: 16px;
height: auto;
}
/* Celebrate */
img.celebrate-img {
width: 100%;
height: 162px;
}
.legacy-container .item {
width: 47px !important;
height: 75px !important;
}
.legacy-container {
width: 100%;
padding-left: 0px !important;
}
.legacy-container .timeline {
gap: 7px !important;
padding: 52px 0px !important;
}
.legacy-section {
padding-inline: 0 !important;
}
/* Our Institute */
.accordion-item.institute-mb-section .row {
justify-content: center;
}
.container.mt-4.our-institute-section {
margin-block: 10px !important;
}
/* Social Worker */
.socail-work-text {
width: 100%;
}
.photo-gallery-carousel .photo-item {
width: 100%;
}
/* Testimonial */
.photo-item {
display: flex;
gap: 0px;
padding: 0px;
flex-wrap: nowrap;
justify-content: center;
}
.al-name-desi h5 {
font-size: 20px;
margin-top: 10px;
}
.fa-chevron-left:before {
content: "\f053";
position: relative;
margin-left: -15px;
color: #fff;
}
.fa-chevron-right:before {
content: "\f054";
position: relative;
margin-right: 0;
color: #fff;
}
.about-para {
text-align: center;
}
.al-name.text-start.testimonials-name {
text-align: center !important;
}
.homepage-testimonial-section img.testimonial-img {
width: 90px !important;
height: 90px;
position: absolute;
top: 3px;
left: 3px;
border-radius: 50%;
}
/* Read more Button */
.read-more-btn {
display: flex;
width: 136px;
padding: 7px 7px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 8px;
background: #2b3398;
background: rgb(43 51 152);
font-size: 12px !important;
}
/* Footer */
.col-lg-3.col-md-6.border-rght.office-visitors-section {
display: flex;
margin-block: 28px;
justify-content: space-between;
}
.visitors {
padding-top: 0px;
}
/* Inner pages */
.col-md-12.our-institute-tab-container .row {
justify-content: center;
}
}
@media only screen and (max-width: 428px) {
span.carousel-control-prev-icon {
margin-left: 30px !important;
padding-left: 6px !important;
}
span.carousel-control-next-icon {
margin-right: 0px !important;
padding-right: 0px !important;
}
}
/* home news & event */
/* .news-events .news-notice-view {
border: 1px solid #ccc;
padding: 10px;
display: inline-block;
float: right;
}
.news-events {
padding-top: 3rem;
padding-bottom: 3rem;
}
.news-events .event-title {
background-color: var(--color-primary);
margin-bottom: 0px;
color: #fff;
padding: 10px 15px;
}
.news-events .news-text-line {
margin-top: 10px;
background-color: none;
}
.news-events .card-img-overlay {
padding: 0rem;
top: 25px;
}
.news-events .event-title {
background-color: var(--color-primary);
margin-bottom: 0px;
color: #fff;
padding: 10px 15px;
display: flex;
justify-content: space-between;
}
p.event-date-overlay {
margin-bottom: 0px;
background-color: var(--color-primary);
display: inline-block;
padding: 10px;
color: #fff;
font-size: 25px;
text-align: center;
}
.news-events .event-title a i {
color: #fff;
}
.news-events .card-img img {
height: 270px;
width: 100%;
}
.view-all-past-event {
display: flex;
justify-content: flex-end;
}
.view-all-past-event a {
color: #ffffff !important;
text-decoration: none;
background-color: var(--color-primary);
border-radius: 10px;
padding: 7px 63px
}
.event-description {
max-height: 3em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-events .card-img-overlay{
color: #fdbd0f !important;
} */
/* home news & event */
/* home news & event */
.news-events .news-notice-view a {
border: 1px solid #ccc;
padding: 10px;
display: inline-block;
float: right;
margin-top: 25px;
}
.news-events {
padding-top: 3rem;
padding-bottom: 3rem;
}
.news-events .event-title {
background-color: var(--main-color);
margin-bottom: 0px;
color: #fff;
padding: 10px 15px;
}
.news-events .news-text-line {
margin-top: 10px;
background-color: white;
color: black;
max-height: 15em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-events .card-img-overlay {
padding: 0rem;
top: 25px;
}
.news-events .event-title {
background-color: #110069;
margin-bottom: 0px;
color: #fff;
padding: 10px 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
p.event-date-overlay {
margin-bottom: 0px;
background-color: #110069;
display: inline-block;
padding: 10px;
color: #fff;
font-size: 15px;
text-align: center;
}
.news-events .event-title a i {
color: #fff !important;
}
a.view-event-link {
color: white !important;
}
.news-events .card-img img {
height: 270px;
width: 100%;
}
/* .event-description {
max-height: 3em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} */
/* home news & event */
.view-all-event {
text-align: end;
margin-top: 18px;
margin-left: 14px;
}
.view-all-event a {
color: var(--color-default);
text-decoration: underline;
float: left;
left: 10px;
margin-top: -0.5em;
}
.view-all-event a {
color: #ffffff !important;
text-decoration: none;
background-color: #ff9f2a;
border-radius: 10px;
padding: 7px 63px;
}
.view-all-event a:hover {
text-decoration: none;
}
.event-div {
background-color: white;
}
.event-div .btn-news {
border: none;
color: #ff9f2a;
background-color: white;
float: right;
}
.event-div .btn-news-down {
border: none;
color: #ff9f2a;
background-color: white;
float: right;
margin-top: 0.5em;
}
/* home news & event */
.news-events .news-notice-view {
border: 1px solid #ccc;
padding: 10px;
display: inline-block;
float: right;
margin-top: 25px;
}
.news-events {
padding-top: 3rem;
padding-bottom: 3rem;
}
.news-events .event-title {
background-color: var(--color-primary);
margin-bottom: 0px;
color: #fff;
padding: 10px 15px;
}
.news-events .news-text-line {
margin-top: 10px;
background-color: var(--color-primary);
color: #fff;
}
.news-events .card-img-overlay {
padding: 0rem;
top: 25px;
}
.news-events .event-title {
background-color: var(--color-primary);
margin-bottom: 0px;
color: #fff;
padding: 10px 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
p.event-date-overlay {
margin-bottom: 0px;
background-color: #ff9f2a;
display: inline-block;
padding: 10px;
color: #fff;
font-size: 15px;
text-align: center;
}
.news-events .event-title a i {
color: #fff;
}
.news-events .card-img img {
height: 270px;
width: 100%;
}
/* home news & event */
.quick-inner-top {
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
border-radius: 10px;
/* position: fixed;
top: 52%;
left: 10%;
right: 90%;
width: 18%; /* Adjust width as needed */
/* background-color: #fff; /* Background color of the fixed section */
/* z-index: 999; Ensure it's above other content */
}
.quick-links .col-lg-3 {
text-align: center;
}
.events-readmore {
border: 1px solid #ccc;
padding: 10px;
display: inline-block;
float: right;
margin-top: 25px;
}
/* whatsaap popup */
/* a:link,
a:visited {
text-decoration: none;
transition: all 0.4s ease-in-out;
} */
/* CSS Multiple Whatsapp Chat */
.whatsapp-name {
font-size: 16px;
font-weight: 600;
padding-bottom: 0px;
margin-bottom: 0px;
line-height: 1.5;
color: white;
}
#whatsapp-chat {
box-sizing: border-box !important;
outline: none !important;
position: fixed;
width: 350px;
border-radius: 10px;
box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
bottom: 164px;
right: 160px;
overflow: hidden;
z-index: 1103;
animation-name: showchat;
animation-duration: 1s;
transform: scale(1);
}
a.blantershow-chat {
/* background: #009688; */
/* background: #fff; */
color: #404040;
position: fixed;
display: flex;
font-weight: 400;
justify-content: center;
z-index: 6;
bottom: 90px;
right: 107px;
font-size: 15px;
padding: 27px 20px;
border-radius: 87px;
/* box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); */
}
a.blantershow-chat svg {
transform: scale(2.2);
margin: 0 0px 0 0;
background-size: cover;
}
.btn-whatsapp-pulse {
background: #25d366;
color: white;
position: fixed;
bottom: 20px;
right: 20px;
font-size: 40px;
display: flex;
justify-content: center;
align-items: center;
width: 0;
height: 0;
padding: 35px;
text-decoration: none;
border-radius: 50%;
animation-name: pulse;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
z-index: 9999;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
}
80% {
box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
}
}
.btn-whatsapp-pulse-border {
bottom: 91px;
right: 102px;
animation-play-state: paused;
}
.btn-whatsapp-pulse-border::before {
content: "";
position: absolute;
border-radius: 50%;
padding: 0px;
border: 16px solid #25d366;
opacity: 0;
animation-name: pulse-border;
animation-duration: 1.8s;
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-iteration-count: infinite;
}
@keyframes pulse-border {
0% {
padding: 25px;
opacity: 0.75;
}
75% {
padding: 50px;
opacity: 0;
}
100% {
opacity: 0;
}
}
.header-chat {
background: #009688;
background: #095e54;
color: #fff;
padding: 20px;
}
.header-chat h3 {
margin: 0 0 10px;
}
.header-chat p {
font-size: 14px;
line-height: 1.7;
margin: 0;
}
.info-avatar {
position: relative;
}
.info-avatar img {
border-radius: 91%;
width: 63px;
height: 49px;
float: left;
margin: -2px 11px 2px 0px;
}
a.informasi {
padding: 20px;
display: block;
overflow: hidden;
animation-name: showhide;
animation-duration: 0.5s;
}
a.informasi:hover {
background: #f1f1f1;
}
.info-chat span {
display: block;
}
#get-label,
span.chat-label {
font-size: 12px;
color: #888;
}
#get-nama,
span.chat-nama {
margin: 5px 0 0;
font-size: 15px;
font-weight: 700;
color: #222;
}
#get-label,
#get-nama {
color: #fff;
}
div#admission {
z-index: 1043;
}
span.my-number {
display: none;
}
/* .blanter-msg {
color: #444;
padding: 20px;
font-size: 12.5px;
text-align: center;
border-top: 1px solid #ddd;
} */
textarea#chat-input {
font-family: "Arial", sans-serif;
width: 100%;
height: 50px;
padding: 10px;
font-size: 14px;
}
a#send-it {
width: 48px;
/* margin-left: 10px; */
font-weight: 900;
padding: 12px 13px 5px;
background: #dadada;
/* border-radius: 10px;*/
svg {
fill: #a6a6a6;
height: 24px;
width: 24px;
}
}
input.styles-module_input__2IYfc {
background-color: #fefefe;
border: none;
outline: none;
border-radius: 20px;
min-height: 45px;
padding: 0 10px;
transition: box-shadow 0.2s ease-in-out;
width: 100%;
}
.first-msg {
background: transparent;
padding: 30px;
text-align: center;
& span {
background: #e2e2e2;
color: #333;
font-size: 14.2px;
line-height: 1.7;
border-radius: 10px;
padding: 15px 20px;
display: flex;
padding: 10px;
background: #dcdcdc;
}
}
.start-chat .blanter-msg {
display: flex;
padding: 10px;
background-color: #dadada;
}
#get-number {
display: none;
}
a.close-chat {
position: absolute;
top: 5px;
right: 15px;
color: #fff;
font-size: 30px;
}
@keyframes ZpjSY {
0% {
background-color: rgb(182, 181, 186);
}
15% {
background-color: rgb(17, 17, 17);
}
25% {
background-color: rgb(182, 181, 186);
}
}
@keyframes hPhMsj {
15% {
background-color: rgb(182, 181, 186);
}
25% {
background-color: rgb(17, 17, 17);
}
35% {
background-color: rgb(182, 181, 186);
}
}
@keyframes iUMejp {
25% {
background-color: rgb(182, 181, 186);
}
35% {
background-color: rgb(17, 17, 17);
}
45% {
background-color: rgb(182, 181, 186);
}
}
@keyframes showhide {
from {
transform: scale(0.5);
opacity: 0;
}
}
@keyframes showchat {
from {
transform: scale(0);
opacity: 0;
}
}
@media screen and (max-width: 480px) {
#whatsapp-chat {
width: auto;
left: 5%;
right: 5%;
font-size: 80%;
}
}
.hide {
display: none;
animation-name: showhide;
animation-duration: 0.5s;
transform: scale(1);
opacity: 1;
}
/* .show {
display: block !important;
animation-name: showhide;
transform: scale(1);
opacity: 1;
} */
.whatsapp-message-container {
display: flex;
z-index: 1;
}
.whatsapp-message {
padding: 7px 14px 6px;
background-color: rgb(255, 255, 255);
border-radius: 0px 8px 8px;
position: relative;
transition: all 0.3s ease 0s;
opacity: 0;
transform-origin: center top 0px;
z-index: 2;
box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
margin-top: 4px;
margin-left: -54px;
max-width: calc(100% - 66px);
}
.whatsapp-chat-body {
padding: 20px 20px 20px 10px;
background-color: rgb(230, 221, 212);
position: relative;
&::before {
display: block;
position: absolute;
content: "";
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 0;
opacity: 0.08;
background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png");
/* background-image: url('assets/images/whatsaap-bg.png'); */
}
}
.dAbFpq {
display: flex;
z-index: 1;
}
.eJJEeC {
background-color: rgb(255, 255, 255);
width: 52.5px;
height: 32px;
border-radius: 16px;
display: flex;
-moz-box-pack: center;
justify-content: center;
-moz-box-align: center;
align-items: center;
margin-left: 10px;
opacity: 0;
transition: all 0.1s ease 0s;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}
.hFENyl {
position: relative;
display: flex;
}
.ixsrax {
height: 5px;
width: 5px;
margin: 0px 2px;
border-radius: 50%;
display: inline-block;
position: relative;
animation-duration: 1.2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
top: 0px;
background-color: rgb(158, 157, 162);
animation-name: ZpjSY;
}
.dRvxoz {
height: 5px;
width: 5px;
margin: 0px 2px;
background-color: rgb(182, 181, 186);
border-radius: 50%;
display: inline-block;
position: relative;
animation-duration: 1.2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
top: 0px;
animation-name: hPhMsj;
}
.kAZgZq {
padding: 7px 14px 6px;
background-color: rgb(255, 255, 255);
border-radius: 0px 8px 8px;
position: relative;
transition: all 0.3s ease 0s;
opacity: 0;
transform-origin: center top 0px;
z-index: 2;
box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
margin-top: 4px;
margin-left: -54px;
max-width: calc(100% - 66px);
&::before {
position: absolute;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
top: 0px;
left: -12px;
width: 12px;
height: 19px;
}
}
.bMIBDo {
font-size: 13px;
font-weight: 700;
line-height: 18px;
color: rgba(0, 0, 0, 0.4);
}
.iSpIQi {
font-size: 14px;
line-height: 19px;
margin-top: 4px;
color: rgb(17, 17, 17);
}
.iSpIQi {
font-size: 14px;
line-height: 19px;
margin-top: 4px;
color: rgb(17, 17, 17);
}
.cqCDVm {
text-align: right;
margin-top: 4px;
font-size: 12px;
line-height: 16px;
color: rgba(17, 17, 17, 0.5);
margin-right: -8px;
margin-bottom: -4px;
}
.limited-lines {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
/* Limit to 3 lines */
}
/* Alumni Registration state */
.autocomplete {
position: relative;
}
.autocomplete-items {
position: absolute;
border: none !important;
z-index: 99;
top: 100%;
left: 0;
right: 0;
}
.autocomplete-items div {
padding: 5px;
cursor: pointer;
background-color: #efeeee;
border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
background-color: #e9e9e9;
}
.autocomplete-active {
background-color: DodgerBlue !important;
color: #ffffff;
}
/* admissiom form */
.wizard,
.wizard .nav-tabs,
.wizard .nav-tabs .nav-item {
position: relative;
}
.wizard .nav-tabs:after {
content: "";
width: 80%;
border-bottom: solid 2px #ccc;
position: absolute;
margin-left: auto;
margin-right: auto;
top: 38%;
z-index: -1;
}
.wizard .nav-tabs .nav-item .nav-link {
width: 34px;
height: 34px;
margin-bottom: 2%;
background: #110069;
border: 2px solid #110069;
color: #ccc;
z-index: 10;
}
.wizard .nav-tabs .nav-item .nav-link:hover {
color: #333;
border: 2px solid #333;
}
.wizard .nav-tabs .nav-item .nav-link.active {
background: #fdbd0f;
border: 2px solid #fdbd0f;
color: #110069 !important;
}
.wizard .nav-tabs .nav-item .nav-link:after {
content: " ";
position: absolute;
left: 50%;
transform: translate(-50%);
opacity: 0;
margin: 0 auto;
bottom: 0px;
border: 5px solid transparent;
border-bottom-color: #0dcaf0;
transition: 0.1s ease-in-out;
}
/* .nav-tabs .nav-item .nav-link.active:after {
content: " ";
position: absolute;
left: 50%;
transform: translate(-50%);
opacity: 1;
margin: 0 auto;
bottom: 0px;
border: 10px solid transparent;
border-bottom-color: #931962;
} */
.wizard .nav-tabs .nav-item .nav-link svg {
font-size: 25px;
}
.section-program {
padding: 30px 15px;
border-radius: 15px;
background: #f5f5f5;
}
.admission-form-header {
color: #000;
font-family: "Roboto";
font-size: 20px;
font-style: normal;
font-weight: 600 !important;
line-height: normal;
margin-bottom: 10px;
}
.modal-enquiryForm-section label {
margin-bottom: 10px;
color: #000;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
line-height: 20px;
}
.modal-enquiryForm-section label em {
margin-bottom: 10px;
color: #ff0000;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 20px;
}
.otp-linkHolder {
display: flex;
justify-content: center;
gap: 7px;
vertical-align: middle;
align-items: center;
}
.otp-linkHolder a {
text-decoration: underline;
}
.msg-OTPsent {
display: block;
color: black;
font-size: 14px !important;
margin-bottom: 15px;
font-style: italic;
}
.email-id-group {
margin: 0 auto;
display: flow;
text-align: center;
}
.email-varify-btn {
color: #000000;
text-align: center;
font-family: "Rounded Mplus 1c";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 14px;
width: 144px;
height: 45px;
border-radius: 40px;
border: 1.333px solid #f1efff;
background: var(--Neutral-Colors-White, #fff);
box-shadow: 5px 3px 5px -2px rgb(199 192 244);
}
select.form-control {
font-size: 14px;
appearance: auto;
}
.adhar-input {
padding: 6px;
}
.education-form-header {
color: #460b2f;
font-family: Poppins;
font-size: 17px;
font-style: normal;
font-weight: 600 !important;
line-height: normal;
}
.form-control {
font-size: 14px !important;
display: block;
width: 100%;
padding: 0.475rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.admission-enquiryForm-header {
color: #110069;
font-family: Poppins;
font-size: 23px;
font-style: normal;
font-weight: 600 !important;
line-height: normal;
}
.wizard-count {
margin: 0;
color: white;
font-family: Poppins;
font-size: 25px;
font-style: normal;
font-weight: 600 !important;
line-height: normal;
}
.wizard-titel {
font-weight: 500;
}
.wizard .nav-tabs .nav-item .nav-link ::after {
content: "";
height: 2px;
width: 100%;
background-color: #000;
}
.email.varification.image {
width: 300px;
}
.email-id-group .form-group .form-control {
text-align: center;
font-size: 14px !important;
display: block;
width: 100%;
padding: 0.475rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-info {
color: #ffffff;
background-color: #110069 !important;
border-color: #ffffff;
}
.btn-info:hover,
.btn-info:focus {
color: #110069 !important;
background-color: #fdbd0f !important;
border-color: #ffffff !important;
}
.btn-secondary {
color: #ffffff !important;
background-color: #110069 !important;
border-color: #ffffff !important;
}
.form-control:focus {
color: #525368;
background-color: #fff;
border-color: none !important;
outline: 0;
box-shadow: none !important;
}
.wizard .nav-tabs .nav-item .nav-link.active i {
color: white !important;
}
.wizard .nav-tabs .nav-item .nav-link .active .wizard-count {
color: #ffffff !important;
}
.wizard .nav-tabs .nav-item .nav-link.active p {
color: #fff;
}
.verify-mail-box {
margin: 0 auto;
width: 400px;
}
.search-container {
position: relative;
display: inline-block;
}
.search-input {
width: 200px;
padding: 10px;
display: none;
position: absolute;
top: 37px;
right: -2px;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
background-color: white;
}
.search-icon {
cursor: pointer;
font-size: 22px;
color: #555;
transition: color 0.3s ease;
top: 6px;
right: -8px;
position: inherit;
}
.search-icon:hover {
color: #000;
}
.fac-coll {
padding: 0px;
text-align: center;
position: relative;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #f1f1f1;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 18px;
}
.button-css {
position: relative;
height: 0px;
width: 100px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0px;
background-color: transparent;
border: none;
top: 47px;
left: 15px;
}
.staff-details-goback {
height: 45px;
width: auto;
position: relative;
}
/* Skeleton Loader Container */
.skeleton-loader {
/* background-color: #f0f0f0; */
border-radius: 4px;
margin: 10px 0;
overflow: hidden;
position: relative;
}
/* Individual skeleton blocks (title, content) */
.skeleton-title,
.skeleton-content {
background-color: #e0e0e0;
background-image: linear-gradient(90deg,
#e0e0e0 25%,
#f0f0f0 50%,
#e0e0e0 75%);
background-size: 200% 100%;
animation: shimmer 1.5s infinite;
border-radius: 4px;
}
.skeleton-title {
height: 20px;
width: 60%;
margin-bottom: 15px;
}
.skeleton-content {
height: 15px;
width: 100%;
margin-bottom: 10px;
}
/* Shimmer Animation */
@keyframes shimmer {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
.skeleton-loader:empty {
display: block;
background-color: #bdc3c7 !important;
border-color: #bdc3c7 !important;
animation-name: skeletonAnimation;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.skeleton-loader:empty.others {
height: 200px;
}
.skeleton-loader:empty.prod-name {
height: 20px;
}
.skeleton-loader:empty.prod-description {
width: 80%;
height: calc(100% - 30px);
}
@keyframes skeletonAnimation {
0% {
opacity: 0.8;
}
50% {
opacity: 0.4;
}
100% {
opacity: 0.8;
}
}
/*From here the styles are for demo purpose only*/
.wrapper {
margin: auto;
display: flex;
width: 80%;
padding: 0 30px;
border-radius: 6px;
border: 1px solid lightgray;
box-shadow: 0px 0px 18px -1px #2e2e2e;
font-family: "Open Sans", sans-serif;
flex-wrap: wrap;
}
.wrapper .row {
width: 100%;
margin: 30px 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.wrapper .row .prod-img {
border: 1px solid lightgray;
width: 80px;
height: 80px;
border-radius: 50%;
}
.wrapper .row .details {
width: calc(100% - 95px);
height: 80px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.wrapper .row .details .prod-name {
width: 100%;
}
.wrapper .row .others {
width: 30%;
margin-top: 30px;
}
.wc-footer-img {
padding: 30px;
height: 100%;
top: -116px;
left: -70px;
position: absolute;
background-repeat: no-repeat;
}
.wc-footer {
background-color: #ffe4b0;
position: relative;
}
.address-box {
margin-left: 100px;
}
.linkone {
color: black !important;
}
.tynmce-css {
padding: 29px 25px 10px 10px;
}
.testimonal-card {
height: 353px;
}
.greeting-image {
margin: 0;
padding: 0;
}
.school-name {
font-weight: bold;
color: #a10000;
font-size: 18px;
margin-top: 60px;
text-decoration: underline;
}
.wish-text {
margin: 10px 0;
font-size: 14px;
color: #555;
}
.student-name {
background: none;
color: #c96330;
/* similar rich violet tone */
font-weight: 500;
font-size: 24px;
text-align: center;
display: inline-block;
margin-top: 10px;
font-family: "Great Vibes", cursive;
}
.student-class {
font-size: 14px;
color: #333;
}
.student-image {
margin-top: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.student-image img {
/* border-radius: 50%; /* Slightly bigger for better view */
/* height: 120px; */
object-fit: cover;
/* Ensures the face fits well */
border: 3px solid #fff;
/* White border for a clean look */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
/* Soft shadow */
background-color: #fff;
}
.quote-text {
font-style: italic;
margin-top: 15px;
font-size: 13px;
color: #444;
padding: 0 10px;
}
.navigation {
position: absolute;
top: 50%;
width: 100%;
left: 0;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
padding: 0 10px;
}
.nav-btn {
background: #fff;
border: 1px solid #999;
border-radius: 50%;
font-size: 18px;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 26px;
text-align: center;
}
/*
.confetti-left,
.confetti-right,
.cake-icon {
font-size: 20px;
position: absolute;
}
.confetti-left {
top: 10px;
left: 10px;
}
.confetti-right {
top: 10px;
right: 10px;
}
.cake-icon {
bottom: 15px;
right: 20px;
} */
/* Birthday card animation */
/* Position the emojis */
/* Common confetti styling */
.cardd-body {
position: relative;
padding: 1.5rem;
background: #fffaf0;
border-radius: 10px;
}
/* Confetti styles */
.confetti-left,
.confetti-right {
top: 50%;
transform: translateY(-50%);
position: absolute;
font-size: 2rem;
z-index: 10;
line-height: 1;
/* ✅ ensures consistent vertical alignment */
}
.confetti-left {
left: 10px;
}
.confetti-right {
right: 10px;
}
/* Clean spacing and text styling */
.school-name {
font-weight: bold;
color: #d32f2f;
}
.wish-text {
font-size: 1.1rem;
color: #555;
}
.student-name {
font-weight: 600;
}
.student-class {
color: #777;
}
.quote-text {
font-style: italic;
color: #666;
}
/* Animation keyframes */
@keyframes burst-left {
0% {
transform: translateY(-50%) translate(0, 0) scale(1);
opacity: 1;
}
100% {
transform: translateY(-50%) translate(100px, -50px) scale(2);
opacity: 0;
}
}
@keyframes burst-right {
0% {
transform: translateY(-50%) translate(0, 0) scale(1);
opacity: 1;
}
100% {
transform: translateY(-50%) translate(-100px, -50px) scale(2);
opacity: 0;
}
}
/* When animation starts */
.confetti-left.confetti-animate {
animation: burst-left 1s ease-out;
opacity: 1;
}
.confetti-right.confetti-animate {
animation: burst-right 1s ease-out;
opacity: 1;
}
.cake-rise-emoji {
font-size: 60px;
position: absolute;
top: 85%;
/* push below the text image */
left: 50%;
transform: translateX(-50%) scale(0.5);
opacity: 0;
z-index: 10;
pointer-events: none;
}
.cake-rise-animate {
animation: cake-rise 1.5s ease-in-out forwards;
}
@keyframes cake-rise {
0% {
transform: translateX(-50%) translateY(20px) scale(0.3) rotate(-10deg);
opacity: 0;
}
50% {
transform: translateX(-50%) translateY(-10px) scale(1.3) rotate(10deg);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-20px) scale(1) rotate(0deg);
opacity: 1;
}
}
.party-emoji {
position: absolute;
font-size: 30px;
z-index: 5;
animation: confetti-burst 2s ease-out forwards;
pointer-events: none;
opacity: 0;
}
.confetti-animate {
animation: confetti-burst 2s ease-out forwards;
}
@keyframes confetti-burst {
0% {
opacity: 0;
transform: translateY(20px) scale(0.3) rotate(0deg);
}
50% {
opacity: 1;
transform: translateY(-10px) scale(1.3) rotate(15deg);
}
100% {
opacity: 1;
transform: translateY(0px) scale(1) rotate(0deg);
}
}
.fa-chevron-right:before {
content: "\f054";
position: relative;
margin-right: 107px;
}
.fa-chevron-left:before {
content: "\f053";
position: relative;
margin-left: 100px;
}
.custom-list {
padding-left: 1.5rem;
/* standard ol indent */
}
.custom-list li {
margin-bottom: 0.5rem;
/* spacing between items */
}
.custom-list li a {
color: #000;
/* text color */
text-decoration: underline;
/* remove underline by default */
transition: color 0.3s;
}
.custom-list li a:hover {
color: #007bff;
/* optional hover color */
text-decoration: none;
/* remove underline on hover */
}
/* Pure HTML + CSS timeline styles (no Tailwind utilities) */
/* .legacy-section {
min-height: 100vh;
display: grid;
place-items: center;
padding: clamp(24px, 5vw, 64px);
background: url("../img/our-bg.png") no-repeat center/cover;
}
.legacy-container {
width: 100%;
}
.legacy-title {
text-align: center;
letter-spacing: 0.2px;
color: var(--ncrd-brown, #94252C);
font-family: "DM Serif Display";
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.legacy-container .timeline {
display: flex;
align-items: start;
gap: clamp(8px, 1.2vw, 40px);
padding: 96px clamp(16px, 2vw, 24px);
-webkit-overflow-scrolling: touch;
position: relative;
}
.timeline::-webkit-scrollbar {
height: 10px;
}
.timeline::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.15);
border-radius: 999px;
}
.timeline::-webkit-scrollbar-track {
background: transparent;
}
.legacy-container .step {
position: relative;
display: grid;
place-items: center;
}
.legacy-container .step + .step {
margin-left: -24px;
}
.legacy-container .item {
position: relative;
scroll-snap-align: start;
width: 247.366px;
height: 108.839px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 700;
text-align: center;
box-shadow: 0 8px 12px rgba(31, 41, 55, 0.15);
clip-path: polygon(
0% 100%,
15.6% 50%,
0% 0%,
84.5% 0%,
84.5% 100%
);
} */
/*
.c1 {
background: #2B3398;
width: 260px ;
height: 120px;
flex-shrink: 0;
}
.c2 {
background: #5961B2;
width: 260px ;
height: 120px ;
}
.c3 {
background:#9BADDD;
width: 260px ;
height: 120px !;
}
.c4 {
background: #B4C8FF;
width: 260px ;
height: 120px !;
}
.c5 {
background:#FCFBFA;
width: 260px ;
height: 120px ;
color: #2c4fb0 ;
}
.legacy-container .item .years{
font-family: "DM Serif Display";
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.step .note {
position: absolute;
left: 45%;
transform: translateX(-50%);
color: hsl(222.2 47.4% 11.2%);
font-weight: 500;
text-align: left;
max-width: 220px;
z-index: 1;
}
.step .note p {
margin: 0;
color: #000;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 19px;
width: 100%;
}
.step .note.top {
top: -78px;
width: 100%;
}
.step .note.bottom {
bottom: -90px;
width: 100%;
}
.step .note .pin {
display: block;
width: 3px;
height: 80px;
background: currentColor;
margin: -34px -11px 8px;
position: relative;
}
.step .note.bottom .pin {
margin: 0px -10px -32px;
}
.step .note.top .pin::after, .step .note.bottom .pin::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 13px;
height: 13px;
border-radius: 50%;
background: currentColor;
}
.step .note.top .pin::before, .step .note.bottom .pin::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 13px;
height: 13px;
border-radius: 50%;
background: currentColor;
}
.step .note.top .pin::after {
bottom: -4px;
}
.step .note.bottom .pin::after {
top: -4px;
}
.step .note.top .pin::before {
top: -4px;
}
.step .note.bottom .pin::before {
bottom: -4px;
}
.step.pharma .note {
position: absolute;
left: 57%;
transform: translateX(-50%);
color: hsl(222.2 47.4% 11.2%);
font-weight: 500;
text-align: left;
max-width: 220px;
z-index: 1;
}
.step.pharma .note.bottom {
bottom: -79px;
width: 90%;
}
.step.ss-school .note.bottom {
left: 63%;
bottom: -66px;
width: 72%;
}
.step.ss-school .note .pin {
display: block;
width: 3px;
height: 80px;
background: currentColor;
margin: -34px -15px 8px;
position: relative;
}
.step.ss-school .note.bottom .pin {
margin: 0px -12px -19px;
}
.c5 .note {
color: #222;
} */
/* Pure HTML + CSS timeline styles (no Tailwind utilities) */
.legacy-section {
display: grid;
margin-block: 25px !important;
place-items: center;
padding: clamp(0px, 5vw, 0px);
/* background: #2b3398 ;*/
box-shadow: 2px 2px 21px #2b3398;
}
.legacy-container {
width: 100%;
}
.legacy-title {
color: #94252c;
font-family: "DM Serif Display";
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: normal;
/* display: inline-block; */
text-align: center !important;
}
.legacy-container .timeline {
display: flex;
align-items: start;
gap: clamp(8px, 1.2vw, 40px);
padding: 96px clamp(16px, 2vw, 24px);
-webkit-overflow-scrolling: touch;
position: relative;
}
.timeline::-webkit-scrollbar {
height: 10px;
}
.timeline::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.15);
border-radius: 999px;
}
.timeline::-webkit-scrollbar-track {
background: transparent;
}
.legacy-container .step {
position: relative;
display: grid;
place-items: center;
}
.legacy-container .step+.step {
margin-left: -24px;
}
.legacy-container .item {
position: relative;
scroll-snap-align: start;
width: 247.366px;
height: 108.839px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 700;
text-align: center;
box-shadow: 0 8px 12px rgba(31, 41, 55, 0.15);
clip-path: polygon(0% 100%,
/* bottom-left */
15.6% 50%,
/* middle-left */
0% 0%,
/* top-left */
84.5% 0%,
/* top-right */
100% 50%,
/* middle-right */
84.5% 100%
/* bottom-right */
);
}
.legacy-container .item .years {
font-family: "DM Serif Display";
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.c1 {
background: #2b3398;
background: rgb(43 51 152);
width: 260px;
height: 120px;
flex-shrink: 0;
}
.c2 {
background: #5961b2;
width: 260px;
height: 120px;
}
.c3 {
background: #9baddd;
width: 260px;
height: 120px;
}
.c4 {
background: #b4c8ff;
width: 260px;
height: 120px;
}
.c5 {
background: #fcfbfa;
width: 260px;
height: 120px;
color: #2c4fb0 !important;
}
/* Notes and pins */
.step .note {
position: absolute;
left: 56%;
transform: translateX(-50%);
color: hsl(222.2 47.4% 11.2%);
font-weight: 500;
text-align: left;
max-width: 220px;
z-index: 1;
}
.step .note p {
margin: 0;
color: #000;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 25px;
}
.step .note.top {
top: -78px;
width: 100%;
}
.step .note.bottom {
bottom: -90px;
width: 100%;
}
.step .note .pin {
display: block;
width: 3px;
height: 80px;
background: currentColor;
margin: -34px -11px 8px;
position: relative;
}
.step .note.bottom .pin {
margin: 0px -10px -32px;
}
.step .note.top .pin::after,
.step .note.bottom .pin::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 13px;
height: 13px;
border-radius: 50%;
background: currentColor;
}
.step .note.top .pin::before,
.step .note.bottom .pin::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 13px;
height: 13px;
border-radius: 50%;
background: currentColor;
}
.step .note.top .pin::after {
bottom: -4px;
}
.step .note.bottom .pin::after {
top: -4px;
}
.step .note.top .pin::before {
top: -4px;
}
.step .note.bottom .pin::before {
bottom: -4px;
}
.step.pharma .note {
position: absolute;
left: 57%;
transform: translateX(-50%);
color: hsl(222.2 47.4% 11.2%);
font-weight: 500;
text-align: left;
max-width: 220px;
z-index: 1;
}
.step.pharma .note.bottom {
bottom: -79px;
width: 90%;
}
.step.ss-school .note.bottom {
left: 63%;
bottom: -66px;
width: 72%;
}
.step.ss-school .note .pin {
display: block;
width: 3px;
height: 80px;
background: currentColor;
margin: -34px -15px 8px;
position: relative;
}
.step.ss-school .note.bottom .pin {
margin: 0 -12px -19px;
}
.item-3 .note .pin {
display: block;
width: 3px;
height: 80px;
background: currentColor;
margin: -34px -11px 8px;
position: relative;
}
.item-5 .note .pin {
display: block;
width: 3px;
height: 80px;
background: currentColor;
margin: -14px -11px 8px;
position: relative;
}
/* Small tweaks for readability on the light last step */
.c5 .note {
color: #222;
}
/* Responsiveness */
@media only screen and (max-width: 1200px) {
.legacy-container .timeline {
gap: 24px;
padding: 72px 24px;
}
.legacy-container .item {
width: 183px !important;
height: 104px !important;
}
.c1,
.c2,
.c3,
.c4,
.c5 {
width: 220px;
height: 104px;
}
.legacy-container .item .years {
font-size: 28px;
}
.step .note .pin {
height: 64px;
margin: -36px -7px 8px;
}
.step .note p {
font-size: 16px;
}
}
@media only screen and (max-width: 768px) {
.legacy-container .timeline {
gap: 63px;
padding: 56px 16px;
}
.legacy-container .step+.step {
margin-left: -16px;
}
.legacy-container .item {
width: 80px !important;
height: 80px !important;
}
.c1,
.c2,
.c3,
.c4,
.c5 {
width: 200px;
height: 88px;
}
.legacy-container .item .years {
font-size: 10px;
}
.step .note {
left: 50%;
max-width: 180px;
}
.step .note p {
font-size: 10px;
line-height: 10px;
width: 65px;
}
.step .note.top {
top: -56px;
}
.step .note.bottom {
bottom: -56px;
}
.step .note .pin {
height: 35px;
margin: 9px 14px 3px;
}
.step .note.bottom .pin {
margin: -2px -8px -18px;
}
.step.ss-school .note.bottom .pin {
margin: 0px -6px 15px;
height: 36px;
}
.step .note.bottom .pin {
margin: -2px 3px 16px;
}
}
.link-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
max-width: 1200px;
margin: 0 auto;
}
.link-card {
background-color: #ffffff;
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.2s, box-shadow 0.2s;
}
.link-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.link-card a {
text-decoration: none;
color: #0097e6;
font-weight: bold;
display: block;
margin-top: 10px;
}
.link-card a:hover {
color: #40739e;
}
@media (max-width: 600px) {
.link-card {
padding: 15px;
}
}
.icon-box {
background: #fff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
margin-bottom: 40px;
}
.icon-box h4,
.icon-box h5 {
color: #2c3e50;
}
.icon-box h5 {
margin-top: 20px;
}
.icon-box p {
text-align: justify;
color: #555;
}
.inner-btn {
border-radius: 6px;
padding: 10px 25px;
font-weight: 500;
transition: 0.3s;
border-color: #2b3398;
color: #2b3398;
}
.inner-btn:hover {
background-color: #2b3398;
color: #fff;
border-color: #0097e6;
}
.infra-section ul {
padding-left: 20px;
}
.social-icons a {
margin-right: 15px;
font-size: 20px;
color: #0097e6;
transition: 0.3s;
}
.social-icons a:hover {
color: #40739e;
}
.card.border-0.committee-CARD h5,
h6 {
color: var(--color-primary);
font-size: 18px !important;
margin-bottom: 5px !important;
margin-top: 5px;
}
.card.border-0.committee-CARD .card-body {
background: #fff;
padding: 0px;
margin-top: 0;
top: 8px;
}
.card.border-0.committee-CARD {
border: 1px solid #2b3398 !important;
padding: 12px;
box-shadow: 2px 2px 10px 3px #00000085;
text-align: center;
height: 332px;
}
.card-body.text-center p {
color: #000;
font-style: normal;
}
.committee-CARD img {
filter: drop-shadow(0 8px 19px rgba(0, 0, 0.10, 0.10));
width: auto;
margin: 0 auto;
height: 170px;
}
.container.committee-sec.mt-5 {
margin-top: 69px !important;
}
.ncrd-vision-mission {
color: #111;
}
.nm-title {
font-weight: 700;
color: #0d47a1;
letter-spacing: 0.5px;
}
.nm-card {
background: linear-gradient(145deg, #ffffff, #f5f7ff);
border-radius: 20px;
padding: 30px 25px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
transition: all 0.4s ease;
position: relative;
overflow: hidden;
}
.nm-card:hover {
transform: translateY(-10px);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
}
.nm-icon {
position: absolute;
top: 4px;
right: 7px;
opacity: 0.2;
}
.nm-card-title {
border-bottom: 3px solid #bbbbbb;
margin-bottom: 20px !important;
padding-bottom: 5px;
padding-top: 5px;
font-size: 22px !important;
color: var(--color-primary);
font-weight: 600 !important;
}
.nm-icon img {
width: 46px;
}
.nm-card-text {
line-height: 1.6;
color: #333;
}
.nm-card ul.nm-card-text {
list-style: disc inside;
padding-left: 0;
}
.nm-values-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 15px;
margin-top: 15px;
}
.nm-values-grid span {
background: #e3f2fd;
padding: 10px 15px;
border-radius: 12px;
text-align: center;
font-weight: 500;
color: #0d47a1;
transition: transform 0.3s ease, background 0.3s ease;
}
.nm-values-grid span:hover {
transform: translateY(-5px);
background: #bbdefb;
}
/* Responsive */
@media (max-width: 768px) {
.nm-title {
font-size: 2rem;
}
.nm-card {
padding: 25px 20px;
}
}
.founder-section {
margin-top: 50px;
}
.ncrd-images {
border-radius: 50%;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
transition: transform 0.3s;
}
.ncrd-images:hover {
transform: scale(1.05);
}
.namestaff {
font-weight: 600;
}
.position {
font-weight: 500;
color: #555;
}
.ncrd-about {
padding-left: 20px;
}
.quote-card {
background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
border-left: 6px solid #0d47a1;
border-radius: 10px;
position: relative;
}
.quote-card blockquote {
font-style: italic;
margin: 0;
}
.quote-card .author {
text-align: right;
font-weight: 600;
margin-top: 10px;
}
.quote-card .quote-icon {
position: absolute;
top: -10px;
left: -10px;
opacity: 0.2;
}
.founder-message h2 {
font-weight: 700;
margin-bottom: 20px;
}
.founder-message p {
font-size: 1rem;
line-height: 1.8;
margin-bottom: 15px;
}
.founder-message strong {
color: #0d47a1;
}
/* === NCRD About Section === */
/* Base */
/*.ncrd-about-modern {
background: #f7f9fc;
color: #212529;
font-family: "Poppins", sans-serif;
}*/
/* Titles */
.ncrd-subtitle {
text-transform: uppercase;
font-size: 0.9rem;
letter-spacing: 2px;
color: #0d6efd;
font-weight: 600;
}
.ncrd-title {
font-weight: 700;
font-size: 2.2rem;
color: #212529;
}
.ncrd-title span {
color: #0d6efd;
}
/* About Image */
.ncrd-about-image-wrap {
position: relative;
border-radius: 20px;
overflow: hidden;
}
.ncrd-about-main-img {
border-radius: 20px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
transition: transform 0.6s ease;
}
.ncrd-about-image-wrap:hover .ncrd-about-main-img {
transform: scale(1.05);
}
.ncrd-image-border {
position: absolute;
inset: -10px;
border: 3px solid #0d6efd;
border-radius: 25px;
z-index: -1;
}
/* Quote */
.ncrd-quote {
font-size: 1.1rem;
font-style: italic;
color: #0d6efd;
background: linear-gradient(135deg, #e7f1ff, #ffffff);
border-left: 4px solid #0d6efd;
padding: 1rem 1.25rem;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(13, 110, 253, 0.1);
}
/* Highlight Box */
.ncrd-highlight-box {
background: linear-gradient(135deg, #e7f1ff, #ffffff);
border-left: 4px solid #0d6efd;
padding: 1rem 1.25rem;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(13, 110, 253, 0.1);
}
/* Institutes */
.ncrd-institute-card {
background: #fff;
border-radius: 16px;
padding: 1.5rem;
box-shadow: 0 6px 20px rgb(0 0 0 / 38%);
transition: all 0.3s ease;
}
.ncrd-institute-card:hover {
transform: translateY(-5px);
}
.ncrd-institute-item {
border-bottom: 1px dashed #dee2e6;
padding: 0.75rem 0;
}
.ncrd-badge {
display: inline-block;
background: #e7f0ff;
color: #0d6efd;
border-radius: 30px;
font-size: 0.85rem;
padding: 6px 14px;
margin: 3px 4px 0 0;
}
.ncrd-badge-gray {
background: #f1f1f1;
color: #555;
}
/* Note */
.ncrd-note {
margin-top: 1rem;
font-size: 0.9rem;
color: #6c757d;
}
/* Facts & Links */
.ncrd-facts-card,
.ncrd-links-card,
.ncrd-cta-card {
background: #fff;
border-radius: 16px;
padding: 1.5rem;
box-shadow: 0 8px 20px rgb(0 0 0 / 24%);
transition: all 0.3s ease;
height: 100%;
}
.ncrd-facts-card:hover,
.ncrd-links-card:hover,
.ncrd-cta-card:hover {
transform: translateY(-5px);
}
.ncrd-facts-card ul {
list-style: none;
padding: 0;
margin: 0;
}
.ncrd-facts-card li {
margin-bottom: 0.6rem;
}
/* Links */
.ncrd-links-card a {
display: block;
color: #0d6efd;
font-weight: 500;
text-decoration: underline;
margin: 0.5rem 0;
transition: color 0.3s ease;
padding: 0.25rem;
}
.ncrd-links-card a:hover {
color: #0056b3;
}
/* Overall Container */
/* ==============================
NCRD Welcome Section Styling
============================== */
.ncrd-section {
color: #000;
position: relative;
overflow: hidden;
}
.ncrd-founder-box {
position: relative;
border-radius: 1rem;
overflow: hidden;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
transition: transform 0.5s ease, box-shadow 0.5s ease;
}
/* Subtle diagonal stripe behind the image */
.ncrd-founder-box::before {
content: '';
position: absolute;
top: -20%;
left: -20%;
width: 140%;
height: 140%;
background: repeating-linear-gradient(45deg,
rgba(0, 0, 0, 0.02),
rgba(0, 0, 0, 0.02) 2px,
transparent 2px,
transparent 6px);
z-index: 0;
transform: rotate(-5deg);
}
/* Image above the pseudo-element */
.ncrd-founder-img {
position: relative;
z-index: 1;
transition: transform 0.5s ease;
}
.ncrd-founder-box:hover .ncrd-founder-img {
transform: scale(1.05);
/* subtle zoom on hover */
}
/* Overlay stays same, untouched */
.ncrd-founder-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
text-align: center;
background: rgba(255, 255, 255, 0.9);
/* semi-transparent for readability */
padding: 1rem;
transition: background 0.3s ease;
}
.ncrd-founder-overlay p {
margin-bottom: 4px !important;
text-align: center !important;
}
.ncrd-founder-overlay h6,
.ncrd-founder-overlay h3 {
font-size: 21px !important;
font-weight: 400 !important;
}
/* ==============================
Typewriter Quote Animation
============================== */
.ncrd-quote-box {
font-family: var(--font-primary);
font-style: italic;
font-size: 16px;
color: #2b3398;
display: block;
line-height: 22px;
animation: fadeInText 2s ease forwards;
animation-delay: 0.5s;
font-weight: 900;
margin: 0 auto;
}
p.ncrd-quote-author {
font-family: var(--font-primary) !important;
font-style: italic !important;
font-size: 16px !important;
color: #2b3398 !important;
display: block;
line-height: 22px;
animation: fadeInText 2s ease forwards;
animation-delay: 0.5s;
text-align: right !important;
font-weight: 900 !important;
}
/* Single keyframes for fade-in */
@keyframes fadeInText {
from {
opacity: 0;
transform: translateY(5px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* ==============================
Heading & Paragraph Styles
============================== */
.ncrd-heading {
/* font-family: "Times New Roman", serif; */
/* text-transform: uppercase; */
letter-spacing: 1px;
border-left: 0px solid #000;
padding-left: 0px;
display: inline-block;
font-size: 21px;
font-weight: 400 !important;
justify-content: start !important;
}
.ncrd-text-area p {
text-align: justify;
margin-bottom: 1rem !important;
color: #111;
}
/* ==============================
Responsive
============================== */
@media (max-width: 991px) {
.ncrd-founder-box {
min-height: 300px;
}
.ncrd-quote-box {
font-size: 1rem;
}
.ncrd-heading {
font-size: 1.3rem;
}
}
/*-----------About College ----------------------*/
/* Quote Section */
.quote-section {
background: #fef3c7;
padding: 16px 0px;
border-radius: 12px;
margin-bottom: 20px;
position: relative;
z-index: 2;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}
.quote-container {
/* max-width: 900px; */
margin: 0 auto;
text-align: center;
}
.quote-mark {
font-size: 5rem;
color: #f59e0b;
line-height: 0.5;
opacity: 0.3;
display: none;
}
.quote-text {
font-size: 1rem;
font-style: italic;
/* color: #92400e; */
margin: 0px;
text-align: center !important;
/* line-height: 1.9; */
}
.quote-author {
text-align: right;
font-size: 1.25rem;
color: var(--color-primary);
font-weight: 600;
text-align: center !important;
}
.ncrd-container {
max-width: 1400px;
margin: 0 auto;
border-radius: 20px;
overflow: hidden;
}
.ncrd-hero-section {
display: grid;
grid-template-columns: 1fr 2.5fr;
gap: 10px;
min-height: 500px;
}
.ncrd-hero-left {
padding: 0px;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
/*.ncrd-hero-left::before {
content: '';
position: absolute;
top: -50%;
right: -50%;
width: 100%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
animation: float 8s ease-in-out infinite;
}*/
@keyframes float {
0%,
100% {
transform: translate(0, 0) rotate(0deg);
}
50% {
transform: translate(-20px, 20px) rotate(5deg);
}
}
.ncrd-logo-section {
position: relative;
z-index: 1;
}
.ncrd-hero-img {
width: 100%;
/* height: auto; */
padding: 0px 0px 10px 0;
border-radius: 15px;
transition: transform 0.3s ease;
}
/* .ncrd-hero-img:hover {
transform: translateY(-5px) scale(1.02);
}*/
.ncrd-quote {
position: relative;
z-index: 1;
color: #ffffff;
font-size: 1.2rem;
font-style: italic;
padding: 25px;
border-left: 4px solid #ffd700;
border-radius: 10px;
backdrop-filter: blur(10px);
margin-top: 30px;
}
.ncrd-quote::before {
content: '"';
font-size: 4rem;
position: absolute;
top: -20px;
left: 10px;
color: rgba(255, 255, 255, 0.3);
font-family: Georgia, serif;
}
.ncrd-content-area {
padding: 10px;
}
.ncrd-section {
margin-bottom: 10px;
opacity: 0;
animation: fadeInUp 0.8s ease forwards;
}
.ncrd-section:nth-child(1) {
animation-delay: 0.2s;
}
.ncrd-section:nth-child(2) {
animation-delay: 0.4s;
}
.ncrd-section:nth-child(3) {
animation-delay: 0.6s;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.ncrd-section h2 {
margin-bottom: 20px;
position: relative;
display: inline-block;
}
.ncrd-section h2::after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
width: 60px;
height: 4px;
background: linear-gradient(90deg, #667eea, #764ba2);
border-radius: 2px;
}
.ncrd-section p {
margin-bottom: 7px;
text-align: justify;
}
.ncrd-section p span.quote {
color: #2b3398;
font-style: italic;
font-weight: 900;
font-size: 14px;
}
.ncrd-info-cards {
display: flex;
grid-template-columns: repeat(auto-fit, minmax(300px, 3fr));
gap: 0px;
margin-top: 10px;
}
.ncrd-cards {
background: linear-gradient(135deg, #f6f8fb00 0%, #ffffff00 100%);
padding: 15px;
border-radius: 15px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
/* .ncrd-cards::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #667eea, #764ba2);
transform: scaleX(0);
transition: transform 0.3s ease;
}*/
.ncrd-cards:hover {
transform: translateY(-8px);
}
.ncrd-cards:hover::before {
transform: scaleX(1);
}
.ncrd-cards h3 {
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
}
/* .ncrd-cards h3::before {
content: '●';
color: #667eea;
font-size: 1.5rem;
}
*/
.ncrd-cards p {
color: #000;
margin: 0;
}
.ncrd-stats {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.stat-item {
background: #dfffdf;
color: #000;
padding: 8px 16px;
border-radius: 20px;
font-size: 0.9rem;
font-weight: 600;
transition: all 0.3s ease;
}
.stat-item:hover {
background: #b3c7ff;
transform: scale(1.05);
}
.ncrd-links {
display: flex;
gap: 15px;
flex-wrap: wrap;
margin-top: 10px;
}
.ncrd-links a {
text-decoration: none;
padding: 10px 20px;
border: 2px solid #667eea;
border-radius: 8px;
transition: all 0.3s ease;
font-weight: 600;
}
.ncrd-links a:hover {
background: #667eea;
color: white;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
}
.ncrd-cta-card-sec {
color: white;
padding: 11px;
border-radius: 15px;
text-align: center;
/* margin-top: 40px; */
}
.ncrd-cta-card-sec h3 {
margin-bottom: 15px;
}
.ncrd-cta-card-sec h3::before {
display: none;
}
.ncrd-cta-card-sec p {
text-align: center;
}
@media (max-width: 968px) {
.ncrd-hero-section {
grid-template-columns: 1fr;
}
.ncrd-hero-left {
padding: 30px;
}
.ncrd-content-area {
padding: 30px 25px;
}
.ncrd-info-cards {
display: grid;
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.ncrd-content-area {
padding: 25px 20px;
}
.ncrd-quote {
padding: 20px;
}
.ncrd-links {
flex-direction: column;
}
.ncrd-links a {
text-align: center;
}
}
/* <------------------Vision-Mission-------------------> */
/*
.section-wrapper {
perspective: 1000px;
margin-bottom: 3rem;
}
.card-premium {
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 24px;
padding: 3rem;
position: relative;
overflow: hidden;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
opacity: 0;
transform: translateY(50px);
animation: slideUp 0.8s ease forwards;
}
.card-premium:nth-child(1) { animation-delay: 0.2s; }
.card-premium:nth-child(2) { animation-delay: 0.4s; }
.card-premium:nth-child(3) { animation-delay: 0.6s; }
@keyframes slideUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.card-premium::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(179, 199, 255, 0.3), transparent);
transition: left 0.7s;
}
.card-premium:hover::before {
left: 100%;
}
.card-premium:hover {
transform: translateY(-15px) scale(1.02);
border-color: rgba(179, 199, 255, 0.6);
}
.icon-wrapper {
width: 140px;
height: 140px;
margin: 0 auto 2rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.icon-bg {
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgb(223, 255, 223), rgb(179, 199, 255));
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
animation: morph 8s ease-in-out infinite;
box-shadow: 0 10px 40px rgba(43, 51, 152, 0.3);
}
@keyframes morph {
0%, 100% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
25% { border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; }
50% { border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; }
75% { border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; }
}
.icon-wrapper img {
width: 70px;
height: 70px;
position: relative;
z-index: 2;
filter: drop-shadow(0 4px 8px rgba(43, 51, 152, 0.3));
transition: transform 0.4s ease;
}
.card-premium:hover .icon-wrapper img {
transform: scale(1.1) rotate(5deg);
}
.card-title {
color: #2B3398;
font-weight: 700;
text-align: center;
margin-bottom: 2rem;
position: relative;
letter-spacing: 2px;
text-transform: uppercase;
}
.card-title::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: linear-gradient(90deg, rgb(223, 255, 223), #2B3398, rgb(179, 199, 255));
border-radius: 2px;
box-shadow: 0 2px 8px rgba(43, 51, 152, 0.3);
}
.vision-content {
text-align: center;
color: #444;
line-height: 2;
padding: 1rem;
}
.mission-item {
padding: 1.5rem;
margin-bottom: 1.5rem;
background: linear-gradient(135deg, rgba(223, 255, 223, 0.1), rgba(179, 199, 255, 0.1));
border-left: 4px solid #2B3398;
border-radius: 12px;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
.mission-item::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 4px;
transition: width 0.3s ease;
}
.mission-item:hover {
transform: translateX(10px);
background: linear-gradient(135deg, rgba(223, 255, 223, 0.2), rgba(179, 199, 255, 0.2));
box-shadow: 0 8px 20px rgba(43, 51, 152, 0.15);
}
.mission-item:hover::before {
width: 100%;
opacity: 0.1;
}
.mission-item p {
margin: 0;
color: #333;
position: relative;
z-index: 1;
}
.mission-item:last-child {
margin-bottom: 0;
}
.values-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
.value-item {
padding: 1.5rem;
background: linear-gradient(135deg, rgba(179, 199, 255, 0.15), rgba(223, 255, 223, 0.15));
border-radius: 16px;
position: relative;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
border: 2px solid transparent;
}
.value-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background: linear-gradient(180deg, #2B3398, rgb(179, 199, 255));
border-radius: 0 8px 8px 0;
}
.value-item::after {
content: '◆';
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
color: #2B3398;
opacity: 0.2;
transition: all 0.4s ease;
}
.value-item:hover {
transform: translateX(15px) scale(1.02);
background: linear-gradient(135deg, rgba(179, 199, 255, 0.25), rgba(223, 255, 223, 0.25));
border-color: rgba(43, 51, 152, 0.3);
box-shadow: 0 12px 30px rgba(43, 51, 152, 0.2);
}
.value-item:hover::after {
opacity: 1;
transform: translateY(-50%) scale(1.5) rotate(45deg);
}
.value-item span {
font-weight: 600;
color: #2B3398;
display: block;
position: relative;
z-index: 1;
}
.decorative-line {
height: 2px;
background: linear-gradient(90deg, transparent, #2B3398, transparent);
margin: 3rem 0;
opacity: 0.3;
}
@media (max-width: 768px) {
.card-premium {
padding: 2rem;
margin-bottom: 2rem;
}
.icon-wrapper {
width: 100px;
height: 100px;
}
.icon-wrapper img {
width: 50px;
height: 50px;
}
}
@media (min-width: 992px) {
.values-grid {
grid-template-columns: 1fr 1fr;
}
} */
/* Container */
/* Container */
.vision-section {
/*background: transparent;*/
/*padding: 0px;*/
/*display: block;*/
/*justify-content: center;*/
display: block;
background: white;
border-radius: 20px;
padding: 50px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
margin-bottom: 40px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
overflow: hidden;
}
.vision-section:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
}
.vision-section h2,
.core-values-section h2,
.mission-section h2 {
color: #162d59;
margin-bottom: 10px;
position: relative;
}
.vision-section h2::after,
.core-values-section h2::after,
.mission-section h2::after {
content: "";
display: block;
width: 80px;
height: 4px;
background: linear-gradient(90deg, #667eea, #764ba2);
border-radius: 2px;
}
.vision-content {
display: flex;
flex-direction: column;
gap: 20px;
}
.vision-paragraph {
font-size: 1.1rem;
line-height: 1.8;
color: #333;
text-align: justify;
}
@media (min-width: 768px) {
.vision-content {
/* flex-direction: row; */
gap: 0px;
text-align: left;
}
.vision-paragraph {
flex: 1;
}
}
.core-values-section {
padding: 10px 20px;
}
.values-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
margin-top: 20px;
}
/*.value-card {
background: #fff;
border-radius: 15px;
padding: 10;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
transition: transform 0.4s ease, box-shadow 0.4s ease;
display: flex;
flex-direction: column;
align-content: center;
text-align: center;
cursor: default;
opacity: 0;
transform: translateY(30px);
animation: fadeInUp 0.6s forwards;
height: 67px;
align-items: center;
justify-content: center;
}*/
/* .value-card:hover {
transform: translateY(-10px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}*/
.value-card .icon {
font-size: 3rem;
margin-bottom: 15px;
color: #36aeb3;
}
.value-card h3 {
font-size: 1.3rem;
margin-bottom: 10px;
color: #162d59;
}
.value-card p {
font-size: 1rem;
color: #555;
line-height: 1.6;
}
/* Sequential animation delays */
.value-card:nth-child(1) {
animation-delay: 0.1s;
}
.value-card:nth-child(2) {
animation-delay: 0.2s;
}
.value-card:nth-child(3) {
animation-delay: 0.3s;
}
.value-card:nth-child(4) {
animation-delay: 0.4s;
}
.value-card:nth-child(5) {
animation-delay: 0.5s;
}
.value-card:nth-child(6) {
animation-delay: 0.6s;
}
.value-card:nth-child(7) {
animation-delay: 0.7s;
}
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 768px) {
h2 {
font-size: 2rem;
}
.value-card {
padding: 25px 15px;
}
}
/* === General === */
.vmc-section {
background: transparent;
}
.section-title {
/* font-weight: 700;*/
/* color: #162d59;*/
position: relative;
display: inline-block;
}
.section-title::after {
content: "";
position: absolute;
left: 0;
bottom: -6px;
width: 60px;
height: 4px;
background: linear-gradient(90deg, #667eea, #764ba2);
border-radius: 2px;
}
/* === Mission Timeline === */
/* === Core Values === */
.value-card {
background: #fff;
border-radius: 16px;
padding: 25px 10px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
position: relative;
}
.value-card::before {
position: absolute;
top: 15px;
left: 50%;
transform: translateX(-50%);
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 1.8rem;
color: #667eea;
margin-bottom: 10px;
}
/* icons before headings */
.value-1::before {
content: "\f4c4";
/* hand-holding-heart */
}
.value-2::before {
content: "\f24e";
/* scale-balanced */
}
.value-3::before {
content: "\f091";
/* trophy */
}
.value-4::before {
content: "\f0c0";
/* people-group */
}
.value-5::before {
content: "\f4c6";
/* handshake-simple */
}
.value-6::before {
content: "\f0eb";
/* lightbulb */
}
.value-7::before {
content: "\f06c";
/* leaf */
}
.value-card h5 {
font-size: 1rem !important;
color: #162d59 !important;
/* font-weight: 600; */
margin-top: 40px;
}
.value-card:hover {
transform: translateY(-8px);
box-shadow: 0 10px 25px rgba(102, 126, 234, 0.2);
}
/* Responsive */
@media (max-width: 768px) {
.timeline {
padding-left: 0.5rem;
border-left: none;
}
.timeline-item::before {
left: -0.5rem;
}
}
/* <-----------------Council-------------->*/
/* ✨ Stylish Tabs */
.gov-council .nav-tabs {
border: none;
justify-content: center;
margin-bottom: 2rem;
gap: 15px;
}
.gov-council .nav-tabs .nav-link {
border: none;
color: #3C2A21;
font-weight: 600;
font-size: 1.05rem;
padding: 12px 32px;
border-radius: 50px;
background: #fff;
position: relative;
overflow: hidden;
transition: all 0.4s ease;
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}
/* Glow and Gradient on Hover */
.gov-council .nav-tabs .nav-link:hover {
background: linear-gradient(135deg, #dfffdf, #b3c7ff);
color: #000;
transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(60, 42, 33, 0.3);
}
/* Active Tab */
.gov-council .nav-tabs .nav-link.active {
background: linear-gradient(135deg, #dfffdf, #b3c7ff);
color: #000;
box-shadow: 0 8px 20px rgba(60, 42, 33, 0.3);
transform: translateY(-2px);
}
/* Subtle Animation */
.gov-council .nav-tabs .nav-link::before {
content: "";
position: absolute;
width: 0;
height: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.15);
transition: width 0.4s ease;
border-radius: 50px;
}
.gov-council .nav-tabs .nav-link:hover::before {
width: 100%;
}
/* 🔹 Management Card (Unchanged Layout) */
.Management_img {
text-align: center;
margin-top: 12px;
margin-bottom: 13px;
}
.Management_img img {
border: 5px solid #fff;
padding: 0;
box-shadow: 3px 4px 5px #b3c7ff;
width: 250px;
transition: all 0.4s ease;
border-radius: 10px;
height: 250px;
object-fit: contain;
}
.Management_img img:hover {
transform: scale(1.05);
box-shadow: 7px 7px 10px #b3c7ff;
}
.Management_img h5 {
font-size: 1rem;
margin-bottom: 2px;
font-weight: 800;
padding-top: 30px;
text-align: center;
}
.gov-council a {
color: #3C2A21;
text-decoration: none;
}
.Management_img p {
font-weight: 700;
text-align: center !important;
color: #555;
}
/* --------------Our Institute-------------*/
.gov-council.our-institute .nav-tabs .nav-link.active {
/* background: linear-gradient(135deg, #dfffdf, #b3c7ff); */
color: #000;
box-shadow: 0 8px 20px rgba(60, 42, 33, 0.3);
transform: translateY(-2px);
border: 0px solid #2b3398;
border-radius: 50px;
}
.gov-council.our-institute .nav-tabs .nav-link {
border-bottom: 0px solid #2b3398;
color: #2b3398;
font-weight: 600;
font-size: 12px;
padding: 3px 12px;
border-radius: 50px;
position: relative;
overflow: hidden;
transition: all 0.4s ease;
/* box-shadow: 0 4px 10px rgba(0,0,0,0.1); */
}
.gov-council.our-institute .nav-tabs {
border: none;
justify-content: center;
margin-bottom: 2rem;
gap: 8px;
}
.premium-grid {
display: flex;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 10px;
padding: 15px 0;
justify-content: start;
flex-wrap: nowrap;
}
.premium-card {
position: relative;
border-radius: 16px;
overflow: hidden;
background: #fff;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
transition: transform 0.4s ease, box-shadow 0.4s ease;
width: 33.33%;
/* height: 258px; */
}
.premium-card:hover {
transform: translateY(-8px);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
}
.premium-card img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
transition: transform 0.4s ease, filter 0.4s ease;
}
.premium-card:hover img {
transform: scale(1.05);
filter: brightness(0.85);
}
.premium-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0, 119, 204, 0.0) 0%, rgba(0, 119, 204, 0.6) 100%);
opacity: 0;
transition: opacity 0.4s ease;
pointer-events: none;
/* allow clicks */
}
.premium-card:hover .premium-overlay {
opacity: 1;
}
.premium-overlay-text {
display: none;
position: absolute;
bottom: 6px;
width: 100%;
text-align: center;
color: #fff;
font-weight: 600;
pointer-events: none;
}
.premium-name {
padding: 10px 5px;
text-align: center;
font-weight: 600;
font-size: 14px;
position: relative;
}
.premium-name::after {
content: '⮚';
font-weight: bold;
color: #2b3398;
font-size: 20px;
position: absolute;
right: 7px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.premium-name a {
text-decoration: none;
color: #2b2f8f;
transition: color 0.3s, transform 0.3s;
width: 100%;
display: block;
word-wrap: break-word;
padding: 0px 30px;
text-align: center;
}
.premium-name a:hover {
color: #005fa3;
transform: scale(1.03);
}
/* ===== Desktop vs Mobile ===== */
.desktop-tabs {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.mobile-accordion {
display: none;
}
@media (max-width: 991px) {
.desktop-tab-section {
display: none;
}
.desktop-tabs {
display: none;
}
.mobile-accordion {
display: block;
}
.premium-grid {
flex-wrap: wrap;
}
.premium-card,
.institute-box {
width: 100% !important;
margin-bottom: 20px;
}
}
}
@media (max-width: 576px) {
.premium-card img {
height: 150px;
}
}
/* About College */
/* --- NCRD Core Values Styling --- */
.ncrd-core-values {
text-align: center;
padding: 30px 0px;
}
.ncrd-title {
font-size: 28px;
font-weight: 700;
color: #1b3a57;
margin-bottom: 40px;
}
.ncrd-values-grid {
display: flex;
justify-content: center;
gap: 20px;
}
.ncrd-card {
position: relative;
width: 200px;
padding: 30px 15px 50px;
border-radius: 12px;
text-align: center;
color: #fff;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}
.ncrd-card:hover {
transform: translateY(-8px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}
/* Gradient Colors */
.ncrd-color1 {
background: linear-gradient(180deg, #b1d14a 0%, #7ca933 100%);
}
.ncrd-color2 {
background: linear-gradient(180deg, #8bd0a3 0%, #47a078 100%);
}
.ncrd-color3 {
background: linear-gradient(180deg, #74c9cf 0%, #3298a8 100%);
}
.ncrd-color4 {
background: linear-gradient(180deg, #59b4c9 0%, #2a7d91 100%);
}
.ncrd-color5 {
background: linear-gradient(180deg, #4ca0af 0%, #25677b 100%);
}
.ncrd-color6 {
background: linear-gradient(180deg, #89bde4 0%, #457ab1 100%);
}
.ncrd-color7 {
background: linear-gradient(180deg, #c09fe6 0%, #815ac0 100%);
}
.ncrd-icon {
margin-bottom: 10px;
animation: ncrd-growPlant 2s ease-in-out infinite alternate;
}
@keyframes ncrd-growPlant {
from {
transform: translateY(3px);
}
to {
transform: translateY(-3px);
}
}
.ncrd-card-title {
font-size: 16px;
/* font-weight: 600; */
margin-bottom: 10px;
color: #dfffdf;
}
.ncrd-card-number {
position: absolute;
top: 0;
left: 0;
right: 0;
background: white;
color: #1b3a57;
font-weight: bold;
font-size: 15px;
border-radius: 0 0 0px 0px;
padding: 5px 0;
}
/*----------------Legacy Container-----------------*/
.timeline {
--color1: #ff5000;
--color2: #ffae00;
--color3: #8ac900;
--color4: #00aeff;
--color5: #953fbb;
--color6: #ba3a17;
--color7: #00a0b4;
margin-left: 100px;
padding: 170px 0;
font-family: 'Montserrat';
display: inline-flex;
z-index: 999;
}
.timeline-item {
position: relative;
width: 200px;
height: 30px;
display: inline-table;
}
.timeline-item:nth-child(1) {
width: 75px;
}
.arrow-end {
position: absolute;
right: -15px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
.circle {
position: absolute;
background-position: center center;
border-radius: 25px;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width: 50px;
height: 50px;
box-shadow: 0 0 12px 0px #4d4d4d;
}
.timeline-item:nth-child(1) .circle {
left: 0;
}
.inner-circle {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width: 40px;
height: 40px;
border-radius: 20px;
background-position: center center;
background-repeat: no-repeat;
background-size: 30px 30px;
background-color: #fff;
box-shadow: inset 0px 0px 6px 0px #000;
}
.buble-content {
overflow: hidden;
text-align: center;
position: absolute;
background-color: #fff;
box-shadow: 0 0 12px 0px #4d4d4d;
width: 200px;
height: 80px;
}
.timeline-item:nth-child(odd) .buble-content {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
top: -130px;
}
.timeline-item:nth-child(even) .buble-content {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
bottom: -139px;
}
.timeline-item:nth-child(1) .buble-content {
left: -95px;
}
.content-year {
padding: 0px;
color: #fff;
font-size: 20px;
}
.timeline-item:nth-child(even) .content-year-bottom {
position: absolute;
width: 100%;
bottom: 0;
}
.content {
margin: auto 0;
padding: 5px;
color: #000;
font-size: 18px;
height: 30px;
display: block;
position: relative;
}
.content p {
display: flex;
height: 100%;
margin: auto 0;
font-size: 12px;
flex-direction: column;
justify-content: space-around;
}
.content-half-circle {
position: absolute;
transform: translate(-50%, -50%);
background-color: #fff;
width: 50px;
height: 20px;
z-index: 9999;
}
.timeline-item:nth-child(odd) .content-half-circle {
top: -50px;
left: 50%;
border-bottom-left-radius: 60px;
border-bottom-right-radius: 60px;
box-shadow: 1px 5px 5px 0px #bbbbbb;
}
.timeline-item:nth-child(even) .content-half-circle {
bottom: -70px;
left: 50%;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
box-shadow: -1px -5px 5px 0px #bbbbbb;
}
.timeline-item:nth-child(1) .content-half-circle {
left: 0;
}
.grey-line {
position: absolute;
transform: translate(-50%, -50%);
width: 2px;
height: 80px;
background-color: #b7b7b7;
}
.timeline-item:nth-child(odd) .grey-line {
top: -30px;
left: 50%;
}
.timeline-item:nth-child(even) .grey-line {
bottom: -130px;
left: 50%;
}
.timeline-item:nth-child(1) .grey-line {
left: 0;
}
/* ===== Responsive Timeline (Tablet + Mobile) ===== */
@media (max-width: 991px) {
/* .timeline {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 0;
padding: 100px 0;
} */
.timeline {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 0;
padding: 10px 20px !important;
gap: 5px;
}
.timeline-item {
width: 100%;
max-width: 320px;
height: auto;
margin-bottom: 100px;
display: flex;
flex-direction: column;
align-items: center;
}
.timeline-item:nth-child(1) {
width: 100%;
}
.arrow-end {
display: none;
/* Hide connecting arrow on small screens */
}
.circle {
position: relative;
top: auto;
left: auto;
transform: none;
margin-bottom: 20px;
width: 60px;
height: 60px;
}
.inner-circle {
width: 50px;
height: 50px;
background-size: 35px 35px;
}
.buble-content {
position: relative;
width: 90%;
height: auto;
min-height: 120px;
text-align: center;
margin-top: 20px;
}
.timeline-item:nth-child(odd) .buble-content,
.timeline-item:nth-child(even) .buble-content {
top: auto;
bottom: auto;
border-radius: 15px;
}
.content-year,
.content-year-bottom {
position: relative;
bottom: auto;
width: 100%;
margin-top: 10px;
font-size: 18px;
}
.content {
padding: 10px;
font-size: 14px;
}
.content p {
font-size: 13px;
line-height: 1.5;
}
.content-half-circle,
.grey-line {
display: none;
/* Remove connecting shapes for clean stacked look */
}
}
/* Extra Small Devices (Phones) */
@media (max-width: 576px) {
.timeline {
padding: 60px 0;
}
.timeline-item {
margin-bottom: 0px;
}
.circle {
width: 50px;
height: 50px;
}
.inner-circle {
width: 40px;
height: 40px;
background-size: 30px 30px;
}
.buble-content {
width: 95%;
min-height: 100px;
}
.content-year {
font-size: 16px;
}
.timeline-item:nth-child(1) .buble-content {
left: 0;
}
}
/*End Legacy Timeline*/
/*----------Vision & Mission--------------*/
@import url("https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css");
.ol-cards,
.ol-cards * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.ol-cards {
--flapWidth: 2rem;
--flapHeigth: 1rem;
--iconSize: 3rem;
--numberSize: 3rem;
--colGapSize: 2rem;
width: 100%;
margin-inline: auto;
display: grid;
gap: 2rem;
padding-inline-start: var(--flapWidth);
font-family: sans-serif;
color: #222;
counter-reset: ol-cards-count;
list-style: none;
}
.ol-cards>li {
display: grid;
grid-template-areas:
"icon title nr"
"icon descr nr";
gap: 0 var(--colGapSize);
align-items: center;
padding: var(--colGapSize) var(--flapWidth) var(--colGapSize) 0;
border-radius: 1rem 5rem 5rem 1rem;
background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
counter-increment: ol-cards-count;
filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
}
.ol-cards>li>.icon {
grid-area: icon;
background: var(--accent-color);
color: white;
font-size: var(--iconSize);
width: calc(2 * var(--flapWidth) + var(--iconSize));
padding-block: 1rem;
border-radius: 0 5rem 5rem 0;
margin-inline-start: calc(-1 * var(--flapWidth));
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
position: relative;
display: grid;
place-items: center;
}
.ol-cards>li>.icon::before {
content: "";
position: absolute;
width: var(--flapWidth);
height: calc(100% + calc(var(--flapHeigth) * 2));
left: 0;
top: calc(var(--flapHeigth) * -1);
clip-path: polygon(0 var(--flapHeigth),
100% 0,
100% 100%,
0 calc(100% - var(--flapHeigth)));
background-color: var(--accent-color);
background-image: linear-gradient(90deg,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.2));
z-index: -1;
}
.ol-cards>li>.icon img {
width: 50%;
}
.ol-cards>li>.title {
grid-area: title;
font-weight: 600;
font-size: 1.25rem;
}
.ol-cards>li>.descr {
grid-area: descr;
}
.ol-cards>li::after {
grid-area: nr;
/* content: counter(ol-cards-count, decimal-leading-zero); */
content: '';
color: var(--accent-color);
font-size: var(--numberSize);
font-weight: 700;
}
@media (max-width: 40rem) {
.ol-cards {
--flapWidth: 1rem;
--flapHeigth: 0.5rem;
--iconSize: 2rem;
--numberSize: 2rem;
--colGapSize: 1rem;
}
}
/* Tab & Table Structure */
.tab-accordion-wrapper {
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
border: 1px solid #e2e8f0;
margin-bottom: 40px;
}
/* DESKTOP TABS LAYOUT - Modern Card Style */
.desktop-tab-structure {
display: flex;
min-height: 600px;
position: relative;
}
/* Tab Labels - Sidebar Style */
.tab-labels {
width: 350px;
background: linear-gradient(180deg, #2B3398 0%, #3949AB 100%);
padding: 40px 0;
position: relative;
}
.tab-labels::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 2px;
height: 80%;
background: linear-gradient(180deg, #DFFFDF 0%, #a5d6a7 100%);
opacity: 0.5;
}
.tab-label {
display: flex;
align-items: center;
padding: 12px 24px;
color: white;
font-weight: 500;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border-left: 8px solid transparent;
position: relative;
margin: 4px 0;
}
.tab-label:hover {
background: rgba(223, 255, 223, 0.08);
transform: translateX(8px);
color: #DFFFDF;
}
/* Tab Content Area */
.tab-conts {
flex: 1;
padding: 20px;
background: white;
position: relative;
}
.tab-cont {
display: none;
animation: slideIn 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes slideIn {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* Active States */
#tab1:checked~.tab-conts .tab-cont-1,
#tab2:checked~.tab-conts .tab-cont-2,
#tab3:checked~.tab-conts .tab-cont-3,
#tab4:checked~.tab-conts .tab-cont-4,
#tab5:checked~.tab-conts .tab-cont-5 {
display: block;
}
#tab1:checked~.tab-labels .tab-label-1,
#tab2:checked~.tab-labels .tab-label-2,
#tab3:checked~.tab-labels .tab-label-3,
#tab4:checked~.tab-labels .tab-label-4,
#tab5:checked~.tab-labels .tab-label-5 {
background: linear-gradient(90deg, rgba(223, 255, 223, 0.12), rgba(223, 255, 223, 0.05));
border-left-color: #DFFFDF;
transform: translateX(8px);
color: #DFFFDF;
}
#tab1:checked~.tab-labels .tab-label-1::before,
#tab2:checked~.tab-labels .tab-label-2::before,
#tab3:checked~.tab-labels .tab-label-3::before,
#tab4:checked~.tab-labels .tab-label-4::before,
#tab5:checked~.tab-labels .tab-label-5::before {
height: 40px;
background: #DFFFDF;
box-shadow: 0 0 15px rgba(223, 255, 223, 0.5);
}
@keyframes bounce {
0%,
100% {
transform: translateX(0);
}
50% {
transform: translateX(5px);
}
}
.tab-radio {
display: none;
}
/* MOBILE ACCORDION LAYOUT - Modern Cards */
.mobile-accordion {
display: none;
}
.accordion-item {
border-bottom: 1px solid #e2e8f0;
overflow: hidden;
}
.accordion-item:last-child {
border-bottom: none;
}
.accordion-input {
display: none;
}
.accordion-label {
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 32px;
background: linear-gradient(90deg, #2B3398, #3949AB);
color: white;
font-size: 18px;
font-weight: 500;
cursor: pointer;
position: relative;
transition: all 0.3s ease;
}
.accordion-label:hover {
background: linear-gradient(90deg, #252e87, #2B3398);
padding-left: 36px;
color: #DFFFDF;
}
/* Icon animation */
.accordion-label::after {
content: "+";
font-size: 24px;
font-weight: 300;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: center;
color: #DFFFDF;
}
#accordion1:checked+.accordion-label::after,
#accordion2:checked+.accordion-label::after,
#accordion3:checked+.accordion-label::after,
#accordion4:checked+.accordion-label::after,
#accordion5:checked+.accordion-label::after {
content: "−";
transform: rotate(180deg);
color: #DFFFDF;
}
#accordion1:checked+.accordion-label,
#accordion2:checked+.accordion-label,
#accordion3:checked+.accordion-label,
#accordion4:checked+.accordion-label,
#accordion5:checked+.accordion-label {
background: linear-gradient(90deg, #1a237e, #2B3398);
color: #DFFFDF;
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}
#accordion1:checked~.accordion-content,
#accordion2:checked~.accordion-content,
#accordion3:checked~.accordion-content,
#accordion4:checked~.accordion-content,
#accordion5:checked~.accordion-content {
max-height: none;
padding: 32px;
}
/* CONTENT STYLING */
.tab-head {
color: #2B3398;
font-size: 25px;
font-weight: 500;
padding-bottom: 2px;
position: relative;
}
/* .tab-head::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #DFFFDF, #a5d6a7);
border-radius: 2px;
} */
/* Badge styling */
.badge {
display: inline-flex;
align-items: center;
padding: 6px 16px;
background: linear-gradient(135deg, #DFFFDF, #c8e6c9);
color: #2B3398;
border-radius: 20px;
font-size: 14px;
font-weight: 700;
margin-left: 15px;
box-shadow: 0 4px 12px rgba(195, 219, 195, 0.3);
transition: transform 0.3s ease;
}
.tab-label:hover .badge {
transform: scale(1.05);
}
.liquid-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-radius: 15px;
overflow: hidden;
background: white;
position: relative;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.liquid-thead {
background: linear-gradient(90deg, #2B3398 0%, rgba(43, 51, 152, 0.9) 25%, rgba(43, 51, 152, 0.8) 50%, rgba(43, 51, 152, 0.9) 75%, #2B3398 100%);
background-size: 200% 100%;
animation: liquidFlow 6s ease-in-out infinite;
}
@keyframes liquidFlow {
0%,
100% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
}
.liquid-th {
color: #ffffff;
padding: 10px 20px;
text-align: left;
font-weight: 600;
font-size: 15px;
letter-spacing: 0.5px;
position: relative;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
/* border-right: 2px solid rgba(223, 255, 223, 0.3);
border-bottom: 3px solid #DFFFDF;
border-top: 1px solid rgba(223, 255, 223, 0.2); */
background: linear-gradient(90deg, #2B3398 0%, rgba(43, 51, 152, 0.9) 25%, rgba(43, 51, 152, 0.8) 50%, rgba(43, 51, 152, 0.9) 75%, #2B3398 100%);
}
.liquid-th:first-child {
border-left: 2px solid rgba(223, 255, 223, 0.3);
}
.liquid-th:last-child {
border-right: 2px solid rgba(223, 255, 223, 0.3);
}
.liquid-th::after {
content: '';
position: absolute;
bottom: -3px;
left: 0;
width: 0;
height: 3px;
background: linear-gradient(90deg, #DFFFDF, rgba(223, 255, 223, 0.5));
transition: width 0.4s ease;
}
.liquid-th:hover::after {
width: 100%;
}
.table-body {
background: #f8f9fa;
}
.table-body td {
padding: 10px 5px;
color: #495057;
font-size: 14px;
font-weight: 500;
transition: all 0.2s ease;
/* Cell borders */
border-right: 1px solid #e9ecef;
border-bottom: 1px solid #e9ecef;
}
.table-body tr {
transition: all 0.2s ease;
}
.table-body tr:hover {
background: #e9ecef;
}
.table-body tr:hover td {
color: #2B3398;
}
.table-body tr:last-child td {
border-bottom: none;
}
.table-body td:first-child {
border-left: 1px solid #e9ecef;
}
.table-body td:last-child {
border-right: 1px solid #e9ecef;
}
.table-body td:first-child {
font-weight: 700;
color: #2B3398;
background: rgba(43, 51, 152, 0.05);
}
/* MEDIA QUERIES */
@media (max-width: 768px) {
.desktop-tab-structure {
display: none;
}
.mobile-accordion {
display: block;
}
.accordion-label {
padding: 20px 24px;
font-size: 17px;
}
.accordion-content {
padding: 0 24px;
}
#accordion1:checked~.accordion-content,
#accordion2:checked~.accordion-content,
#accordion3:checked~.accordion-content,
#accordion4:checked~.accordion-content,
#accordion5:checked~.accordion-content {
padding: 24px;
}
.tab-head {
font-size: 28px;
margin-bottom: 20px;
}
.badge {
padding: 5px 12px;
font-size: 12px;
margin-left: 10px;
}
.liquid-th {
padding: 15px 20px;
font-size: 13px;
}
.table-body td {
padding: 15px 20px;
font-size: 13px;
}
}
@media (max-width: 480px) {
.accordion-label {
padding: 18px 20px;
font-size: 16px;
}
.tab-head {
font-size: 24px;
}
.badge {
padding: 4px 10px;
font-size: 11px;
}
.liquid-th {
padding: 12px 15px;
font-size: 12px;
}
}
.left-tabs.nav-tabs {
border-right: none !important;
border-bottom: none;
}
/*-----------------------------------------------------------*/
@media (max-width : 767px) {
.left-tabs.nav-tabs,
.left-tabs.sideways-tabs,
.right-tabs.nav-tabs,
.right-tabs.sideways-tabs {
flex-direction: row;
text-wrap: nowrap;
/* width: max-content; */
}
.left-tabs .nav-link {
width: 11rem !important;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 2px;
margin-bottom: -1px;
padding-left: 10px;
}
}
@media (max-width : 790px) {
.vtabs .nav-tabs .nav-link {
height: 40px !important;
line-height: normal !important;
}
}
/* Infrastructure */
.img-fluid.rounded.shadow {
height: 200px;
width: 100%;
object-fit: cover;
transition: 0.3s;
}
.img-fluid:hover {
transform: scale(1.03);
}
/* 2. Custom Lightbox Overlay */
#customLightboxOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.95);
display: none;
justify-content: center;
align-items: center;
z-index: 1000000;
}
/* 3. White Frame (Phaltan Site Style) */
.lb-white-box {
position: relative;
background: #fff;
padding: 10px;
border-radius: 4px;
max-width: 85%;
max-height: 80%;
display: flex;
justify-content: center;
}
.lb-white-box img {
max-width: 100%;
max-height: 70vh;
display: block;
object-fit: contain;
}
/* 4. Navigation Buttons (Prev/Next) */
.lb-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #fff;
font-size: 50px;
cursor: pointer;
user-select: none;
background: rgba(0, 0, 0, 0.2);
padding: 10px 15px;
transition: 0.3s;
}
.lb-prev {
left: -85px;
}
.lb-next {
right: -85px;
}
/* 5. Close Button (Centered at Bottom) */
.lb-close-wrap {
position: absolute;
bottom: -75px;
left: 50%;
transform: translateX(-50%);
}
.lb-close-x {
color: #fff;
font-size: 60px;
cursor: pointer;
line-height: 1;
}
/* 6. Responsive */
@media (max-width: 1024px) {
.lb-prev {
left: 10px;
}
.lb-next {
right: 10px;
}
.lb-white-box {
max-width: 95%;
}
.lb-close-x {
font-size: 50px;
bottom: -60px;
}
}
/* End Infrastructure */
.content-not-added {
display: flex;
align-items: center;
justify-content: center;
min-height: 60vh;
font-size: 23px !important;
color: #777;
text-align: center;
}
/* HomePage Tab Structure */
.sidebar-tabs {
border-radius: 14px;
height: 100%;
}
/* Equal height tabs */
.sidebar-tabs .nav-link {
display: flex;
align-items: center;
border-radius: 10px;
color: #333;
font-weight: 500;
transition: all 0.3s ease;
width: 100%;
}
/* SVG icon */
.sidebar-tabs .nav-link svg {
width: 20px;
height: 20px;
fill: currentColor;
flex-shrink: 0;
}
/* Active tab */
.sidebar-tabs .nav-link.active {
background: #2b2f8f;
color: #fff;
box-shadow: 0 6px 18px rgba(43, 47, 143, .3);
}
/* Hover */
.sidebar-tabs .nav-link:hover {
background: #2b2f8f;
color: #fff;
}
/* Card overlay */
.card-img-overlay {
background: linear-gradient(to top, rgba(0, 0, 0, .6), transparent);
color: #fff;
display: flex;
align-items: end;
padding: 15px;
font-weight: 600;
}
/* Mobile responsive */
@media (max-width: 767px) {
.sidebar-tabs .nav {
flex-direction: row !important;
overflow-x: auto;
white-space: nowrap;
}
.sidebar-tabs .nav-link {
height: auto;
padding: 10px 14px;
margin-right: 8px;
margin-bottom: 0;
}
}
/* ================= MOBILE ACCORDION LOGIC ================= */
@media (max-width: 991px) {
/* hide desktop tabs */
.our-institute-tab {
display: none !important;
}
/* hide tab content */
/*.our-institute-section .tab-content {*/
/* display: block !important;*/
/*}*/
/*.our-institute-section .tab-content .owl-carousel {*/
/* display: none !important;*/
/* }*/
/* White screen fix: Force all panes to be visible so collapse works inside them */
.tab-content>.tab-pane {
display: none !important;
opacity: 1 !important;
margin-bottom: 15px;
}
.insti-infra-page .tab-content>.tab-pane {
display: block !important;
}
/* accordion wrapper */
#mobileAccordion {
margin-top: 10px;
}
#mobileAccordion .accordion-item {
border-radius: 10px;
overflow: hidden;
margin-bottom: 12px;
border: 1px solid #ddd;
}
#mobileAccordion .accordion-button {
width: 100%;
padding: 18px 20px;
background: #DFFFDF;
border: 2px solid #c3e6c3;
color: #2B3398;
font-weight: 600;
font-size: 1.05rem;
border-radius: 8px;
justify-content: space-between;
align-items: center;
transition: all 0.3s ease;
}
#mobileAccordion .accordion-button:not(.collapsed) {
background: #2B3398;
color: white;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-color: #2B3398;
}
#mobileAccordion .accordion-body {
padding: 15px;
}
}
/*------------------------ Infrastructure Userpage Tab Structure--------------------------*/
@media (min-width: 992px) {
.mobile-acc-header {
display: none !important;
}
/* Desktop sidebar styling */
.nav-pills .nav-link {
background: #ffffff;
padding: 10px 25px;
margin-bottom: 12px;
border-radius: 12px;
display: flex;
align-items: center;
cursor: pointer;
font-weight: 500;
transition: 0.3s;
color: #333333;
text-align: left;
width: 100%;
}
.nav-pills .nav-link.active {
background-color: #2c359e !important;
color: #ffffff !important;
}
}
/* --- MOBILE VIEW --- */
@media (max-width: 991px) {
.st-desktop-sidebar {
display: none !important;
}
.st-acc-card {
border: 1px solid #c1e3cd;
border-radius: 12px;
overflow: hidden;
background: #ffffff;
}
.st-acc-btn {
width: 100%;
padding: 18px;
background: #e9f7eb !important;
color: #333333 !important;
border: none;
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
}
/* Active State: Blue */
.st-acc-btn:not(.collapsed) {
background: #2c359e !important;
color: #ffffff !important;
border-radius: 12px 12px 0 0 !important;
}
.collapse-content {
border: 1px solid #eeeeee;
border-top: none;
padding: 20px;
border-radius: 0 0 12px 12px;
background: #fff;
}
}
/* --- ARROWS (Bootstrap standard) --- */
.st-acc-btn::after {
content: "";
width: 1.25rem;
height: 1.25rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform 0.2s ease-in-out;
}
.st-acc-btn:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
transform: rotate(-180deg);
}
/* Icons */
.st-icon {
width: 25px;
height: 25px;
margin-right: 15px;
filter: none !important;
/* Yahan filter hata diya */
transition: 0.3s;
}
/* 2. Active State: Sirf tabhi white karo jab background Blue ho */
/* Desktop Active Tab */
.nav-pills .nav-link.active .st-icon,
/* Mobile Open Accordion */
.st-acc-btn:not(.collapsed) .st-icon {
filter: brightness(0) invert(1) !important;
}
/* 3. Mobile Closed State: Ensure logo is dark on light green */
.st-acc-btn.collapsed .st-icon {
filter: none !important;
}
/*Awards*/
/* Accordion Container */
.ncr-acc-box {
margin-bottom: 2px;
border-bottom: 1px solid #e0e0e0;
/* Thin line separator between items */
}
.ncr-hidden-radio {
display: none;
}
/* Trigger styled exactly like the second image */
.ncr-acc-trigger {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 20px;
cursor: pointer;
background: #b3c7ff;
color: #2B3398;
font-weight: 600;
font-size: 1.15rem;
margin: 0;
transition: background 0.3s;
}
.ncr-hidden-radio:checked~.ncr-acc-trigger {
background-color: #2b2f8f;
/* Dark Blue when open */
color: #ffffff;
/* White text when open */
}
.ncr-hidden-radio:checked~.ncr-acc-trigger .ncr-arrow {
border-color: #ffffff;
/* White arrow when open */
transform: rotate(-135deg);
margin-top: 5px;
}
/* The blue arrow on the right */
.ncr-arrow {
width: 12px;
height: 12px;
border-right: 2px solid #0056b3;
border-bottom: 2px solid #0056b3;
transform: rotate(45deg);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
margin-right: 10px;
}
/* Content Panel */
.ncr-panel-slide {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-out;
background: #ffffff;
}
.ncr-panel-body {
padding: 25px 20px;
color: #555555;
line-height: 1.6;
}
/* Animation Logic */
.ncr-hidden-radio:checked~.ncr-panel-slide {
max-height: 2000px;
}
.ncr-hidden-radio:checked~.ncr-acc-trigger .ncr-arrow {
transform: rotate(-135deg);
margin-top: 8px;
}
/* Important Links */
.portal-list {
margin-left: 20px;
}
.portal-item {
margin-bottom: 12px;
padding: 8px 0;
border-bottom: 1px solid #eee;
}
.portal-name {
font-weight: 600;
color: #333;
margin-bottom: 5px;
}
.portal-link {
color: #2b3398;
text-decoration: none;
display: flex;
align-items: center;
overflow-wrap: break-word;
word-break: break-word;
}
.portal-link:hover {
color: #1a237e;
text-decoration: underline;
}
.link-icon {
margin-right: 8px;
font-size: 0.8rem;
color: #2b3398;
}
.portal-icon {
width: 35px;
height: 20px;
}
.summary {
text-align: center;
margin-top: 40px;
padding: 20px;
background-color: #f0f2ff;
border-radius: 8px;
border: 1px solid #ddd;
}
@media (max-width: 768px) {
.container {
padding: 20px;
}
.portal-list {
margin-left: 0;
}
}
/*correction css */
.img-height {
height: 233px
}
.lefit_margin_home {
margin-left: 0;
clear: both;
}
@media (min-width: 1224px) {
.lefit_margin_home {
margin-left: 540px;
}
}
.lefit_margin_inner {
margin-left: 0;
clear: both;
}
@media (min-width: 1224px) {
.lefit_margin_inner {
margin-left: 531px;
}
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: block !important;
}
.header-menu {
width: 100%;
margin-left: 0%;
}
/*.main-menu .navbar-nav .nav-item a, .second-menu li a {*/
/* font-size: 12px !important;*/
/*}*/
/* Maintain 3-column layout at 110% zoom for 'Our Institutes' */
@media screen and (min-width: 900px) {
.our-institute-section .row {
display: flex !important;
flex-wrap: nowrap !important;
gap: 20px !important;
margin: 0 !important;
padding: 0 15px !important;
justify-content: flex-start !important;
}
.our-institute-section .institute-box {
width: 32% !important;
flex: 0 0 32% !important;
max-width: 32% !important;
padding: 0 !important;
margin-bottom: 12px !important;
}
/* Ensure the inner title box looks proper */
.our-institute-section .inner-text {
width: 100% !important;
left: 0 !important;
}
}
/* Testimonial Section Redesign - Image on top, text below */
.homepage-testimonial-section .alumni-con {
margin: 20px 10px !important;
}
.homepage-testimonial-section .photo-item {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
gap: 10px;
padding: 0 !important;
padding: 15px 15px !important;
height: 450px;
border: 2px solid #fff;
border-radius: 5px;
box-shadow: 2px 2px 8px #ccc;
}
.homepage-testimonial-section .testimonial-img-section {
margin-right: 0 !important;
margin-bottom: 20px;
display: flex;
justify-content: center;
position: relative;
/*width: 172px;*/
/*height: 173px;*/
}
.homepage-testimonial-section .testimonials-name {
text-align: center !important;
width: 100%;
}
.homepage-testimonial-section .al-name-desi h5 {
color: #2b3398;
font-weight: 700;
margin-top: -11px;
margin-bottom: 5px;
font-size: 18px;
}
.al-name-desi {
text-align: right;
}
.homepage-testimonial-section .alumni-para {
text-align: center !important;
margin-bottom: 10px;
height: auto !important;
min-height: 160px;
color: #555;
line-height: 1.6;
}
@media (max-width: 1400px) {
.testimonial-view-all img.testimonial-img {
width: 90px;
height: 90px;
}
}
.header-menu .second-menu {
margin: 0 0 0 10px
}
#event-carousel .owl-nav,
#event-carousel .owl-dots {
display: none !important;
}
span.input-group-text.bg-primary.text-white.border-0 {
background-color: #2e369a !important;
}
.table-center-align th:first-child,
.table-center-align td:first-child {
text-align: center;
}
/* ===== Activity at a Glance – Nav Arrows (testimonial style) ===== */
#event-carousel .owl-dots {
display: none !important;
}
/* Make the carousel wrapper relative so arrows can be absolute inside */
#event-carousel {
position: relative;
}
/* Show nav, position it across the full carousel height */
#event-carousel .owl-nav {
display: block !important;
margin: 0;
}
/* Both buttons: absolute, vertically centered */
#event-carousel .owl-nav button.owl-prev,
#event-carousel .owl-nav button.owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.38) !important;
border: none;
margin: 0;
padding: 0;
line-height: 1;
transition: all 0.3s ease-in-out;
}
#event-carousel .owl-nav button.owl-prev {
left: 0;
}
#event-carousel .owl-nav button.owl-next {
right: 0;
}
/* ‹ › characters – same size as testimonials */
#event-carousel .owl-nav button span {
font-size: 45px !important;
color: #a3a6a8 !important;
line-height: 1;
display: block;
}
#event-carousel .owl-nav button:hover span {
color: #2b2f8f !important;
}
/* ===== Activity at a Glance – Clickable Items ===== */
#event-carousel .item.all-event-sec {
cursor: default;
}
#event-carousel .institute-box {
width: 100% !important;
margin: 0;
margin-top: 0px;
}
#event-carousel .institute-img img {
height: 300px;
border-radius: 10px;
}
#event-carousel .inner-text {
background: rgba(255, 255, 255, 0.7);
height: 84px;
}
#event-carousel .inner-text p {
font-weight: 700;
font-size: 17px;
}