.scrollable_row {
	overflow-x: auto;
	white-space: nowrap;

	&::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

	&::-webkit-scrollbar-track,
	&::-webkit-scrollbar-thumb,
	&::-webkit-scrollbar-thumb:hover {
		background: transparent;
	}
}

.HomeSlideSVG {
	position: absolute;
	width: 0;
	height: 0;
}

.HomeSlide {
	-webkit-clip-path: url(#my-clip-path);
	clip-path: url(#my-clip-path);
}

.HomeSlide img {
	/* max-height: 60vh; */
	object-fit: cover;
	object-position: center;
}

.HomeSlideWrap {
	filter: drop-shadow(0 0.85rem 0.95rem var(--sh-dark2));
	border-radius: calc(var(--b-radius) * 4.5);
}

.HomeSlideWrapBefore {
	-webkit-clip-path: url(#my-clip-path);
	clip-path: url(#my-clip-path);
}

.BigWrap {
	filter: drop-shadow(0 0.15rem 0.75rem var(--sh-dark2));
	border-radius: calc(var(--b-radius) * 4.5);
}

.HomeSlide .Desc {
	top: 50%;
	transform: translateY(-50%);
	right: 5%;
}


/* FAQ CSS*/

.FAQ-List details {
	box-sizing: border-box;
	border-bottom: 0.1rem solid var(--Silver-Primary-Color);
}

.FAQ-List label {
	color: var(--Black);
	height: 4.5rem;
	padding: 0 1rem;
}

.FAQ-List label :where(strong, span, h1, h2, h3, h4, h5, h6) {
	font-size: 1.1rem;
}

.FAQ-List label::after {
	content: "";
	top: 1.5rem;
	left: 1rem;
	transform: rotate(-315deg);
	width: 0.7rem;
	height: 0.7rem;
	transition: rotate 0.6s ease-in-out;
	border: solid;
	border-width: 0 0.2em 0.2em 0;
	padding: 0.2em;
	display: inline-block;
}

.FAQ-List input+details .content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.6s ease-out;
	padding: 0 1rem;
}

.FAQ-List input:checked+details .content {
	max-height: 50rem;
}

.FAQ-List input:checked+details label::after {
	rotate: 180deg;
}


.HomeSwiper {
	overflow-x: auto;
}

/*************** Blog ***************/
.edNews_articleDetails {
	.page-header {
		&:before {
			content: '';
			position: absolute;
			bottom: 35%;
			right: -50%;
			left: -50%;
			height: 220%;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-ms-border-radius: 50%;
			-o-border-radius: 50%;
			background-color: #100B45;
		}

		.title {
			font-size: 1.8rem;
			color: #fff;
			margin: 40px 0 65px;
		}
	}
	table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  box-shadow: var(--box-shadow);
  border-radius: var(--b-radius);
  overflow: hidden;
  box-shadow: 4px 3px 6px #d9dde2 inset, 0px -5px 15px #ffffff inset;
  border-radius: var(--b-radius) !important;
  border: 0.1em solid transparent;
  transition: all ease-in-out 380ms;
  -webkit-border-radius: var(--b-radius) !important;
  -moz-border-radius: var(--b-radius) !important;
  -ms-border-radius: var(--b-radius) !important;
  -o-border-radius: var(--b-radius) !important;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: center;
  border-left: 1px solid var(--lightpink);
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}


/* general styling */
a {
		color: red !important
	}

	&.type-2 {
		.page-header {
			&:before {
				display: none;
			}
		}

		.box {
			background: #fff;
			box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.08);
			margin: 0px 5px 20px;
			padding: 10px;

			.title {
				font-size: 1.4rem;
				color: #707070;
				margin: 0 0 40px;
			}
		}
	}

	.edNews__showComments {
		width: 70%;
		margin: auto;

		.form-group {
			margin-bottom: 24px;

			.form-control-label {
				font-size: 1.2rem;
			}

			.form-control {
				padding: 10px 16px;
				border-radius: 8px;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				-ms-border-radius: 8px;
				-o-border-radius: 8px;
				font-size: 1.2rem;
				border-color: #aaa;
				text-align: right;
				max-width: 100%;

				&: focus-visible {
					outline: none;
				}

				;
				width: 100%;
			}


			.edNews_errorMessage,
			.has-error {
				color: red;
			}
		}
	}

	.edNews__editComment {
		cursor: pointer;
	}

	.edNews__deleteComment {
		color: red;
		cursor: pointer;
	}

	@media(max-width: 960px) {
		.page-header {
			.title {
				font-size: 1.5rem;
				margin: 40px 0 50px;
			}
		}

		.edNews__showComments {
			width: 100%;
		}
	}

	@media(max-width: 540px) {
		.page-header {
			.title {
				font-size: 1rem;
				margin: 20px 0 30px;
			}
		}

		&.type-2 {
			.box {
				.title {
					font-size: 1.1rem;
				}
			}
		}
	}

	img {
		width: 100%;
		border-radius: var(--b-radius);
	}
}



/*************** Related Articles ***************/
.article-related-list {

	.item {
		list-style: none;
		background: #fff;
		box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.08);
		margin: 0px 5px 20px;

		&:first-child {
			margin-right: 10px;
		}

		&:last-child {
			margin-left: 10px;
		}

		a {
			display: block;
			width: 400px;
			min-width: 210px;
			white-space: normal;

			img {
				width: 100%;
			}

			.title {
				display: block;
				font-size: 1.2rem;
				margin: 12px 0 8px;
				color: #707070;
				text-align: right;
			}

			.desc {
				font-size: 1.1rem;
				margin: 0;
				color: #707070;
				text-align: right;
			}
		}
	}

	@media(max-width: 760px) {
		.item {

			a {
				width: 210px;

				.title,
				.desc {
					font-size: 0.9rem;
				}
			}
		}
	}
}



