.sidebar-container {
	position: fixed;
	right: 0;
	top: 195px;
	display: flex;
	align-items: center;
	transition: transform 0.3s ease-in-out;
	z-index: 1000;
	transform: translateX(0); /* Visible by default */
}
.sidebar {
	width: 300px;
	background: linear-gradient(90deg, var(--primary-color) 0%, #c92032 100%);
	color: white;
	padding: 5px;
	box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
}
.sidebar-container.hidden {
	transform: translateX(100%);
}
.apply-btn {
	background: linear-gradient(90deg, var(--primary-color) 0%, #c92032 100%);
	color: white;
	padding: 10px 5px;
	border-radius: 5px 0 0 5px;
	cursor: pointer;
	font-weight: bold;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	position: fixed;
	right: 0;
	top: 200px;
	z-index: 10000;
}
.sidebar-container.hidden + .apply-btn {
	right: 0;
}

.statcard .card{
border-radius: 8px !important;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
margin-bottom: 10px;
border: 1px solid #ccc !important;
height: 100%;
}

.statcard h3{
font-size: 40px;
line-height: 50px;
color: rgb(23, 43, 82) !important;
font-weight: bold;
}

.research-section__numbers .card {
border-radius: 8px !important;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
margin-bottom: 10px;
border: 1px solid #ccc !important;
}

#Mobile_View{
display: none;
}

.achi:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(90deg, #c92032 0%, var(--primary-color) 100%);
	opacity: 0;
}
.hns-date {
	margin-bottom: 20px !important;
	margin-top: -24px !important;
}
.hns-date small {
	background: #fff;
	color: var(--secondary-color) !important;
	padding: 6px;
	font-size: 15px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-weight: 600;
}

.MegaEventSlidesHome  .slick-slide img{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-bottom: 10px;
 }
.MegaEventSlidesHome  .slick-slide{
background: #eee;
border-radius: 15px;
min-height: 360px;;
}
.MegaEventSlidesHome  .slick-slide h4{
color: var(--secondary-color);
padding: 6px 10px 15px 10px;
font-size: 17px;
line-height: 18px;

}

.MegaEventSlidesHome  .slick-slide h4 a{
color: #000;
padding:0px 1px 2px 0px;
font-size: 15px;
line-height: 17px;
text-decoration: none;
font-style: italic;
font-weight: 500;
}

.MegaEventSlidesHome  .slick-slide h4 a:hover{
text-decoration: underline;
color: var(--secondary-color);
}

.frsthmhead {
	font-size: 35px !important;
}

@media only screen and (max-width: 768px){
.stories-section__videoThumb--content {
   border-right: 8px solid var(--secondary-color) !important;
	padding-right: 15px;
  }
  .txtbxc img{
	width: 80px !important;
	}
	 .txtbxc {
		padding: 0px 0px 0px 19px !important;
	}
	.txtbxc span {
		font-size: 24px !important;
		line-height: 24px !important;
		margin: 0 0 -5px 8px !important;
	}
	.frsthmhead {
	font-size: 25px !important;
	 }

	 .overlayScho {
		   font-size: 25px !important;
			line-height: 28px !important;
		}
		.coe-card{
			margin-top: 20px;
			
		}

 }
 .coe-card{
		
		border:1px solid #ddd !important;
	}

 .programmesTabs .nav-item{
background: #fff;
border-radius: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 4px;
padding: 5px 0px;
}
.programmesTabs .nav-tabs {
border-width: 0px !important;
border-color: none !important;
}
.programmesTabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
font-weight: bold;
padding: 13px 10px !important;
font-size: 18px !important;
width: 100% !important;
}

.programmesTabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #fff !important;
border-color: var(--secondary-color) !important;
position: relative;
background: var(--secondary-color);
border-radius: 0px;
}

.accordion-item {
background-color: #fff; 
border: 0px solid rgba(0,0,0,.125);

}
.accordion-item  .fa-chevron-right{
margin-right: 5px;
color:var(--secondary-color);
}
.programmesTabs .tab-pane h4{
margin-top: 10px;
font-size: 17px;
padding-left: 20px;
line-height: 19px;
font-weight: 600;
display: flex;
}

.programmesTabs .accordion-item .list-icon-4>li {
position: relative;
margin-bottom: 4px;
}

.accordion-item .accordion-body {
padding: 0px 0px 0px 35px;
}
.accordion-item .accordion-body li a{
text-decoration: none;

}
.accordion-item .accordion-body li a:hover{
text-decoration: underline;
color:var(--secondary-color);
} 
.programmesTabs .accordion-button {
padding:5px 4px 2px 20px !important;
color:#000 !important;
font-size: 14px;
line-height: 16px;
}
.nodd{
color:#212529;
text-decoration: none;
font-weight: 400;
}

.nodd:hover{
text-decoration: underline;
color:var(--secondary-color);

}


.testi_home_slider .fa {
color: #fba215;
font-size: 43px;
margin-top: 20px;
margin-left: 1px;
}
.speaktitleImg {
width: 250px;
background: #fff;
padding: 10px 11px 7px 11px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.MobileViewData{
display: none;
}

@media only screen and (max-width: 768px) {
.statcard h3{
text-align: center !important;
font-size: 30px;
}

.research-section__numbers {
padding: 0px 0 !important;
border-bottom: 1px solid #ddd;
}
}

@media screen and (max-width: 991px) {
.flag-section{
margin-top: -45px !important;
}

.research-section__numbers h2{
text-align: center !important;
}
.research-section__numbers  .main-heading{
margin-top: -63px !important;
margin-bottom: 32px;
}

.statcard  .main-heading{
margin-top: -63px !important;
margin-bottom: 32px;
}

.building-view-desktop{
display: none !important;
}
.building-view-mobile{
display: block !important;
}

.leadeTitle{
	padding-top: 0px !important;
}
	.card-body{
		text-align: center;
	}
.speaktitleImg {
	width: 211px !important;
	padding-top: 17px !important;
	padding-bottom: 20px;
}

.MobileViewData {
	display: inline-block;
	margin-bottom: 15px;
	/* margin-top: -5px !important; */
	width: 130px !important;
	height: 130px;
	border-radius: 20px !important;
	border: 1px solid #ccc !important;
	padding: 5px 0px 0px 0px;
}

.desktopViewData{
	display: none;
}
.nambox{
	text-align: center;
}
.testi_home_slider .card-text{
	text-align: center;
}
.card-title .fa{
		   text-align: center !important;
	display: block;
}


.admission_home_ads{
display: none !important;
}

.blogHeading{
margin-bottom: 50px;
}
.blog_link{
float: inline-start !important;
margin-top: 5px;
}

#Mobile_View{
display: block !important;
}

#Desktop_View{
display: none;
}
}

