.edNews__commentPendingApproval,
.edNews_errorMessage {
	position: absolute;
	bottom: 100%;
	right: 0;
	transition: 0.3s ease-in-out;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	display: block;
}

.edNews__commentPendingApproval.show,
.edNews_errorMessage.show {
	max-height: 3rem;
	opacity: 1;
	background: var(--accent-color);
	padding: 0.2rem 0.4em;
	color: var(--White);
	border-radius: 0.4rem;
}

.edNews__commentsWrapper .btn-submit {
	color: var(--White);
	transition: 0.3s ease-in-out;
	cursor: pointer;
	font-weight: 700;
}

.edNews__commentsWrapper .btn-submit:hover {
	background: var(--accent-color4);
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea) {
	outline: unset !important;
	padding: 1rem;
	width: -webkit-fill-available;
	background-color: var(--lsilver);
	transition: 0.3s ease-in-out;
	border: 0.1em solid var(--silverLight);
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea)::placeholder {
	text-align: right !important;
	font-family: IranSite;
	color: var(--Silver-Secondary-Color);
	transition: 0.3s ease-in-out;
}

input:where([type="email"], [type="cell"]) {
	direction: ltr;
}

.edNews__commentsWrapper .form-group label {
	padding: 0.4rem 0;
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea):focus {
	border-color: var(--Accent-Color);
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea):focus::placeholder {
	letter-spacing: -0.05rem;
	font-size: 0.9rem;
}

.edNews__commentsWrapper .GDPR input[type="checkbox"]+label {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 0.2em;
	gap: 1rem;
}

.edNews__commentsWrapper .GDPR input[type="checkbox"],
.edNews__editCommentContainer,
.edNews_adminEdit .btn-submit .edNews__deleteComment,
.edNews_adminEdit .btn-submit .edNews__editComment,
.edNews_loadMoreTriggerWrapper .loadingOverlay,
.edNews_loadMoreTriggerWrapper.hide {
	display: none;
}

.edNews__commentsWrapper .GDPR input[type="checkbox"]+label:before {
	content: "✔";
	border: 0.1em solid var(--Black-Color);
	border-radius: 0.2em;
	display: flex;
	color: transparent;
	transition: 0.2s;
	padding: 0 0.5em;
	border: 0.1rem solid var(--blgnav);
}

.edNews__commentsWrapper .GDPR input[type="checkbox"]+label:active:before {
	transform: scale(0);
}

.edNews__commentsWrapper .GDPR input[type="checkbox"]:checked+label:before {
	background-color: #3cb371;
	border-color: #3cb371;
	color: var(--White);
}

.edNews__commentsWrapper .GDPR input[type="checkbox"]:disabled+label:before {
	transform: scale(1);
}

.edNews__commentsWrapper .GDPR input[type="checkbox"]:checked:disabled+label:before {
	transform: scale(1);
	background-color: #bfb;
	border-color: #bfb;
}

.edNews__commentsCommentFormWrapper .edNews__replyingToMessage {
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease-in-out;
}

.edNews__commentsCommentFormWrapper.edNews__replyingToComment .edNews__replyingToMessage {
	opacity: 1;
	visibility: visible;
}

.Why-Farsi-section .Why-Farsi-slider .swiper-slide>a .img-box img,
.article-category-section .category-slider .swiper-slide>a .img-box img,
.article-list .item .img-box img,
.edNews__commentsCollapseWrapper,
.half-banner .item,
.history-Acknowledgment .item .img-box img,
.last-article-section .last-article-slider .swiper-slide>a .img-box img {
	width: 100%;
}

.edNews_commentDetails .media-body {
	flex: 1 0 80%;
	border: 0.1rem solid var(--silverLight);
	border-radius: calc(var(--b-rasiud) * 2);
}

.edNews__commentVoting_upvote .fa-thumbs-o-up:before {
	color: green;
	font-size: 1.5rem;
}

.edNews__commentVoting_downvote .fa-thumbs-o-down:before {
	color: red;
	font-size: 1.5rem;
}

