@charset "UTF-8";

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

/*************** Stert Comments ******************/
.edNews__commentPendingApproval,
.edNews_errorMessage {
	position: absolute;
	top: 105%;
	right: 0;
	transition: all ease-in-out 0.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 0.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 0.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 0.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 0.3s;
}

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] {
	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: all ease-in-out 0.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__childCommentsContainer .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_adminEdit .btn-submit .edNews__editComment,
.edNews_adminEdit .btn-submit .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;
}

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

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

/********************** End Comments ***********************/
/***************** Start Related Aritcle *******************/
.related-article-detail {
	margin-top: 3.31rem;
}

.related-article-detail a {
	color: var(--text-color-1) !important;
}

.related-article-detail ul {
	list-style: none;
}

.related-article-detail .img-box {
	width: 26.75rem;
	max-width: 100%;
	aspect-ratio: 1/0.7;
}

.related-article-detail .item {
	box-shadow: var(--light-shadow-3);
}

.related-article-detail .description {
	padding: 0.75rem;
}

.related-article-detail .description .summary {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.related-article-detail .read-more svg {
	width: 0.47919rem;
	height: 0.47919rem;
	stroke: var(--text-color-3);
}

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

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

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

.related-articles .main-title {
	font-weight: bold;
	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;
}

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

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

.related-articles .related-item .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;
}

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

.comments-form .field-holder .form-control-label {
	display: block;
	font-weight: normal;
	color: var(--text-color-3);
}

.comments-form .field-holder .form-control {
	width: 100%;
	height: 3.84rem;
	border: 1px solid var(--bg-e0);
	outline: none;
	font-size: 1rem;
	resize: none;
	text-align: right;
	background-color: var(--White);
	border-radius: var(--radius-8);
	padding: 0.5rem 1rem;
	-webkit-border-radius: 1.15rem;
	-moz-border-radius: 1.15rem;
	-ms-border-radius: 1.15rem;
	-o-border-radius: 1.15rem;
}

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

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

.comments-form .field-holder textarea {
	min-height: 11.3rem;
}

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

.comments-form .submit-btn {
	font-size: 1rem;
	color: var(--White);
	border: none;
	padding: 0.25rem 1.25rem;
	border-radius: var(--radius-8);
	background-color: var(--primary-light-1);
	cursor: pointer;
}

.comments-form .submit-btn svg {
	stroke: var(--White);
}

.comments-form .frame-bordered-title-container {
	box-shadow: var(--light-shadow-3);
}

.comments-list {
	margin: 2rem 0;
}

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

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

.comments-list .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);
}

.comments-list .comment-head: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);
}

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

.comments-list .comment-head .date .item svg {
	width: 1.25rem;
	height: 1.25rem;
	margin-left: 0.5rem;
	fill: var(--accent-color);
}

.comments-list .comment-head .date .item:nth-child(2n) {
	margin-right: 1rem;
	padding-right: 1rem;
	border-right: solid 1px var(--texture-color-7);
}

.comments-list .comment-head .date .item:nth-child(2n) svg {
	fill: none;
	stroke: var(--accent-color);
}

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

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

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

.comment-body {
	padding: 1rem;
}

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

.comment-body .edNews__replyComment {
	cursor: pointer;
}

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

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

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

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

.owner-comments-wrapper: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;
}

.owner-comments-wrapper .swiper-slide {
	opacity: 0.5;
}

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

.owner-comments-wrapper .swiper-slide .quote-icon {
	fill: var(--primary-light-1);
}

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

.owner-comments-wrapper .swiper-slide .img-box {
	width: 2rem;
	max-width: 100%;
	height: 2rem;
}

.owner-comments-wrapper .swiper-slide .img-box img {
	width: 100%;
}

.owner-comments-wrapper .swiper-slide .rate {
	display: flex;
	align-items: center;
	gap: 0.57rem;
	margin-top: 0.57rem;
}

.owner-comments-wrapper .swiper-slide .rate svg {
	width: 1.14rem;
	height: 1.14rem;
	fill: var(--text-color-5);
}

.owner-comments-wrapper .swiper-slide .rate svg.active {
	fill: var(--system-yellow-1);
}

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

.owner-comments-wrapper .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);
}

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

.article-card .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

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

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

.article-card .content-box .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;
}

.article-card .content-box .readmore {
	font-size: 0.87rem;
	color: var(--text-color-3);
	font-weight: 500;
}

.article-card .content-box .readmore 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;
}

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

.article-slider-section .slider-controller .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;
}

.article-slider-section .slider-controller .navigation svg {
	width: 0.87rem;
	height: 0.87rem;
	fill: var(--primary-light-1);
}

.article-slider-section .slider-controller .navigation.swiper-button-disabled {
	border-color: var(--primary-light-4);
}

.article-slider-section .slider-controller .navigation.swiper-button-disabled svg {
	fill: var(--primary-light-4);
}

.article-slider-section .article-slider .swiper-slide {
	width: 25%;
	max-width: 70vw;
}

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

@media (max-width: 768px) {
	.article-slider-section .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%, rgb(145 171 195 / 15%) 0%, rgb(39 119 190 / 0%) 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%, rgb(145 171 195 / 15%) 0%, rgb(39 119 190 / 0%) 100%);
  	border-radius: 50%;
  	transform: translate(-30%, -30%);
  	z-index: -1;
  } */
}

.why-buyMetric-faq .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;
  } */
}

.why-buyMetric-faq .faq-title svg {
	fill: var(--text-color-3);
	stroke: var(--text-color-3);
}

.why-buyMetric-faq .faq-item {
	box-shadow: var(--light-shadow-2);
}

.why-buyMetric-faq .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;
}

.why-buyMetric-faq .accordion-panel .acc-body {
	display: none;
}

.why-buyMetric-faq .accordion-panel.open .acc-head .icon svg {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.why-buyMetric-faq .accordion-panel:last-child {
	margin-bottom: 0;
}

.metriom-detail .article-info .svg-back {
	background-color: var(--primary-light-7);
	border-radius: var(--radius-circle);
	width: 1.5rem;
	height: 1.5rem;
}

.metriom-detail .article-info .svg-back svg {
	stroke: var(--primary-light-4);
	max-width: 1rem;
	max-height: 1rem;
}

.metriom-detail .in_article_image {
	margin-top: 1rem;
}

.metriom-detail .in_article_image .no_text {
	width: 80.25rem;
	max-width: 100%;
	aspect-ratio: 1/0.3;
}

.metriom-detail .in_article_image .no_text img {
	border-radius: var(--radius-16);
	width: 100%;
	height: auto;
}

.metriom-detail .seo-content h3 {
	margin-top: 1rem;
}

.metriom-detail .seo-content .sharing svg {
	max-width: 1.5rem;
	max-height: 1.5rem;
	fill: var(--primary-light-4);
}

.metriom-detail .article-box {
	box-shadow: var(--light-shadow-3);
}

.metriom-detail .detail-sidebar {
	position: sticky;
	top: 7rem;
	height: max-content;
}

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