:root {
	--mian-text: #181823;
	--secondary: #fc2947;
	--body-text: #44444c;
	--special-white: #f8fafc;
}
/* mainpage */

.row {
	margin: 0px;
}
#menu-primary-menu.n-header li a {
	color: var(--mian-text);
}

.hero-section-right {
	padding: 0px;
}
.btn-comp {
	font-size: 19px;
	font-weight: 500;
	border-radius: 8px;
	padding: 8px 25px;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.main-course-btn {
	color: var(--special-white);
	background-color: var(--secondary);
	margin-left: 15px;
}

.youtube-btn {
	color: var(--mian-text);
	border: solid 1px var(--mian-text);
}

.hero-section {
	margin: 150px 0 55px 0;
	padding: 80px 0;
	position: relative;
	overflow: hidden;
}

.hero-section-title {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 25px;
}

.hero-section-text {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #666;
	margin-bottom: 30px;
}

.main-star {
	position: absolute;
	margin-top: -75px;
}

.active-menu-item a {
	color: var(--secondary) !important;
}

.fav-course {
	margin: 45px 0;
}

.about-sub {
	font-size: 15px;
	font-weight: 500;
	border: solid 1px var(--body-text);
	border-radius: 5px;
	padding: 8px 30px;
	display: inline-block;
	color: var(--body-text) !important;
}
.about-title {
	margin: 25px 0px;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.5em;
	color: var(--mian-text) !important;
}

.about-sub-title {
	font-size: 18px;
	font-weight: 600;
	color: var(--mian-text) !important;
	margin-bottom: 15px;
}

.about-sub-text {
	font-size: 15px;
	color: var(--body-text) !important;
}
.feature span {
	font-size: 21px;
	font-weight: 600;
	color: var(--secondary) !important;
}

.feature {
	gap: 50px;
	margin-top: 45px;
}

.youtube-container {
	padding: 35px;
	border: solid 2px var(--secondary);
	border-radius: 15px;
	margin: 100px 0px;
}

.youtube-container .col-4 {
	padding: 0px;
}

.img-about-container {
	padding: 0px;
}

.youtube-content-container .sub-title {
	font-size: 15px;
	font-weight: 500;
}

.youtube-content-container {
	padding: 0px;
	padding-left: 15px;
	gap: 15px;
}

.content-about-container {
	padding-right: 35px;
}

.youtube-content-container .yt-title {
	font-weight: 600;
	font-size: 32px;
}

.youtube-feature-con {
	gap: 15px;
}

.yt-feature-main-con {
	gap: 85px;
}

.youtube-feature-con .youtube-feature {
	font-size: 17px;
	font-weight: 500;
}

div.row.youtube-container.d-flex.align-items-center > div.col-8.youtube-content-container.d-flex.flex-column > p {
	font-size: 19px;
	font-weight: 400;
}

.youtube-container > div.col-4 {
	padding-right: 15px;
}
.youtube-btn-container .btn-comp {
	background-color: var(--mian-text);
	color: white;
	font-size: 21px;
}
.youtube-btn-container .btn-comp:hover {
	background-color: var(--secondary);
	color: white;
}
.youtube-btn-container {
	margin-top: 45px;
}
.yt-img-container img {
	border-radius: 8px;
}

.last-article-title-con h3 {
	font-weight: 600;
	font-size: 32px;
}

.last-article-title-con {
	margin-bottom: 25px;
}
.last-article-content-con .category-tag a {
	font-size: 13px;
	color: var(--body-text);
	background-color: #f9f9f9;
	padding: 3px 15px;
	border-radius: 5px;
	text-decoration: none;
}

.last-article-content-con .main-article-title {
	margin-top: 25px;
	margin-bottom: 15px;
}
.main-article-title {
	font-size: 21px;
}

.main-article-title a {
	text-decoration: none !important ;
	color: var(--mian-text) !important;
}

body
	> div.container
	> div.row.main-blog-content.g-2
	> div.col-8.blog-items-con.d-flex.flex-column.gap-4
	> div
	> div.col-6.last-article-content-con
	> h3
	> a {
	text-decoration: none !important ;
	color: var(--mian-text) !important;
	font-size: 21px;
}
body
	> div.container
	> div.row.main-blog-content.g-2
	> div.col-8.blog-items-con.d-flex.flex-column.gap-4
	> div
	> div.col-6.last-article-content-con
	h3 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.last-article-content-con .main-article-text {
	font-size: 15px;
	font-weight: 400;
}
div.main-last-article.d-flex.align-items-center > div.col-6.last-article-content-con > hr {
	margin-top: 35px;
	margin-bottom: 15px;
}

.article-date span {
	font-size: 13px;
}

.main-last-article {
	padding: 25px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
	border-radius: 15px;
}

.main-last-article .img-last-main-article-con img {
	border-radius: 8px;
}

.main-last-article .last-article-content-con {
	padding-right: 25px;
}
.article-show-more a {
	background-color: var(--mian-text);
	color: var(--special-white);
	font-size: 15px;
	font-weight: 400;
}

.last-mini-article-con {
	padding: 0px;
	margin: 0px;
	margin-top: 25px;
	gap: 25px;
}

.last-mini-article-con .post-right {
	padding: 15px;
	border-radius: 15px;
	gap: 35px;
}

.last-mini-article-con .post-left {
	padding: 15px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
	border-radius: 15px;
	gap: 35px;
}

.last-mini-title-con h4 {
	font-size: 15px;
}

.last-mini-title-con h4 a {
	color: var(--mian-text);
	text-decoration: none;
}

.last-mini-title-con div span {
	font-size: 13px;
}

.last-mini-title-con div img {
	border-radius: 5px;
}

.mini-img-last {
	border-radius: 5px;
}

/* blog styles */

.blog-top-con {
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.07);
	padding: 25px;
	border-radius: 15px;
	margin-bottom: 25px;
}

