:root { --color-primary: #1E3A8A;  
--color-primary-light: #1E3A8A1A;
--color-secondary: #f59e0b; --color-gray-bg: #F9FAFB;
--color-footer: #111827;
--color-footer-icon-bg: #1F2937;
--color-gray-text: #6B7280;
--color-chart-blue: #57B5E7;
--color-blue: #2563EB;
--color-blue-light: #EFF6FF;
--color-green: #16A34A;
--color-green-light: #F0FDF4;
--color-purple: #9333EA;
--color-purple-light: #FAF5FF;
--color-yellow: #EA580C;
--color-yellow-light: #FFF7ED;
--color-pink: #DB2777;
--color-pink-light: #FDF2F8;
--color-gray: #4B5563;
--color-gray-light: #F3F4F6; --color-success: #22C55E; 
--color-warning: #F59E0B;  
--color-error: #EF4444; 
--color-info: #3B82F6; --font-sans: 'Inter', 'Helvetica Neue', sans-serif;
--font-serif: 'Merriweather', serif;
--font-mono: 'Fira Code', monospace; --font-size-xs: 0.75rem; --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-3xl: 1.875rem; --font-size-4xl: 2.25rem; --font-size-5xl: 3rem; --font-size-6xl: 4rem;  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
0 2px 4px -2px rgba(0, 0, 0, 0.1);
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
0 4px 6px -4px rgba(0, 0, 0, 0.1);
--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.2); --border-none: 0;
--radius-sm: 4px;
--radius-default: 8px;
--radius-md: 12px;
--radius-lg: 16px;
--radius-xl: 20px;
--radius-2xl: 24px;
--radius-2xl: 32px;
--radius-full: 9999px;
--radius-button: 8px;
} html, body {
background-color: var(--color-gray-bg);
margin: 0;
overflow-x: hidden;
font-family: 'Poppins', sans-serif;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
svg {
color: #fff;
}
:root {
--width-default: min(1200px, 90vw);
--diameter: 1632px !important;
}
a {
text-decoration: none;
color: #000;
}
:where([class^="ri-"])::before { content: "\f3c2"; }   .Loading {
background-color: #FFF;
justify-content: center;
align-items: center;
display: flex;
height: 100vh;
width: 100vw;
}
.Loading.Loading--Hidden {
display: none;
}
.Loading .Loading__Animation {
height: 100px;
width: 100px;
} .Wrapper {}
.Wrapper.Wrapper--Hidden {
display: none;
} .Header {
width: 100%;
background: #fff;
height: 112px;
box-shadow: var(--shadow-md);
position: relative;
}
.Header.Header--Fixed {
position: fixed;
left: 0;
top: 0;
z-index: 1000 !important;
}
.Header .Header__Top {
background-color: #fff;
height: 64px;
display: flex;
align-items: center;
}
.Header__Top .Top__Logo {}
.Top__Logo .Logo__Text {
font-size: 20px;
font-weight: 600;
color: #1F2937;
position: relative;
top: 4px;
margin-left: 8px;
}
.Header__Top .Top__Buttons {}
.Header__Top .Top__Buttons .Buttons__Search {
background-color: var(--color-gray-light);
height: 40px;
border-radius: var(--radius-full);
}
.Header__Top .Top__Buttons .Buttons__Search .Search__Form {}
.Header__Top .Top__Buttons .Buttons__Search .Search__Form .Form__Input {
border: none;
background-color: transparent;
padding: 10px 14px;
width: 160px;
}
.Header__Top .Top__Buttons .Buttons__Search .Searh__Form .Form__Input::placeholder {
color: var(--color-gray);
}
.Header__Top .Top__Buttons .Buttons__Search .Search__Form .Form__Button {
border: none;
background-color: transparent;
padding: 0 16px;
color: var(--color-gray);
}
.Header .Header__Navbar {
background-color: var(--color-primary);
height: 48px;
display: flex;
align-items: center;
}
.navbar-expand-lg .navbar-nav .nav-link {
color: #fff !important;
font-size: 16px;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
color: var(--color-secondary) !important;
}
.Header .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
} .Hero {
background-size: cover;
background-position: center;
height: 464px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.Hero.swiper-slide {
height: 548px;
}
.Hero .Hero__Overlay {
background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.2) 100%);
}
.Hero__Content {
position: relative;
z-index: 10;
height: 100%;
display: flex;
align-items: center;
}
.Hero .Hero__Content .Content__Heading {
font-size: 44px;
font-weight: bold;
margin-bottom: 24px;
color: #fff;
}
.Hero .Hero__Content .Content__Text {
font-size: 16px;
margin-bottom: 32px;
max-width: 840px;
line-height: 28px;
color: #F3F4F6;
}
.Hero .Hero__Content .Content__Buttons {}
.Hero .Hero__Content .Content__Buttons .Buttons__Button {
padding: 12px 24px;
border: none;
border-radius: 8px;
font-size: 16px;
}
.Hero .Hero__Content .Content__Buttons .Buttons__Button.Buttons__Blue {
background-color: var(--color-primary);
color: #fff;
margin-right: 16px;
}
.Hero .Hero__Content .Content__Buttons .Buttons__Button.Buttons__White {
background-color: #fff;
color: var(--color-primary);
}
.Hero .Hero__Icon {
background-color: #dedede;
} .Space {
display: block;
}
.Space--64 {
height: 64px;
} .Section__Header {
margin-bottom: 48px;
}
.Section__Header .Header__Heading {
margin-bottom: 16px;
font-size: 30px;
font-weight: bold;
color: #1F2937;
text-align: center;
}
.Section__Header .Header__Text {
text-align: center;
max-width: 727px;
color: #4B5563;
font-size: 16px;
margin: 0 auto;
} .video-card {
position: relative;
border-radius: 12px;
overflow: hidden;
cursor: pointer;
width: 100%;
}
.video-card img {
width: 100%;
height: auto;
display: block;
}
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.85);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.play-icon::before {
content: '▶';
font-size: 24px;
color: #003366;
margin-left: 3px;
}
.person-name {
font-weight: bold;
font-size: 1rem;
margin-top: 0.5rem;
}
.faculty-name {
font-size: 0.95rem;
color: #003366;
} .Faculty__Card {
display: flex;
flex-direction: column;
flex-grow: 1;
height: 100%;
border-radius: 16px;
width: 100%;
background-color: #fff;
overflow: hidden;
box-shadow: var(--shadow-lg);
margin-bottom: 32px;
transition: 0.4s ease;
}
.Faculty__Card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.Faculty__Card .Card__Img {
height: 192px;
width: 100%;
object-fit: cover;
}
.Faculty__Card .Card__Body {
padding: 24px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.Faculty__Card .Card__Body .Body__Header {
display: flex;
align-items: center;
gap: 10px;
}
.Faculty__Card .Card__Body .Body__Header .Header__Icon {
width: 40px;
height: 40px;
background-color: var(--color-primary-light);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.Faculty__Card .Card__Body .Body__Header .Header__Icon img {
width: 18px;
height: auto;
}
.Faculty__Card .Card__Body .Body__Title {
margin-bottom: 8px;
font-size: 20px;
font-weight: 600;
color: #1F2937;
}
.Faculty__Card .Card__Body .Body__Text {
margin-bottom: 16px;
line-height: 24px;
color: #4B5563;
font-size: 15px;
}
.Faculty__Card .Card__Body .Body__Info {
margin: 0 0 16px;
display: flex;
gap: 8px;
align-items: center;
}
.Faculty__Card .Card__Body .Body__Info .Info__Box {
padding: 4px 8px;
border-radius: var(--radius-full);
font-size: 16px;
}
.Faculty__Card .Card__Body .Body__Info .Info__Box.Info__Box--Blue {
background-color: var(--color-blue-light);
color: var(--color-blue);
}
.Faculty__Card .Card__Body .Body__Info .Info__Box.Info__Box--Green {
background-color: var(--color-green-light);
color: var(--color-green);
}
.Faculty__Card .Card__Body .Body__Info .Info__Box.Info__Box--Purple {
background-color: var(--color-purple-light);
color: var(--color-purple);
}
.Faculty__Card .Card__Body .Body__Info .Info__Box.Info__Box--Pink {
background-color: var(--color-pink-light);
color: var(--color-pink);
}
.Faculty__Card .Card__Body .Body__Details {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
}
.Faculty__Card .Card__Body .Body__Details .Details__Text {
color: #6B7280;
font-size: 14px;
}
.Faculty__Card .Card__Body .Body__Details .Details__Link {
color: var(--color-primary);
}
.HealthServices img {
height: 100%;
} .AcademicStaff {
padding: 48px 0;
}
.AcademicStaff .AcademicStaff__Card {
border-radius: 16px;
overflow: hidden;
width: 100%;
height: 516px;
}
.AcademicStaff .AcademicStaff__Card .Card__Img {
height: 340px;
object-fit: cover;
width: 100%;
}
.AcademicStaff .AcademicStaff__Card .Card__Body {
padding: 24px;
}
.AcademicStaff .AcademicStaff__Card .Card__Body .Body__Title {
font-size: 18px;
font-weight: 600;
}
.AcademicStaff .AcademicStaff__Card .Card__Body .Body__Role {
font-size: 14px;
margin-bottom: 12px;
color: var(--color-primary);
}
.AcademicStaff .AcademicStaff__Card .Card__Body .Body__Text {
font-size: 14px;
color: #4B5563;
margin-bottom: 16px;
}
.AcademicStaff .AcademicStaff__Card .Card__Body .Body__Icons {}
.AcademicStaff .AcademicStaff__Card .Card__Body .Body__Icons .Icons__Box {
font-size: 14px;
}
.AcademicStaff .AcademicStaff__Card .Card__Body .Body__Icons .Icons__Icon i {
color: var(--color-gray);
font-size: 16px;
} .Faculty {}
.Faculty .Faculty__Swiper {
width: 100%;
height: 100%;
overflow: hidden;
}
.Faculty .Faculty__Swiper .swiper-wrapper {}
.Faculty .Faculty__Swiper .swiper-wrapper .swiper-slide {
background: #ffffff;
display: flex;
justify-content: center;
border-radius: 16px;
overflow: hidden;
}
.Faculty .Slide__Card {}
.Faculty .Slide__Card .Card__Img {
width: 100%;
height: 100%;
object-fit: cover;
}
.Faculty .Slide__Card .Card__Img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.Faculty .Slide__Card .Card__Content {
padding: 32px;
}
.Faculty .Slide__Card .Card__Content .Content__Header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 24px;
}
.Faculty .Slide__Card .Card__Content .Content__Header .Header__Icon {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--color-primary);
display: flex;
align-items: center;
justify-content: center;
}
.Faculty .Slide__Card .Card__Content .Content__Header .Header__Icon i {
color: #fff;
font-size: 24px;
margin-bottom: -6px;
}
.Faculty .Slide__Card .Card__Content .Content__Header .Header__Heading {
font-size: 24px;
font-weight: bold;
color: #1F2937;
}
.Faculty .Slide__Card .Card__Content .Content__Text {
font-size: 16px;
line-height: 24px;
margin-bottom: 24px;
}
.Faculty .Slide__Card .Card__Content .Content__Sections {
margin-bottom: 32px;
}
.Faculty .Slide__Card .Card__Content .Content__Sections .Sections__Heading {
font-size: 20px;
color: #1F2937;
font-weight: 600;
margin-bottom: 16px;
}
.Faculty .Slide__Card .Card__Content .Content__Sections .Sections__List {}
.Faculty .Slide__Card .Card__Content .Content__Sections .Sections__List .List__Icon {
font-size: 20px;
margin-right: 4px;
}
.Faculty .Slide__Card .Card__Content .Content__Sections .Sections__List .List__Title {
font-size: 16px;
}
.Faculty .Slide__Card .Card__Content .Content__Features {
margin-bottom: 32px;
}
.Faculty .Slide__Card .Card__Content .Content__Features .Features__Heading {
font-size: 20px;
color: #1F2937;
font-weight: 600;
margin-bottom: 16px;
}
.Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes {}
.Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes .Boxes__Box {
padding: 16px;
background-color: var(--color-gray-bg);
border-radius: 16px;
}
.Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes .Boxes__Box .Box__Icon {
height: 40px;
width: 40px;
background-color: var(--color-primary-light);
border-radius: 50%;
margin-bottom: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes .Boxes__Box .Box__Icon img {
width: 24px;
height: auto;
}
.Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes .Boxes__Box .Box__Title {
font-size: 16px;
font-weight: 600px;
margin-bottom: 6px;
}
.Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes .Boxes__Box .Box__Text {
color: #4B5563;
font-size: 14px;
line-height: 20px;
}
.Faculty .Slide__Card .Card__Content .Content__Buttons {
display: flex;
align-items: center;
gap: 4px;
}
.Faculty .Slide__Card .Card__Content .Content__Buttons .Buttons__Button {
padding: 12px 23px;
font-size: 16px;
font-weight: 600;
margin-right: 16px;
border-radius: 8px;
display: flex;
}
.Faculty .Slide__Card .Card__Content .Content__Buttons .Buttons__Button.Buttons__Button--Info {
background-color: var(--color-primary);
color: #fff;
}
.Faculty .Slide__Card .Card__Content .Content__Buttons .Buttons__Button.Buttons__Button--Staff {
border: 1px solid var(--color-primary);
color: var(--color-primary);
}
.Faculty .Slide__Card .Card__Content .Content__Buttons .Buttons__Button.Buttons__Button--Contact {
color: var(--color-gray);
border: 1px solid var(--color-gray);
}
.Faculty .swiper-button-next,
.Faculty .swiper-button-prev {
color: #003366; display: flex;
align-items: center;
justify-content: center;
}
.Faculty .swiper-button-next::after,
.Faculty .swiper-button-prev::after {
font-size: 24px;
} .NewsAndEvents {
background-color: #fff;
padding: 64px 0;
}
.NewsAndEvents__Card {
border-radius: 16px;
width: 100%;
background-color: #fff;
overflow: hidden;
box-shadow: var(--shadow-lg);
margin-bottom: 32px;
transition: 0.4s ease;
}
.NewsAndEvents__Card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.NewsAndEvents__Card .Card__Img {
height: 192px;
width: 100%;
object-fit: cover;
}
.NewsAndEvents__Card .Card__Body {
padding: 24px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.NewsAndEvents__Card .Card__Body .Body__Title {
margin-bottom: 8px;
font-size: 20px;
font-weight: 600;
color: #1F2937;
}
.NewsAndEvents__Card .Card__Body .Body__Text {
margin-bottom: 16px;
line-height: 24px;
color: #4B5563;
font-size: 16px;
}
.NewsAndEvents__Card .Date__Text {
color: #6B7280;
font-size: 14px;
}
.NewsAndEvents__Card .Card__Body .Body__Details {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
}
.NewsAndEvents__Card .Card__Body .Body__Details .Details__Text {
color: #6B7280;
font-size: 14px;
}
.NewsAndEvents__Card .Card__Body .Body__Details .Details__Link {
color: var(--color-primary);
} .FacultyOpportunities__Card {
border-radius: 16px;
width: 100%;
background-color: #fff;
overflow: hidden;
box-shadow: var(--shadow-lg);
transition: 0.4s ease;
height: 100%;
}
.FacultyOpportunities__Card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.FacultyOpportunities__Card .Card__Img {
height: 192px;
width: 100%;
object-fit: cover;
}
.FacultyOpportunities__Card .Card__Body {
padding: 24px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.FacultyOpportunities__Card .Card__Body .Body__Header {
display: flex;
align-items: center;
gap: 10px;
}
.FacultyOpportunities__Card .Card__Body .Body__Header .Header__Icon {
width: 40px;
height: 40px;
background-color: var(--color-primary-light);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.FacultyOpportunities__Card .Card__Body .Body__Header .Header__Icon i {
color: var(--color-primary);
font-size: 18px;
}
.FacultyOpportunities__Card .Card__Body .Body__Title {
margin-bottom: 8px;
font-size: 20px;
font-weight: 600;
color: #1F2937;
}
.FacultyOpportunities__Card .Card__Body .Body__Text {
margin-bottom: 16px;
line-height: 24px;
color: #4B5563;
font-size: 16px;
}
.FacultyOpportunities__Card .Card__Body .Body__Info {
margin: 0 0 16px;
display: flex;
gap: 8px;
align-items: center;
}
.FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box {
padding: 4px 8px;
border-radius: var(--radius-full);
font-size: 16px;
}
.FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box.Info__Box--Blue {
background-color: var(--color-blue-light);
color: var(--color-blue);
}
.FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box.Info__Box--Green {
background-color: var(--color-green-light);
color: var(--color-green);
}
.FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box.Info__Box--Purple {
background-color: var(--color-blue-purple);
color: var(--color-purple);
}
.FacultyOpportunities__Card .Card__Body .Body__Details {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
}
.FacultyOpportunities__Card .Card__Body .Body__Details .Details__Text {
color: #6B7280;
font-size: 14px;
}
.FacultyOpportunities__Card .Card__Body .Body__Details .Details__Link {
color: var(--color-primary);
} .FacultyContact {}
.FacultyContact .FacultyContact__Card {
background-color: #fff;
box-shadow: var(--shadow-md);
padding: 24px;
border-radius: 16px;
height: 356px;
}
.FacultyContact .FacultyContact__Card .Card__Header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
}
.FacultyContact .FacultyContact__Card .Card__Header .Header__Icon {
background-color: var(--color-blue-light);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.FacultyContact .FacultyContact__Card .Card__Header .Header__Icon i {
font-size: 16px;
color: var(--color-primary);
}
.FacultyContact .FacultyContact__Card .Card__Header .Header__Heading {
font-size: 20px;
font-weight: 600;
color: #1F2937;
margin-bottom: 0;
}
.FacultyContact .FacultyContact__Card .Card__List {}
.FacultyContact .FacultyContact__Card .Card__List .List__Item {
display: flex;
gap: 10px;
}
.FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Icon {}
.FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Icon i {
font-size: 18px;
color: var(--color-primary);
}
.FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Content {}
.FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Content .Content__Heading {
font-size: 16px;
color: var(--color-primary);
margin-bottom: 4px;
font-weight: 600;
}
.FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Content .Content__Text {
font-size: 14px;
color: #4B5563;
} .Questions {
background-color: #fff;
padding: 44px 0;
}
.Questions .Questions__Accordion {
background-color: var(--color-gray-light);
padding: 24px;
border-radius: 16px;
box-shadow: var(--shadow-md);
}
.Questions .Questions__Accordion .Accordion__Item {
border: none;
}
.Questions .Questions__Accordion .Accordion__Item .Item__Header {}
.Questions .Questions__Accordion .Accordion__Item .Item__Header .Header__Button {
color: #1F2937;
font-size: 16px;
font-weight: 600;
background-color: var(--color-gray-light);
border: none;
border-bottom: 1px solid #bcbcbc46;
}
.Questions .accordion-item:first-of-type .accordion-button {
background-color: var(--color-gray-light);
border: none;
}
.Questions .Questions__Accordion .Accordion__Item .Item__Collapse {
background-color: var(--color-gray-light);
}
.Questions .Questions__Accordion .Accordion__Item .Item__Collapse .Collapse__Body {
font-size: 14px;
color: #4B5563;
background-color: var(--color-gray-light) !important;
}
.Questions .accordion-button:not(.collapsed) {
background-color: var(--color-gray-light);
}
.Questions .accordion-button.collapsed {
background-color: var(--color-gray-light);
} .ContactSubscribe {
padding: 64px 0;
background-color: #ffffff;
}
.ContactSubscribe .ContactSubscribe__Box {
height: 100%;
padding: 32px;
border-radius: 16px;
}
.ContactSubscribe .ContactSubscribe__Box .Box__Heading {}
.ContactSubscribe .ContactSubscribe__Box .Box__Item {}
.ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Icon {
min-width: 40px;
width: 40px;
height: 40px;
background-color: var(--color-primary-light);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Icon i {
color: var(--color-primary);
font-size: 18px !important;
}
.ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Info {}
.ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Info .Info__Heading {}
.ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Info .Info__Text {}
.ContactSubscribe .ContactSubscribe__Box .Box__Social {
margin-top: 20px;
}
.ContactSubscribe .ContactSubscribe__Box .Box__Social a {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-primary);
width: 40px;
height: 40px;
border-radius: 100%;
}
.ContactSubscribe .ContactSubscribe__Box .Box__Social a i {
font-size: 16px;
color: #fff;
} .Nav {
flex-wrap: nowrap; 
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.Nav .Nav__Item {}
.Nav .Nav__Item .Item__Link {
padding: 8px 16px;
margin-right: 6px;
background-color: #e8e8e8;
color: var(--color-gray);
border-radius: var(--radius-full);
white-space: nowrap;
}
.Nav::-webkit-scrollbar {
display: none;
}
.Nav .Nav__Item .Item__Link.active {
padding: 8px 16px;
background-color: var(--color-primary);
color: #fff;
} .Search {
background-color: var(--color-gray-light);
height: 40px;
border-radius: var(--radius-full);
}
.Search .Search__Form {}
.Search .Search__Form .Form__Input {
border: none;
background-color: transparent;
padding: 10px 14px;
width: 312px;
}
.Search .Searh__Form .Form__Input::placeholder {
color: var(--color-gray);
}
.Search .Search__Form .Form__Button {
border: none;
background-color: transparent;
padding: 0 16px;
color: var(--color-gray);
} .FacultyChart .tab-button.active {
border-bottom: 2px solid #0d6efd;
color: #0d6efd;
font-weight: 600;
}
.FacultyChart .FacultyChart__Card {
border: none;
border-radius: 16px;
padding: 24px;
} .About {
margin-bottom: 48px;
}
.About .About__Heading {
font-size: 24px;
font-weight: bold;
padding-bottom: 16px;
}
.About .About__Text {
color: #4B5563;
font-size: 16px;
line-height: 24px;
padding-bottom: 16px;
}
.About .About__Img {}
.About .About__Img img {
height: 400px;
border-radius: 20px;
overflow: hidden;
object-fit: cover;
box-shadow: var(--shadow-lg);
} .Button {
padding: 12px 23px;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
display: flex;
border: 0;
}
.Button.Button--Blue {
background-color: var(--color-primary);
color: #fff;
}
.Button.Button--BlueOutline {
border: 1px solid var(--color-primary);
color: var(--color-primary);
background-color: transparent;
}
.Button.Button--Gray {
color: var(--color-gray);
border: 1px solid var(--color-gray);
}
input:focus {
outline: none;
}
.custom-switch {
position: relative;
display: inline-block;
width: 48px;
height: 24px;
}
.custom-switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 24px;
}
.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
transition: .4s;
border-radius: 50%;
}
input:checked + .slider {
background-color: #1e3a8a;
}
input:checked + .slider:before {
transform: translateX(24px);
} .Events {}
.Events__Card {
height: 460px;
border-radius: 16px;
width: 100%;
background-color: #fff;
overflow: hidden;
box-shadow: var(--shadow-lg);
margin-bottom: 32px;
transition: 0.4s ease;
position: relative;
}
.Events__Card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.Events__Card .Card__Day {
position: absolute;
top: 10px;
left: 10px;
background-color: #fff;
width: 50px;
height: 60px;
border-radius: 8px;
font-size: 12px;
color: #4B5563;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.Events__Card .Card__Day .Day__Number {
font-size: 16px;
font-weight: bold;
color: var(--color-primary);
}
.Events__Card .Card__Img {
height: 192px;
width: 100%;
object-fit: cover;
}
.Events__Card .Card__Body {
padding: 24px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.Events__Card .Card__Body .Body__Title {
margin-bottom: 8px;
font-size: 20px;
font-weight: 600;
color: #1F2937;
}
.Events__Card .Card__Body .Body__Text {
margin-bottom: 16px;
line-height: 24px;
color: #4B5563;
font-size: 16px;
}
.Events__Card .Date__Text {
color: #6B7280;
font-size: 14px;
}
.Events__Card .Card__Body .Body__Details {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
}
.Events__Card .Card__Body .Body__Details .Details__Text {
color: #6B7280;
font-size: 14px;
}
.Events__Card .Card__Body .Body__Details .Details__Link {
color: var(--color-primary);
} .DiningServices {}
.DiningServices .DiningServices__Card {
overflow: hidden;
}
.DiningServices .DiningServices__Card .Card__Img {}
.DiningServices .DiningServices__Card .Body__Link {
color: var(--color-primary);
font-size: 14px;
margin-top: 10px;
}
.DiningServices .DiningServices__Card--Big {
overflow: hidden;
}
.DiningServices .DiningServices__Card--Big .Card__Img {}
.backdrop-blur {
backdrop-filter: blur(6px);
background-color: #ffffff34;
min-height: 110px;
border-radius: 16px !important;
} .swiper-button-next,
.swiper-button-prev {
color: white; z-index: 10;
} .swiper-pagination-bullet {
background: white;
opacity: 0.7;
}
.swiper-pagination-bullet-active {
opacity: 1;
} .DepartmentFeatures {}
.DepartmentFeatures .DepartmentFeatures__Card {
border-radius: 16px;
background-color: #F9FAFB;
padding: 24px;
box-shadow: var(--shadow-md);
}
.DepartmentFeatures .DepartmentFeatures__Card .Card__Icon {
width: 56px; 
height: 56px;
background-color: rgb(222, 222, 222);
}
.DepartmentFeatures .DepartmentFeatures__Card .Card__Icon img {
width: 24px;
height: auto;
}
.DepartmentFeatures .DepartmentFeatures__Heading {
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.DepartmentFeatures .DepartmentFeatures__Text {
color: #4B5563;
font-size: 16px;
line-height: 24px;
}
.Departments__Card {
box-shadow: var(--shadow-md);
border-radius: 16px;
overflow: hidden;
}
.Departments__Card .Card__Img {
height: 256px;
object-fit: cover;
}
.Departments__Card .Card__Body {}
.Departments__Card .Card__Body .Body__Title {
font-size: 20px;
color: #1F2937;
font-weight: 600;
}
.Departments__Card .Card__Body .Body__Details {
margin-top: 20px;
}
.Departments__Card .Card__Body .Body__Details .Details__Info {
background-color: var(--color-primary-light);
color: var(--color-primary);
padding: 12px 16px;
border-radius: 20px;
font-size: 16px;
}
.Departments__Card .Card__Body .Body__Details .Details__Link {
color: #333;
font-size: 16px;
}
.Pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
}
.Pagination a, .Pagination span {
padding: 8px 14px;
border: 1px solid #ddd;
text-decoration: none;
color: #0073aa;
border-radius: 4px;
}
.Pagination .current {
background-color: #0073aa;
color: white;
font-weight: bold;
}
.faculty-button-prev::after,
.faculty-button-next::after {
font-size: 34px;
opacity: 1;
color: var(--color-primary);
}
.Quota_Table table, 
.Quota_Table table th, 
.Quota_Table table td {
border: 1px solid #dee2e6;
border-collapse: collapse;
}
.Quota_Table table th,
.Quota_Table table td {
padding: 0.75rem;
vertical-align: middle;
}
@media only screen and (max-width: 600px) {
.Header .navbar-collapse {
position: absolute;
top: 24px;
width: 100%;
z-index: 1000;
background-color: var(--color-primary);
}
.Header .navbar-collapse ul {
padding: 10px;
}
.Header .navbar-toggler:active, .Header .navbar-toggler:focus {
outline: none;
border: none;
} .Hero .Hero__Content .Content__Heading {
font-size: 28px;
margin-bottom: 16px;
}
.Hero .Hero__Content .Content__Text {
font-size: 14px;
margin-bottom: 32px;
line-height: 24px;
}
.heroSwiper .swiper-slide {
padding: 0 34px;
}
.Hero .Content__Buttons {
gap: 6px;
}
.Hero .Hero__Content .Content__Buttons .Buttons__Button {
font-size: 14px;
width: max-content;
}
.Hero .Hero__Content .Content__Buttons .Buttons__Button.Buttons__Blue {
margin-right: 8px;
} .Section__Header {
margin-bottom: 24px;
}
.Section__Header .Header__Heading {
font-size: 26px;
}
.Section__Header .Header__Text {
font-size: 14px;
} .AcademicStaff .AcademicStaff__Card {
height: 380px;
}
.AcademicStaff .AcademicStaff__Card .Card__Img {
height: 224px !important;
}
.AcademicStaff .AcademicStaff__Card .Card__Body {
padding: 16px;
}
.AcademicStaff .AcademicStaff__Card .Card__Body .Body__Title {
font-size: 16px;
}
.AcademicStaff .AcademicStaff__Card .Card__Body .Person__Title {
margin-bottom: 2px;
font-size: 14px;
}
.AcademicStaff .AcademicStaff__Card .Card__Body .Body__Text {
margin-bottom: 8px;
} .Faculty .Slide__Card {
height: max-content !important;
width: 100%;
}
.Faculty .Slide__Card .row {
height: max-content !important;
}
.Faculty .Slide__Card .Col--Img {
height: max-content !important;
}
.Faculty .swiper-slide {
width: 100% !important;
}
.Faculty .Slide__Card .Card__Img {
height: 280px;
}
.Faculty .Slide__Card .Card__Content {
padding: 24px 42px;
font-size: 14px;
}
.Faculty .Slide__Card .Card__Content .Content__Header .Header__Icon {
width: 40px;
height: 40px;
}
.Faculty .Slide__Card .Card__Content .Content__Header .Header__Icon i {
font-size: 22px;
margin-bottom: -6px;
}
.Faculty .Slide__Card .Card__Content .Content__Header .Header__Heading {
font-size: 18px;
}
.Faculty .Slide__Card .Card__Content p {
font-size: 14px;
line-height: 20px;
}
.Faculty .Slide__Card .Card__Content .Content__Sections {
margin-bottom: 22px;
}
.Faculty .Slide__Card .Card__Content .Content__Sections .Sections__Heading {
font-size: 18px;
margin-bottom: 10px;
}
.Faculty .Slide__Card .Card__Content .Content__Sections .Sections__List {}
.Faculty .Slide__Card .Card__Content .Content__Sections .Sections__List .List__Icon {
font-size: 18px;
}
.Faculty .Slide__Card .Card__Content .Content__Sections .Sections__List .List__Title {
font-size: 14px;
}
.Faculty .Slide__Card .Card__Content .Content__Features {
margin-bottom: 32px;
}
.Faculty .Slide__Card .Card__Content .Content__Features .Features__Heading {
font-size: 20px;
margin-bottom: 16px;
}
.Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes {}
.Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes .Boxes__Box {
margin-bottom: 8px;
}
.Faculty .Slide__Card .Card__Content .Content__Buttons .Buttons__Button {
padding: 10px 18px;
font-size: 14px;
margin-right: 8px;
} .NewsAndEvents {
background-color: #fff;
padding: 64px 0;
}
.NewsAndEvents__Card {
border-radius: 16px;
width: 100%;
background-color: #fff;
overflow: hidden;
box-shadow: var(--shadow-lg);
margin-bottom: 32px;
transition: 0.4s ease;
}
.NewsAndEvents__Card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.NewsAndEvents__Card .Card__Img {
height: 192px;
width: 100%;
object-fit: cover;
}
.NewsAndEvents__Card .Card__Body {
padding: 24px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.NewsAndEvents__Card .Card__Body .Body__Title {
margin-bottom: 8px;
font-size: 20px;
font-weight: 600;
color: #1F2937;
}
.NewsAndEvents__Card .Card__Body .Body__Text {
margin-bottom: 16px;
line-height: 24px;
color: #4B5563;
font-size: 16px;
}
.NewsAndEvents__Card .Date__Text {
color: #6B7280;
font-size: 14px;
}
.NewsAndEvents__Card .Card__Body .Body__Details {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
}
.NewsAndEvents__Card .Card__Body .Body__Details .Details__Text {
color: #6B7280;
font-size: 14px;
}
.NewsAndEvents__Card .Card__Body .Body__Details .Details__Link {
color: var(--color-primary);
} .FacultyOpportunities__Card {
border-radius: 16px;
width: 100%;
background-color: #fff;
overflow: hidden;
box-shadow: var(--shadow-lg);
transition: 0.4s ease;
height: 100%;
}
.FacultyOpportunities__Card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.FacultyOpportunities__Card .Card__Img {
height: 192px;
width: 100%;
object-fit: cover;
}
.FacultyOpportunities__Card .Card__Body {
padding: 24px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.FacultyOpportunities__Card .Card__Body .Body__Header {
display: flex;
align-items: center;
gap: 10px;
}
.FacultyOpportunities__Card .Card__Body .Body__Header .Header__Icon {
width: 40px;
height: 40px;
background-color: var(--color-primary-light);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.FacultyOpportunities__Card .Card__Body .Body__Header .Header__Icon i {
color: var(--color-primary);
font-size: 18px;
}
.FacultyOpportunities__Card .Card__Body .Body__Title {
margin-bottom: 8px;
font-size: 20px;
font-weight: 600;
color: #1F2937;
}
.FacultyOpportunities__Card .Card__Body .Body__Text {
margin-bottom: 16px;
line-height: 24px;
color: #4B5563;
font-size: 16px;
}
.FacultyOpportunities__Card .Card__Body .Body__Info {
margin: 0 0 16px;
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
}
.FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box {
padding: 4px 8px;
border-radius: var(--radius-full);
font-size: 16px;
}
.FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box.Info__Box--Blue {
background-color: var(--color-blue-light);
color: var(--color-blue);
}
.FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box.Info__Box--Green {
background-color: var(--color-green-light);
color: var(--color-green);
}
.FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box.Info__Box--Purple {
background-color: var(--color-blue-purple);
color: var(--color-purple);
}
.FacultyOpportunities__Card .Card__Body .Body__Details {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
}
.FacultyOpportunities__Card .Card__Body .Body__Details .Details__Text {
color: #6B7280;
font-size: 14px;
}
.FacultyOpportunities__Card .Card__Body .Body__Details .Details__Link {
color: var(--color-primary);
} .FacultyContact {}
.FacultyContact .FacultyContact__Card {
background-color: #fff;
box-shadow: var(--shadow-md);
padding: 24px;
border-radius: 16px;
height: 380px;
}
.FacultyContact .FacultyContact__Card .Card__Header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
}
.FacultyContact .FacultyContact__Card .Card__Header .Header__Icon {
background-color: var(--color-blue-light);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.FacultyContact .FacultyContact__Card .Card__Header .Header__Icon i {
font-size: 16px;
color: var(--color-primary);
}
.FacultyContact .FacultyContact__Card .Card__Header .Header__Heading {
font-size: 20px;
font-weight: 600;
color: #1F2937;
margin-bottom: 0;
}
.FacultyContact .FacultyContact__Card .Card__List {}
.FacultyContact .FacultyContact__Card .Card__List .List__Item {
display: flex;
gap: 10px;
}
.FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Icon {}
.FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Icon i {
font-size: 18px;
color: var(--color-primary);
}
.FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Content {}
.FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Content .Content__Heading {
font-size: 16px;
color: var(--color-primary);
margin-bottom: 4px;
font-weight: 600;
}
.FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Content .Content__Text {
font-size: 14px;
color: #4B5563;
} .ContactSubscribe {
padding: 64px 0;
background-color: #ffffff;
}
.ContactSubscribe .ContactSubscribe__Box {
height: 100%;
padding: 32px;
border-radius: 16px;
}
.ContactSubscribe .ContactSubscribe__Box .Box__Heading {}
.ContactSubscribe .ContactSubscribe__Box .Box__Item {}
.ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Icon {
width: 40px;
height: 40px;
background-color: var(--color-primary-light);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Icon i {
color: var(--color-primary);
font-size: 18px !important;
}
.ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Info {}
.ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Info .Info__Heading {}
.ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Info .Info__Text {}
.ContactSubscribe .ContactSubscribe__Box .Box__Social {
margin-top: 20px;
}
.ContactSubscribe .ContactSubscribe__Box .Box__Social a {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-primary);
width: 40px;
height: 40px;
border-radius: 100%;
}
.ContactSubscribe .ContactSubscribe__Box .Box__Social a i {
font-size: 16px;
color: #fff;
} .FacultyChart .tab-button.active {
border-bottom: 2px solid #0d6efd;
color: #0d6efd;
font-weight: 600;
}
.FacultyChart .FacultyChart__Card {
border: none;
border-radius: 16px;
padding: 24px;
} .About {
margin-bottom: 48px;
}
.About .About__Heading {
font-size: 24px;
font-weight: bold;
padding-bottom: 16px;
}
.About .About__Text {
color: #4B5563;
font-size: 16px;
line-height: 24px;
padding-bottom: 16px;
}
.About .About__Img {
margin-top: 24px;
}
.About .About__Img img {
height: 400px;
border-radius: 20px;
overflow: hidden;
object-fit: cover;
box-shadow: var(--shadow-lg);
} .Button {
padding: 12px 23px;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
display: flex;
border: 0;
}
.Button.Button--Blue {
background-color: var(--color-primary);
color: #fff;
}
.Button.Button--BlueOutline {
border: 1px solid var(--color-primary);
color: var(--color-primary);
background-color: transparent;
}
.Button.Button--Gray {
color: var(--color-gray);
border: 1px solid var(--color-gray);
}
input:focus {
outline: none;
}
.custom-switch {
position: relative;
display: inline-block;
width: 48px;
height: 24px;
}
.custom-switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 24px;
}
.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
transition: .4s;
border-radius: 50%;
}
input:checked + .slider {
background-color: #1e3a8a;
}
input:checked + .slider:before {
transform: translateX(24px);
} .Events {}
.Events__Card {
height: 460px;
border-radius: 16px;
width: 100%;
background-color: #fff;
overflow: hidden;
box-shadow: var(--shadow-lg);
margin-bottom: 32px;
transition: 0.4s ease;
position: relative;
}
.Events__Card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.Events__Card .Card__Day {
position: absolute;
top: 10px;
left: 10px;
background-color: #fff;
width: 50px;
height: 60px;
border-radius: 8px;
font-size: 12px;
color: #4B5563;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.Events__Card .Card__Day .Day__Number {
font-size: 16px;
font-weight: bold;
color: var(--color-primary);
}
.Events__Card .Card__Img {
height: 192px;
width: 100%;
object-fit: cover;
}
.Events__Card .Card__Body {
padding: 24px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.Events__Card .Card__Body .Body__Title {
margin-bottom: 8px;
font-size: 20px;
font-weight: 600;
color: #1F2937;
}
.Events__Card .Card__Body .Body__Text {
margin-bottom: 16px;
line-height: 24px;
color: #4B5563;
font-size: 16px;
}
.Events__Card .Date__Text {
color: #6B7280;
font-size: 14px;
}
.Events__Card .Card__Body .Body__Details {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
}
.Events__Card .Card__Body .Body__Details .Details__Text {
color: #6B7280;
font-size: 14px;
}
.Events__Card .Card__Body .Body__Details .Details__Link {
color: var(--color-primary);
} .DiningServices {}
.DiningServices .DiningServices__Card {
overflow: hidden;
}
.DiningServices .DiningServices__Card .Card__Img {}
.DiningServices .DiningServices__Card .Body__Link {
color: var(--color-primary);
font-size: 14px;
margin-top: 10px;
}
.DiningServices .DiningServices__Card--Big {
overflow: hidden;
}
.DiningServices .DiningServices__Card--Big .Card__Img {}
.backdrop-blur {
backdrop-filter: blur(6px);
background-color: #ffffff34;
min-height: 110px;
border-radius: 16px !important;
} .swiper-button-next,
.swiper-button-prev {
color: white; z-index: 10;
} .swiper-pagination-bullet {
background: white;
opacity: 0.7;
}
.swiper-pagination-bullet-active {
opacity: 1;
} .DepartmentFeatures {}
.DepartmentFeatures .DepartmentFeatures__Card {
border-radius: 16px;
background-color: #F9FAFB;
padding: 24px;
box-shadow: var(--shadow-md);
}
.DepartmentFeatures .DepartmentFeatures__Card .Card__Icon {
width: 56px; 
height: 56px;
background-color: rgb(222, 222, 222);
}
.DepartmentFeatures .DepartmentFeatures__Card .Card__Icon img {
width: 24px;
height: auto;
}
.DepartmentFeatures .DepartmentFeatures__Heading {
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.DepartmentFeatures .DepartmentFeatures__Text {
color: #4B5563;
font-size: 16px;
line-height: 24px;
}
.Departments__Card {
box-shadow: var(--shadow-md);
border-radius: 16px;
overflow: hidden;
}
.Departments__Card .Card__Img {
height: 256px;
object-fit: cover;
}
.Departments__Card .Card__Body {}
.Departments__Card .Card__Body .Body__Title {
font-size: 20px;
color: #1F2937;
font-weight: 600;
}
.Departments__Card .Card__Body .Body__Details {
margin-top: 20px;
}
.Departments__Card .Card__Body .Body__Details .Details__Info {
background-color: var(--color-primary-light);
color: var(--color-primary);
padding: 12px 16px;
border-radius: 20px;
font-size: 16px;
}
.Departments__Card .Card__Body .Body__Details .Details__Link {
color: #333;
font-size: 16px;
}
.Pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
}
.Pagination a, .Pagination span {
padding: 8px 14px;
border: 1px solid #ddd;
text-decoration: none;
color: #0073aa;
border-radius: 4px;
}
.Pagination .current {
background-color: #0073aa;
color: white;
font-weight: bold;
}
.faculty-button-prev::after,
.faculty-button-next::after {
font-size: 34px;
opacity: 1;
color: var(--color-primary);
}
.Quota_Table table, 
.Quota_Table table th, 
.Quota_Table table td {
border: 1px solid #dee2e6;
border-collapse: collapse;
}
.Quota_Table table th,
.Quota_Table table td {
padding: 0.75rem;
vertical-align: middle;
}
.Nav {
width: 100%;
}
.Body__Text .Text__Img {
height: 240px !important;
}
.yemekhane_heading, .yemekhane_text {
text-align: center;
}
.HealthServices img {
height: 340px !important;
object-fit: cover;
}
.PointsAndQuotas th {
white-space: nowrap;
}
}