/* Navbar */
.nav-common {
    background-color: #b2060a;
    backdrop-filter: blur(4px);
}

.text-light-nav{
	color: #f1f1f1 !important;
}

.navbar-custom .dropdown-menu {
	box-shadow: none;
	background: #ffeddc;
	border: 0;
	padding: 0;
	margin-top: 8px;
}
  
.navbar-custom {
	border: 0;
	border-radius: 0;
	z-index: 1050;
	font-size: 14px;
}
  
.navbar a {
	transition: color 0.125s ease-in-out;
}

.navbar-nav .nav-link.show {
	color: #000000;
}
  
.navbar-custom .nav li > a {
	position: relative;
	color: #000000;
}
  
.navbar-custom .dropdown-menu > li > a {
	border-bottom: 1px solid rgba(73, 71, 71, 0.15);
	padding: 12px 18px;
	color: #000000;
}
  
.navbar-custom .dropdown-menu > li > a:hover {
	background: #b2060a !important;
	color: #ffffff;
}
  
.navbar-custom .dropdown-menu .dropdown-menu {
	border-right: 1px solid rgba(73, 71, 71, 0.15);
	right: auto;
	left: 100%;
	top: 0;
	margin-top: 0;
}
  
.navbar-custom .dropdown-menu.dropdown-menu-end .dropdown-menu {
	border: 0;
	left: 100%;
	right: auto;
	border-left: 1px solid rgba(73, 71, 71, 0.15);
}
 
.dropdown-menu {
	min-width: 200px;
	font-size: 14px;
}
  
@media (max-width: 768px) {
	.navbar-custom .dropdown-menu {
	  font-size: 14px;
	  min-width: 100%;
	}
}

@media (max-width: 991px) {
    .navbar-nav .dropdown-menu {
        margin-left: 15px; /* Adjust as needed */
    }
}

.assessibility a, .assessibility i {
    font-size: 14px;
	line-height: 1;
}

/* Homepage */
.hero-video {
  width: 100%;
  height: 75vh;
  object-fit: cover; /* Ensure the video covers the entire area */
  z-index: -1; /* Keep the video behind the content */
}

@media (max-width: 768px) {
	.hero-video{
		height: 55vh;
	}

	.play-button-overlay i {
		font-size: 2rem !important;
	}
}

.play-button-overlay i {
	font-size: 5rem !important;
	color: #000000;
}

/* Why Nlu Meg */
.why-nlu-meg img{
	object-fit: cover;
}

/* Whats New */
.post-container {
	overflow: hidden !important;
}

.post {
	position: relative;
	text-decoration: none !important;
}

.post:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50%;
	background: linear-gradient(to bottom, transparent, transparent, black);
	z-index: 5;
}

.post-secondary {
	position: relative;
	text-decoration: none !important;
}

.post-headline {
	position: absolute;
	bottom: 0;
	color: white !important;
	z-index: 888;
	padding: 0px 16px;
}

/* Post Images */
.post-img-main {
	position: relative;
	width: 100%;
	max-height: 600px;
	object-fit: contain;
	background-position: center;
	transition: transform ease-in 0.3s;
}

.post-img-thumbnail {
	position: relative;
	width: 100%;
	height: 600px;
	object-fit: contain;
	background-position: center;
	transition: transform ease-in 0.3s;
}

.post-img-thumbnail-small {
	position: relative;
	width: 100%;
	height: 100px;
	object-fit: cover;
	background-position: center;
}

.post-secondary-img-thumbnail {
	position: relative;
	width: 100%;
	height: 250px;
	object-fit: contain;
	transition: transform ease-in 0.3s;
}

/* MEDIA QUERIES BELOW LG SCREEN */
@media (max-width: 992px) {
.post-secondary-img-thumbnail {
    height: 320px;
}
.hero-image {height: 200px;}
}

/* MEDIA QUERIES BELOW MD SCREEN */
@media (max-width: 768px) {
	.post-secondary-img-thumbnail {
		height: 200px;
	}
}

.post:hover .post-img-main {
    transform: scale(1.1);
}

.post:hover .post-img-thumbnail {
    transform: scale(1.05);
}

.post-secondary:hover .post-secondary-img-thumbnail {
    transform: scale(1.1);
}

.category {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 888;
    background-color: #B80303;
    color: white;
    padding: 2px 8px;
    white-space: nowrap;
}