.edNews_commentActions span,
.edNews_numberVotes {
	color: var(--accent-color1);
}

.edNews_loadMoreTriggerWrapper {
	display: flex;
	justify-content: center;
}

.edNews_loadMoreTriggerWrapper button {
	background: var(--accent-color3);
	border: 1px solid var(--accent-color2);
	padding: 1rem;
	margin-bottom: 2rem;
	cursor: pointer;
}

.article-details .desc,
.edNews__editingComment .edNews__editCommentContainer,
.edNews_loadMoreTriggerWrapper.loading,
.slider-controller .progressbar.swiper-pagination-lock {
	display: block;
}

.edNews_userAvatar img {
	width: 2.85rem;
	height: 2.85rem;
	border-radius: var(--b-radius);
}

.edn_recentCommentContainer {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.ItemTitleComment svg {
	width: 1.5rem;
}

.article-list-widget .puzzle-article .left-col .item .title-box .date-box .publish-date,
.article-list-widget .puzzle-article .right-col .item .title-box .date-box .publish-date,
.edNews__commentContent {
	font-size: 0.9rem;
}

.edNews_commentDate {
	font-size: 0.8rem;
	padding-top: 6px;
}

.edNews__childCommentsContainer {
	border-right: solid 2px var(--accent-color);
	margin-bottom: 0.6rem;
}

.edNews__childCommentsContainer .edNews__itemCommentContainer {
	margin-right: 2rem;
	border-top: 0.1rem solid var(--dark-gray);
}

.edNews_adminEdit .btn-submit {
	background: 0 0 !important;
	color: var(--accent-color);
}

div#edNewsComment3424_2219_3 {
	border-bottom: 0.1em solid var(--accent-color2);
}

.article_pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 1rem;
}

.article_pager .page {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1rem;
	background: var(--light-1);
	border: solid 1px var(--light-1);
	border-radius: 0.4rem;
}

.article_pager .page.active {
	background-color: var(--accent-color);
	color: var(--White);
	border-color: var(--accent-color);
}

.relatedBox .relatedImgBox {
	width: 7rem;
	height: 7.2rem !important;
}

.related-articles .related-item .time,
.relatedBox .relatedTextBox strong {
	font-size: 0.8rem;
}

.relatedBox .relatedTextBox span {
	font-size: 0.7rem;
}

.article-details .frame {
	background-color: var(--lightGray);
	border-radius: 0.8rem;
	-webkit-border-radius: 0.8rem;
	-moz-border-radius: 0.8rem;
	-ms-border-radius: 0.8rem;
	-o-border-radius: 0.8rem;
	padding: 1.5rem;
}

.article-details .title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.article-category-section .category-slider .swiper-slide>a .count,
.article-details .time-box,
.comments-list .comment-body .comment-content,
.comments-list .comment-head .author {
	font-size: 1rem;
	color: var(--Black);
}

.article-details .time-box svg {
	stroke: var(--accent-color);
	width: 1rem;
	height: 1rem;
	margin-left: 0.5rem;
}

.article-details .time-box span {
	margin-left: 2rem;
}

.article-details .user-avatar {
	width: 1.5rem;
	border-radius: 50%;
	margin-left: 0.5rem;
}

.article-details .author,
.related-articles .related-item .title {
	font-size: 1rem;
	margin: 0;
	font-weight: 400;
}

.article-details .author {
	color: var(--Black);
}

.article-details img {
	border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	-ms-border-radius: 0.4rem;
	-o-border-radius: 0.4rem;
}

.article-details .desc p,
.article-details .desc strong {
	display: block;
	margin-bottom: 1rem;
}

.related-articles .main-title {
	font-weight: 700;
	color: var(--Black);
}

.related-articles .related-item img {
	min-width: 52px;
	border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	-ms-border-radius: 0.4rem;
	-o-border-radius: 0.4rem;
	margin-left: 1rem;
}

.comments-frame,
.comments-list {
	background-color: var(--lightGray);
	border-radius: 0.4rem;
}

