.custom-breadcumb {
	position: relative;
	z-index: 1;
}

/*************** Stert Comments ******************/
.edNews__commentPendingApproval,
.edNews_errorMessage {
	position: absolute;
	top: 105%;
	right: 0;
	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(--warning-color-1);
	padding: 0.2rem .4em;
	color: var(--White);
	border-radius: var(--radius);
	z-index: 1;
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
}

.edNews__commentsWrapper .btn-submit {
	color: var(--White);
	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: 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: 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: 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__commentContent {
	font-size: 1rem;
}

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

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

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

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

	.edNews__editComment,
	.edNews__deleteComment {
		display: none;
	}
}

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;

	.page {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2rem;
		height: 2rem;
		background: var(--White);
		border: solid 1px var(--accent-color);
		border-radius: 0.4rem;

		&.active {
			background-color: var(--accent-color);
			color: var(--White);
		}
	}
}

/********************** End Comments ***********************/

/***************** Start Related Aritcle *******************/
.relatedBox {
	.relatedImgBox {
		width: 7rem;
		height: 7.2rem !important;
	}

	.relatedTextBox {
		strong {
			font-size: 0.8rem;
		}

		span {
			font-size: 0.7rem;
		}
	}
}

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

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

		.title {
			font-size: 1rem;
			font-weight: normal;
			margin: 0;
		}

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

		.time {
			font-size: 0.8rem;
		}
	}
}

/***************** End Related Aritcle *******************/

/***************** Start Comments *******************/
.comments-frame {
	background-color: var(--lightGray);
	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: 1.5rem;
}

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

	.field-holder {
		position: relative;
		display: flex;
		align-items: start;
		justify-content: start;
		flex-direction: column;
		gap: 0.5rem;

		.form-control-label {
			display: block;
			font-weight: normal;
			color: var(--texture-color-1);

			.star {
				color: var(--warning-color-1);
			}
		}

		.form-control {
			width: 100%;
			height: 3.84rem;
			border: none !important;
			outline: none;
			font-size: 1rem;
			padding: 0.5rem 0;
			resize: none;
			text-align: right;
			border: solid 1px var(--texture-color-5) !important;
			background-color: var(--White);
			border-radius: 1.15rem;
			padding: 0.5rem 1rem;
			-webkit-border-radius: 1.15rem;
			-moz-border-radius: 1.15rem;
			-ms-border-radius: 1.15rem;
			-o-border-radius: 1.15rem;

			&::placeholder {
				color: #959595;
				font-size: 1rem;
				font-weight: normal;
			}

			&:disabled {
				background-color: transparent;
			}
		}

		textarea {
			min-height: 11.3rem;
		}
	}

	.rating-in-comment {
		.caption {
			color: var(--Black);
		}
	}

	.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 {
	margin: 2rem 0;

	.avatar {
		width: 3.07rem;
		min-width: 3.07rem;
		height: 3.07rem;
		background-color: var(--accent-color);
		border-radius: 0.6rem;
		margin: 0.3rem 0 0 1rem;
		-webkit-border-radius: 0.6rem;
		-moz-border-radius: 0.6rem;
		-ms-border-radius: 0.6rem;
		-o-border-radius: 0.6rem;

		svg {
			width: 2rem;
			stroke: var(--White);
			fill: none;
		}
	}

	.comment-head {
		position: relative;
		width: 100%;
		min-height: 3.9rem;
		padding: 0.4rem 1rem;
		background-color: var(--bg-2);
		border-radius: 0.4rem;
		border: solid 1px var(--texture-color-7);

		&:before {
			content: '';
			position: absolute;
			left: 100%;
			top: 50%;
			width: 8px;
			aspect-ratio: 1 / 2;
			clip-path: polygon(0px 0, 100% 50%, 0 100%);
			background: var(--texture-color-7);
		}

		.date {
			.item {
				font-size: 0.8rem;
				color: var(--Black);

				svg {
					width: 1.25rem;
					height: 1.25rem;
					margin-left: 0.5rem;
					fill: var(--accent-color);
				}



				&:nth-child(2n) {
					margin-right: 1rem;
					padding-right: 1rem;
					border-right: solid 1px var(--texture-color-7);

					svg {
						fill: none;
						stroke: var(--accent-color);
					}
				}

			}
		}
	}

	.author {
		font-size: 1rem;
		font-weight: bold;
		color: var(--Black);
	}


	@media(max-width:760px) {
		display: block !important;
		height: auto;

		.date {
			flex-direction: column;
		}
	}
}

.comment-body {
	padding: 1rem;

	.comment-content {
		font-size: 1rem;
		color: var(--Black);
	}

	.edNews__replyComment {
		cursor: pointer;
	}

	.action-btns {
		svg {
			cursor: pointer;
		}

		.like {
			.like-couner {
				color: var(--Black);
				margin-top: -3px;
				margin-left: 2px;
			}
		}
	}

	@media(max-width:760px) {
		display: block !important;
		height: auto;

	}
}

/***************** End Comments *******************/


