.df-btn {
	background-color: #663ae9;
	color: white !important;
}
.df-btn:hover {
	background-color: #3d0dce;
	color: white !important;
}
.df-tab {
	padding: 10px 25px;
	border-radius: 100px;
	border: none;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	width: 200px;
	color: #2f2e2e;
	transition: all 0.3s ease; /* Smooth transition for background color */
}
.df-tab.active {
	background-color: #663ae9;
	color: #fff;
}
.dfb-card {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border-radius: 5px;
}
.df-modal-closeBtn {
	background-color: #e0dede;
	border: none;
	height: 30px;
	width: 30px;
	border-radius: 100px;
	color: #3f3f3f;
}
.df-m-top {
	margin-top: 50px !important;
}
.df-counter {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
}
.w-100 {
	width: 100% !important;
}
.df-modal-p {
	padding: 20px;
}
.text-justify {
	text-align: justify;
}