._row,
._row._no {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #914f95;
	font-weight: 600;

	&:disabled {
		opacity: 0.5 !important;
		cursor: not-allowed !important;
	}

	svg {
		fill: #914f95;
		width: 1.5rem;
		height: 1.5rem;
	}
}

._cursor {
	cursor: pointer;
}

.alfekr-single-course-wrapper {
	padding-top: 3rem;

	._main {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 2rem;

		@media screen and (max-width: 768px) {
			flex-direction: column;
		}

		img {
			width: 18rem;
			height: auto;
			max-width: 100%;
		}

		._title {
			font-size: 1.4rem;
			font-weight: 600;
			color: #914f95;
			margin-bottom: 1rem;

			@media screen and (max-width: 599px) {
				font-size: 1rem;
			}
		}

		._rows {
			display: flex;
			flex-direction: column;
			gap: 0.4rem;
		}

		._content {
			display: flex;
			flex-direction: column;
			gap: 1rem;
		}

		._old {
			text-decoration: line-through;
			font-size: 0.75rem;
			color: rgba(255, 255, 255, 0.6);
		}
	}

	._description {
		font-size: 0.9rem;
		margin-top: 2rem;
	}

	._infos {
		display: grid;
		grid-template-columns: 1fr;
		padding-bottom: 3rem;
		gap: 1rem;

		@media screen and (min-width: 786px) {
			grid-template-columns: repeat(2, minmax(0, 1fr));

			& > :last-child:nth-child(odd) {
				grid-column: span 2;
			}
		}

		._info {
			padding: 1rem;
			border: 2px solid #914f95;
			border-radius: 0.8rem;

			._i {
				font-size: 0.9rem;
				font-weight: 600;
				color: #914f95;
				margin-bottom: 0.25rem;
			}

			._d {
				font-size: 0.9rem;
				margin-bottom: 0;
				white-space: pre-line;
			}
		}
	}
}