.blog-top-con .blog-main-title {
	font-size: 21px;
	color: var(--mian-text);
	font-weight: 500;
}

.blog-top-con .blog-main-text {
	color: var(--body-text);
	font-size: 15px;
	font-weight: 400;
	margin: 0px;
}

.blog-cat-container {
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.07);
	padding: 25px;
	border-radius: 15px;
	margin-bottom: 15px;
	margin-bottom: 15px;
	gap: 10px;
}

.blog-cat-container h3 {
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 10px;
}

.blog-left-sidebar {
	padding: 0px;
}

.blog-cat-container .cat-item {
	list-style: none;
}

.blog-cat-container .cat-item a {
	color: var(--body-text);
	text-decoration: none;
	font-size: 14px;
}
.blog-cat-container .cat-item a:hover {
	color: var(--secondary);
}

.blog-cat-container .cat-item a:active {
	color: var(--secondary);
}

.mini-blog-last-posts {
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.07);
	border-radius: 15px;
	padding: 25px;
}

.mini-blog-last-posts h3 {
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 10px;
}

.col-8.mini-blog-last-posts-content h4 {
	font-size: 14px;
	font-weight: 400;
}

.col-8.mini-blog-last-posts-content h4 a {
	color: var(--mian-text);
	text-decoration: none;
	line-height: 1.5em;
}

.col-8.mini-blog-last-posts-content span {
	color: var(--body-text);
	font-size: 11px;
}

.col-8.mini-blog-last-posts-content {
	padding-right: 10px;
}

.mini-blog-last-posts-item .img-container img {
	border-radius: 8px;
}

.blog-items-con {
	padding: 0px;
	padding-left: 25px;
}
body
	> div.container
	> div.row.last-article-container
	> div.last-mini-article-con.d-flex
	> div
	> div
	> div.col-4
	> a
	> img {
	border-radius: 8px;
}

/* archive template style */
.archive-name-container {
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.07);
	padding: 25px;
	border-radius: 15px;
	margin-bottom: 25px;
}
.archive-name-container h1 {
	font-size: 19px;
	color: var(--secondary);
}

.archive-name-container h1 span {
	color: var(--mian-text);
	font-weight: 600;
}

