.tahatorgaran-slider {
	.Description {
		top: 50%;
		right: 50%;
		transform: translate(50%, -50%);

		.Title {
			column-gap: 0.571em;
		}
	}
}

.Tahator {
	margin-top: 6.5rem;

	.SubTitle {
		font-size: 1.142rem;
		padding-bottom: 0.857em;
	}
}

.TahatorCategorythumbs {
	.swiper-wrapper {
		column-gap: 0.571em;

		.swiper-slide {
			padding: 0.571em;
			cursor: pointer;
			width: unset !important;
		}
	}

	.swiper-slide-thumb-active {
		background: var(--accent-color);
		color: var(--White);
		column-gap: 0.714em;
	}
}

.TahatorCategory {
	margin-top: 1.285rem;
	height: 23rem;

	.TahatorCategoryBox {
		.Description {
			ul {
				list-style: none;
				display: flex;
				flex-direction: column;
				row-gap: 0.857em;

				li {
					padding-right: 2.571rem;
					position: relative;

					&:before {
						content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.75 1C18.75 0.585786 18.4142 0.25 18 0.25C17.5858 0.25 17.25 0.585786 17.25 1V15C17.25 15.4142 17.5858 15.75 18 15.75C18.4142 15.75 18.75 15.4142 18.75 15V1ZM15.5 6C15.5 4.34315 14.1569 3 12.5 3L3 3C1.34315 3 0 4.34314 0 6V10C0 11.6569 1.34315 13 3 13L12.5 13C14.1569 13 15.5 11.6569 15.5 10V6Z' fill='%23CCDEE6'/%3E%3C/svg%3E");
						position: absolute;
						right: 0;
						top: 50%;
						transform: translate(0, -30%);
					}
				}
			}
		}

		.Details {
			margin-top: 0.857em;
			column-gap: 0.857em;

			.BarterBox,
			.UserBox {
				padding: 0.857em 1.428rem 0.857em 1.142rem;
				column-gap: 1.714rem;

				strong {
					&:first-child {
						position: relative;

						&:after {
							content: "";
							height: 2rem;
							border: 0.1em solid var(--text-light-4);
							margin-right: 0.857em;
						}
					}
				}
			}
		}
	}

	@media screen and (max-width:992px) {
		height: 100%;

		.Details {

			.BarterBox,
			.UserBox {
				strong {
					&:after {
						opacity: 0;
					}
				}
			}
		}
	}
}

.TahatorCategoryPagination {
	position: absolute;
	left: -2rem !important;
	right: unset !important;
	width: 1rem;
	top: 35% !important;






	@media screen and (max-width:992px) {




































































		top: unset !important;
		bottom: -2rem !important;
		left: 0 !important;
		z-index: 2;
		text-align: center;




































































	}

	.swiper-pagination-bullet {
		background: var(--primary-subtle);
		opacity: 1;
	}

	.swiper-pagination-bullet-active {
		background: var(--accent-color);
		width: 0.714em;
		height: 0.714em;
	}
}

.BenefitsTahator {
	padding-bottom: 6rem;

	.BenefitsTahatorBox {
		column-gap: 0.571em;

		.BenefitesImg {
			position: relative;
			width: 4.857rem;
			aspect-ratio: 1/1;

			img {
				z-index: 2;
				position: relative;
			}

			&:before {
				content: "";
				width: 4.857rem;
				height: 4.857rem;
				background: var(--primary-subtle);
				position: absolute;
				border-radius: 50%;
				z-index: 1;
				top: -0.6rem;
				right: -1.8rem;
			}
		}
	}
}