.related-articles .related-item svg {
	width: 1rem;
	stroke: var(--accent-color);
	margin-left: 0.5rem;
}

.comments-frame {
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	-ms-border-radius: 0.4rem;
	-o-border-radius: 0.4rem;
	padding: 1.5rem;
}

.comments-form .sec-title {
	display: block;
	color: var(--Black);
	font-size: 1.1rem;
	margin-bottom: 1rem;
}

.comments-form .field-holder {
	position: relative;
	border: 1px solid #f1eeee !important;
	background-color: var(--White);
	display: flex;
	align-items: center;
	justify-content: start;
	border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	-ms-border-radius: 0.4rem;
	-o-border-radius: 0.4rem;
	padding: 0 1rem;
	margin-bottom: 1rem;
}

.comments-form .field-holder svg {
	min-width: 18px;
	width: 18px;
	height: 0.8rem;
	stroke: #1b2c65;
	margin-left: 0.8rem;
}

.comments-form .field-holder .form-control {
	width: 100%;
	height: 42px;
	border: none !important;
	outline: 0;
	font-size: 1rem;
	padding: 0.5rem 0;
	resize: none;
	text-align: right;
}

.comments-form .field-holder .form-control::placeholder {
	color: #959595;
	font-size: 1rem;
	font-weight: 400;
}

.comments-form .field-holder .form-control:disabled {
	background-color: transparent;
}

.comments-form .field-holder textarea {
	min-height: 150px;
}

.article-category-title-slider .category-title-slider .swiper-slide>a .cat-label,
.comments-form .rating-in-comment .caption {
	color: var(--Black);
}

.comments-form .submit-btn {
	font-size: 1rem;
	color: var(--White);
	border: none;
	padding: 0.3rem 1.5rem;
	border-radius: 0.4rem;
	background-color: var(--accent-color2);
	cursor: pointer;
}

.comments-list {
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	-ms-border-radius: 0.4rem;
	-o-border-radius: 0.4rem;
	padding: 3rem 1.2rem;
	margin-bottom: 2rem;
}

.comments-list .avatar {
	width: 50px;
	min-width: 50px;
	height: 50px;
	background-color: var(--White);
	border-radius: 0.4rem;
	margin-left: 1rem;
}

.comments-list .avatar svg {
	width: 20px;
	stroke: var(--accent-color);
}

.comments-list .comment-head {
	width: 100%;
	height: 50px;
	padding: 0.4rem 1rem;
	background-color: #fbfbfb;
	border-radius: 0.4rem;
	border: 1px solid #f1f1f1;
}

.comments-list .comment-head .dete .item {
	font-size: 0.8rem;
	color: var(--Black);
}

.comments-list .comment-head .dete .item svg {
	width: 1rem;
	height: 1rem;
	margin-left: 0.5rem;
	stroke: var(--accent-color);
}

.comments-list .comment-body {
	padding: 1rem;
}

.comments-list .comment-body .action-btns svg {
	cursor: pointer;
}

.comments-list .comment-body .action-btns .like .like-couner {
	color: var(--Black);
	margin-top: -3px;
	margin-left: 2px;
}

/* popUp */
.PopupLayer {
	width: 100vw;
	height: 100vh;
	background: rgba(15, 15, 20, 0.4);
	backdrop-filter: blur(15px);
	position: fixed;
	right: 0;
	top: 0;
	color: #fff;
}

.PopupLayer .PopupParrent .Title {
	margin-bottom: 6.78rem;
}

.PopupLayer .PopupParrent .Content {
	position: relative;
	background: rgba(245, 240, 250, 0.09);
	border: 1px solid #f5f0fa;
	border-top: 0;
	box-shadow: 0px 0px 20px rgba(245, 240, 250, 0.25);
	z-index: 3;
}

.PopupLayer .PopupParrent .Content:before {
	content: "";
	position: absolute;
	top: 0;
	right: 46px;
	left: 0;
	bottom: 0;
	border-top: 1px solid #f5f0fa;
	border-radius: var(--radius-12) 0 0 0;
	z-index: -1;
}