.current-cat a {
	color: var(--secondary) !important;
}

.pagination {
	display: flex;
	gap: 15px;
	justify-content: center;
}

.pagination a {
	text-decoration: none;
	color: var(--mian-text);
}
.pagination .current {
	color: var(--secondary);
}

/* single blog item */

.main-img-single {
	border-radius: 25px;
}

.description-item span {
	font-size: 14px;
}

.description-item img {
	width: 25px;
}

.single-page-description {
	padding: 25px;
	box-shadow: 0px 4px 51px rgba(0, 0, 0, 0.1);
	margin-top: 25px;
	border-radius: 25px;
}

.description-items-con {
	padding: 0px;
}

.single-cat-con a {
	text-decoration: none;
	padding: 8px 15px;
	background-color: var(--mian-text);
	color: var(--special-white);
	font-size: 14px;
	border-radius: 8px;
}

/* contact-us-styles */
.page-template-contact {
	background-color: #f5f7fa;
}

.contact-us-form-content {
	background-color: white;
	padding: 25px;
	border-radius: 15px;
}

.contact-us-input-container {
	display: flex;
	flex-wrap: wrap;
}

.input-con {
	display: flex;
	flex-direction: column;
	width: 50%;
	padding: 0px 15px;
	padding-top: 5px;
}

.input-con input,
.input-con select,
.input-con-message textarea {
	padding: 10px 5px;
	background-color: #f5f7fa;
	border-radius: 8px;
	border: none;
	font-size: 13px;
	color: var(--body-text);
}

.input-con input:focus,
.input-con select:focus,
.input-con-message textarea:focus {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset;
	border: none !important;
	outline: none;
}

.input-con select {
	color: var(--body-text);
	font-size: 14px;
	font-weight: 400;
}

.input-con input::selection {
	border: none !important;
}

.input-con-message {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 15px;
}

.input-con input,
.input-con-message textarea {
	font-size: 13px;
	color: var(--body-text);
}

.contact-us-form-content span {
	color: var(--mian-text);
	font-size: 14px;
	text-align: right;
}

.contact-us-main-title {
	font-size: 31px;
	font-weight: 700;
	color: var(--mian-text);
	margin: 15px 0;
}

.contact-us-description {
	color: var(--body-text);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7em;
	padding-top: 8px;
	margin-bottom: 30px;
}
.contact-us-label {
	padding-bottom: 5px;
	font-weight: 500;
}
.btn-form-container {
	padding: 0px 15px;
	margin-top: 25px;
}

.btn-form-container button {
	border: none;
	border-radius: 8px;
	width: 100%;
	padding: 8px 0px;
	background-color: var(--mian-text);
	color: white;
}

.contact-us-form-container .success-message {
	padding-right: 15px;
	padding-bottom: 15px;
	color: green;
}

.contact-us-form-img-con img {
	border-radius: 15px;
	height: 100%;
	object-fit: cover;
}

/* single post styles */
/* my-account styles */
.single-content-container {
	box-shadow: 0px 4px 41px rgba(0, 0, 0, 0.1);
	padding: 25px;
	border-radius: 25px;
}

.mian-single-container {
	margin-top: 25px;
}

.contact-us-details-con {
	background-color: white;
	border-radius: 15px;
	gap: 25px;
}

.contact-us-details-con .item {
	background-color: #f5f7fa;
	border-radius: 8px;
}

.contact-us-text-items h5 {
	font-weight: 500;
}