#TestimoniSliderSec {
overflow: hidden;
background: url("../images/college-bg.webp") no-repeat top center/ cover !important;
background-attachment: fixed;
min-height: 585px;
}
.PlacedStuImg {

width: 100%;
border: 0px solid #ccc;
border-radius: 20px; 


}
.nambox h5{
color:#f77708;
}
.nambox small{
color:#fff;
}
.card-text span{
color:#f77708;
font-weight: 600;
}
.pLogo{
background: #fff;
	padding: 5px;
	width: 135px;
}
.imgBg{
background: : orange;
padding: 20px;
}

.studentLifeSection .carousel-item {
padding: 0px !important;
}

.sabox {
position: absolute;
bottom: 20px;
color: #fff;
left: 26px;
font-size: 23px;
font-weight: 700;
}

.sn_abox{
position: absolute;
bottom: 20px;
color: #fff;
left: 12px;
font-size: 23px;
font-weight: 700;
}
.sn_abox h2{
font-size: 23px;
line-height: 24px;
	margin-bottom: -8px;
}

.sabox span {
display: block;
font-size: 17px;
font-weight: 400;
}

.leadership-section__slider .schools-section__slider--item {
margin-right: 6px !important;
}

.LeadershipSec_dbuu .slick-arrow {
bottom: -36px !important;
color: var(--secondary-color) !important;
}
#Leadership_sec{
background: #fff;
}
.leadeTitle{
padding-top: 50%;
}

.ourSchool-section .pagination-style-1 .slick-arrow {
bottom: 0px;
color: var(--secondary-color) !important;
}

  
.tedb {
position: relative;
z-index: 2;
width: fit-content;
color: #fff;
padding: 10px 38px;
border-radius: 50px;
font-weight: 700;
text-transform: uppercase;
background: rgb(201, 32, 57);
/*   background: linear-gradient(176deg, rgba(201, 32, 57, 1) 0%, rgba(107, 38, 71, 1) 100%);*/
text-decoration: none;
display: block;
font-size: 26px;
margin: 9px 0 0 0;
} 
.storyThumb{
/*            height: 300px !important;*/
}

.LeadershipSec_dbuu .slick-next {
left: 40px !important;
font-size: 35px;
}

.LeadershipSec_dbuu .slick-prev {

font-size: 35px;
}

.faculty-section__slider_megaEvent .slick-next {
left: 40px !important;
font-size: 35px;
}

.faculty-section__slider_megaEvent .slick-prev {

font-size: 35px;
}

.admission_home_ads{
background: var(--primary-color);
padding: 4px 6px 5px 6px;
color: #fff;
border-radius: 13px;
margin-top: 20px;
background-attachment: fixed;
}

.mous_slider .faculty-section__slider--item{
border-radius: 10px;
}
.mous_slider .faculty-section__slider--item img{
	border-radius: 10px;
 }
.faculty-section__slider_megaEvent_mou .slick-next {
	left: 40px !important;
	font-size: 35px;
	text-align: center;
}

.faculty-section__slider_megaEvent_mou .slick-prev {
	
	font-size: 35px;
}


 .faculty-section__slider_megaEvent_Story .slick-next {
	left: 40px !important;
	font-size: 35px;
	text-align: center;
}

.faculty-section__slider_megaEvent_Story .slick-prev {
	
	font-size: 35px;
}

.faculty-section__slider_SuccessStory .slick-next {
	left: 40px !important;
	font-size: 35px;
}

 .faculty-section__slider_SuccessStory .slick-prev {
	
	font-size: 35px;
}

.schools-section__slider_leader .play-btn {
	position: absolute;
	left: 88%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.schools-section__slider_leader  .play-btn-sm .circle {
	width: 39px;
	height: 39px;
}
.schools-section__slider_leader .slick-next {
	left: 40px !important;
	font-size: 35px;
}

 .schools-section__slider_leader .slick-prev {
	
	font-size: 35px;
}

 .schools-section__slider_leader .slick-arrow {
	bottom: -34px !important;
}

 .schools-section__slider_leader .br-10{
	border-radius: 10px !important;
}
.leader_box{
		bottom: 0px !important;
}
.leader_box h2{
	margin-bottom: 0px !important;
}
.leader_box  p{
		color: #fba215;
	margin-top: 3px;
	line-height: 15px;
	font-weight: 400;
}

.ViewAllLeaders{
	margin-left: 90px;
	margin-top: 10px;
}
.ViewAllLeaders a{
	color: var(--secondary-color);
text-decoration: none;
border: 1px solid #ccc;
padding: 5px 6px 4px 7px;
border-radius: 5px;
}


.international_students .faculty-section__slider--item .play-btn {
	position: absolute;
	left: 14% !important;
	top: 56% !important;
	transform: translate(-50%, -50%);
}

  .international_students .faculty-section__slider--item  .play-btn-sm .circle {
	width: 45px !important;
	height: 45px !important;

}
 .international_students .faculty-section__slider--item .play-btn .fa-youtube-play {
	color: #fff;
	margin-top: 10px !important;
	margin-left: 12px !important;
	font-size: 24px;
}


.int_mou_sec  .faculty-section__slider--item .play-btn {
	position: absolute;
	left: 52% !important;
	top: 69% !important;
	transform: translate(-50%, -50%);
}

 .int_mou_sec  .faculty-section__slider--item  .play-btn-sm .circle {
   width: 35px !important;
	height: 35px !important;
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.int_mou_sec  .faculty-section__slider--item .play-btn .fa-instagram {
  color: #fff;
  margin-top: 9px !important;
  margin-left: 10px !important;
 font-size: 19px;
}
.arro1 {
	width: 40px;
	margin-left: 2px;
	transition: 0.3s;
	margin-top: 9px;
}

/* blog */
.blog_link{
float: right;
text-decoration: none;
color: var(--primary-color);
font-size: 16px;
margin-right: 18px;
border: 1px solid;
padding: 2px 12px 0px 11px !important;
border-radius: 6px;
font-weight: 500;
}
.blog_link:hover{
background-color: #f77708;
transition: 0.3s;
text-decoration: underline;
color:#fff;
border:1px solid #f77708;
}
.blogSection .slick-slide{
background: #fff;
border-radius: 10px !important;
min-height: 370px !important;
}
.blogSection .slick-slide  img{
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
}

.blogSection .slick-next {
left: 40px !important;
font-size: 35px;
}

.blogSection  .slick-prev {

font-size: 35px;
}

.blogSection  .slick-slide h4 a {
color: #000;
padding: 0px 1px 2px 0px;
font-size: 16px;
line-height: 17px;
text-decoration: none;
font-style: normal !important;
font-weight: 500;
}
.blogSection  .slick-slide h4{
padding: 8px 5px 8px 11px;
margin-bottom: -14px;
}
.blogSection  .slick-slide h4 a:hover{
color:var(--secondary-color);
text-decoration: underline;
}
.bCategory{
background: var(--secondary-color);
color: #fff;
font-size: 10px;
padding: 4px 6px 3px 5px;
border-radius: 4px;
}
.metaData{
font-size: 12px;
color: var(--secondary-color);
}
.catpara{
margin: 7px 1px 1px 10px;
}

.blogSection .arro1 {
width: 50px;
margin-left: 12px;
transition: 0.3s;
margin-top: 9px;
}

.blogSection_s  .pagination-style-1 .slick-dots {
padding: 0 0 0 1px !important;
}
.conox {

bottom: 11px !important;
}
.happening-section__slider .slick-slide h4 {
font-weight: 400 !important;
}




.imgox .carousel-item::before {
content: '';
position: absolute;
top: 50px;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.9556197478991597) 0%, rgba(46, 52, 125, 0) 100%);
border-bottom-right-radius: 15px !important;
border-bottom-left-radius: 15px !important;
}
.imgox .carousel-item{
border-radius: 15px;
}
.imgox .carousel-item img{
border-radius: 15px;
}
.box-p{
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
margin-bottom: 10px;
border: 1px solid #ccc !important;
margin-top: 7px;
padding: 1px 0px 10px 0px;
}
.flag-section{
margin-top: -63px;
}



