.course_top_wrap {
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
	padding: 20px;
	background: #fff;
	box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}
.product_title {
	font-size: 20px;
	color: var(--text-color);
	font-weight: 700;
	margin: 0;
}
.course_category {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	color: var(--text-color);
}
.course_video_wrap video {
	object-fit: cover;
	width: 100%;
	position: relative;
	display: block;
}
.course_video_wrap {
	width: 100%;
	max-height: 700px;
	border-radius: var(--border-radius);
	overflow: hidden;
}
.course_teacher_about li {
	position: relative;
	padding: 5px 25px 5px 0;
}
.course_teacher_about li::before {
	content: '';
	position: absolute;
	right: 0;
	top: 6px;
	width: 20px;
	height: 20px;
	background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.66699" y="1.66675" width="16.6667" height="16.6667" rx="4.16667" stroke="%232B3F6C" stroke-width="1.5"/><path d="M7.91732 9.58333L9.58398 11.25L12.9173 7.91667" stroke="%232B3F6C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.add_to_cart_ajax.btn_loading:before{
	top: 11px !important;
	right: 45% !important;
}
.btn.btn-success.add_to_cart_ajax.added {
	font-size: 0;
	height: 43px;
	position: relative;
	background: var(--main-color);
}
.btn.btn-success.add_to_cart_ajax.added::before {
	content: 'به سبد خرید اضافه شده';
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	white-space: nowrap;
}
.btn.btn-success.add_to_cart_ajax.added:hover:before{color: var(--main-color);background: #fff;}
.prodcut_attributes {
	margin-top: 30px;
	padding: 30px !important;
}
.price_wrap{
	background: #F5F5F6;
	border-radius: var(--border-radius);
	padding: 10px;
}
.add_to_cart button, .out_of_stock {
	background: var(--main-color);
	font-size: 14px;
	font-weight: 600;
	border: 0;
	width: 100%;
	padding: 12px 5px;
	border: 1px solid var(--main-color) !important;
	border-radius: var(--border-radius);
	margin-top: 10px;
	text-align: center;
}
.add_to_cart button:focus, .add_to_cart button:hover {
	background: transparent;
	color: var(--main-color);
	outline: 0 !important;
	box-shadow: unset !important;
}
.out_of_stock {
	background: red !important;
	border-color: red !important;
}
.tadris_price_box{
	font-size: 14px;
	margin-bottom: 15px;
}
.tadris_price_box_title {
	font-size: 14px;
	color: var(--text-color);
	font-weight: 500;
	margin-bottom: 10px;
	display: block;
}
.product_shipping_status{
	background: #F5F5F6;
	border-radius: var(--border-radius);
	padding: 20px 10px;
	font-size: 14px;
	flex-direction: column;
	display: flex;
	gap: 10px;
}
.tadris_price_title{
	position: relative;
	text-align: left;
	font-size: 18px;
	font-weight: 700; 
	color: var(--text-color);
	display: flex;
	flex-direction: column-reverse;
}
.product_info_wrap {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 30px;
	width: 100%;
	position: relative;
}
.product_info_wrap .product_info_item_value{background: #fff;width: 70%;}
.product_info_wrap .product_info_item_title{width: 30%;}
.product_info_item{
	display: flex;
	font-size: 15px;
	color: var(--text-color);
}
.product_info_item_title{
	border: 1px solid #ddd;
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
	padding: 13px 10px;
	background: #fff5;
	width: 22%;
}
.product_info_item_value{
	padding: 13px;
	color: var(--text-color);
	font-size: 15px;
	font-weight: 500;
	background: #F5F5F6;
	border-radius: var(--border-radius) 0 0 var(--border-radius);
	margin-right: 8px;
	width: 78%;
}
.product_sale_price_to_buy {
	color: #999;
	font-size: 14px;
}
ins{
	font-size: 16px !important;
	font-weight: 700;
}
del {
	font-size: 14px;
	color: #aaa;
	font-weight: 600;
}
.green_text{ 
	color: #43A047 !important;
	font-weight: 600;
}
.tadris_sale_percent {
	background: var(--main-color);
	color: #fff;
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	width: 45px;
	height: 25px;
	border-radius: var(--border-radius);
}
.prodcut_course_teacher {
	background: #fff;
	border-radius: var(--border-radius);
	padding: 20px;
	margin-bottom: 20px;
	position: relative;
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
}
.prodcut_course_teacher img {
	border-radius: var(--border-radius);
	width: 160px;
	height: 160px;
	object-fit: cover;
	border: 1px solid #eee;
}
.single_course_sidebar .prodcut_course_teacher img{width: 80px;height: 80px;}
.single_course_sidebar .course_teacher_title {font-size: 15px;}
.course_teacher_title {
	font-size: 17px;
	font-weight: 600;
	color: var(--text-color);
	margin-bottom: 8px;
}
.prodcut_content, .course_what_teach_wrap, .course_lessons_wrap, #reviews {
	background: #fff;
	border-radius: var(--border-radius);
	padding: 20px;
	margin-bottom: 20px;
	position: relative;
}
.course_lessons_wrap{margin-bottom: 10px;padding: 15px;}
.course_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
}
.course_videos_wrap {
	margin-top: 10px;
}
.course_counter, .course_swipe_btn {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
	padding: 14px;
	font-size: 15px;
	color: var(--text-color);
	width: 8%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 52px;
}
.course_title {
	background: #f5f5f6;
	width: 68%;
	padding: 14px;
	border-radius: var(--border-radius) 0 0 var(--border-radius)inherit;
	font-size: 15px;
	color: var(--text-color);
	font-weight: 600;
}
.course_info {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
	padding: 14px;
	font-size: 15px;
	color: var(--text-color);
	width: 24%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.course_swipe_btn{
	border: 0;
	background: #f5f5f6;
	border-radius: var(--border-radius) 0 0 var(--border-radius);
	cursor: pointer;
	transition: 0.2s all;
}
.single_course_sidebar {
	position: sticky;
	top: 0;
}
.course_swipe_btn.active svg {
	transition: 0.2s all;
	transform: rotate(180deg);
}
.course_videos_wrap{display: none;}
.course_video_item {
	padding: 14px 14px 14px 0;
	border-radius: var(--border-radius);
	background: #f5f5f6;
	margin-bottom: 6px;
	font-size: 15px;
	color: var(--text-color);
	margin-right: 8%;
	height: 52px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	overflow: hidden;
}
.video_time {
	margin-right: auto;
	margin-left: 10px;
}
.video_play_pause {
	background: var(--main-color);
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 14px 20px;
	cursor: pointer;
}
.video_play_pause:hover {box-shadow: inset 0 0 100px #0003; }
.video_play_pause.lock:hover {box-shadow: unset !important;}
.video_play_pause.lock {background: #E0E0E2;}
.course_video_popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px;
	background: #0007;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: 0.2s all;
	z-index: 9999;
}
.course_video_popup.active {opacity: 1; visibility: visible;}
.course_video_popup_close_btn {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 99999;
	cursor: pointer;
}
.course_what_teach_wrap li {
	margin-bottom: 8px;
}
.prodcut_content :is(h2, h3, h4, h5, h6) {
	margin: 15px 0 5px;
}
.prodcut_content * {
	max-width: 100% !important;
}
.prodcut_content p{
	line-height: 28px;
	color: var(--text-color);
}
.prodcut_content p a{color: var(--main-color); }
.insert_comment_btn {
	font-size: 15px;
	cursor: pointer;
}
.product_favorite_btn{
	position: relative;
	width: 34px;
	height: 34px;
	cursor: pointer;
	margin-left: 20px;
}
.product_favorite_btn::after {
	content: '';
	position: absolute;
	left: -15px;
	top: 0;
	width: 1px;
	height: 100%;
	border-left: 1px solid #ddd;
}
.product_favorite_btn.btn_loading::before{
	background-image: none !important;
	top: 7px;
	right: 7px;
}
.product_favorite_btn:before{
	content: '';
	width: 18px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url('data:image/svg+xml,<svg width="18" height="24" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 4.75C0.75 2.54086 2.54086 0.75 4.75 0.75H10.75C12.9591 0.75 14.75 2.54086 14.75 4.75V17.9183C14.75 18.7095 13.8748 19.1873 13.2092 18.7595L8.83152 15.9453C8.1727 15.5217 7.3273 15.5217 6.66848 15.9453L2.29076 18.7595C1.62525 19.1873 0.75 18.7095 0.75 17.9183V4.75Z" stroke="%231E1E1E" stroke-width="1.5"/><path d="M4.75 6.25H10.75" stroke="%231E1E1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	transform: translate(-50%, -50%);
}
.product_favorite_btn:hover:before, .product_favorite_btn.active:before{
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='24' viewBox='0 0 16 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 4.75C0.75 2.54086 2.54086 0.75 4.75 0.75H10.75C12.9591 0.75 14.75 2.54086 14.75 4.75V17.9183C14.75 18.7095 13.8748 19.1873 13.2092 18.7595L8.83152 15.9453C8.1727 15.5217 7.3273 15.5217 6.66848 15.9453L2.29076 18.7595C1.62525 19.1873 0.75 18.7095 0.75 17.9183V4.75Z' fill='%23000000'/%3E%3Cpath d='M4.75 6.25H10.75' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.product_attributes_wrap{
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.product_attributes_wrap .product_attribut_item{
	flex: 0 0 48%;
	position: relative;
	padding-right: 12px;
	font-size: 14px;
	font-weight: 400;
}
.product_attributes_wrap .product_attribut_item:before{
	content: '';
	width: 19px;
	height: 20px;
	position: absolute;
	top: -4px;
	right: 0px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='%231acc60' class='bi bi-dot' viewBox='0 0 16 16'%3E%3Cpath d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'/%3E%3C/svg%3E");
}
#product_variations_form {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: space-between;
}
#product_variations_form .form_group {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 8px;
	width: 100%;
	flex: 0 0 49%;
	margin-bottom: 10px;
}
#product_variations_form .form_group label{
	position: absolute;
	top: -12px;
	background: #f6f6f6;
	padding: 2px 5px;
	font-size: 12px;
	font-weight: 500;
	right: 15px;
}
#product_variations_form .form_group  select{
	width: 100%;
	background: transparent;
	border: 0;
	padding: 10px 15px;
	font-size: 14px;
}
.chosen-single {
	background: transparent !important;
	box-shadow: unset !important;
	border: 0 !important;
	padding: 9px !important;
	height: 40px !important;
}
.chosen-container-single .chosen-single div b{transform: translate(-5px , 9px);}
.chosen-results{max-height: 300px !important;padding: 8px !important; scrollbar-width: thin;}
.chosen-results li{border-bottom:1px solid #ddd; padding: 5px 0 !important; margin: 5px 0 !important;}
.chosen-results::-webkit-scrollbar{ width: 8px;}
.chosen-results::-webkit-scrollbar-track{ background: #f2f6f8;}
.chosen-results::-webkit-scrollbar-thumb{ background-color: rgb(0 107 255 / 50%);  border-radius: 20px;}


/* ------------ Rating And Comment Css ------------------ */
.tadris_users_rating .comments_box{
	margin: 10px 0;
	padding: 10px 30px;
	border-radius: var(--border-radius);
	border: 1px solid #eee;
}
.tadris_comment_wrap_text{
	font-size: 14px;
	color: var(--text-color);
}
.tadris_users_rating .comments_box .comment_title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tadris_users_rating .comments_box .subject{
	font-size: 13px;
	font-weight: 700;
}
.tadris_users_rating .comment_date{
	font-size: 13px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.tadris_users_rating .comment_date{
	font-size: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.tadris_users_rating .comments_box .right_text .commenter_name{
	color: var(--main-color);
	font-size: 10px;
	font-weight: 700;
	margin-right: 15px;
}
.tadris_users_rating .comments_box .comment_title .left_text i{
	color: var(--main-color);
	font-size: 16px;
}
.tadris_users_rating .comments_box .comment_body{
	text-align: justify;
	margin: 20px 0 0;
	font-size: 11px;
	line-height: 22px;
}
.tadris_users_rating .comments_box .comment_reply{
	margin: 20px 0;
	padding:25px 20px;
	background-color: #f6f7fb;
	border-radius: var(--border-radius);
	font-size: 10px;
	line-height: 24px;
}
.comment_reply code {
	display: block;
}
.tadris_users_rating .comments_box .comment_reply_btn{
	font-size: 10px;
	font-weight: 700;
	margin: 10px 0 20px;
	display: block;
}
.tadris_users_rating .add_comment{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0px 0 30px;
	padding: 20px;
	background-color: #f6f7fb;
	border-radius: var(--border-radius);
}
.tadris_users_rating .add_comment .add_comment_btn{
	background-color: var(--main-color);
	padding: 15px 30px;
	border-radius: 10px;
	color: #fff !important;
	border: 0;
	margin: 15px auto;
	display: block;
	font-size: 10px;
	font-weight: 700;
	cursor: pointer;
}
.tadris_users_rating .add_comment .add_comment_btn:hover{
	box-shadow: inset 0 0 200px 0 #00000038;
}
.tadris_users_rating .add_comment p{
	font-size: 11px;
	color: #777;
	margin-top: 10px;
}
.product_rating_star {
	display: flex;
	flex-direction: row-reverse;
	padding: 0 10px;
}
.product_rating_star:not(:checked) > input {
	position:absolute;
	top:-9999px;
}
.product_rating_star:not(:checked) > label {
	width:1em;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	font-size:22px;
	color:#ccc;
}
.product_rating_star > input:checked ~ label {
	color: #ffc700;    
}
.product_rating_star > input ~ label {
	font-size: 20px;	
}
.product_rating_star:not(:checked) > label:hover,
.product_rating_star:not(:checked) > label:hover ~ label {
	color: #deb217;  
}
.product_rating_star > input:checked + label:hover,
.product_rating_star > input:checked + label:hover ~ label,
.product_rating_star > input:checked ~ label:hover,
.product_rating_star > input:checked ~ label:hover ~ label,
.product_rating_star > label:hover ~ input:checked ~ label {
	color: #c59b08;
}
.form-group {
	position: relative;
	margin-bottom: 15px;
}
.form-group :is(input , textarea){font-size: 12px !important;}
.tadris_users_rating .add_comment {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 30px;
	padding: 20px;
	background-color: #f6f7fb;
	border-radius: var(--border-radius);
}
#reviews li .comment-body{
	background: #ffffffd6;
	border-radius: var(--border-radius);
	padding: 20px;
	margin: 8px 0;
	font-size: 14px;
	position: relative;
}
#reviews li .comment-body .comment-author{width: 90%;}
#reviews li .comment-body img{border-radius: 30px;}
#reviews li .comment-body a{color: var(--text-color);}
#reviews li .comment-body .says {display: none;}
.comment-metadata{position: absolute;top: 15px;	left: 15px;}
.comment-metadata a{font-size: 11px;color: #aaa;pointer-events:none;}
.comment-content p{
	font-size: 14px;
	color: var(--text-color);
}
.children{ margin-right: 30px !important;}
#reviews li .children .comment-body{border-right: 2px solid var(--main-color);}
#reviews li .comment-edit-link{display: none;}
.comment-notes, .comment-form-cookies-consent{display: none;}
.comment_like_btn{
	display: none;
}
.comment-metadata time{
	display: flex;
	flex-direction: column;
}
.comment-metadata time {
	font-size: 0;
}
.comment-metadata time .time_box {
	font-size: 14px;
	color: var(--text-color);
	font-weight: 500;
}
.product_short_desc {
	margin: 15px 0;
	border-top: 2px dashed #ddd;
	border-bottom: 2px dashed #ddd;
	padding: 15px 0;
}
.product_short_desc span {
	font-size: 14px;
}
.product_more_info {
	background: #f7f7f7;
	border-radius: var(--border-radius);
	font-size: 14px;
	margin: 15px 0;
}
.related .rb_color_wrap:after {
	transform: translatey(-22%);
}
.insert_comment_popup{
	display: none;
	position: fixed;
	min-width: 70%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: var(--border-radius);
	padding: 30px;
	z-index: 9999;
}
.insert_comment_popup.active{
	display: block;
}
.insert_comment_popup .close_btn{
	position: absolute;
	left: 15px;
	top: 20px;
	font-size: 15px;
	cursor: pointer;
	width: 40px;
	height: 20px;
	color: var(--text-color);
}
.insert_comment_popup p{
	font-size: 12px;
}
.insert_comment_popup .comment_form{
	margin-top:20px;
}
.form-group {
	position: relative;
	margin-bottom: 15px;
}
.form-group :is(input , textarea){font-size: 12px !important;}
.input_effect_box {
	border: 1px solid #eeeefc;
	border-radius: 10px;
	padding: 8px 0;
}
.effect_box {
	border: 0 !important;
	font-size: 10px !important;
	padding: 10px 120px 10px 0 !important;
	background-color: transparent !important;
	transition: 0.4s !important;
}
.effect_box.has-content {
	padding: 10px 18px 10px 0px !important;
}
.effect_box:focus {
	outline: 0 !important;
	box-shadow: none !important;
	padding: 10px 18px 10px 10px !important;
}
.effect_box ~ label {
	position: absolute;
	right: 20px;
	top: 18px;
	color: #131313;
	border-left: 1px solid #000;
	padding-left: 3px;
	font-size: 11px;
	font-weight: 600;
	transition: 0.3s;
}
.effect_box:focus ~ label, .has-content.effect_box ~ label {
	top: -8px;
	font-size: 12px;
	right: 15px;
	color: #333;
	padding: 0 6px;
	background: #fff;
	border-left: 0;
	transition: 0.3s;
}
.insert_comment_popup input[type="submit"] {
	padding: 15px 30px !important;
	background-color: var(--main-color) !important;
	border: 1px solid var(--main-color) !important;
	font-size: 12px !important;
	float: left !important;
	font-weight: 600 !important;
	border-radius: var(--border-radius) !important;
	color: #fff !important;
}
.insert_comment_popup input[type="submit"]:hover , .insert_comment_popup input[type="submit"]:focus{
	background-color: #fff !important;
	color: var(--main-color) !important;
	outline: 0 !important;
	box-shadow: unset !important;
}
.insert_comment_popup .inner_subtitle{
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}
video {
	border-radius: var(--border-radius);
}



@media (max-width: 991px){
	.course_top_wrap{padding: 10px;margin-bottom: 10px;}
	.product_sell_info {margin-bottom: 15px;}
	.product_title {font-size: 16px;line-height: 25px;}
	.col-12.col-md-3.d-flex.justify-content-center {justify-content: start !important;}
	.course_category{gap: 5px;font-size: 13px;}
	.prodcut_content p{text-align: justify;}
	.product_favorite_btn {width: 30px;height: 30px;margin-left: 10px;}
	.course_teacher_about li{font-size: 14px;padding: 3px 25px 3px 0;}
	.prodcut_course_teacher{flex-wrap: wrap;justify-content: center;}
	.prodcut_course_teacher img{width: 140px;height: 140px;}
	.course_wrap{gap: 2px;}
	.product_favorite_btn:after{display: none;}
	.product_content {padding: 10px 0;}
	.insert_comment_btn {font-size: 13px;}
	.product_attributes_wrap{padding: 10px;}
	#reviews li .comment-body{background: #ffffffd6;padding: 10px;font-size: 12px;}
	#reviews li .comment-body a {font-size: 12px;}
	.comment-content p	{font-size: 11px;margin-right: 0;margin-top: 5px;}
	.insert_comment_popup{min-width: 95%;}
	.course_lessons_wrap {margin-bottom: 8px;padding: 5px;}
	.course_title{padding: 6px;font-size: 14px;min-height: 52px;display: flex;align-items: center;}
	.course_info{flex-direction: column;padding: 6px;font-size: 14px;}
	.course_counter, .course_swipe_btn{padding: 6px;font-size: 13px;}
	.course_video_item {font-size: 13px;}
	.video_play_pause{gap: 5px;padding: 6px 10px;}
	.video_time{margin-left: 0px;}
	.mobile_price_wrap {z-index: 9996;position: fixed;bottom: 5px;left: 10px;right: 10px; background: #fff;box-shadow: 0 -4px 30px #0003;padding: 5px 10px;display: flex;justify-content: space-between;align-items: center;gap: 5px;border-radius: var(--border-radius);}
	.mobile_price_wrap .price_wrap {background: transparent;border-radius: unset;padding: 0;}
	.add_to_cart button{padding: 12px;}
	.product_sale_price_to_buy{font-size: 13px;}
	.tadris_price_title{font-size: 16px;}
	.tadris_sale_percent{font-size: 13px;width: 40px;height: 24px;}
}