@use "mixins/mixins-master" as *;
@use "mixins/flex" as *;
@use "variables" as *;
.thim-course-block-4 {
	&:not(.full-width) {
		margin: 0 115px;
	}

	.course-item {
		padding: 0 18.5px;
		padding-bottom: 38px;

		.wrapper {
			border-radius: 10px;
			box-shadow: -7.5px 13px 35px 0 rgba(0, 0, 0, 0.05);

			.featured-img {
				position: relative;

				img {
					border-top-left-radius: 10px;
					border-top-right-radius: 10px;
					width: 100%;
				}

				.course-category {
					font-size: 14px;
					font-weight: 500;
					color: #ffffff;
					position: absolute;
					top: 13px;
					right: -13px;
					left: auto;
					padding: 6px 10px;
					border-top-left-radius: 5px;
					border-bottom-left-radius: 5px;

					@media (max-width: 479px) {
						right: -10px;
					}

					.after_box {
						width: 12px;
						height: 12px;
						top: 38px;
						right: 1px;
						position: absolute;
						border-bottom-color: transparent !important;
						border-right-color: transparent !important;
						filter: brightness(80%);
					}
				}
			}

			.course-content {
				padding: 30px;

				.course-title {
					padding: 0;
					margin: 0 0 16px;
					line-height: 1;

					a {
						font-size: 16px;
						font-weight: 500;
						line-height: 1.25;
						text-align: left;
						color: #333333;
					}
				}

				.course-meta {
					display: flex;
					justify-content: space-between;
					align-items: center;
					.sc-review-stars {
						display: flex;
						align-items: center;
						gap: 4px;
						.review-stars-rated {
							height: 15px;
							margin-bottom: 0;
							margin-right: 4px;
							.lp-review-svg-star svg {
								height: 13px !important;
								fill: #ffb60a;
							}
						}
						.vote {
							color: #949390;
						}
						.average-rating {
							color: $thim_font_title_color;
						}
					}
					i {
						font-size: 13px;
						color: #f8b56c;
					}

					.star {
						font-size: 13.5px;
						font-weight: 400;
						line-height: 1.7;
						color: #848484;
					}

					.price {
						.course-price {
							border-radius: 4px;
							background-color: #f5f5f5;
							padding: 8px 15px;
							font-size: 16px;
							font-weight: 500;
							color: inherit;
							display: inline-block;
						}

						.course-origin-price {
							background-color: transparent;
							color: #848484;
							font-size: 15px;
							font-weight: normal;
							text-decoration: line-through;
						}
					}
				}
			}

			&:hover {
				.course-content {
					.course-title {
						a {
							color: #ffffff;
						}
					}

					.course-meta {
						i {
							color: #ffffff;
						}

						.star {
							color: #ffffff;
						}

						.price {
							.course-price {
								background-color: #ffffff;
							}

							.course-origin-price {
								color: #ffffff;
							}
						}
						.sc-review-stars {
							.review-stars-rated {
								.lp-review-svg-star svg {
									fill: #fff;
									stroke: #fff;
								}
							}
							.vote,
							.average-rating {
								color: #ffffff;
							}
						}
					}
				}
			}
		}
	}

	.view-courses-button {
		margin: 25px auto 0;
		display: block;
		padding: 0 44px;
		height: 48px;
		@include rounded(24px);
		// @include background-vertical(#60d3c6, #47d899);
		border: 1px solid $thim_body_primary_color;
		text-align: center;
		font-weight: 600;
		line-height: 48px;
		text-transform: uppercase;
		font-size: 14px;
		color: $thim_body_primary_color;
		position: relative;
		z-index: 1;

		&:before {
			content: "";
			position: absolute;
			left: 1px;
			top: 1px;
			@include albertcalc(width, 2px);
			@include albertcalc(height, 2px);
			background: #fff;
			z-index: -1;
			border-radius: inherit;
		}

		&:hover {
			color: #fff;
			background: $thim_body_primary_color;
			&:before {
				display: none;
			}
		}
	}
}