/* Picture Gallery*/
.gallery-image {
	width: 100%;
	height: 300px;
	object-fit: contain;
	align-items: end;
}

.gallery-image-thumbnail {
	width: 100%;
	height: 350px;
	object-fit: contain;
	align-items: end;
}

.gallery-image:hover, .gallery-image-thumbnail:hover {
	transform: scale(1.1);
	cursor: pointer;
}

.image-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    padding-top: 50px;
}

/* Popup Image */
.popup-img {
    max-width: 50%;
    max-height: 50vh;
    box-shadow: 0px 0px 10px white;
    border-radius: 5px;
}

/* Close button */
.close {
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 30px;
    color: white;
    cursor: pointer;
}


/* People */
.team-container {
	display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: auto;
    gap: 12px;
    justify-content: center;
    grid-auto-flow: dense;
}

.team-container .team-member {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}

.team-container .team-member img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-container .team-member:hover {
    transform: scale(1.1);
	z-index: 10;
}

.team-container .team-member .hover-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000aa;
	padding-left: 16px !important;
	padding-right: 16px !important;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
	z-index: 10;
}

.team-container .team-member:hover .hover-info {
    opacity: 1;
	z-index: 10;
}

.team-container .team-member .hover-info h5 {
    font-size: 16px !important;
    margin: 0px;
    margin-top: 60px;
	text-align: center;
	font-weight: 600;
}

.team-container .team-member .hover-info p {
    font-size: 14px !important;
    margin: 0;
	text-align: center;
}

/* Media Queries for Responsive Layout */
@media (max-width: 1499px) {
	.team-container {
		grid-template-columns: repeat(7, 1fr); /* 5 columns for large screens */
	}
}

@media (max-width: 1200px) {
	.team-container {
		grid-template-columns: repeat(6, 1fr); /* 5 columns for large screens */
	}
}

@media (max-width: 992px) {
	.team-container {
		grid-template-columns: repeat(4, 1fr); /* 4 columns for medium screens */
	}
}

@media (max-width: 768px) {
	.team-container {
		grid-template-columns: repeat(3, 1fr); /* 3 columns for small screens */
	}
}

@media (max-width: 576px) {
	.team-container {
		grid-template-columns: repeat(2, 1fr); /* 2 columns for extra small screens */
	}

	.team-container .team-member:hover {
		transform: scale(1.1);
		z-index: 10;
	}
}

.userContainer {
    height: 75vh;
	padding: 12px 36px;
}

.user img {
	height: 100px;
	width: 100px;
	border-radius: 50%;
}

.user img:hover {
	transform: scale(1.2);
}

@media (max-width: 576px) {
	.userContainer {
    	height: auto;
	}
}

/* VC Message */
.clamp-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	position: relative;
	line-height: 1.2em; 
	transition: max-height 0.3s ease;
}
  
.expanded {
	-webkit-line-clamp: unset;
	line-clamp: unset;
	line-height: 1.2em; 
}

.styled-text::first-letter {
    font-size: 2em; 
    font-weight: bold; 
    float: left; 
	margin-right: 10px;
}

/* e Reources */
.eResources img {
    width: auto; 
    height: 100px;
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
	margin: 12px;
	padding: 12px;
    background-color: #f9f9f9;
}

.eResources img:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 8px #ffffff;
}

.my-loft img{
	width: 250px !important;
}