/***************** Start Owners *******************/
.owner-comments-wrapper {
	position: relative;
	padding: 14.2rem 0;

	&:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: -5%;
		background: url('/portals/0/images/bordered-wave.png') no-repeat left top;
		background-size: contain;
	}


	.swiper-slide {
		opacity: 0.5;

		.card-description {
			max-width: 100%;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}

		.quote-icon {
			fill: var(--primary-light-1);
		}

		.owner-slide {
			background-color: #fff;
			box-shadow: var(--light-shadow-3);
		}

		.img-box {
			width: 2rem;
			max-width: 100%;
			height: 2rem;

			img {
				width: 100%;
			}

		}

		.rate {
			display: flex;
			align-items: center;
			gap: 0.57rem;
			margin-top: 0.57rem;

			svg {
				width: 1.14rem;
				height: 1.14rem;
				fill: var(--text-color-5);

				&.active {
					fill: var(--system-yellow-1);
				}
			}
		}
	}

	.swiper-slide-active {
		opacity: 1;
		z-index: 2;
		transform: scale(1.1);
	}

	.comment-svg {
		svg {
			fill: var(--primary-light-1);
		}
	}
}

.edNews_defaultList {
	.main-banner {
		margin-bottom: 8.85rem;
	}
}

/***************** End Owners *******************/


/***************** Start Article Card *******************/
.article-card {
	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);
	box-shadow: 0px 0px 2px 0px rgba(40, 41, 61, 0.04), 0px 4px 8px 0px rgba(96, 97, 112, 0.16);

	.img-box {
		display: block;
		width: 100%;
		aspect-ratio: 2/1.46;
		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);
		overflow: hidden;

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

	.content-box {
		display: flex;
		align-items: start;
		flex-direction: column;
		gap: 0.57rem;
		padding: 1.14rem;

		.title {
			font-size: 0.87rem;
			font-weight: 700;
			color: var(--text-color-1);
		}

		.date {
			font-size: 0.87rem;
			color: var(--text-color-3);
			font-weight: 500;
		}

		.summary {
			display: -webkit-box;
			width: 100%;
			min-height: 5.14rem;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
			text-overflow: ellipsis;
			font-size: 0.87rem;
			color: var(--text-color-3);
			font-weight: 500;
			line-height: 1.7rem;
		}


		.readmore {
			font-size: 0.87rem;
			color: var(--text-color-3);
			font-weight: 500;

			svg {
				width: 0.57rem;
				height: 0.57rem;
				fill: var(--text-color-3);
			}
		}
	}
}

/***************** End Article Card *******************/


/***************** Start Articles Slider  *******************/
.article-slider-section {
	position: relative;
	margin-bottom: 16.42rem;

	.slider-controller {
		position: absolute;
		left: 0;
		bottom: calc(100% + 1.41rem);

		.navigation {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 1.71rem;
			aspect-ratio: 1;
			border: solid 1px var(--primary-light-1);
			border-radius: var(--radius-circle);
			-webkit-border-radius: var(--radius-circle);
			-moz-border-radius: var(--radius-circle);
			-ms-border-radius: var(--radius-circle);
			-o-border-radius: var(--radius-circle);
			cursor: pointer;

			svg {
				width: 0.87rem;
				height: 0.87rem;
				fill: var(--primary-light-1);
			}

			&.swiper-button-disabled {
				border-color: var(--primary-light-4);

				svg {
					fill: var(--primary-light-4);

				}
			}
		}
	}

	.article-slider {
		.swiper-slide {
			width: 25%;
			max-width: 70vw;
			padding: 1rem 0.57rem;


		}
	}



	@media(max-width: 1200px) {
		.article-slider {
			.swiper-slide {
				width: 28rem;
			}
		}
	}

	@media(max-width: 768px) {
		.slider-controller {
			bottom: 100%;
		}
	}
}

/***************** End Articles Slider  *******************/


/***************** Begin FAQ ******************/
.why-buyMetric-faq{
	
	position: relative;
	/* z-index: 1;
	::before{
		content: "";
		position: absolute;
		top: 0;
		left: -11rem;
		width: 60.17rem;
		height: 60.17rem;
		background: radial-gradient(50% 50% at 50% 50%, rgba(0, 86, 163, 0.20) 0%, rgba(0, 86, 163, 0.00) 100%);
		border-radius: 50%;
		transform: translate(-30%, -30%);
		z-index: -1;
	}
	::after{
		content: "";
		position: absolute;
		top: 5rem;
		right: -26rem;
		width: 40rem;
		height: 40rem;
		background: radial-gradient(50% 50% at 50% 50%, rgba(138, 177, 211, 0.2) 0%, rgba(0, 86, 163, 0.00) 100%);
		border-radius: 50%;
		transform: translate(-30%, -30%);
		z-index: -1;
	} */

	.faq-list{
		
		position: relative;
		z-index: 1;
		/* ::before{
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			width: 60.17rem;
			height: 60.17rem;
			background: radial-gradient(50% 50% at 50% 50%, rgba(109, 164, 213, 0.2) 0%, rgba(175, 212, 244, 0) 100%);
			border-radius: 50%;
			transform: translate(-30%, -30%);
			z-index: -1;
		} */
	}
	.faq-title{
		svg{
			fill:var(--text-color-3);
			stroke: var(--text-color-3);
		}
	}
	.faq-item{
		box-shadow: var(--light-shadow-2);
	}
	.accordion-panel {
		.acc-head {
			.icon {
				svg {
					width: 1.84rem;
					height: 1.84rem;
					stroke: var(--primary-light-1);
					fill: none;
					transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-ms-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
				}
			}
		}
	
		.acc-body {
			display: none;
	
		}
	
		&.open {
			.acc-head {
				.icon {
					svg {
						transform: rotate(45deg);
						-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						-o-transform: rotate(45deg);
					}
				}
			}
		}
	
		&:last-child {
			margin-bottom: 0;
		}
	}
	
}


/***************** End FAQ ******************/