.dashboard-card {
	border-radius: 1rem;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
}
.banner {
	background: linear-gradient(135deg, #d9a7c7, #fffcdc);
	border-radius: 1rem;
	padding: 3rem;
	text-align: center;
	color: white;
}
.myacc-sidebar {
	background-color: white;
	border-radius: 1rem;
	padding: 2rem;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
	position: sticky;
	top: 45px;
	height: fit-content;
	z-index: 100;
}
.my-account-custom-nav {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
	border-radius: 1rem;
	padding: 25px;
	background-color: white;
	margin-bottom: 25px;
}
.icon-box {
	font-size: 2rem;
	color: #555;
}

.sidebar-my-acc-down a img {
	padding-left: 5px;
}

/* استایل‌های جدید برای صفحه اصلی */

/* انیمیشن‌ها */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translateX(-30px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translateX(30px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0px);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/* بهبود بخش قهرمان */
.hero-section {
	padding: 80px 0;
	position: relative;
	overflow: hidden;
}

.hero-section-title {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 25px;
	animation: fadeInRight 1s ease-out;
}

.hero-section-text {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #666;
	margin-bottom: 30px;
	animation: fadeInRight 1s ease-out 0.3s;
	animation-fill-mode: both;
}

.hero-section .col-lg-5 img {
	animation: float 4s ease-in-out infinite;
	transition: transform 0.5s ease;
}

.hero-section .col-lg-5 img:hover {
	transform: scale(1.03) translateY(-5px);
}

.main-star {
	animation: spin 15s linear infinite;
}

.main-course-btn,
.youtube-btn {
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
	animation: fadeInRight 1s ease-out 0.6s;
	animation-fill-mode: both;
}

.main-course-btn:hover,
.youtube-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.main-course-btn:before,
.youtube-btn:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: 0.5s;
}

.main-course-btn:hover:before,
.youtube-btn:hover:before {
	left: 100%;
}

/* بهبود بخش دوره‌های محبوب */
.fav-course-title {
	margin: 80px 0 40px;
	text-align: center;
}

.fav-course-title h2 {
	font-size: 2.2rem;
	font-weight: 700;
	margin-bottom: 15px;
	position: relative;
	display: inline-block;
}

.fav-course-title h2:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 3px;
	background: #fc2947;
	border-radius: 3px;
}

.fav-course-title p {
	color: #666;
	font-size: 1.1rem;
}

.fav-course-content-container {
	padding: 40px 0;
}

.img-popular-course {
	border-radius: 10px;
	transition: all 0.5s ease;
}

.about-sub {
	display: inline-block;
	background: rgb(255, 255, 255);
	color: #fc2947;
	padding: 5px 15px;
	border-radius: 20px;
	font-size: 0.9rem;
	font-weight: 600;
	margin-bottom: 15px;
}

.about-title {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.4;
}

.about-text {
	color: #666;
	line-height: 1.8;
	margin-bottom: 25px;
}

.content-about-container hr {
	margin: 25px 0;
	opacity: 0.1;
}

.about-sub-title {
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 10px;
	color: #333;
}

.about-sub-text {
	color: #666;
	line-height: 1.7;
	margin-bottom: 20px;
}

.feature {
	border-radius: 8px;
	margin-top: 30px;
}

.feature span {
	font-weight: 600;
	color: #333;
	position: relative;
}

/* بهبود بخش یوتیوب */
.youtube-container {
	margin: 100px 0;
	border-radius: 15px;
	padding: 50px 30px;
	position: relative;
	overflow: hidden;
}

.youtube-container:before {
	content: '';
	position: absolute;
	top: -30px;
	right: -30px;
	width: 150px;
	height: 150px;
	background: rgba(252, 41, 71, 0.05);
	border-radius: 50%;
	z-index: 0;
}

.sub-title {
	display: inline-block;
	background: rgba(58, 158, 253, 0.1);
	color: var(--mian-text);
	padding: 5px 15px;
	border-radius: 20px;
	font-size: 0.9rem;
	font-weight: 600;
	margin-bottom: 15px;
}

.yt-title {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.4;
}

.youtube-content-container p {
	color: #666;
	line-height: 1.8;
	margin-bottom: 25px;
}