.PopupLayer .PopupParrent .Content .CloseBtn {
	top: -0.84rem;
	right: 1.4rem;

	line-height: 1.7;
}

.PopupLayer .PopupParrent .Content .CloseBtn span {
	background: var(--system-red-1);
	box-shadow: 0px 0px 15px var(--red);
	width: 1.42rem;
	height: 1.42rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	opacity: 0.6;
}

.PopupLayer .PopupParrent .Content .CloseBtn::after {
	content: "";
	position: absolute;
	top: -0.58rem;
	width: 2.6rem;
	height: 1.428rem;
	border-top: 1px solid #f5f0fa;
	border-left: 1px solid #f5f0fa;
	border-right: 1px solid #f5f0fa;
	border-radius: 1.42rem 1.42rem 0 0;
	z-index: -1;
}

.PopupLayer .PopupParrent .Content .CloseBtn svg {
	max-width: 0.6rem;
	max-height: 0.6rem;
}

.PopupLayer .PopupParrent .Content .DocBTN {
	border: 1px solid #5b2d8b;
	background: linear-gradient(to right, #808080, #5b2d8b);
	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(7.5px);
	padding: 0.3em;
	border-radius: 0.57rem;
}

.PopupLayer .PopupParrent .Content .DocBTN svg {
	max-width: 1.74rem;
	max-height: 1.74rem;
}

.VipPlanInfo {
	opacity: 0;
	z-index: -1;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}

.VipPlanInfo.show {
	opacity: 1;
	z-index: 9999;
	visibility: visible;
}

.clubInfo {
	opacity: 0;
	z-index: -1;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}

.clubInfo.show {
	opacity: 1;
	z-index: 9999;
	visibility: visible;
}

/***************** Start Category List *******************/
.Category-list {
	margin-bottom: 3rem;
}

.Category-list .edn_category_menu_wrapper {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem;
}

.Category-list .edn_category_menu_wrapper .item {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.5rem;
	font-weight: 700;
	text-align: center;
}

.Category-list .edn_category_menu_wrapper .item img {
	max-height: 5rem;
	margin: 0 auto;
}

/***************** End Category List *******************/
/***************** Start Article List *******************/
.article-list {
	.item {
		width: 100%;
		height: 100%;
		background: #fff;
		padding: 1.4rem 1.3rem;
		border-radius: var(--radius-12);

		.img-box {
			display: block;
			width: 5.28rem;
			height: 5.28rem;
			flex-shrink: 0;



			img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		.title {
			* {
				font-size: 1rem;
			}
		}

		.date {
			font-size: 1rem;
		}

		.cat-label {
			font-size: 1rem;

			a {
				font-size: 1rem;
			}
		}

		.desc {
			display: -webkit-box !important;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	}

}

/***************** End Article List *******************/
/***************** Start Article Detail *******************/
.details-page .detail-image img {
	display: block;
	border-radius: var(--radius-16);
	-webkit-border-radius: var(--radius-16);
	-moz-border-radius: var(--radius-16);
	-ms-border-radius: var(--radius-16);
	-o-border-radius: var(--radius-16);
}

.details-page #shareBtn {
	display: flex;
	align-items: center;
	gap: 0.29rem;
	font-weight: 700;
	color: var(--accent-color);
	cursor: pointer;
}

.details-page #shareBtn .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	width: 2.28571rem;
	height: 2.28571rem;
	border-radius: var(--radius-8);
}

.details-page #shareBtn .icon svg {
	width: 1.1905rem;
	height: 1.1905rem;
	fill: var(--accent-color);
}

.details-page .article-info {
	margin-bottom: 1.86rem;
}

.details-page .article-info .item {
	font-size: 0.85714rem;
	font-weight: 500;
}

.details-page .article-info .item svg {
	width: 1.71429rem;
	height: 1.71429rem;
	stroke: #fff;
	fill: #fff;
}

.details-page .article-info .item .rateit .rateit-selected-rtl {
	background-position: right 16px;
}

.details-page .article_rating {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	gap: 0.57rem;
}