/* Events */
.carousel-image-container {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.carousel-image {
	height: 500px;
	object-fit: cover;
}

.video-item {
	flex: 1 1 calc(48% - 40px);
	max-width: 48%;
}

@media (max-width: 600px) {
	.video-item {
		flex: 1 1 100%; /* On small screens, show 1 per row */
		max-width: 100%;
	}
}

/* Area of Study */
.area-of-study-section{
	background-color: #ffeddc;
}

.area-of-study-grid {
	display: flex;
  	flex-wrap: wrap;
  	gap: 0;
}

.area-of-study-grid-item {
	flex-grow: 1;
  	flex-basis: calc(100% / 6);
  	max-width: calc(100% / 6);
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
}

.area-of-study-grid-item .text .icon i {
	color: #b2060a;
	font-size: 48px !important;
}

.area-of-study-grid-item .text h3 {
	font-size: 18px !important;
	color: #000000;
}

.area-of-study-grid-item:hover, .area-of-study-grid-item:focus {
	background: #b2060a;
}

.area-of-study-grid-item:hover .text,.area-of-study-grid-item:focus .text, 
.area-of-study-grid-item:hover .text h3, .area-of-study-grid-item:focus .text h3, 
.area-of-study-grid-item:hover .text .icon i, .area-of-study-grid-item:focus .text .icon i, 
.area-of-study-grid-item:hover .icon span, .area-of-study-grid-item:focus .icon span {
	color: #fff;
}

@media (max-width: 1199.98px) { /* Large devices */
	.area-of-study-grid-item {
		flex-basis: calc(100% / 5);
		max-width: calc(100% / 5);
	}
}

@media (max-width: 991.98px) { /* Medium devices */
	.area-of-study-grid-item {
		flex-basis: calc(100% / 4);
		max-width: calc(100% / 4);
	}
}

@media (max-width: 767.98px) { /* Small devices (mobile) */
	.area-of-study-grid-item {
		flex-basis: calc(100% / 2);
		max-width: calc(100% / 2);
	}
	.area-of-study-grid-item .text h3 {font-size: 16px !important;}
	
}

/* Programme */
.programme-image{
	width: 100%;
	height: 400px;
	object-fit: contain;
	align-items: end;
}

/* Honeycomb */ 
.honeycomb {
    display: grid;
    grid-template-columns: repeat(8, 160px);
    grid-template-rows: auto;
    gap: 4px;
    justify-content: center;
    grid-auto-flow: dense;
}

.honeycomb .hex:nth-child(n+9):nth-child(-n+16),
.honeycomb .hex:nth-child(n+25):nth-child(-n+32),
.honeycomb .hex:nth-child(n+41):nth-child(-n+48),
.honeycomb .hex:nth-child(n+57):nth-child(-n+64),
.honeycomb .hex:nth-child(n+73):nth-child(-n+80),
.honeycomb .hex:nth-child(n+89):nth-child(-n+96) {
    margin-left: 80px;
    margin-top: -40px;
}

.honeycomb .hex:nth-child(n+17):nth-child(-n+24),
.honeycomb .hex:nth-child(n+33):nth-child(-n+40),
.honeycomb .hex:nth-child(n+49):nth-child(-n+56),
.honeycomb .hex:nth-child(n+65):nth-child(-n+72),
.honeycomb .hex:nth-child(n+81):nth-child(-n+88),
.honeycomb .hex:nth-child(n+97):nth-child(-n+104) {
	margin-left: 0px;
    margin-top: -40px;
}

.honeycomb .hex {
    position: relative;
    width: 160px;
    aspect-ratio: 1;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background: #6c757d;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.honeycomb .hex img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.honeycomb .hex:hover {
    transform: scale(1.4);
	z-index: 10;
}

.honeycomb .hex .hover-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
	z-index: 10;
}

.honeycomb .hex:hover .hover-info {
    opacity: 1;
	z-index: 10;
}

.honeycomb .hex .hover-info h5 {
    font-size: 12px;
    margin: 0px;
    margin-top: 60px;
	text-align: center;
	font-weight: 600;
}

.honeycomb .hex .hover-info p {
    font-size: 8px;
    margin: 0;
	text-align: center;
}

@media only screen and (min-width: 1199px) and (max-width: 1499px) {
	.honeycomb {
		display: grid;
		grid-template-columns: repeat(6, 160px);
		grid-template-rows: auto;
		gap: 4px;
		justify-content: center;
		grid-auto-flow: dense;
	}
	
	.honeycomb .hex:nth-child(n+7):nth-child(-n+12),
	.honeycomb .hex:nth-child(n+19):nth-child(-n+24),
	.honeycomb .hex:nth-child(n+31):nth-child(-n+36),
	.honeycomb .hex:nth-child(n+43):nth-child(-n+48),
	.honeycomb .hex:nth-child(n+55):nth-child(-n+60),
	.honeycomb .hex:nth-child(n+67):nth-child(-n+72),
	.honeycomb .hex:nth-child(n+79):nth-child(-n+84),
	.honeycomb .hex:nth-child(n+91):nth-child(-n+96) {
		margin-left: 80px;
		margin-top: -40px;
	}
	
	.honeycomb .hex:nth-child(n+13):nth-child(-n+18),
	.honeycomb .hex:nth-child(n+25):nth-child(-n+30),
	.honeycomb .hex:nth-child(n+37):nth-child(-n+42),
	.honeycomb .hex:nth-child(n+49):nth-child(-n+54),
	.honeycomb .hex:nth-child(n+61):nth-child(-n+66),
	.honeycomb .hex:nth-child(n+73):nth-child(-n+78),
	.honeycomb .hex:nth-child(n+85):nth-child(-n+90),
	.honeycomb .hex:nth-child(n+97):nth-child(-n+102) {
		margin-left: 0px;
		margin-top: -40px;
	}
}