.SidebarButton-fixed {
position: fixed;
top: 50%;
left: 0.8%;
width: 42px;
}

.widget_container{
padding: 0px !important;
}

.admOpenTitle {
font-size: 18px;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
}

.offcanvas-collapse {
z-index: 1001;
}

.feature-card {
position: relative;
overflow: hidden;
border-radius: 12px;
color: white;
height: 100%;
}
.feature-card img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
transition: transform 0.3s ease;
}
.feature-card:hover img {
transform: scale(1.05);
}
.overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
/*    background: rgba(0, 0, 0, 0.5);*/
background:linear-gradient(0deg, rgba(0, 0, 0, 1.957) 0%, rgba(46, 52, 125, 0) 100%);
padding: 10px 15px;
font-weight: 600;
font-size: 20px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
line-height: 24px;
}

.visitorsSec .play-btn {
left: 89% !important;
top: 15% !important;
}

.corporateSec .card-footer{
padding: 5px 5px;
background: #fff;
}
.corporateSec .card-footer img{
text-align: center;
width: 110px !important;
padding: 4px 4px;
border: 1px solid #ddd;
border-radius: 10px;
}
.corporateSec h5{
margin:0px;
font-size: 18px;
color: var(--secondary-color);
line-height: 18px;
margin-bottom: 6px;
}
.corporateSec p{
 margin:0px;
font-size: 14px;
line-height: 15px;
font-weight: bold;
color: #333;
}
.corporateSec p small{
font-weight: 500 !important;
font-style: italic;
}


/* popup css */
/* popup css */
.phd-modal-overlay {
display: none;
position: fixed;
z-index: 999999999;
inset: 0;
background-color: rgba(0, 0, 0, 0.6);
align-items: center;
justify-content: center;
}

  .phd-modal-box {
	/*background: linear-gradient(135deg, var(--secondary-color), #1e2a78);
	color: white;
	padding: 2rem;
	border-radius: 20px;
	text-align: center;
	position: relative;
	max-width: 90%;
	width: 500px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.3);
	animation: fadeIn 0.2s ease-in-out;*/
	color: white;
	border-radius: 51px;
	text-align: center;
	position: relative;
	max-width: 90%;
	width: 500px;
	animation: fadeIn 0.2s ease-in-out;
  }

  .phd-modal-box h2 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 1rem;
	line-height: 1.3;
  }

  .phd-modal-box h3 {
	font-size: 1.3rem;
	margin: 0.5rem 0 1.5rem;
  }

  .highlight {
	color: #ffc107;
	font-weight: 600;
	margin: 0;
	font-size: 1rem;
  }

	.apply-btn2 {
	  background-color: #ffc107;
	  color: #000;
	  padding: 0.6rem 1.5rem;
	  border: none;
	  border-radius: 6px;
	  text-decoration: none;
	  font-weight: 600;
	  font-size: 25px;
	  display: inline-block;
	  transition: background 0.2s;
	  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	  text-align: center
	}

	.apply-btn2:hover {
	  background-color: #e0a800;
	}

  .phd-close-btn {
	position: absolute;
	top: -18px;
	right: 48%;
	background-color: white;
	color: black;
	border: none;
	font-size: 1.3rem;
	border-radius: 50%;
	cursor: pointer;
	width: 30px;
	height: 30px;
	line-height: 28px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  }

  @keyframes fadeIn {
	from { opacity: 0; transform: scale(0.9); }
	to { opacity: 1; transform: scale(1); }
  }

  @media (max-width: 480px) {
	.phd-modal-box {
	  width: 90%;
	  padding: 1.5rem;
	}

	.phd-modal-box h2 {
	  font-size: 1.4rem;
	}
  }
	  

  /* --- Diwali Animation Styles --- */
	.diwali-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7); /* Dark semi-transparent background */
		z-index: 99999; /* Ensure it's on top of everything */
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 1;
		transition: opacity 1s ease-out;
	}

	.diwali-overlay.hidden {
		opacity: 0;
		pointer-events: none; /* Allows clicks on elements below once hidden */
	}

	.diwali-text {
		color: #ffcc00; /* Gold/Yellow color */
		font-size: 5vw; /* Responsive font size */
		font-weight: bold;
		text-shadow: 0 0 10px #ff9900, 0 0 20px #ff6600, 0 0 30px #ff3300;
		animation: pulse 1s infinite alternate; /* Pulsating effect for the text */
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* Keyframes for the Text Pulse */
	@keyframes pulse {
		from { transform: translate(-50%, -50%) scale(1); }
		to { transform: translate(-50%, -50%) scale(1.05); }
	}

	/* Styles for the Animated Flickers (Diyas/Lights) */
	.flicker {
		position: absolute;
		bottom: -10px; /* Start below the screen */
		width: 8px;
		height: 8px;
		background-color: #ff9900;
		border-radius: 50%;
		box-shadow: 0 0 5px #ffcc00, 0 0 10px #ff6600;
		opacity: 0;
		animation: riseAndFade 4s linear forwards infinite;
	}

	/* Keyframes for the Rise and Fade animation */
	@keyframes riseAndFade {
		0% {
			transform: translateY(0) scale(0.5);
			opacity: 0;
		}
		10% {
			opacity: 1;
		}
		90% {
			opacity: 0.5;
		}
		100% {
			transform: translateY(-100vh) scale(1.5); /* Rise to the top */
			opacity: 0;
		}
	}    

	.play-btn .circle.pulse {
		background-color: transparent !important;
	}

	/* leaders css */


.section-title {
	font-weight: 600; /* Extra bold */
	color: #1a1a1a; /* Sharp, dark title */
	margin-bottom: 1rem;
/*            text-transform: uppercase;*/
	font-size: 2rem;
}

/* ASYMMETRIC CARD STYLING */
.asymmetric-card {
	border: none;
	background: none;
	padding: 0;
	transition: all 0.3s ease-in-out;
	margin-bottom: .5rem;
	position: relative;
	overflow: hidden; /* Important for clean hover effect */
}

/* Hover Effect for a modern touch */
.asymmetric-card:hover .card-body {
	background-color: #e9ecef; /* Subtle background change on hover */
}

.card-img-holder {
	width: 100%;
	overflow: hidden;
}

.card-img-holder img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	transition: transform 0.4s ease;
}

