/*importing Google fonts  */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

*{
	font-family: "Roboto", sans-serif;
}


.loginButton{
	background-color: #762b8d;
}
/*.learning-modules{*/
/*	overflow: hidden;*/
/*	box-shadow: 0 4px 8px rgba(1,153,214,255);*/
/*	transition: transform 0.3s ease;}*/
/*.card.learning-modules:hover {*/
/*	transform: scale(1.05); !* Slight zoom effect on hover *!*/
/*}*/
.learning-modules{
	border-radius: 15px; /* adjust as needed */
	overflow: hidden;
}
.learning-modules-card-body{
	border-radius: 0 0 15px 15px;

}
/*--------------------------------------------------------------------*/








.cardBgColor{
	background-color: rgba(1,153,214,255); /* Dark background for the card body */
}
.btn-outline-light:hover {
	background-color: #0f0e0e;
}




/* Media query for screens below 992px */
/*@media (max-width: 992px) {*/
/*    .cards-wrapper {*/
/*        flex-direction: column; !* Stack cards vertically *!*/
/*        align-items: center; !* Center the cards *!*/
/*    }*/

/*    .loginModules {*/
/*        max-width: 80%; !* Adjust the width of each card for smaller screens *!*/
/*        margin-bottom: 20px; !* Add some space between stacked cards *!*/
/*    }*/
/*}*/


/*------------------------------------------------------------------------*/
/*!*Learning modules*!*/
/*.cards-wrapper {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    gap: 18px; !* Adjust the gap between cards as needed *!*/
/*    align-items: center;*/
@media (max-width: 767px){
	.rcs-faculty{
		margin-left: 350px;
	}
}
/*----------------------------------------------------------------------------------------*/

/*footer color*/
.footerClass{
	background-color:rgba(234,234,234,255);
}

.title-lines {
	position: relative;
	font-size: 30px;
	z-index: 1;
	overflow: hidden;
	text-align: center;
	color: rgb(11, 119, 182);
	/*font-family: arial;*/
}
.title-lines:before, .title-lines:after {
	position: absolute;
	top: 51%;
	overflow: hidden;
	width: 48%;
	height: 1px;
	content: '\a0';
	background-color: rgb(11, 119, 182);
	margin-left: 2%;
}
.title-lines:before {
	margin-left: -50%;
	text-align: right;
}

.title-text-color{
	color: #0b6ab8;
}

/* nav */

.navbar .nav-link {
	color: rgb(98, 93, 93) !important;
	text-decoration: none;
	font-weight: 500;
}

.navbarsection{
	background-color: rgba(255,255,255,255);
}

.profilenav{
	background-color: #772b8e;
}

/*underline navbar*/
.nav-link {
	position: relative;
	text-decoration: none;
	display: inline-block;
}

.nav-link::after {
	content: "";
	display: block;
	margin: auto;
	height: 3px;
	width: 0;
	top: 5px;
	background: transparent;
	transition: all 0.3s;
}

.nav-link:hover::after, .nav-link.active-nav::after {
	width: 100%;
	background: #0071cd;
}
@media (max-width: 500px) {
	.aboutTheProgram{
		font-size: small;
	}}


.loginButton{
	background-color: #0071cd;
}
.loginButton:hover{
	background-color: #0071cd;
}

.hero {
	background-color: #0f82c5;
	height: 350px;
	color: white;
	padding-top: 60px;
	text-align: center;
}

.overlap-card {
	margin-top: -240px; /* Overlap effect */
}

/*card*/
.caseSolvingCard {
	background-color: #00103c;
	color: white;
	border-radius: 12px;
	position: relative;
	max-width: 320px;
	overflow: hidden;
}
/*progressbar*/
@keyframes progress {
	0% { --percentage: 0; }
	100% { --percentage: var(--value); }
}
@property --percentage {
	syntax: '<number>';
	inherits: true;
	initial-value: 0;
}
[role="progressbar"] {
	--percentage: var(--value);
	--primary: #0055b7;
	--secondary: #adf;
	--size: 40px;
	animation: progress 2s 0.5s forwards;
	width: var(--size);
	aspect-ratio: 1;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	display: grid;
	place-items: center;
}
[role="progressbar"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
	mask: radial-gradient(white 55%, transparent 0);
	mask-mode: alpha;
	-webkit-mask: radial-gradient(#0000 55%, #000 0);
	-webkit-mask-mode: alpha;
}
[role="progressbar"]::after {
	counter-reset: percentage var(--value);
	content: counter(percentage) '%';
	font-family: Helvetica, Arial, sans-serif;
	font-size: calc(var(--size) / 5);
	color: white; /* white text in center */
}

.progress-circle {
	position: absolute;
	top: 10px;    /* adjust to control vertical placement */
	right: 10px;  /* adjust to control horizontal placement */
	z-index: 2;   /* keep it above the image */
}

.disabled{
	color: #ececec;
}
/*font size in main page after landing*/
.quote-text {
	font-size: clamp(1rem, 1.2vw + 0.9rem, 1.5rem); /* auto scales with screen */
	font-weight: 300;
	line-height: 1.6;
}

.author-text {
	font-size: clamp(0.9rem, 1vw + 0.8rem, 1.25rem);
	font-weight: 500;
}
.about-img-wrapper {
	position: relative;
	display: inline-block; /* keeps button bound to image */
}

/* Image */
.about-img-wrapper img {
	max-width: 100%;   /* responsive image */
	height: auto;
	/*border: 5px solid #00f0ff;*/
}

/* Play Button */
.pulsating-play-btn {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: rgba(0, 255, 255, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;

	position: absolute;
	top: 80%;   /* Desktop default */
	left: 97%;  /* Desktop default */
	transform: translate(-50%, -50%);
	cursor: pointer;
	animation: pulse 2s infinite;
}
@media (max-width: 768px) {
	.pulsating-play-btn {
		left: 50% !important; /* center horizontally */
	}
}

.pulsating-play-btn::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgb(15, 131, 197);
	animation: pulse-glow 2s infinite;
	z-index: -1;
}

/* Animations */
@keyframes pulse {
	0% { transform: translate(-50%, -50%) scale(1); opacity: 0.9; }
	50% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }
	100% { transform: translate(-50%, -50%) scale(1); opacity: 0.9; }
}

@keyframes pulse-glow {
	0% { transform: scale(1); opacity: 0.6; }
	50% { transform: scale(1.5); opacity: 0; }
	100% { transform: scale(1); opacity: 0.6; }
}

/* 📱 Responsive Fixes */
@media (max-width: 992px) {
	.pulsating-play-btn {
		top: 70%;
		left: 60%;
	}
}

@media (max-width: 768px) {
	.pulsating-play-btn {
		top: 60%;
		left: 50%; /* center it */
	}
}

@media (max-width: 480px) {
	.pulsating-play-btn {
		width: 65px;
		height: 65px;
		top: 65%;
		left: 95%; /* center it */
	}
}