@media (min-width: 890px) and (max-width: 1198px) {
    .honeycomb {
        grid-template-columns: repeat(4, 160px);
    }

	.honeycomb .hex:nth-child(n+5):nth-child(-n+8),
	.honeycomb .hex:nth-child(n+13):nth-child(-n+16),
	.honeycomb .hex:nth-child(n+21):nth-child(-n+24),
	.honeycomb .hex:nth-child(n+29):nth-child(-n+32),
	.honeycomb .hex:nth-child(n+37):nth-child(-n+40),
	.honeycomb .hex:nth-child(n+45):nth-child(-n+48),
	.honeycomb .hex:nth-child(n+53):nth-child(-n+56),
	.honeycomb .hex:nth-child(n+61):nth-child(-n+64),
	.honeycomb .hex:nth-child(n+69):nth-child(-n+72),
	.honeycomb .hex:nth-child(n+77):nth-child(-n+80),
	.honeycomb .hex:nth-child(n+85):nth-child(-n+88),
	.honeycomb .hex:nth-child(n+93):nth-child(-n+96) {
		margin-left: 80px;
		margin-top: -40px;
	}

	.honeycomb .hex:nth-child(n+9):nth-child(-n+12),
	.honeycomb .hex:nth-child(n+17):nth-child(-n+20),
	.honeycomb .hex:nth-child(n+25):nth-child(-n+28),
	.honeycomb .hex:nth-child(n+33):nth-child(-n+36),
	.honeycomb .hex:nth-child(n+41):nth-child(-n+44),
	.honeycomb .hex:nth-child(n+49):nth-child(-n+52),
	.honeycomb .hex:nth-child(n+57):nth-child(-n+60),
	.honeycomb .hex:nth-child(n+65):nth-child(-n+68),
	.honeycomb .hex:nth-child(n+73):nth-child(-n+76),
	.honeycomb .hex:nth-child(n+81):nth-child(-n+84),
	.honeycomb .hex:nth-child(n+89):nth-child(-n+92),
	.honeycomb .hex:nth-child(n+97):nth-child(-n+100) {
		margin-top: -40px;
		margin-left: 0px;
	}
}

@media (min-width: 577px) and (max-width: 889px) {
    .honeycomb {
        grid-template-columns: repeat(3, 160px);
    }

	.honeycomb .hex:nth-child(n+4):nth-child(-n+6),
	.honeycomb .hex:nth-child(n+10):nth-child(-n+12),
	.honeycomb .hex:nth-child(n+16):nth-child(-n+18),
	.honeycomb .hex:nth-child(n+22):nth-child(-n+24),
	.honeycomb .hex:nth-child(n+28):nth-child(-n+30),
	.honeycomb .hex:nth-child(n+34):nth-child(-n+36),
	.honeycomb .hex:nth-child(n+40):nth-child(-n+42),
	.honeycomb .hex:nth-child(n+46):nth-child(-n+48),
	.honeycomb .hex:nth-child(n+52):nth-child(-n+54),
	.honeycomb .hex:nth-child(n+58):nth-child(-n+60),
	.honeycomb .hex:nth-child(n+64):nth-child(-n+66),
	.honeycomb .hex:nth-child(n+70):nth-child(-n+72),
	.honeycomb .hex:nth-child(n+76):nth-child(-n+78),
	.honeycomb .hex:nth-child(n+82):nth-child(-n+84),
	.honeycomb .hex:nth-child(n+88):nth-child(-n+90),
	.honeycomb .hex:nth-child(n+94):nth-child(-n+96) {
		margin-left: 80px;
		margin-top: -40px;
	}

	.honeycomb .hex:nth-child(n+7):nth-child(-n+9),
	.honeycomb .hex:nth-child(n+13):nth-child(-n+15),
	.honeycomb .hex:nth-child(n+19):nth-child(-n+21),
	.honeycomb .hex:nth-child(n+25):nth-child(-n+27),
	.honeycomb .hex:nth-child(n+31):nth-child(-n+33),
	.honeycomb .hex:nth-child(n+37):nth-child(-n+39),
	.honeycomb .hex:nth-child(n+43):nth-child(-n+45),
	.honeycomb .hex:nth-child(n+49):nth-child(-n+51),
	.honeycomb .hex:nth-child(n+55):nth-child(-n+57),
	.honeycomb .hex:nth-child(n+61):nth-child(-n+63),
	.honeycomb .hex:nth-child(n+67):nth-child(-n+69),
	.honeycomb .hex:nth-child(n+73):nth-child(-n+75),
	.honeycomb .hex:nth-child(n+79):nth-child(-n+81),
	.honeycomb .hex:nth-child(n+85):nth-child(-n+87),
	.honeycomb .hex:nth-child(n+91):nth-child(-n+93),
	.honeycomb .hex:nth-child(n+97):nth-child(-n+99) {
		margin-top: -40px;
		margin-left: 0px;
	}
}