/* Image zoom effect on hover */
.asymmetric-card:hover .card-img-holder img {
	transform: scale(1.05);
}

/* Typography */
.asymmetric-card .card-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: #343a40;
	margin-top: 0.75rem;
	margin-bottom: 0.25rem;
}

.asymmetric-card .card-text {
	font-size: 0.9rem;
	color: #6c757d;
	line-height: 1.3;
}

/* CORPORATE SECTION - LIST STYLE */
.corporate-item {
	display: flex;
	align-items: center;
	padding: 1rem 0;
	border-bottom: 1px solid #dee2e6;
	transition: background-color 0.3s;
	background-color: var(--primary-color);
}

.corporate-item:hover {
	background-color: var(--secondary-color);
	cursor: pointer;
}

.corporate-logo img {
	width:160px;
	height: 150px;
   /* object-fit: contain;
	filter: grayscale(100%);*/
/*            opacity: 0.6;*/
	margin-right: 15px;

}

.corporate-info {
	flex-grow: 1;
}

.corporate-info h5 {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 0;
	color:#fba215;
}

.corporate-info p {
	font-size: 0.85rem;
	color: #6c757d;
	margin-bottom: 0;
	color:#fff;
}
.corporate-info img{
	border-radius: 12px;
	width: 130px;
	margin-top: 4px;
}

.view-all-btn {
	border: 2px solid #004d99;
	color: #004d99;
	font-weight: 600;
}
.view-all-btn:hover {
	background-color: #004d99;
	color: white;
}


.program-section-bg {
	background-color: #0d1a0d; /* Dark theme color */
	padding: 50px 0;
	color: #ffffff;

	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat; 
	position: relative; /* Needed for the overlay */
}



.section-title {
	font-size: 2.5rem;
	font-weight: 700;
	color: #ffffff;
}

/* Search Form Button Styling */
#search-trigger-form {
	cursor: pointer;
	width: 100%;
}
#search-trigger-input {
	cursor: pointer;
	pointer-events: none;
}

/* Modal Content Styling */
.modal-body {
	background-color: #ffffff; 
}

/* Results Container Styling (inside modal) */
#modal-search-results-list {
	padding: 20px 0; /* Adjust padding inside modal */
	min-height: 100px;
}