.youtube-feature {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.youtube-feature img {
	margin-left: 10px;
}

.youtube-feature span {
	font-weight: 500;
	color: #333;
}

.yt-img-container img {
	border-radius: 10px;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease;
}

.yt-img-container img:hover {
	transform: scale(1.05);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.youtube-btn-container {
	margin-top: 15px;
}

/* بهبود بخش مقالات */
.last-article-container {
	margin-bottom: 80px;
}

.last-article-title-con {
	margin-bottom: 50px;
}

.last-article-title-con h3 {
	font-size: 2.2rem;
	font-weight: 700;
	margin-bottom: 15px;
	position: relative;
	display: inline-block;
}

.last-article-title-con h3:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 3px;
	background: var(--secondary);
	border-radius: 3px;
}

.last-article-title-con p {
	color: #666;
	font-size: 1.1rem;
}

.main-last-article {
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	transition: all 0.5s ease;
}

.main-last-article:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.img-last-main-article-con img {
	border-radius: 15px 0 0 15px;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s ease;
}

.last-article-content-con {
	padding: 30px;
}

.category-tag a {
	display: inline-block;
	background: rgba(58, 158, 253, 0.1);
	color: #3a9efd;
	padding: 5px 15px;
	border-radius: 20px;
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 15px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.main-article-title {
	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1.4;
}

.main-article-title a {
	color: #333;
	text-decoration: none;
	transition: all 0.3s ease;
}

.main-article-title a:hover {
	color: #3a9efd;
}

.main-article-text {
	color: #666;
	line-height: 1.7;
	margin-bottom: 20px;
}

.last-article-content-con hr {
	margin: 25px 0;
	opacity: 0.1;
}

.article-date {
	display: flex;
	align-items: center;
}

.article-date img {
	margin-left: 8px;
	opacity: 0.7;
}

.article-date span {
	font-size: 0.9rem;
	color: #777;
}

.article-show-more a {
	padding: 8px 20px;
	font-size: 0.9rem;
}

.last-mini-article-con {
	gap: 30px;
}

.last-mini-article-right,
.last-mini-article-left {
	flex: 1;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	transition: all 0.5s ease;
}

.last-mini-article-right:hover,
.last-mini-article-left:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.post-right,
.post-left {
	padding: 20px;
}

.post-right img,
.post-left img {
	border-radius: 8px;
	transition: all 0.5s ease;
}

.post-right:hover img,
.post-left:hover img {
	transform: scale(1.05);
}

.last-mini-title-con {
	padding-right: 15px;
}

.last-mini-title-con h4 {
	font-weight: 600;
	line-height: 1.5;
}

.last-mini-title-con h4 a {
	color: #333;
	text-decoration: none;
	transition: all 0.3s ease;
}

.last-mini-title-con h4 a:hover {
	color: var(--secondary) !important;
}

.last-article-content-con > h3 > a:hover {
	color: var(--secondary) !important;
}

.main-article-title a:hover {
	color: var(--secondary);
}

.last-mini-title-con div {
	display: flex;
	align-items: center;
}

.last-mini-title-con img {
	margin-left: 8px;
	opacity: 0.7;
}

.last-mini-title-con span {
	font-size: 0.85rem;
	color: #777;
}

/* استایل‌های واکنش‌گرا */
@media (max-width: 991px) {
	.hero-section {
		padding: 50px 0;
	}

	.hero-section-title {
		font-size: 2rem;
		margin-top: 30px;
	}

	.fav-course-content-container {
		padding: 20px 0;
	}

	.blog-items-con {
		padding: 0px !important;
	}
	.about-title,
	.yt-title {
		font-size: 1.6rem;
	}

	.youtube-container {
		padding: 40px 20px;
	}

	.main-last-article {
		flex-direction: column;
	}

	.img-last-main-article-con img {
		border-radius: 15px 15px 0 0;
	}

	.last-mini-article-con {
		flex-direction: column;
	}
}

@media (max-width: 767px) {
	.hero-section-title {
		font-size: 1.8rem;
	}

	.hero-section-text {
		font-size: 1rem;
	}

	.fav-course-title h2,
	.last-article-title-con h3 {
		font-size: 1.8rem;
	}

	.main-article-title {
		font-size: 1.4rem;
	}
}

/* کلاس‌های انیمیشن برای اسکرول */
.animate-on-scroll {
	opacity: 0;
}

.animate-fadeInUp {
	animation: fadeInUp 1s ease forwards;
}

.animate-fadeInRight {
	animation: fadeInRight 1s ease forwards;
}

.animate-fadeInLeft {
	animation: fadeInLeft 1s ease forwards;
}

.animate-pulse {
	animation: pulse 2s ease infinite;
}

.animate-float {
	animation: float 4s ease-in-out infinite;
}

/* تاخیر در انیمیشن‌ها */
.delay-100 {
	animation-delay: 0.1s;
}

.delay-200 {
	animation-delay: 0.2s;
}

.delay-300 {
	animation-delay: 0.3s;
}

.delay-400 {
	animation-delay: 0.4s;
}

.delay-500 {
	animation-delay: 0.5s;
}

/* استایل بخش توضیحات محصول */
.description-content {
	padding: 35px;
	background: #ffffff;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	line-height: 1.8;
	color: #444;
	margin-bottom: 30px;
}

.description-content h1,
.description-content h2,
.description-content h3,
.description-content h4,
.description-content h5,
.description-content h6 {
	color: #181823;
	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: 600;
}

.description-content h1 {
	font-size: 28px;
}

.description-content h2 {
	font-size: 24px;
}

.description-content h3 {
	font-size: 20px;
}

.description-content p {
	margin-bottom: 20px;
	text-align: justify;
}

.description-content ul,
.description-content ol {
	margin: 20px 0;
	padding-right: 20px;
}

.description-content li {
	margin-bottom: 10px;
}

.description-content img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	margin: 20px 0;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.description-content a {
	color: #3a9efd;
	text-decoration: none;
	transition: all 0.3s ease;
}

.description-content a:hover {
	color: #fc2947;
}

.description-content blockquote {
	border-right: 4px solid #fc2947;
	padding: 15px 20px;
	margin: 20px 0;
	background-color: #f8f9fa;
	border-radius: 0 8px 8px 0;
	font-style: italic;
	color: #555;
}

.description-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 25px 0;
}

.description-content table th {
	background-color: #f8f9fa;
	color: #333;
	font-weight: 600;
	padding: 12px 15px;
	text-align: right;
}

.description-content table td {
	border-bottom: 1px solid #eeeeee;
	padding: 12px 15px;
}

.description-content table tr:hover {
	background-color: #f8f9fa;
}

.description-content code {
	background-color: #f8f9fa;
	padding: 3px 6px;
	border-radius: 4px;
	font-family: monospace;
	color: #fc2947;
}

.description-content pre {
	background-color: #f8f9fa;
	padding: 15px;
	border-radius: 8px;
	overflow-x: auto;
	margin: 20px 0;
}

.description-content pre code {
	background: transparent;
	padding: 0;
	color: #333;
}

.description-content iframe {
	width: 100%;
	height: 450px;
	border: none;
	border-radius: 10px;
	margin: 20px 0;
}

@media (max-width: 768px) {
	.description-content {
		padding: 20px;
	}

	.description-content h1 {
		font-size: 24px;
	}

	.description-content h2 {
		font-size: 20px;
	}

	.description-content h3 {
		font-size: 18px;
	}

	.description-content iframe {
		height: 300px;
	}
}

.courses-reviews-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #f8f9fa;
	border-radius: 15px;
	padding: 25px;
	margin-bottom: 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.reviews-box {
	text-align: center;
	padding-left: 30px;
	border-left: 1px solid #eee;
}

.reviews-box h2 {
	font-size: 48px;
	color: #fc2947;
	margin-bottom: 10px;
}

.reviews-box .star {
	margin-bottom: 10px;
}

.reviews-box .star i {
	color: #ffb800;
	font-size: 20px;
	margin: 0 2px;
}

.reviews-box .star i.color-2 {
	color: #e0e0e0;
}

.reviews-box p {
	color: #666;
	font-size: 14px;
}

.reviews-ratting-right {
	flex-grow: 1;
	padding-right: 30px;
}

.reviews-ratting-item {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.reviews-ratting-item .star {
	width: 120px;
	text-align: right;
}

.reviews-ratting-item .star i {
	color: #ffb800;
	font-size: 14px;
}

.reviews-ratting-item .star i.color-2 {
	color: #e0e0e0;
}

.reviews-ratting-item .progress {
	flex-grow: 1;
	height: 8px;
	background-color: #e0e0e0;
	border-radius: 4px;
	margin: 0 15px;
	overflow: hidden;
}

.reviews-ratting-item .progress-value {
	height: 100%;
	border-radius: 4px;
}

.reviews-ratting-item .progress-value.style-5 {
	background-color: #4caf50;
}

.reviews-ratting-item .progress-value.style-4 {
	background-color: #8bc34a;
}

.reviews-ratting-item .progress-value.style-3 {
	background-color: #ffc107;
}

.reviews-ratting-item .progress-value.style-2 {
	background-color: #ff9800;
}

.reviews-ratting-item .progress-value.style-1 {
	background-color: #f44336;
}

.reviews-ratting-item span {
	width: 40px;
	text-align: left;
	color: #666;
	font-size: 14px;
}

/* استایل فرم نظردهی */
.review-form-container {
	background-color: #f8f9fa;
	border-radius: 15px;
	padding: 30px;
	margin-bottom: 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.review-form h4 {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-bottom: 20px;
	position: relative;
	padding-right: 15px;
	border-right: 3px solid #181823;
}

.review-form .form-group {
	margin-bottom: 20px;
}

.review-form label {
	display: block;
	font-weight: 500;
	margin-bottom: 8px;
	color: #333;
}

.review-form textarea {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	resize: vertical;
	min-height: 120px;
	font-family: inherit;
	transition: all 0.3s ease;
}

.review-form textarea:focus {
	border-color: #3a9efd;
	box-shadow: 0 0 0 2px rgba(58, 158, 253, 0.1);
	outline: none;
}

.rating-select {
	margin-bottom: 15px;
}

.rating-stars {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.rating-stars input {
	display: none;
}

.rating-stars label {
	cursor: pointer;
	font-size: 25px;
	color: #e0e0e0;
	margin-left: 5px;
	transition: all 0.2s ease;
}

.rating-stars label:hover,
.rating-stars label:hover ~ label,
.rating-stars input:checked ~ label {
	color: #ffb800;
}

.review-form button {
	background-color: white;
	color: #181823;
	border: none;
	border-radius: 8px;
	padding: 12px 25px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
}

.review-form button:hover {
	background-color: #e01e3c;
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(252, 41, 71, 0.2);
}

/* پیام برای کاربرانی که نمی‌توانند نظر بدهند */
.review-notice {
	text-align: center;
	padding: 30px 20px;
	background-color: #f8f9fa;
	border-radius: 10px;
	border: 1px dashed #ddd;
}

.review-notice p {
	margin-bottom: 20px;
	color: #666;
	font-size: 16px;
}

.review-notice i {
	color: var(--mian-text);
	margin-left: 8px;
	font-size: 18px;
}

.review-notice .theme-btn {
	display: inline-block;
	padding: 10px 20px;
	background-color: #3a9efd;
	color: white;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 500;
	transition: all 0.3s ease;
}

.review-notice .theme-btn:hover {
	background-color: #1e8af9;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(58, 158, 253, 0.2);
}

/* استایل لیست نظرات */
.reviews-list {
	margin-top: 40px;
}

.reviews-list h4 {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-bottom: 20px;
	position: relative;
	padding-right: 15px;
	border-right: 3px solid #3a9efd;
}

.instructors-box-items {
	display: flex;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
}

.instructors-box-items:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.instructors-box-items .thumb {
	margin-left: 20px;
}

.instructors-box-items .thumb img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #f8f9fa;
}

.instructors-box-items .content {
	flex-grow: 1;
}

.review-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.reviewer-info {
	display: flex;
	align-items: center;
}

.reviewer-info h4 {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin: 0;
	margin-left: 10px;
	border: none;
	padding: 0;
}

.student-badge {
	display: inline-block;
	background-color: rgba(252, 41, 71, 0.1);
	color: #fc2947;
	padding: 3px 10px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 500;
}

.student-badge i {
	margin-left: 5px;
}

.review-date {
	font-size: 13px;
	color: #888;
}

.instructors-box-items .star {
	margin: 8px 0;
}

.instructors-box-items .star i {
	color: #ffb800;
	font-size: 14px;
	margin-left: 2px;
}

.instructors-box-items .star i.color-2 {
	color: #e0e0e0;
}

.review-text {
	color: #555;
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
}

.no-reviews {
	text-align: center;
	padding: 30px;
	background-color: #f8f9fa;
	border-radius: 10px;
	color: #666;
}

@media (max-width: 768px) {
	.courses-reviews-box {
		flex-direction: column;
	}

	.reviews-box {
		padding-left: 0;
		border-left: none;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #eee;
		width: 100%;
	}

	.reviews-ratting-right {
		padding-right: 0;
		width: 100%;
	}

	.review-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.reviewer-info {
		margin-bottom: 5px;
	}

	.instructors-box-items {
		flex-direction: column;
	}

	.instructors-box-items .thumb {
		margin-left: 0;
		margin-bottom: 15px;
	}
}

.cart_totals {
	width: 100% !important;
	float: none !important;
}

.review-notice a.theme-btn {
	background-color: #fc2947;
	color: white;
}

.review-notice a.theme-btn:hover {
	background-color: var(--mian-text);
	color: white;
}

strong {
	font-weight: 600 !important;
}

.courses-faq-items .accordion .accordion-item h2 button {
	background-color: var(--special-white) !important;
	line-height: 1.5 !important;
	color: var(--secondary) !important;
}

.courses-faq-items .accordion .accordion-item h2 button.collapsed {
	color: var(--mian-text) !important;
}

.courses-faq-items .accordion .accordion-item h2 button:focus {
	box-shadow: none !important;
}
.accordion-body {
	font-size: 15px !important;
}

.curriculum-title-con h3 {
	margin: 0px !important;
	font-size: 23px !important;
}

.curriculum-title-con {
	margin-bottom: 35px !important;
}

.faqs-title-con h3 {
	font-size: 23px !important;
	margin: 0px !important;
}

.faqs-title-con {
	margin-bottom: 35px !important;
}

.reviews-title-con h3 {
	font-size: 23px !important;
	margin: 0px !important;
}

.reviews-title-con {
	margin-bottom: 35px !important;
}

.back-home-404 {
	background-color: var(--mian-text);

	color: white;
	padding: 10px 20px;
	border-radius: 5px;
}

.back-home-404:hover {
	background-color: #fc2947;
	color: white;
}

.view-courses-404 {
	background-color: #fc2947;
	color: white;
	padding: 10px 20px;
	border-radius: 5px;
}

.view-courses-404:hover {
	background-color: var(--mian-text);
	color: white;
}

/* my account */

.woocommerce-notices-wrapper {
	margin: 0 auto !important;
}

.main-container-my-acc {
	padding: 0px 15px;
}

.downloads-page-header,
.my-courses-list {
	padding-right: 35px;
}

body
	> div.container
	> div.row.form-main-con.mt-3
	> div.col-12.col-lg-6.contact-us-form-content.d-flex.flex-column
	> div
	> form
	> div.contact-us-input-container
	> div:nth-child(2)
	> div
	> ul
	li {
	text-align: right;
	font-size: 15px;
	color: white;
}

@media (max-width: 500px) {
	.reviewer-info {
		flex-direction: column !important;
	}

	.review-header {
		align-items: center;
	}

	.instructors-box-items .thumb {
		margin: 0px;
	}

	.reviewer-info h4 {
		margin-left: 0px;
	}

	.courses-details-wrapper
		.courses-details-items
		.courses-details-content
		.courses-reviews-items
		.instructors-box-items
		.content
		.star {
		margin: 0px !important;
		text-align: center;
	}

	.courses-details-wrapper
		.courses-details-items
		.courses-details-content
		.courses-reviews-items
		.instructors-box-items {
		padding: 15px !important;
	}
}

.review-replies {
	margin-right: 15px !important;
}

.review-reply-header {
	flex-direction: column;
}
