.nav-pills .nav-link {
	color: var(--text-secondary);
	border-radius: 6px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	background-color: var(--surface-zero);
}

.nav-pills .nav-link i {
	color: var(--bs-brand-primary);
}

.nav-pills .nav-link.active {
	color: var(--text-invert);
	background-color: var(--bs-brand-primary);
}

.nav-pills .nav-link.active i {
	color: var(--text-invert);
	transform: rotate(180deg);
	transition: all 0.3s ease-in-out;
}

.tab-pane {
	color: var(--gray-400);
	border: none;
	border-radius: 6px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	background-color: var(--surface-zero);
}

@media only screen and (max-width: 575px) {
	h1 {
		color: var(--text-primary);
		font-family: var(--font-family-ınter);
		font-size: 25px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}

	h2 {
		color: var(--text-secondary);
		font-family: var(--font-family-ınter);
		font-size: 15px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}

	h3 {
		color: var(--text-secondary);
		font-family: var(--font-family-ınter);
		font-size: 13px;
		font-style: normal;
		font-weight: 500;
		line-height: 18px;
	}

	p {
		font-family: var(--font-family-ınter);
		font-size: 13px;
		font-style: normal;
		font-weight: 500;
		line-height: 18px;
		padding: 0;
	}

	.heading p {
		font-size: 15px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%; /* 22.4px */
		letter-spacing: 0.16px;
	}
	.nav {
		padding-left: 13px;
	}
}