.result-item {
	margin-bottom: 5px;
	padding: 10px;
	background-color: #f8f8f8;
	border-radius: 3px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.program-info a {
	font-weight: 500;
	color: #0d1a0d; 
	text-decoration: none;
	transition: color 0.2s;
}

.program-info a:hover {
	color: #38761d;
}

.category-tag {
	font-size: 0.7em;
	color: #666;
	margin-left: 10px;
}

.search-highlight {
	background-color: #c0f0c0; /* Light Green highlight */
	color: #0d1a0d;
	font-weight: bold;
	padding: 2px 0;
}

.no-results {
	text-align: center;
	color: #666;
	padding: 30px;
	font-style: italic;
}
/* end search css */

.main-heading h1{
	font-size: 39px;
	line-height: 40px;
}
.introPara p{
	font-size: 33px;
	margin-bottom: 6px;
	line-height: 34px;
}

@media only screen and (max-width: 767px) {
.main-heading h1{
   font-size: 30px;
	line-height: 30px;
}
.introPara p{
	font-size: 28px;
	margin-bottom: 12px;
	line-height: 31px;
}

}
.introDBUU {
  background:transparent;
  border-radius: 12px;
  font-size: 15px;
  line-height: 1.7;
  text-align: justify;
  border:1px solid #ddd;

}

@media (max-width: 991px) {
  .introDBUU {
	padding: 10px;
  }

  .row.align-items-stretch img {
	min-height: 250px; /* mobile view fix */
  }
}
.rank-box{
	border: 5px solid #eee;
	padding: 13px 5px 3px 5px;
	border-radius: 17px !important;
	height: 100%;
	background: #ffffff;
}
.rankTitle p{
	color: #fff !important;
	 line-height: 17px;
}



.image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.image-buttons {
	position: absolute;
	bottom: 4%;
	left: 50%;
	transform: translateX(-50%);
	display: inline-flex;
	gap: 4px;
	z-index: 10;
	align-items: center;
	justify-content: center;
}

/* Red pill button */
.btn-overlay {
  background: var(--secondary-color);
  color: #fff;
  padding: 5px 12px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
  transition: all 0.3s ease;
}

.btn-overlay i {
  font-size: 16px;
}

.btn-overlay:hover {
  background: var(--primary-color);
  transform: translateY(-3px);
  color: #fff;
}

@media (max-width: 768px) {
  .image-buttons {
	bottom: 8%;
	gap: 10px;
  }

  .btn-overlay {
	padding: 10px 18px;
	font-size: 13px;
  }

  .btn-overlay i {
	font-size: 14px;
  }
}

 /* stats css */
.stats-wrapper {
	border-right: 1px solid #ddd;
}

.modern-stats .stat-card {
	padding: 25px 18px;
	border-radius: 14px;
	color: #fff;
	height: 100%;
	box-shadow: 0 6px 18px rgba(0,0,0,0.1);
	transition: transform .2s ease, box-shadow .2s ease;
}

.modern-stats .stat-card:hover {
	/*transform: translateY(-4px);
	box-shadow: 0 10px 28px rgba(0,0,0,0.15);*/
}

.stat-card h3 {
	font-size: 42px;
	font-weight: 700;
	margin: 8px 0 2px;
	line-height: 1.1;
}

.stat-card h3 span {
	font-size: 18px;
}

.stat-card p {
	font-size: 16px;
	margin: 0;
	opacity: 0.9;
	font-weight: 500;
	color:#fff;
}

.stat-card {
	position: relative; /* REQUIRED for absolute icon positioning */
	padding: 25px 18px;
	border-radius: 14px;
	color: #fff;
	height: 100%;
	box-shadow: 0 6px 18px rgba(0,0,0,0.1);
	transition: transform .2s ease, box-shadow .2s ease;
}

.stat-card .icon {
	font-size: 45px;
	opacity: 0.3; /* Light watermark effect */
	position: absolute;
	right: 20px;
	top: 10px;
	pointer-events: none; /* Clicks pass through */
}

/* Gradient color variations */
.stat1 { background: linear-gradient(135deg, #ff4b2b, #ff416c); }
.stat2 { background:  linear-gradient(135deg, var(--primary-color), #2948ff); }
.stat3 { background: linear-gradient(135deg, #182B53, var(--secondary-color)); }
.stat4 { background: linear-gradient(135deg, #f77708, #fba215); }

.legacy-section {
  position: relative;
  background: #eeeeee;
  overflow: hidden;
}

/* FULL WIDTH BACKGROUND IMAGE */
.half-red-bg {
  position: absolute;
  top: 250px;      /* Adjust for where image should start */
  left: 0;
  right: 0;
  bottom: 0;       /* Goes to bottom of section */

	background: var(--primary-color);
  /* 
  background-size: cover;       /* Cover full width */
  background-position: center;  /* Keep centered */
  background-repeat: no-repeat;
  z-index: 0;
}

/* Optional: dark/red overlay for better text readability */
.half-red-bg::after {
  content: "";
  position: absolute;
  inset: 0;
/*  background: rgba(201, 32, 57, 0.75); /* red overlay */*/
}

/* Keep content above */
.legacy-section .container {
  position: relative;
  z-index: 2;
}

/* Mobile view */
@media (max-width: 768px) {
  .half-red-bg {
	top: 490px;  
  }

  .stats-box .stat-card h3 {
		margin: 0;
		font-size: 33px !important;
		font-weight: 600;
		text-align: left !important;
	}
}

/* Optional: rounded stats boxes pop better */
.rank-box {
  position: relative;
  z-index: 3;
}

.stats-box .stat-card {
	padding: 25px 20px;
	border-radius: 18px;
	color: #fff;
	text-align: left;
	position: relative;
	overflow: hidden;
	min-height: 120px;
	box-shadow: 0 6px 15px rgba(0,0,0,0.1);
	transition: 0.3s ease-in-out;
}

.stats-box .stat-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

.stats-box .stat-card h3 {
	margin: 0;
	font-size: 40px;
	font-weight: 700;
}

.stats-box .stat-card h3 span {
	font-size: 18px;
	font-weight: 500;
}

.stats-box .stat-card small {
	font-size: 16px;
	opacity: 1;
	color: #000;
	font-weight: 600;
	line-height: 14px;
}

.stats-box .icon {
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 32px;
	opacity: 0.5;
	color:var(--secondary-color);
}

/* Gradient Backgrounds */
.gradient-red {
	background: linear-gradient(135deg, #ffffff, #9f9b9b);
}

.gradient-blue {
	background: linear-gradient(135deg, #ffffff, #9f9b9b);
}

.gradient-purple {
	background: linear-gradient(135deg, #ffffff, #9f9b9b);
}

.gradient-orange {
	background: linear-gradient(135deg, #ffffff, #9f9b9b);
}

/* new year css -*/
/* --- New Year Animation Styles --- */
	.ny-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: radial-gradient(circle, var(--primary-color) 0%, transparent 100%);
		z-index: 999999;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		transition: opacity 1s ease-out;
	}

	.ny-overlay.hidden {
		opacity: 0;
		pointer-events: none;
	}

	.ny-content {
		position: relative;
		z-index: 10;
		text-align: center;
	}

	.ny-text {
		color: #fff;
		font-size: 4rem;
		font-weight: 800;
		text-transform: uppercase;
		text-shadow: 0 0 10px #ff0055, 0 0 20px #ff0055, 0 0 40px #ff0055;
		animation: nyPulse 1.5s infinite alternate;
	}

	.ny-subtext {
		color: #fba215;
		font-size: 1.5rem;
		margin-top: 10px;
		font-weight: 500;
	}

	#fireworksCanvas {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	@keyframes nyPulse {
		from { transform: scale(1); opacity: 0.9; }
		to { transform: scale(1.1); opacity: 1; }
	}

	@media (max-width: 768px) {
		.ny-text { font-size: 1.5rem; }
		.ny-subtext { font-size: 1rem; padding: 0 20px; }
	}
	/* end new year css */

	/* ===============================
	   IMAGE FEATURE GRID STYLES
	================================ */

	.feature-card {
	  position: relative;
	  height: 240px;
	  border-radius: 18px;
	  overflow: hidden;
	  box-shadow: 0 10px 25px rgba(0,0,0,.18);
	}

	.feature-card img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  transition: transform .4s ease;
	}

	/* Gradient Overlay */
	.feature-overlay {
	  position: absolute;
	  inset: 0;
	  background: linear-gradient(
		to top,
		rgba(0,0,0,0.75),
		rgba(0,0,0,0.35),
		rgba(0,0,0,0.05)
	  );
	  z-index: 1;
	}

	/* Text */
	.feature-text {
		position: absolute;
		bottom: 16px;
		left: 16px;
		right: 16px;
		z-index: 2;
		color: #fff;
		font-size: 21px;
		font-weight: 700;
		line-height: 1.1;
		text-shadow: 0 2px 6px rgba(0,0,0,0.9),
		0 0 14px rgba(0,0,0,0.6);
	}

	/* Hover Effect */
	.feature-card:hover img {
	  transform: scale(1.02);
	}

	.feature-card:hover .feature-overlay {
	  background: linear-gradient(
		to top,
		rgba(0,0,0,0.30),
		rgba(0,0,0,0.35)
	  );
	}

	/* Responsive */
	@media (max-width: 576px) {
	  .feature-card {
		height: 200px;
	  }

	  .feature-text {
		font-size: 23px;
	  }
	}



	/* ==============================
	   REPUBLIC DAY LOADER
	============================== */
	#republicLoader {
	  position: fixed;
	  inset: 0;
	  background: linear-gradient(
		180deg,
		#ff9933 0%,
		#ffffff 50%,
		#138808 100%
	  );
	  z-index: 9999999;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  transition: opacity 0.8s ease, visibility 0.8s ease;
	}

	#republicLoader.hide {
	  opacity: 0;
	  visibility: hidden;
	}

	.rd-content {
	  text-align: center;
	  animation: scaleIn 1.2s ease forwards;
	}

	.rd-content h1 {
	  font-size: 3rem;
	  font-weight: 800;
	  color: var(--primary-color);
	  margin: 20px 0 10px;
	  line-height: 1.1;
	}

	.rd-content h1 span {
	  color: var(--secondary-color);
	}

	.rd-content p {
	  font-size: 1.3rem;
	  font-weight: 600;
	  color: #000;
	}

	/* Ashoka Chakra */
	.chakra {
	  width: 90px;
	  height: 90px;
	  border: 4px solid #1a237e;
	  border-radius: 50%;
	  position: relative;
	  margin: auto;
	  animation: spin 6s linear infinite;
	}

	.chakra::before {
	  content: "";
	  position: absolute;
	  inset: 10px;
	  border: 2px solid #1a237e;
	  border-radius: 50%;
	}

	/* Animations */
	@keyframes spin {
	  from { transform: rotate(0deg); }
	  to { transform: rotate(360deg); }
	}

	@keyframes scaleIn {
	  from {
		transform: scale(0.6);
		opacity: 0;
	  }
	  to {
		transform: scale(1);
		opacity: 0.8;
	  }
	}

	/* Mobile tweaks */
	@media (max-width: 768px) {
	  .rd-content h1 {
		font-size: 2.2rem;
	  }
	  .chakra {
		width: 70px;
		height: 70px;
	  }
	}

	/* ==============================
	   INDIAN FLAG (TOP HIGHLIGHT)
	============================== */
	.india-flag {
	  width: 140px;
	  height: 24px;
	  margin: 0 auto 12px;
	  border-radius: 4px;
	  overflow: hidden;
	  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
	  animation: flagFade 1.5s ease forwards;
	}

	.india-flag span {
	  display: block;
	  height: 33.33%;
	  width: 100%;
	}

	.india-flag .saffron { background: #ff9933; }
	.india-flag .white   { background: #ffffff; }
	.india-flag .green   { background: #138808; }

	/* Subtle appearance animation */
	@keyframes flagFade {
	  from {
		transform: translateY(-10px);
		opacity: 0;
	  }
	  to {
		transform: translateY(0);
		opacity: 1;
	  }
	}

	/* Mobile scaling */
	@media (max-width: 768px) {
	  .india-flag {
		width: 110px;
		height: 20px;
	  }
	}

	/* ==============================
	   REPUBLIC DAY FLAG IMAGE
	============================== */
	.republic-flag-img {
	  width: 160px;
	  max-width: 80%;
	  margin: 0 auto 14px;
	  display: block;
	  animation: flagPop 1.4s ease forwards;
	  filter: drop-shadow(0 6px 14px rgba(0,0,0,0.3));
	}

	/* Smooth entry animation */
	@keyframes flagPop {
	  from {
		opacity: 0;
		transform: translateY(-14px) scale(0.95);
	  }
	  to {
		opacity: 1;
		transform: translateY(0) scale(1);
	  }
	}

	/* Mobile optimization */
	@media (max-width: 768px) {
	  .republic-flag-img {
		width: 120px;
	  }
	}


	/* ===== News Wrapper ===== */
	.news-bar {
		background: #f5f5f5;
		border-bottom: 1px solid #ddd;
	}

	/* Desktop Layout */
	.news-inner {
		display: flex;
		align-items: center;
	}

	/* Label */
	.news-label {
		background: var(--secondary-color);
		color: #fff;
		padding: 13px 25px;
		font-weight: 600;
		white-space: nowrap;
	}

	/* Scroll Area */
	.news-scroll {
		position: relative;
		overflow: hidden;
		flex: 1;
		padding: 10px 20px;
	}

	.news-track {
		display: inline-block;
		white-space: nowrap;
		padding-left: 100%;
		animation: scrollNews 25s linear infinite;
	}

	.news-track a {
		color: #fba215;
		font-weight: 600;
		text-decoration: none;
		margin-right: 50px;
		border-right: 1px solid;
		padding-right: 50px;
		font-size: 19px;
	}

	.news-track a:hover {
		color: var(--secondary-color);
	}

	.news-scroll:hover .news-track {
		animation-play-state: paused;
	}

	@keyframes scrollNews {
		0% { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}

	/* ===== Mobile Layout ===== */
	@media (max-width: 768px) {

		.news-inner {
			flex-direction: column;
			align-items: stretch;
		}

		.news-label {
			width: 100%;
			text-align: center;
			padding: 10px;
		}

		.news-scroll {
			padding: 8px 15px;
		}
	}


/* =========================
   PLACEMENTS SECTION
========================== */
.placements-section {
	background: #fff;
}

.placements-section h2 {
	font-size: 36px;
	line-height: 1.2;
}

/* Slider card */
.placement-card img {
	width: 100%;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* Stats box */
.stat-box {
	background: #f1f1f1;
	padding: 18px 12px;
	border-radius: 10px;
	text-align: center;
	height: 100%;
	border: 1px solid #ccc;
}

.stat-box h4 {
	font-weight: 700;
	margin-bottom: 6px;
}

.stat-box p {
	font-size: 14px;
	margin: 0;
	color: #555;
	font-weight: 600;
	line-height: 1.2;
}

.stat-box.highlight h4 {
	color: red;
}

.stat-box.dark {
	background: #111;
	color: #fff;
}

.stat-box.dark p {
	color: #ccc;
}

/* Mini stats */
.mini-stat {
	background: #fafafa;
	padding: 12px 5px;
	border-radius: 8px;
	text-align: center;
	font-weight: 600;
	font-size: 22px;
	border: 1px solid #ccc;
}

.mini-stat small {
	display: block;
	font-size: 12px;
	color: #666;
}

/* Carousel arrows */
.carousel-control-prev-icon,
.carousel-control-next-icon {
	/*filter: invert(1);*/
}

/* Mobile adjustments */
@media (max-width: 767px) {
	.placements-section h2 {
		font-size: 26px;
	}
}
/* end bottom events alert */

/* Event Highlight Card */
.event-highlight-card {
	display: flex;
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	transition: all 0.3s ease;
}

.event-highlight-card:hover {
	transform: translateY(-4px);
}

/* Date Box */
.event-date-box {
	 min-width: 92px;
	 background: #f77708;
	color: #fff;
	text-align: center;
	padding: 9px 6px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.event-day {
	font-size: 34px;
	font-weight: 700;
	line-height: 1;
}

.event-month {
	font-size: 15px;
	text-transform: uppercase;
}

.event-year {
	font-size: 13px;
	opacity: 0.9;
}

/* Content */
.event-content {
	padding: 10px 17px;
	flex: 1;
}

.event-tag {
	display: inline-block;
	background: #f3f3f3;
	color: #555;
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 20px;
	margin-bottom: 6px;
}

.event-title {
	font-size: 16px;
	font-weight: 600;
	margin: 6px 0;
}

.event-meta {
	font-size: 14px;
	color: #666;
}

/* Mobile Responsive */
@media (max-width: 576px) {
	.event-highlight-card {
		flex-direction: column;
	}

	.event-date-box {
		width: 100%;
		flex-direction: row;
		gap: 10px;
		justify-content: center;
	}
}


.event-slider .slick-slide {
	padding: 0 10px;
}

.event-slider .slick-list {
	margin: 0 -10px;
}

/* Custom arrows */
	.slick-custom-arrow {
		background: #fff;
		border: 1px solid var(--secondary-color);
		color: var(--secondary-color);
		width: 38px;
		height: 38px;
		border-radius: 50%;
		font-size: 22px;
		line-height: 1;
		margin-left: 8px;
		transition: all 0.3s ease;
	}

	.slick-custom-arrow:hover {
		background: var(--secondary-color);
		color: #fff;
	}

	/* Disable arrow look */
	.slick-custom-arrow.slick-disabled {
		opacity: 0.4;
		cursor: not-allowed;
	}

	/* Match Campus Life height */
	.event-highlight-card {
		min-height: 271px; /* adjust to 360px if needed */
	}

	/* Ensure content stretches properly */
	.event-highlight-card {
		display: flex;
		align-items: stretch;
	}

	.event-content {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	/* Bottom arrows styling */
	.event-slider-arrows {
		display: flex;
		gap: 8px;
	}

	.slick-custom-arrow {
		background: #fff;
		border: 1px solid var(--secondary-color);
		color: var(--secondary-color);
		width: 36px;
		height: 36px;
		border-radius: 50%;
		font-size: 20px;
		line-height: 1;
		transition: all 0.3s ease;
	}

	.slick-custom-arrow:hover {
		background: var(--secondary-color);
		color: #fff;
	}

	.slick-custom-arrow.slick-disabled {
		opacity: 0.4;
		cursor: not-allowed;
	}

	.conox span {
		color: #eee !important;
		font-size: 24px !important;
	}


	.campus-carousel-wrapper {
			border-radius: 24px;
			overflow: hidden;
		}

		.campus-img {
		   /* height: 360px;
			object-fit: cover;*/
		}

		.carousel-caption {
			background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.1));
			left: 0;
			right: 0;
			bottom: 0;
			padding: 18px;
			text-align: left;
		}

		.carousel-caption h2 {
			font-size: 52px;
			font-weight: 800;
			margin-bottom: 0px;
		}

		.carousel-caption p {
			font-size: 18px;
			font-weight: 600;
			color: #fff;
			margin-top: -8px;
		}

		/* Arrow styling */
	   /* .carousel-control-prev-icon,
		.carousel-control-next-icon {
			background-size: 60% 60%;
			filter: invert(1);
		}*/


		/* ================================
		   Bootstrap Carousel Arrows - White
		================================ */

		/* Previous arrow */
	   /* .carousel-control-prev-icon {
			filter: invert(1) brightness(2) !important;
		}*/

		/* Next arrow */
		/*.carousel-control-next-icon {
			filter: invert(1) brightness(2) !important;
		}*/

	   .corporate-wrapper {
		display: none;
			  border: 2px solid #1d2b64;
			  border-radius: 50px;
			  background: #fff;
			}

			.stat-col {
			  width: 20%;
			  text-align: center;
			  padding: 15px 10px;
			  border-right: 2px solid #c4161c;
			}

			.stat-col-4 {
			  width: 25%;
			}

			.stat-col h2 {
			  color: #c4161c;
			  font-weight: 800;
			  margin-bottom: 5px;
			}

			.stat-col p {
			  color: #1d2b64;
			  font-size: 14px;
			  line-height: 1.3;
			  margin: 0;
			}

			.no-border {
			  border-right: none;
			}

			/* TABLET & MOBILE → 2 ITEMS PER ROW */
			@media (max-width: 991px) {
			  .stat-col,
			  .stat-col-4 {
				width: 50%;
				border-right: none;
				border-bottom: 1px solid #c4161c;
			  }
			}

			/* VERY SMALL SCREENS (OPTIONAL) */
			@media (max-width: 360px) {
			  .stat-col,
			  .stat-col-4 {
				width: 100%;
			  }
			}

			/* featured events css new */
			 /* featured events css new */
			  .featuredAllEvents{
					background:var(--primary-color);
					padding:50px 0;
				}

				/* Slick Equal Height Fix */
			   .featuredAllEvents  .slick-track {
					display: flex !important;
					gap: 10px;
				}
				.featuredAllEvents .slick-slide {
					height: inherit !important;
					display: flex !important;
					justify-content: center;
				}

				/* Modern Card Styling */
				.featuredAllEvents .event-card {
					background: rgba(255, 255, 255, 0.05);
					backdrop-filter: blur(10px);
					border: 1px solid rgba(255, 255, 255, 0.1);
					border-radius: 20px;
					overflow: hidden;
					transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
					width: 100%;
					margin-bottom: 20px;
				}

			   .featuredAllEvents .event-card:hover {
					transform: translateY(-10px);
					background: rgba(255, 255, 255, 0.1);
					border-color: var(--accent-red);
				}

				.featuredAllEvents .img-container {
					height: 240px;
					overflow: hidden;
				}

				.featuredAllEvents .event-img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					transition: 0.5s;
				}

				.featuredAllEvents .event-card:hover .event-img { transform: scale(1.1); }

				.featuredAllEvents .card-body {
					padding: 10px;
					color: #cbd5e1;
				}

				.featuredAllEvents .event-title {
					color: white;
					font-weight: 700;
					margin-bottom: 12px;
					font-size: 1.2rem;
				}

				/* Custom Navigation Styling */
			   .featuredAllEvents  .slider-controls {
					display: flex;
					align-items: center;
					justify-content: center;
					gap: 10px;
					margin-top: 40px;
				}

				.featuredAllEvents .custom-arrow {
					background: var(--accent-red);
					color: white;
					width: 50px;
					height: 50px;
					border-radius: 50%;
					display: flex;
					align-items: center;
					justify-content: center;
					cursor: pointer;
					transition: 0.3s;
					border: none;
				}

				.featuredAllEvents .custom-arrow:hover {
					background: white;
					color: var(--accent-red);
					transform: scale(1.1);
				}

				.featuredAllEvents .view-all {
					color: white;
					text-decoration: none;
					font-weight: 600;
					border: 1px solid rgba(255,255,255,0.2);
					padding: 10px 25px;
					border-radius: 50px;
					transition: 0.3s;
				}

				.featuredAllEvents .view-all:hover {
					background: white;
					color: var(--dbuu-blue);
				}

				/* Dots Styling */
				/*.featuredAllEvents .slick-dots li button:before { color: white; font-size: 12px; }
				.featuredAllEvents .slick-dots li.slick-active button:before { color: var(--accent-red); }*/

				.featuredAllEvents .slick-dots{
						bottom:-35px;
					}

					.featuredAllEvents .slick-dots li{
						display:inline-block;
					}

					.featuredAllEvents .slick-dots li button:before{
						color:#fff;
						font-size:12px;
					}

					.featuredAllEvents .slick-dots li.slick-active button:before{
						color:#ef4444;
					}
					.featuredAllEvents h2{
						color:#ffffff;
					}

					.featuredAllEvents .card-body p a{
						color:#eee;
						text-decoration: none;
						font-size: 13px;
						line-height: 1;
					}
				/* end  featured events css new */
				/* end featured events css new */

				.leaderPanel .card-title{
					color: #fff;
				}
				 .leaderPanel .card-body{
					background-color: var(--secondary-color) !important;
				}
				 .leaderPanel .card-text{
					color: #eee;
				}
				
				.section-head {
    margin-bottom: 30px;
}
.mt-separator-outer.separator-left {
    text-align: left;
}
.mt-separator-outer {
    overflow: hidden;
}
.mt-separator, .sep-line-one, .sep-line-two {
    position: relative;
}
.mt-separator {
    display: inline-block;
    margin-top: 0px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0px;
    transition: all 0.5s linear;
}
.mt-separator:before {
    width: 50px;
    left: -60px;
    top: 12px;
}
.mt-separator:before, .sep-line-one:before {
    position: absolute;
    content: '';
    background-color: #e53935;
    height: 2px;
}
.mt-separator-outer.separator-left .mt-separator .sep-line-one {
    margin-bottom: 0px;
}
.mt-separator:after {
    width: 50px;
    right: -60px;
    top: 12px;
}
.mt-separator:after, .sep-line-one:after {
    position: absolute;
    content: '';
    background-color: #e53935;
    height: 2px;
}
.mt-separator:after, .sep-line-one:after, .mt-separator:before, .sep-line-one:before {
    transition: width 0.3s ease-in-out;
}
.site-text-primary {
    color: #e53935;
}
.font-weight-300 {
    font-weight: 300;
}

.sep-line-one:after {
    width: 30px;
    right: -40px;
    top: 22px;
}

.img-box {width:100%;max-height:350px}
.img-box img {  width: 100%;  height: 100%;  object-fit: cover;}
.sidebar-card{  background:#fff;  border-radius:12px;  box-shadow:0 8px 20px rgba(0,0,0,0.08);}
.sidebar-title{  font-weight:700;  margin-bottom:20px;  border-left:4px solid #a94456;  padding-left:10px;}
.category-list{  list-style:none;  padding:0;  margin:0;}
.category-list li{  margin-bottom:12px;}

.category-list a{  display:flex;  justify-content:space-between;  padding:10px 15px;  border-radius:8px;  text-decoration:none;  background:var(--primary-color);  color:#fff;  transition:0.3s ease;}
.category-list a.active{  background:var(--secondary-color);  color:#fff;}
.category-list a:hover{  background:var(--secondary-color);  color:#fff;}
.category-list span{  font-size:14px;  opacity:0.7;}
.recent-post{  display:flex;  gap:12px;  margin-bottom:18px;}
.recent-post img{  width:70px;  height:70px;  object-fit:cover;
  border-radius:8px;}
.recent-content a{  font-weight:600;  text-decoration:none;  color:#333;  display:block;  transition:0.3s;}
.recent-content a:hover{  color:#a94456;}
.recent-content p{  font-size:13px;  color:#777;  margin:4px 0 0;}
.text-box p {text-align:justify}
.servicesLists{margin-top: 0; text-align: left;list-style:none}
.servicesLists [class*='col-']{float: none; margin-top:90px;}
.servicesLists .servicesList{ position: relative; padding: 30px; padding-bottom: 50px; background-color: var(--secondary-color); height: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.servicesLists .servicesList .servicesListImg{width: 125px; height: 125px;  background-color: var(--white-color); border:2px solid var(--white-color); box-shadow: 0 0 5px var(--border-color); border-radius: 50%; overflow: hidden; position: relative; margin: -82px 0 30px 0px;left:35%}
.servicesLists .servicesList .servicesListImg img{position: absolute; left: 50%; top: 50%; width: 100%; border-radius: 50%;  -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.servicesLists .servicesList h4{margin-bottom: 15px; color: #fff; font-weight: 500;}
/* ===== CTA Section ===== */
.ct-section{
  padding:100px 0;
  width:100%;
}

.ct-box{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  padding:80px 40px;
  text-align:center;
  color:#fff;

  background:linear-gradient(135deg, var(--secondary-color), #8d2a3b, var(--secondary-color));
  background-size:300% 300%;
  animation:gradientMove 8s ease infinite;

  box-shadow:0 25px 60px rgba(0,0,0,0.2);
}

/* Animated gradient */
@keyframes gradientMove{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}

/* Soft glow overlay */
.ct-box::before{
  content:"";
  position:absolute;
  width:350px;
  height:350px;
  background:rgba(255,255,255,0.08);
  border-radius:50%;
  filter:blur(60px);
  top:-100px;
  left:-100px;
  animation:float 7s ease-in-out infinite;
}

@keyframes float{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(40px);}
}

.ct-title{
  font-size:42px;
  font-weight:700;
  margin-bottom:20px;
  color:#fff;
}

.ct-text{
  font-size:18px;
  opacity:0.9;
  margin-bottom:45px;
}

/* ===== Premium Button ===== */
.ct-btn{
  background:#fff;
  color:var(--primary-color);
  font-weight:600;
  padding:15px 45px;
  border-radius:50px;
  transition:all 0.4s ease;
  position:relative;
  overflow:hidden;
}

.ct-btn:hover{
  background:var(--secondary-color);
  color:#fff;
  transform:translateY(-6px);
  box-shadow:0 15px 35px rgba(0,0,0,0.25);
}

/* Responsive */
@media(max-width:768px){
  .ct-title{ font-size:28px; }
  .ct-text{ font-size:16px; }
  .ct-box{ padding:60px 20px; }
}	

.whyus-section{
   position:relative;
  color:#fff;
}
/* Dark overlay */
.whyus-section::before{
  content:"";
  position:absolute;
  inset:0;
 
  z-index:1;
}

.whyus-section .container{
  position:relative;
  z-index:2;
}

.why_section-title{
  text-align:center;
  font-size:36px;
  font-weight:700;
  color:var(--primary-color);
  margin-bottom:20px;
}

.why_section-title::after{
  content:"";
  width:80px;
  height:3px;
  background:var(--primary-color);
  display:block;
  margin:12px auto 0;
}

.why_section-subtext{
  text-align:center;
  font-size:18px;
  opacity:0.9;
  margin-bottom:50px;color:var(--primary-color);
}

/* Card style */
.whyus-card{
  background:rgba(255,255,255,0.12);
  padding:30px 20px;
  border-radius:15px;
  text-align:center;
  transition:all 0.4s ease;
  
  border:1px solid var(--secondary-color);
  border-top:4px solid var(--secondary-color);
  backdrop-filter:blur(8px);
}

.whyus-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 45px rgba(0,0,0,0.4);
}

.why_icon-box{
  font-size:36px;
  color:var(--accent);
  width:70px;
  height:70px;
  border-radius:50%;
  background:var(--secondary-color);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 18px;
}

.why_card-title{
  font-size:20px;
  font-weight:600;
  margin-bottom:12px;
  color:var(--primary-color);
}

.why_card-text{
  font-size:15px;
  color:#000;
  line-height:1.6;
}

.stat-box i{
  font-size:30px;
  margin-bottom:10px;
  color:var(--primary-color);
}
.stat-box p{
  text-align:center;
  color:var(--secondary-color);
}
.stat-box h2{
  font-weight:700;
  font-size:32px;
  color:var(--primary-color);
}

.process-box{
  background:#fff;
  padding:25px;
  border-radius:15px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.process-box i{
  font-size:35px;
  color:var(--primary-color);
  margin-bottom:10px;
}

.recruiter-box{
  background:#f9f9f9;
  padding:20px;
  border-radius:10px;
  font-weight:600;
  transition:0.3s;
}

.recruiter-box:hover{
  background:var(--primary-color);
  color:#fff;
}