.UserExperience {
	.UserExperienceBox {
		border-radius: var(--Corner-Radius-Corner-Radius-8, 8px);
		background: var(--text-background-light-light-3, #F9F9F9);
		padding: 0.857em;
		column-gap: 0.857em;
		filter: drop-shadow(0px 16px 24px rgba(96, 97, 112, 0.16)) drop-shadow(0px 2px 8px rgba(40, 41, 61, 0.04));
		opacity: 0.35;

		&.swiper-slide-active {
			opacity: 1;
		}

		.Description {
			.UserName {
				font-size: 1.142rem;
			}

			.Details {
				span {
					flex: 1 0 50%;
				}
			}
		}

	}
}

.ExperiencePrev {
	bottom: -3rem;
	top: unset;
	right: 50%;
}

.ExperienceNext {
	bottom: -3rem;
	top: unset;
	right: 52%;
}

.UserStatistics {
	column-gap: 4.285rem;
	margin-top: 0.857em;
	margin-bottom: 2.857rem;

	.Score,
	.Satisfaction {
		font-size: 1.142rem;

		span {
			z-index: 2;
		}
	}

	.Score {
		span {
			&:before {
				content: "";
				width: 4.42rem;
				height: 0.857em;
				background: var(--secondary-subtle);
				position: absolute;
				z-index: -1;
				right: 0;
				top: 50%;
				transform: translate(0, -50%);
			}
		}
	}

	.Satisfaction {
		span {
			&:before {
				content: "";
				width: 2.857rem;
				height: 0.857em;
				background: var(--primary-subtle);
				position: absolute;
				z-index: -1;
				right: 0;
				top: 50%;
				transform: translate(0, -50%);
			}
		}
	}
}

.TahatorInstagram {
	margin-top: 3.085rem;

	.InstagramBG {
		position: absolute;
		right: 0;
	}

	.InstagramBox {
		padding: 5.571rem 7rem 0 0;

		.InstagramText {
			row-gap: 5.142rem;

			.TitleBox {
				row-gap: 0.857em;

				.Title {
					svg {
						padding: 0
					}

					column-gap:0.385em;
				}
			}

			.Description {
				row-gap: 1.428rem;

				.InstagramBTN {
					background: var(--primary-subtle);
					padding: 0.571em;
				}
			}
		}

		.ImgBox {
			transform: translateY(-6%);
			z-index: 2;
			position: relative;
			background: url("/Portals/0/images/InstagramBoxBG.png") no-repeat fixed center bottom;
			padding: 1rem 2rem;

			img {
				border-radius: 2.3rem;
				object-fit: cover;
			}
		}
	}

	@media screen and (max-width:992px) {
		.InstagramBox {
			padding: 0;

			.InstagramText {
				row-gap: 1rem;
				padding: 1rem;
			}

			.ImgBox {
				transform: translateY(0%);
			}
		}
	}
}

/**************** HomeBlog *******************/
.BlogSlider {
	.Blog {
		.swiper-slide {
			height: auto !important;
			transition: all 0.3s ease-in-out;
		}

		.swiper-slide-prev,
		.swiper-slide-next {
			transform: scale(0.98);

		}

		.blogBox {
			border: 1px solid var(--text-light-3);
			row-gap: 0.571em;
			height: 100%;

			.imgBox {
				aspect-ratio: 2/1.2;
				flex-shrink: 0;
				overflow: hidden;

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


			.Description {
				padding: 0 0.428em 0.428em;

				a {
					display: -webkit-box;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
					overflow: hidden;
					text-overflow: ellipsis;
				}

				.Categories {
					span {
						padding: 0.285em 0.857em;
					}

					.EDNcategorycolor-pink {
						color: var(--system-purple-0);
						background: rgba(102, 0, 204, 0.20);
						border-radius: var(--radius-4);
					}

					.EDNcategorycolor-blue {
						color: var(--secondary-main);
						background: rgba(0, 92, 129, 0.20);
						border-radius: var(--radius-4);
					}

					.EDNcategorycolor-orange {
						color: var(--system-orange-0);
						background: rgba(255, 136, 0, 0.20);
						border-radius: var(--radius-4);
					}
				}
			}
		}

		.Information {
			padding: 0.571em;

			.Author,
			.Time {
				column-gap: 0.285em;
			}

			.Comments {
				column-gap: 1.714rem;
			}

			.Date {
				column-gap: 0.714em;
			}

			.InformationBox {
				img {
					border-radius: 50%;
					margin-left: 0.285em;
				}

				svg {
					max-width: 1.142rem;
					max-height: 1.142rem;
				}
			}
		}
	}
}

.BlogHomePrev {
	top: -1.5rem;
	right: unset;
	left: 2rem;
}

.BlogHomeNext {
	top: -1.5rem;
	left: 0;
	right: unset;
}

/************** OurTeam ************/
.OurTeamTitle {
	color: var(--Black);
	font-size: 1.142rem;
	margin-bottom: 1.857rem;
}

.OurTeam {
	column-gap: 1.142rem;

	.OurTeamBox {
		width: 33%;
		transition: all 0.5s ease-in-out;
		height: 28.571rem;

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

		&.active {
			width: 70%;
			opacity: 1;

			.OurTeamText {
				opacity: 1;
				right: 0;
				z-index: 1;
			}
		}

		.OurTeamText {
			transition: all 0.5s ease-in-out;
			bottom: 0;
			border-radius: 0 0 var(--radius-8) var(--radius-8);
			background: rgba(30, 30, 30, 0.50);
			backdrop-filter: blur(0.142em);
			right: 5%;
			padding: 1.285rem;
			opacity: 0;
			pointer-events: none;
			z-index: -1;
			width: 100%;
		}
	}

	@media screen and (max-width:576px) {
		overflow: scroll;

		.OurTeamBox {
			flex: 1 0 auto;

			&.active {
				width: 70%;
			}
		}
	}
}

/*********** Home About Tahator ***************/
.HomeAboutTahator,
.seo-content-box {
	margin-top: 4.857rem;
	margin-bottom: 4.857rem;

	.desc-box {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-top: 0.57rem;
		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;

		&.full-view {
			-webkit-line-clamp: none;
		}
	}

	.view-more-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.57rem;
		font-size: 1rem;
		font-weight: 700;
		color: var(--Black);
		margin-top: 2rem;
		cursor: pointer;

		.less-label {
			display: none;
		}

		svg {
			fill: var(--Black);
			transition: all 0.3s ease;
		}

		&.more {
			.less-label {
				display: block;
			}

			.more-label {
				display: none;
			}

			svg {
				transform: rotate(180deg);
				-webkit-transform: rotate(180deg);
				-moz-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				-o-transform: rotate(180deg);
			}
		}

	}
}

/*********** Instagram Post ***************/
.InstgramParentPost {
	.PhoneBG {
		right: 2.3rem;
		bottom: 2.1rem;
		z-index: 1;
		pointer-events: none;
	}

	.InstgramPost {
		.InstgramPostBox {
			transition: all 0.8s ease-in-out;

			&.swiper-slide {
				transform: scale(0.8) !important;
			}

			&.swiper-slide-active {
				transform: scale(1) !important;
			}

			.imgPost {
				img {
					border-radius: 2.2142rem;
				}
			}
		}
	}

	.slider-button-prev {
		right: -1rem;
	}

	.slider-button-next {
		left: -1rem;
	}

	@media screen and (max-width:992px) {
		.PhoneBG {
			right: 0 !important;
			text-align: center;
		}
	}
}

/****************** Instagram Text ******************/

.InstgramText {
	.InstgramTextBox {
		row-gap: 0.857em;
		padding-left: 5rem;

		.Title {
			column-gap: 0.285em;
		}

		.InstgramLink {
			border-radius: var(--Corner-Radius-Corner-Radius-4, 4px);
			background: var(--Secendry-Main-Color, #005C81);
			padding: 0.571em;
		}
	}

	@media screen and (max-width:576px) {
		.InstgramTextBox {
			padding-left: 0;
		}
	}
}


/********************** Blog ****************************/
.Blog {
	.BlogWrapper {
		row-gap: 1.285rem;

		.blogBox {
			border: 1px solid var(--text-light-3);
			row-gap: 0.571em;
			height: 100%;

			.imgBox {
				img {
					width: 100%;
				}
			}

			.Description {
				padding: 0 0.428em 0.428em;

				.Categories {
					span {
						padding: 0.285em 0.857em;
					}

					.EDNcategorycolor-pink {
						color: var(--system-purple-0);
						background: rgba(102, 0, 204, 0.20);
						border-radius: var(--radius-4);
					}

					.EDNcategorycolor-blue {
						color: var(--secondary-main);
						background: rgba(0, 92, 129, 0.20);
						border-radius: var(--radius-4);
					}

					.EDNcategorycolor-orange {
						color: var(--system-orange-0);
						background: rgba(255, 136, 0, 0.20);
						border-radius: var(--radius-4);
					}
				}
			}
		}

		.Information {
			padding: 0.571em;

			.avatar {
				width: 1.71rem;
				aspect-ratio: 1/1;
				background: var(--text-light-2);
				border-radius: var(--radius-circle);

				img {
					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);
				}
			}

			.Author,
			.Time {
				column-gap: 0.285em;
			}

			.Comments {
				column-gap: 1.714rem;
			}

			.Date {
				column-gap: 0.714em;
			}

			.InformationBox {
				svg {
					max-width: 1.142rem;
					max-height: 1.142rem;
				}
			}
		}
	}
}

.article_pager {
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
	column-gap: 0.571em;
	margin-top: 1rem;

	.page {
		width: 2rem;
		text-align: center;
		border-radius: var(--Corner-Radius-Corner-Radius-8, 8px);
		border: 0.1em solid var(--secondary-main);
		color: var(--secondary-main);
		transition: all 0.3s ease-in-out;

		&.active,
		&:hover {
			background: var(--primary-main);
			color: var(--White);
			border: 0.1em solid transparent;
		}

	}
}

.search_input {
	display: flex;
	justify-content: end;
	align-items: center;
	position: relative;
	width: 26.285rem;
	max-width: 100%;

	.input {
		position: relative;
		width: 100%;

		&:before {
			content: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7374 18.5049C9.04589 18.5047 7.40416 17.9327 6.07873 16.8818C4.75331 15.831 3.82203 14.3629 3.43611 12.7161C3.05018 11.0692 3.23228 9.34027 3.95283 7.80995C4.67339 6.27964 5.89008 5.03782 7.40535 4.28615C8.92062 3.53447 10.6455 3.31708 12.2999 3.66927C13.9543 4.02145 15.4411 4.92254 16.5188 6.22621C17.5965 7.52988 18.2019 9.15958 18.2367 10.8507C18.2715 12.5418 17.7336 14.195 16.7104 15.5419L21.0794 19.7879L19.6854 21.2219L15.2984 16.9589C13.9905 17.9638 12.3867 18.5074 10.7374 18.5049ZM16.2374 11.0049C16.2374 12.4636 15.6579 13.8625 14.6264 14.894C13.595 15.9254 12.196 16.5049 10.7374 16.5049C9.27867 16.5049 7.87972 15.9254 6.84827 14.894C5.81682 13.8625 5.23736 12.4636 5.23736 11.0049C5.23736 9.5462 5.81682 8.14725 6.84827 7.1158C7.87972 6.08435 9.27867 5.50489 10.7374 5.50489C12.196 5.50489 13.595 6.08435 14.6264 7.1158C15.6579 8.14725 16.2374 9.5462 16.2374 11.0049Z' fill='%23B4B4B4'/%3E%3C/svg%3E%0A");
			position: absolute;
			left: 0.8em;
			top: 0.5em;
		}
	}

	input {
		border: unset;
		width: 100%;
		padding: 0.6em 1rem;
		height: 3rem;
		border: 0.1em solid var(--text-dark-5);
		background: var(--text-light-3);
		border-radius: var(--radius-8);

		&:focus-visible {
			outline: none;
		}

		&::placeholder {
			color: #B4B4B4;
		}

	}

	.do_search {
		display: none;
	}

	@media screen and (max-width:980px) {
		justify-content: center;
	}

	@media screen and (max-width:570px) {
		width: 100%;
	}
}

.TahatorBlogAds {
	margin-top: 2.285rem;
}

.BlogPageSlider {
	margin-top: 2.285rem;


	.swiper-slide {
		display: flex;
		align-items: center;
		justify-content: start;
		padding: 8.5rem 10%;
		min-height: max-content;

		img {
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.Description {}
	}

	.swiper-pagination {
		left: 0rem !important;
		right: unset !important;
		bottom: 0 !important;

		.swiper-pagination-bullet {
			background: var(--primary-subtle);
			opacity: 1;
		}

		.swiper-pagination-bullet-active {
			background: var(--accent-color);
			width: 0.714em;
			height: 0.714em;
		}
	}

	@media(max-width: 768px) {
		.swiper-slide {
			padding: 4.5rem 10%;
		}
	}
}

.BlogCategory {
	list-style: none;
	column-gap: 0.571em;
	border-bottom: 0.1em solid #DBDBDB;
	padding-bottom: 0.5em;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;

	li {
		position: relative;
		margin-right: 0.3em;
		transition: all 0.3s ease-in-out;

		&:before {
			content: "";
			width: 100%;
			border-bottom: 0.1em solid transparent;
			display: flex;
			position: absolute;
			bottom: -0.5rem;
			transition: all 0.3s ease-in-out;
		}

		&:hover {
			a {
				color: var(--secondary-main);
			}

			&:before {
				border-bottom: 0.1em solid var(--secondary-main);
			}
		}

		&.active {
			font-weight: bold;
			color: var(--secondary-main);

			&:before {
				border-bottom: 0.1em solid var(--secondary-main);
			}

			a {
				color: var(--secondary-main);
			}
		}
	}

	@media screen and (max-width:980px) {}
}

.Tags {
	background: rgba(0, 196, 216, 0.20);
	padding: 0.857em 0.571em 0.857em 0;

	.TagBox {
		.Tag {
			width: max-content;
			min-width: 6rem;
			padding: 0.571em 1rem;
			background: var(--text-light-3);
		}
	}
}

.BlogHeading {
	margin: 3.142rem 0 1.714rem 0;
}

.Authors-sec {
	margin: 2.85rem 0 3.71rem;

	.head-wrapper {
		.title-box {
			font-size: 1.14rem;
			color: var(--text-dark-2);

			svg {
				width: 1.71rem;
				height: 1.71rem;
			}
		}

		.slider-controller {
			.navigation {
				width: 1.14rem;
				height: 1.14rem;
				cursor: pointer;

				svg {
					max-width: 100%;
					max-height: 100%;
				}

				&.swiper-button-disabled {
					opacity: 0.5;
					cursor: default;
				}
			}
		}
	}

	.Authors-slider {
		padding: 2rem 0;

		.swiper-slide {
			padding: 0.85rem;
			border-radius: var(--radius-12);
			box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.07);
			-webkit-border-radius: var(--radius-12);
			-moz-border-radius: var(--radius-12);
			-ms-border-radius: var(--radius-12);
			-o-border-radius: var(--radius-12);
			background: var(--White);

			.img-box {
				width: 5.42rem;
				max-width: 90%;
				aspect-ratio: 1/1;
				margin: 0 auto 0.85rem;
				overflow: hidden;

				img {
					display: block;
					width: 100%;
					height: 100%;
					object-fit: cover;
					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);
				}
			}

			.name {
				font-size: 1rem;
				margin-bottom: 0.57rem;
			}

			.count {
				color: var(--text-light-0);
				margin-bottom: 0.57rem;
			}
		}
	}

	@media(max-width:480px) {
		.head-wrapper {
			flex-direction: column;
			align-items: start !important;

			.slider-controller {
				width: 100%;
				justify-content: end;
			}
		}
	}
}

