.title {
	display: inline-block;
	position: relative;
	font-family: lobster;
}

.title::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 2%; /* Change this value to adjust the underline length */
	width: 50%; /* Change this value to adjust the underline length */
	bottom: -20%;
	background-image: linear-gradient(to right, #4a4a4a 0%, #426eba 50%, transparent 50%, transparent 100%);
	height: 5px;
}

.hover-btn {
	color: blueviolet;
	cursor: pointer;
}

.gray-bg {
	color: rgba(43, 226, 180, 0.596);
}

.mr-1 {
	margin-right: 4px;
}

.mr-2 {
	margin-right: 8px;
}

.mr-3 {
	margin-right: 16px;
}

.mr-4 {
	margin-right: 24px;
}

.mr-5 {
	margin-right: 48px;
}

.ml-1 {
	margin-left: 4px;
}

.ml-2 {
	margin-left: 8px;
}

.ml-3 {
	margin-left: 16px;
}

.ml-4 {
	margin-left: 24px;
}

.ml-5 {
	margin-left: 48px;
}