@media (max-width: 576px) {
    .honeycomb {
        grid-template-columns: repeat(2, 160px);
		justify-content: start;
		padding: 0 20px;
    }

	.honeycomb .hex:nth-child(n+3):nth-child(-n+4),
	.honeycomb .hex:nth-child(n+7):nth-child(-n+8),
	.honeycomb .hex:nth-child(n+11):nth-child(-n+12),
	.honeycomb .hex:nth-child(n+15):nth-child(-n+16),
	.honeycomb .hex:nth-child(n+19):nth-child(-n+20),
	.honeycomb .hex:nth-child(n+23):nth-child(-n+24),
	.honeycomb .hex:nth-child(n+27):nth-child(-n+28),
	.honeycomb .hex:nth-child(n+31):nth-child(-n+32),
	.honeycomb .hex:nth-child(n+35):nth-child(-n+36),
	.honeycomb .hex:nth-child(n+39):nth-child(-n+40),
	.honeycomb .hex:nth-child(n+43):nth-child(-n+44),
	.honeycomb .hex:nth-child(n+47):nth-child(-n+48),
	.honeycomb .hex:nth-child(n+51):nth-child(-n+52),
	.honeycomb .hex:nth-child(n+55):nth-child(-n+56),
	.honeycomb .hex:nth-child(n+59):nth-child(-n+60),
	.honeycomb .hex:nth-child(n+63):nth-child(-n+64),
	.honeycomb .hex:nth-child(n+67):nth-child(-n+68),
	.honeycomb .hex:nth-child(n+71):nth-child(-n+72),
	.honeycomb .hex:nth-child(n+75):nth-child(-n+76),
	.honeycomb .hex:nth-child(n+79):nth-child(-n+80),
	.honeycomb .hex:nth-child(n+83):nth-child(-n+84),
	.honeycomb .hex:nth-child(n+87):nth-child(-n+88),
	.honeycomb .hex:nth-child(n+91):nth-child(-n+92),
	.honeycomb .hex:nth-child(n+95):nth-child(-n+96),
	.honeycomb .hex:nth-child(n+99):nth-child(-n+100) {
		margin-left: 80px;
		margin-top: -40px;
	}

	.honeycomb .hex:nth-child(n+5):nth-child(-n+6),
	.honeycomb .hex:nth-child(n+9):nth-child(-n+10),
	.honeycomb .hex:nth-child(n+13):nth-child(-n+14),
	.honeycomb .hex:nth-child(n+17):nth-child(-n+18),
	.honeycomb .hex:nth-child(n+21):nth-child(-n+22),
	.honeycomb .hex:nth-child(n+25):nth-child(-n+26),
	.honeycomb .hex:nth-child(n+29):nth-child(-n+30),
	.honeycomb .hex:nth-child(n+33):nth-child(-n+34),
	.honeycomb .hex:nth-child(n+37):nth-child(-n+38),
	.honeycomb .hex:nth-child(n+41):nth-child(-n+42),
	.honeycomb .hex:nth-child(n+45):nth-child(-n+46),
	.honeycomb .hex:nth-child(n+49):nth-child(-n+50),
	.honeycomb .hex:nth-child(n+53):nth-child(-n+54),
	.honeycomb .hex:nth-child(n+57):nth-child(-n+58),
	.honeycomb .hex:nth-child(n+61):nth-child(-n+62),
	.honeycomb .hex:nth-child(n+65):nth-child(-n+66),
	.honeycomb .hex:nth-child(n+69):nth-child(-n+70),
	.honeycomb .hex:nth-child(n+73):nth-child(-n+74),
	.honeycomb .hex:nth-child(n+77):nth-child(-n+78),
	.honeycomb .hex:nth-child(n+81):nth-child(-n+82),
	.honeycomb .hex:nth-child(n+85):nth-child(-n+86),
	.honeycomb .hex:nth-child(n+89):nth-child(-n+90),
	.honeycomb .hex:nth-child(n+93):nth-child(-n+94),
	.honeycomb .hex:nth-child(n+97):nth-child(-n+98),
	.honeycomb .hex:nth-child(n+101):nth-child(-n+102) {
		margin-top: -40px;
		margin-left: 0px;
	}

	.hex {
		width: 160px;
	}
}