.Details_Article_Blogs {
	.BlogSide {
		row-gap: 1.142rem;
	}

	.DetailsBlogBox {
		row-gap: 0.857em;
	}

	h1 {
		font-weight: 700;
		margin: unset;
	}

	h2 {
		font-size: 1.142rem;
		font-weight: 700;
	}

	.Blog-Information {
		column-gap: 1.142rem;

		>* {
			vertical-align: middle;
			margin-left: 1rem;
			margin-bottom: 0.5rem;

			&:last-child {
				margin-left: 0;
			}
		}

		svg {
			max-width: 1.714rem;
			max-height: 1.714rem;
		}

		&>div {
			column-gap: 0.285em;
		}

		.Author {
			a {
				span {
					color: #5B8DEF;
					text-decoration: underline;
				}
			}
		}

		.Rating {
			&>div {
				font-size: 0;
				display: flex;
				line-height: 0;
			}

			.current_rating {
				display: none;
			}
		}
	}

	.SharingBox {
		column-gap: 0.857em;

		.Favorites,
		.Share {
			column-gap: 0.285em;

			span {
				svg {
					max-width: 1.428rem;
					max-height: 1.428rem;
				}

				line-height:0;
				background: var(--text-light-3);
				padding: 0.571em;
			}

		}

		.Favorites {
			fill: transparent;
			stroke: red;

			&.favorited {
				fill: red;
			}
		}
	}

	.BlogTags {
		padding: 0.571em 0;

		.Tag {
			a {
				/* pointer-events: none; */
				border-radius: var(--Corner-Radius-Corner-Radius-8, 8px);
				background: var(--text-background-light-light-2, #E4E4E4);
				padding: 0.571em 1rem;
				min-width: 5rem;
				display: inline-block;
				margin: 0.2rem 0;
			}
		}
	}

	.DetailArticle {
		ul {
			list-style-position: inside;
			list-style-type: disc;
		}

		img {
			border-radius: var(--radius-12);
			max-width: 100%;
			-webkit-border-radius: var(--radius-12);
			-moz-border-radius: var(--radius-12);
			-ms-border-radius: var(--radius-12);
			-o-border-radius: var(--radius-12);
			height: auto !important;
			margin: 1rem 0;
		}
	}

	.article-heading-holder {
		padding: 0.571em;
		column-gap: 0.571em;

		.main-title {
			padding: 0.571em;
		}

		.article-heading {
			list-style-position: inside;
			list-style-type: disc;

			li {
				padding: 0.571em;
			}
		}
	}

	.relatedBox {}

	.edNews_relatedArticles {
		row-gap: 1.142rem;
	}

	.Banner {}

	.Newsletter {
		row-gap: 0.285em;

		.title {
			font-size: 1.142rem;
		}

		.InputBox {
			input {
				border: 1px solid var(--text-light-2);
				height: 2.857rem;
				padding: 0.571em;
			}

			strong {
				height: 2.857rem;
				padding: 0 1.428rem;
			}
		}
	}
}

.Sorting {
	padding: 0.571em;

	strong {
		padding-left: 0.571em;
	}

	.ItemSorting {
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		border-bottom: 0.1em solid #DBDBDB;
		padding-bottom: 0.571em;

		a {
			display: block;

			strong {
				color: #6D6D78;
				cursor: pointer;
				position: relative;

				&:before {
					content: "";
					width: 100%;
					border-bottom: 0.1em solid transparent;
					display: flex;
					position: absolute;
					bottom: -0.9rem;
					transition: all 0.3s ease-in-out;
				}

				&:hover {
					color: var(--secondary-main);

					&:before {
						border-bottom: 0.1em solid var(--secondary-main);
					}
				}

			}
		}

	}
}

/*******************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__commentsSubmitComment {
	margin-top: 1rem;
}

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

.edNews_votes .btn-submit:hover .edNews_numberVotes {
	color: var(--custome-color2);
}

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

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

.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: #FF5E4D;
}

.edNews_numberVotes {
	color: var(--accent-color4);
}

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

}


.edNews_addComment .btn-submit {
	transition: all ease-in-out .3s;
	width: 20.92rem;
	height: 3.214rem;
	cursor: pointer;
}

.CommentersName {
	.UserIcon {
		line-height: 0;
		padding: 0.4em;
		background: #FFDAD3;
		border-radius: 50%;
	}
}

.action-btns {
	cursor: pointer;
	color: var(--system-green-0);

	.edNews__deleteComment {
		color: var(--system-red-0);
	}

	.edNews__editComment {
		color: var(--system-blue-1);
	}
}




.edNews__commentsListContainer {
	>.edNews__itemCommentContainer {
		padding: 0.57rem 0.87rem;
		border-radius: var(--radius-8);
		border: 1px solid var(--text-light-3);
		-webkit-border-radius: var(--radius-8);
		-moz-border-radius: var(--radius-8);
		-ms-border-radius: var(--radius-8);
		-o-border-radius: var(--radius-8);
		margin-bottom: 1.1rem;

		.edNews__itemCommentContainer {
			padding: 0.57rem 0.87rem 0 0;
			margin-top: 0.57rem;
			border-top: 1px solid var(--text-light-3);

			img {
				display: none;
			}
		}
	}
}

/*********************** CommentsEnd ***********************/

/*********************** Suppot & Help Start ***********************/
.support-banner-wrapper {
	.text-box {
		height: 100%;
		padding-right: 10%;

		.title-row {
			.title {
				font-size: 1.71rem;

				strong {
					&:last-child {
						color: var(--secondary-main);
					}
				}
			}
		}

		.subtitle {
			font-size: 1.14rem;
			font-weight: 500;
			color: var(--primary-main);
		}
	}

	@media (max-width: 768px) {
		.text-box {
			padding-right: 0;
		}
	}
}

.faq-tabs-content {
	margin-bottom: 3rem;

	.tabs-head {
		margin-bottom: 1.33rem;

		ul {
			text-align: right;
			overflow: auto;
			white-space: nowrap;

			li {
				list-style: none;
				display: inline-block;
				vertical-align: middle;
				background: linear-gradient(135deg, #F0F5F4 100%, #DADDDC 0%);
				border-radius: var(--b-radius);
				padding: 0.57rem 1.1rem;
				margin: 0 0 0.8rem 0.5rem;
				cursor: pointer;
				-webkit-border-radius: var(--b-radius);
				-moz-border-radius: var(--b-radius);
				-ms-border-radius: var(--b-radius);
				-o-border-radius: var(--b-radius);
			}
		}
	}

	.edn__articleListWrapper {
		display: flex;
		flex-direction: column;
		align-items: start;
		gap: 0.85rem;
	}

	.tabs-body {
		.accordion-panel {
			width: 100%;
			border: solid 1px var(--text-light-2);
			padding: 0.92rem;
			border-radius: var(--radius-12);

			.acc-head {
				position: relative;
				display: flex;
				align-items: center;
				justify-content: space-between;
				cursor: pointer;

				.icon {
					display: flex;
					position: relative;
					text-align: center;
					margin-right: 10px;

					svg {
						width: 1.84rem;
						height: 1.84rem;
						fill: var(--gray-dark);
						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;
					}
				}

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

			.acc-body {
				display: none;
				padding: 0.92rem 0 0;
				font-size: 0.92rem;
				color: var(--gray-dark);
				text-align: justify;

				.desc {
					font-size: 0.92rem;
					font-weight: 500;
					color: var(--gray-dark);
				}

				p {
					font-size: 0.92rem;
					font-weight: 500;
					color: var(--gray-dark);
				}

				ul,
				ol {
					margin-right: 0.91rem;
				}

			}

			&.open {
				.acc-head {
					.icon {
						svg {
							transform: rotate(180deg);
							-webkit-transform: rotate(180deg);
							-moz-transform: rotate(180deg);
							-ms-transform: rotate(180deg);
							-o-transform: rotate(180deg);
						}
					}
				}
			}

			&:last-child {
				margin-bottom: 0;
			}
		}
	}
}

/*********************** Suppot & Help End ***********************/

/*********************** About us Start ***********************/

.about-banner {

	img {
		display: block;
		border-radius: var(--radius-12);
		-webkit-border-radius: var(--radius-12);
		-moz-border-radius: var(--radius-12);
		-ms-border-radius: var(--radius-12);
		-o-border-radius: var(--radius-12);
	}
}

.about-content {
	padding: 6rem 0;

	.title {
		font-size: 1.28rem;
		margin: 0;
		font-weight: 700;
	}

	.desc {
		font-size: 0.91rem;
	}

	img {
		display: block;
		width: 100%;
		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);

	}
}

.facilities {
	padding-top: 1rem;

	.item {
		box-shadow: var(--box-shadow);
		padding: 0.87rem;
		border-radius: var(--b-radius);
		background: var(--White);
		overflow: hidden;

		.icon {
			flex-shrink: 0;
		}

		.title {}

		.desc {
			font-size: 0.91rem;
			font-weight: 500;
		}
	}
}

.blue-content-box {
	position: relative;
	min-height: 24.57rem;
	padding: 2rem;
	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);
	background: radial-gradient(1564.45% 197.92% at 6.73% 23.19%, #00C4D8 0%, #005C81 100%);
	overflow: hidden;

	&:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: url('/portals/0/images/bluebox-pattern.png');
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: cover;
	}

	.content {
		width: 53.78rem;
		max-width: 100%;

		.title {
			text-align: center;
			color: var(--White);
			font-weight: 700;
		}

		.desc {
			text-align: justify;
			color: var(--White);
			font-weight: 700;
		}
	}
}

/*********************** About us End ***********************/


.BarterAdsList {
    .BarterAds {
        border: 1px solid var(--text-light-2);
        padding: 0.857em;


        .BarterSecondAd {
            margin-right: 2.571rem;
            transform: translateY(-0.2em);
            position: relative;

            &:before {
                content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 2H6C3.79086 2 2 3.79086 2 6V18C2 20.2091 3.79086 22 6 22H18C20.2091 22 22 20.2091 22 18V6C22 3.79086 20.2091 2 18 2ZM10.287 7.30711C10.5673 7.4232 10.75 7.69668 10.75 8.00002V16C10.75 16.4142 10.4142 16.75 10 16.75C9.58579 16.75 9.25 16.4142 9.25 16V9.81068L8.53033 10.5304C8.23744 10.8232 7.76256 10.8232 7.46967 10.5304C7.17678 10.2375 7.17678 9.76259 7.46967 9.46969L9.46967 7.46969C9.68417 7.25519 10.0068 7.19103 10.287 7.30711ZM13.25 16C13.25 16.3033 13.4327 16.5768 13.713 16.6929C13.9932 16.809 14.3158 16.7448 14.5303 16.5303L16.5303 14.5303C16.8232 14.2374 16.8232 13.7625 16.5303 13.4696C16.2374 13.1768 15.7626 13.1768 15.4697 13.4696L14.75 14.1893V7.99998C14.75 7.58576 14.4142 7.24998 14 7.24998C13.5858 7.24998 13.25 7.58576 13.25 7.99998V16Z' fill='%23005C81'/%3E%3C/svg%3E");
                position: absolute;
                z-index: 3;
                top: -1rem;
                right: 60%;
                line-height: 0;
            }
        }

        .AdBox {
            border: 1px solid var(--text-light-2);
            padding: 0.571em;
            column-gap: 0.571em;
            width: 22.28rem;

            .ImgBox {
                &:before {
                    content: "";
                    width: 100%;
                    height: 50%;
                    bottom: 0;
                    right: 0;
                    border-bottom-left-radius: var(--radius-4);
                    border-bottom-right-radius: var(--radius-4);
                    background: linear-gradient(0deg, #313131 0%, rgba(255, 255, 255, 0.00) 100%);
                    mix-blend-mode: multiply;
                    position: absolute;
                    pointer-events: none;
                }

                img {
                    width: 8.571rem;
                    height: 8.571rem;
                }

                ;
                height: 8.571rem;
            }

            .Description {
				.propertyIcon{
					width: 1.142rem;
					height: 1.142rem;
				}
                svg {
					stroke: var(--text-light-0) !important;
                    max-width: 1.142rem;
                    fill: var(--text-light-0) !important;
                }

                width: 50%;

            }
        }
    }
    @media screen and (max-width:992px){
       .BarterAds{
           .BarterSecondAd{
               margin-right:0.857em;
           }
       } 
    }
}

.SpecialBarterAdsPrev {
    top: -2rem !important;
    right: unset !important;
    left: 2rem !important;
}

.SpecialBarterAdsNext {
    top: -2rem !important;
    right: unset !important;
    left: 0 !important;
}