.details-page .article-heading-holder {
	max-height: 24.2rem;
	overflow-y: auto;
	padding-left: 1 rem;
	background: #f5f0fa;
	border: solid 1px var(--accent-color);
	padding: 1rem 0.87rem;
	border-radius: 0.57rem;
	-webkit-border-radius: 0.57rem;
	-moz-border-radius: 0.57rem;
	-ms-border-radius: 0.57rem;
	-o-border-radius: 0.57rem;
}

.details-page .article-heading-holder::-webkit-scrollbar {
	height: 2px;
	width: 2px;
}

.details-page .article-heading-holder::-webkit-scrollbar-thumb {
	background: var(--accent-color);
}

.details-page .article-heading-holder .main-title {
	font-size: 1rem;
	margin-bottom: 0.57rem;
	display: block;
	color: var(--accent-color);
}

.details-page .article-heading-holder .article-heading {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	list-style: none;
}

.details-page .article-heading-holder .article-heading li {
	font-size: 1rem;
}

.details-page .content-box ul,
.details-page .content-box ol {
	margin-bottom: 1rem;
}

.details-page .content-box ol {
	padding-right: 1rem;
}

.details-page .content-box ol li::marker {
	font-weight: bold;
}

.details-page .sidebar ul li,
.details-page .content-box ul li {
	gap: 0.57rem;
	list-style: none;
}

.details-page ul li:before {
	content: '';
	width: 0.4rem;
	height: 0.4rem;
	flex-shrink: 0;
	background: var(--accent-color);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: inline-block;
	vertical-align: baseline;
	margin-left: 0.57rem;
}

.details-page ul li p,
.details-page ol li p {
	margin: 0;
}

.details-page .article_rating .current_rating {
	display: flex;
	align-items: center;
}

.details-page .article_rating .current_rating:before {
	content: "(";
}

.details-page .article_rating .current_rating:after {
	content: ")";
}

.details-page .article_rating .rateit {
	line-height: 1;
}

.details-page .title {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 0.4rem;
}

.details-page .desc {
	font-style: normal;
	/* font-weight: 300; */
}

.details-page .desc h2,
.details-page .desc h3,
.details-page .desc h4,
.details-page .desc h5,
.details-page .desc h6 {
	font-weight: bold;
	margin-bottom: 0.4rem;
}

.details-page .desc img {
	display: block;
	max-width: 100%;
	height: auto !important;
	margin: 0 auto 1.07rem;
	border-radius: var(--radius-8);
	-webkit-border-radius: var(--radius-8);
	-moz-border-radius: var(--radius-8);
	-ms-border-radius: var(--radius-8);
	-o-border-radius: var(--radius-8);
}

.details-page .desc p {
	font-style: normal;
	margin-bottom: 1.07rem;
}


.edn_article_gallery {
	margin: 3rem 0;
}

.edn_article_gallery ul {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.87rem;
}

.edn_article_gallery ul li {
	width: 10rem;
	aspect-ratio: 1;
	flex-shrink: 0;
	border-radius: var(--b-radius);
	-webkit-border-radius: var(--b-radius);
	-moz-border-radius: var(--b-radius);
	-ms-border-radius: var(--b-radius);
	-o-border-radius: var(--b-radius);
	overflow: hidden;
}

.edn_article_gallery ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.edn_article_gallery ul li a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/***************** End Article Detail *******************/

/***************** Start Gallery List *******************/
.gallery-list .item {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: var(--radius-8);
	overflow: hidden;
}

.gallery-list .item .img-box {
	width: 100%;
	height: 100%;
}

.gallery-list .item .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-list .item .content-box {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	padding: 1.5rem 1.35rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.gallery-list .item .content-box .title {
	display: block;
	font-size: 1.28rem;
	color: #fff;
	margin-bottom: 1rem;
}

.gallery-list .item .content-box .date {
	display: block;
	font-size: 1rem;
	color: #fff;
}
.gallery-details .title{
font-weight: 700;
font-size: 1.28rem;
margin-bottom: 1rem;
}
.gallery-details .date{

}

/***************** End Gallery List *******************/