/* FAQs*/
.accordion-button {
	padding: 1rem;
	color: #000000 !important;
	background-color: #ffeddcdd !important;
}
.accordion-body {
	padding: 1rem;
	background-color: #f1f1f1;
	color: #000;
}

.accordion-button:not(.collapsed),
.accordion-button[aria-expanded="true"] {
	background-color: #b2060a !important;
	color: #ffffff !important;
}

/* People Page */
.people-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
    gap: 16px;
    justify-content: center;
    grid-auto-flow: dense;
}

.people-container.lg {
    grid-template-columns: repeat(5, 1fr);
}

.people-container .people-member {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.people-container .people-member img {
    width: 100%;
    height: auto;
    object-fit: cover;
    flex-grow: 1;
}

.people-container .people-member:hover {
    transform: scale(1.3);
    z-index: 10;
}

.people-container .people-member .people-info {
    background: #b2060a;
    color: white;
    text-align: center;
    padding: 8px;
}

.people-container .people-member .people-info h5 {
    font-size: 14px;
    margin: 0;
    font-weight: 600;
}

.people-container .people-member .people-info p {
    font-size: 12px;
    margin: 0;
}

.link-icon {
	height: 50px !important;
	object-fit: cover;
}

/* Responsive Grid Adjustments */
@media (max-width: 1499px) {
    .people-container {
        grid-template-columns: repeat(6, 1fr);
    }
    .people-container.lg {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 1200px) {
    .people-container {
        grid-template-columns: repeat(5, 1fr);
    }
    .people-container.lg {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 992px) {
    .people-container {
        grid-template-columns: repeat(4, 1fr);
    }
    .people-container.lg {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .people-container {
        grid-template-columns: repeat(3, 1fr);
    }
    .people-container.lg {
        grid-template-columns: repeat(2, 1fr);
    }
	.link-icon {
		height: 40px !important;
	}
}

@media (max-width: 576px) {
    .people-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .people-container .people-member:hover {
        transform: scale(1.1);
        z-index: 10;
    }

	.link-icon {
		height: 30px !important;
	}
}

/* About Us */
.about-img{
	height: 300px;
	width: 100%;
	object-fit: cover;
}

/* Footer */
.footer-bg {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 300px; /* Ensures a minimum height */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 0; /* Provides spacing */
}

.footer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.footer-content {
    position: relative; /* Ensures content is above overlay */
    color: white;
    width: 100%;
    z-index: 2;
}

@media (max-width: 768px) {
    .footer-bg {
        min-height: auto; /* Adapts height for smaller screens */
        padding: 3rem 0; /* Adds extra padding */
    }
}

/* Projects */
.project-card {
	background: #fff;
}

.project-card:hover {
    transform: scale(1.025);
}

/* Slick Customization */
.slick-slide {
    padding: 10px;
}

.slick-track {
    display: flex;
    align-items: center;
}

.slick-prev, .slick-next {
    z-index: 10;
    font-size: 18px;
    color: #333;
    transition: color 0.3s ease;
}

.slick-prev:hover, .slick-next:hover {
    color: #000;
}

/* Data Table */
.dt-paging-button.page-item.active .page-link{
	background-color: #b2060a;
	color: #ffffff;
	border-color: #f1f1f1;
}
.page-link:hover, .page-link:focus{
	background-color: #b2060a;
}

.page-item:hover .page-link{
	color: #ffffff;
}
.page-link{
	color: #111111;
}