/*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: #812f80;
}
.loginButton:hover{
	background-color: #772b8e;
}
.loginRegisterButton{
	color: #ffffff;
	font-weight: bold;
	padding-left: 1.5rem;
	/* padding-right: 2rem; */
	background: linear-gradient(90deg, #ff6a14 10%, #812f80 10%);
}
/*--------------------------------------------------------------------*/
.cardBgColor{
	background-color: rgb(119, 43, 142); /* Dark background for the card body */
}
.btn-outline-light:hover {
	background-color: #0f0e0e;
}
.card-title {
	font-size: 1.5rem; /* Slightly increased font size */
	font-weight: bold;
}
@media (max-width: 767px){
	.rcs-faculty{
		margin-left: 350px;
	}
}
.marquee {
	width: 100%;
	background-color: rgb(129,46,130);
	overflow: hidden;
}
/*----------------------------------------------------------------------------------------*/
/*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(129,46,130);
	font-family: arial;
}
.title-lines:before, .title-lines:after {
	position: absolute;
	top: 51%;
	overflow: hidden;
	width: 48%;
	height: 1px;
	content: '\a0';
	background-color: rgb(129,46,130);
	margin-left: 2%;
}
.title-lines:before {
	margin-left: -50%;
	text-align: right;
}
.title-text-color{
	color: rgb(129,46,130);
}
/* nav */
.navbar .nav-link {
	color: rgb(98, 93, 93) !important;
	text-decoration: none;
	font-weight: 500;
}
.navbarsection{
	background-color: rgba(255,255,255,255);
}
/*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: rgb(129,46,130);
}
@media (max-width: 500px) {
	.aboutTheProgram{
		font-size: small;
	}}

@media (max-width: 767px) {
	.webinar-card {
		margin-left: 2px;
		width: 350px;
	}
}
.btn-tab{
	background: rgb(129,46,130);
}
.btn-tab:hover{
	background: rgb(129,46,130);
}
.tablinkrcs.active{
	background: rgb(129,46,130) !important;
	color: #ffffff !important;
}