/*************** Comments ***************/
.edNews__commentPendingApproval,
.edNews_errorMessage {
	transition: all ease-in-out .3s;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	display: block
}

.edNews__commentPendingApproval.show,
.edNews_errorMessage.show {
	max-height: 3rem;
	opacity: 1;
	background: var(--accent-color5);
	padding: .4em
}

.edNews__commentsWrapper {
	.comments-holder {
		padding: 20px;
		background: white;
		color: #100B45;
		box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.08);

		.title {
			font-size: 1.2rem;
			color: #100B45;
		}

		.btn-icon {
			font-size: 1.1rem;
			color: #fff;
			background: #100B45;
			padding: 3px 16px;
		}

		.comment-item {
			padding: 20px;
			background: white;
			color: #100B45;
			box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.08);

			.name {
				font-size: 1.2rem;
			}

			.comment {
				font-size: 1.2rem;

				p {
					font-size: 1.2rem;
					margin: 0;
				}
			}
		}

		@media(max-width: 760px) {
			.title {
				font-size: 0.9rem;
			}

			.btn-icon {
				font-size: 0.8rem;
			}

			.comment-item {
				padding: 10px;

				.name {
					font-size: 1rem;
				}

				.comment {
					font-size: 1rem;

					p {
						font-size: 1rem;
						margin: 0;
					}
				}
			}
		}
	}
}

.edNews__commentsWrapper .btn-submit {
	background-color: var(--accent-color);
	color: var(--White);
	border-radius: var(--b-radius);
	transition: all ease-in-out .3s;
	cursor: pointer;
	font-weight: bold;
}

.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: all ease-in-out .3s;
	border-radius: calc(var(--b-radius)*2) !important;
	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: all ease-in-out .3s;

}

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

.edNews__commentsWrapper .form-group label {

	padding: .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: .2em;
	gap: 1rem
}

.edNews__commentsWrapper .GDPR input[type=checkbox] {
	display: none
}

.edNews__commentsWrapper .GDPR input[type=checkbox]+label:before {
	content: "\2714";
	border: .1em solid var(--Black-Color);
	border-radius: .2em;
	display: flex;
	color: transparent;
	transition: .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: #fff
}

.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: all ease-in-out .3s
}

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

.edNews__commentsCollapseWrapper {
	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 {
	color: var(--accent-color1)
}

.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
}

.edNews_loadMoreTriggerWrapper .loadingOverlay {
	display: none
}

.edNews_loadMoreTriggerWrapper.loading,
.edNews__editingComment .edNews__editCommentContainer {
	display: block
}

.edNews_loadMoreTriggerWrapper.hide,
.edNews__editCommentContainer {
	display: none
}

.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;
}

.edNews_adminEdit .btn-submit {
	background: transparent !important;
	border: 0.1em solid var(--accent-color);
	color: var(--accent-color);
}

.edn_article_gallery {
	display: none;
}

.article_pager {
	list-style: none;
	display: flex;
	gap: 0.5rem;
	justify-content: center;

	.page {
		background: var(--Lsilver);
		position: relative;
		z-index: 3;
		overflow: hidden;
		border-radius: var(--b-radius);
		width: 3rem;
		height: 3rem;
		display: flex;
		justify-content: center;
		align-items: center;

		&:after {
			content: '';
			position: absolute;
			width: calc(100% + 2rem);
			right: -0.3rem;
			height: calc(100% + 1.5rem);
			display: block;
			bottom: 0;
			z-index: 2;
			border: 0.36rem solid var(--White);
			border-radius: inherit;
			filter: blur(3px);
			-webkit-filter: blur(3px);
			-webkit-border-radius: inherit;
			-moz-border-radius: inherit;
			-ms-border-radius: inherit;
			-o-border-radius: inherit;
		}

		&:before {
			content: '';
			position: absolute;
			width: calc(100% + 1rem);
			left: -0.3rem;
			height: calc(100% + 1rem);
			display: block;
			top: -0.2rem;
			z-index: -1;
			border: 0.27rem solid var(--sh-dark);
			border-radius: inherit;
			filter: blur(3px);
			-webkit-filter: blur(3px);
			-webkit-border-radius: inherit;
			-moz-border-radius: inherit;
			-ms-border-radius: inherit;
			-o-border-radius: inherit;
		}
	}
}

.article_pager .page.active {
	background: var(--accent-color);
	color: #fff;
}