/*
Theme Name: قالب فرهاد سرویس
Author: ارشیا رضایی
Author URI: https://farhadservice.ir
Description: این قالب به صورت تخصصی و منحصر به فرد برای وبسایت فرهاد سرویس طراحی شده و هرگونه کپی برداری از آن ممنوع میباشد
Version: 1.0
Text Domain: FarhadService

*/
.menuBtn ,
.mobileMenu{
	display: none;
}
.navbar-brand {
	padding-top: 19px !important;
}
@font-face {
	font-family: IransansRegular;
	src: url('assets/fonts/IransansRegular.ttf');
}
@font-face {
	font-family: IransansBold;
	src: url('assets/fonts/IransansBold.ttf');
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none !important;
	/*direction: rtl;*/
	outline: none;
	user-select:none;
	scroll-behavior: smooth;
}
body {
	background: #f6f6f6 !important;
}
:root {
	--purple1:#3f51b5;
	--green1:#01b548;
	--blue1:#0083ff;
	--yellow1:#efae16;
	--yellow2: #232949;
	--orange: #ed6f44;
}
/*----------bootstrap-navbar-css------------*/
.navbar.purple {
	background: var(--purple1);
}
.navbar.blue {
	background: var(--blue1);
}
.navbar.green {
	background: var(--green1);
}
.navbar.yellow {
	background: var(--yellow1);
}
.navbar-row {
	width: 1244px;
	height: auto;
	margin: auto;
	direction: rtl;
}
.navbar-logo{
	padding: 15px;
	color: #fff;
	float: left;
}
.navbar-mainbg{
	background-color:var(--purple1);
	padding: 0px;
	transition: all 0.5s ease-in-out;
}
#navbarSupportedContent{
	position: relative;
	float: right;
}
#navbarSupportedContent ul{
	padding: 0px;
	margin: 0px;
}
#navbarSupportedContent ul li a i{
	margin-right: 10px;
}
#navbarSupportedContent li {
	list-style-type: none;
	float: left;
	position: relative;
}
#navbarSupportedContent ul li a{
	color: white;
    font-size: 12px;
    display: block;
    padding: 20px 20px;
    transition-duration:0.6s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
	margin-top: 10px;
	font-family: IransansRegular;
}
#navbarSupportedContent>ul>li.active>a{
	color: var(--purple1);
	background-color: transparent;
	transition: all 0.7s;
}
#navbarSupportedContent a:not(:only-child):after {
	content: "\f105";
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
	transition: 0.5s;
}
#navbarSupportedContent .active>a:not(:only-child):after {
	transform: rotate(90deg);
}
.hori-selector{
	display:inline-block;
	position:absolute;
	height: 100%;
	top: 0px;
	left: 0px;
	transition-duration:0.6s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	background-color: #f6f6f6;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	margin-top: 12px;
}
.hori-selector .right,
.hori-selector .left{
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: #f6f6f6;
	bottom: 10px;
	transition: all 0.5s ease-in-out;
}
.hori-selector .right{
	right: -25px;
}
.hori-selector .left{
	left: -25px;
}
.hori-selector .right:before,
.hori-selector .left:before{
	content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--purple1);
	transition: all 2s ease-in-out;
}
.hori-selector .right:before{
	bottom: 0;
    right: -25px;
}
.hori-selector .left:before{
	bottom: 0;
    left: -25px;
}
.hori-selector.green .left:before ,
.hori-selector.green .right:before{
	background: var(--green1);
	transition: all 0.5s ease-in-out;
}
.hori-selector.yellow .left:before ,
.hori-selector.yellow .right:before {
	background: var(--yellow1);
	transition: all 0.5s ease-in-out;
}
.hori-selector.blue .left:before ,
.hori-selector.blue .right:before{
	background: var(--blue1);
	transition: all 0.5s ease-in-out;
}
.hori-selector.purple .left:before ,
.hori-selector.purple .right:before{
	background: var(--purple1);
	transition: all 0.5s ease-in-out;
}
/* Banner */
.banner {
	width: 100%;
	height: 350px;
	margin: 41px 0 0 0;
	/*overflow: hidden;*/
	overflow-wrap: anywhere;
}
.banner .banner-row {
	width: 1200px;
	height: 350px;
	margin: auto;
	background: var(--purple1);
	border-radius: 10px;
	position: relative;
	transition: all 0.5s ease-in-out;
	/*overflow: hidden;*/
}
.banner-row.purple {
	background: var(--purple1);
}
.banner-row.blue {
	background: var(--blue1);
}
.banner-row.green {
	background: var(--green1);
}
.banner-row.yellow {
	background: var(--yellow1);
}
.banner .banner-row .right-click {
	position: absolute;
    right: -57px;
    top: 147px;
    transform: rotate(-90deg);
    z-index: 99;
    width: 150px;
}
.banner .banner-row .right-click svg.bg_crev_right {
	fill: white;
}
.banner .banner-row .right-click svg.right-arrow {
	position: absolute;
    transform: rotate(90deg);
	right: 62px;
	top: 8px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.banner .banner-row .left-click svg.left-arrow {
	position: absolute;
    transform: rotate(90deg);
    right: 60px;
    top: 9px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.banner .banner-row .left-click svg.left-arrow:hover ,
.banner .banner-row .right-click svg.right-arrow:hover {
	color: var(--purple1);
	transition: all 0.3s ease-in-out;
}
.banner .banner-row .left-click {
	position: absolute;
    left: -57px;
    top: 147px;
    transform: rotate(90deg);
    z-index: 99;
    width: 150px;
}
.banner .banner-row .left-click svg.bg_crev_left {
	fill: white;
}
.banner .banner-row .banner-right {
	width: 50%;
    height: 350px;
    float: left;
    padding: 0px 40px;
}
.slide {
	width: 332px;
	float: left;
	user-select: none;
	pointer-events: none;
	position: absolute;
	bottom: 0px;
	left: 90px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
.activeSlide {
	visibility: visible;
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
.banner .banner-row .banner-left {
	width: 50%;
	height: 350px;
	float: right;
	direction: rtl;
	text-align: center;
}
.banner .banner-row .banner-left h3 {
	font-family: IransansBold;
	float: right;
	margin: 92px 150px 0px 0px;
	color: rgb(255, 255, 255);
	user-select: none;
	pointer-events: none;
	font-size: 17px;
}
.banner .banner-row .banner-left p {
	font-family: IransansRegular;
	float: right;
	color: white;
	font-size: 13px;
	direction: ltr;
	line-height: 40px;
	user-select: none;
	pointer-events: none;
	margin: 38px 120px 0px 0px;
}
.banner .banner-row .banner-left a {
	text-align: center;
	float: right;
	color: black;
	font-size: 13px;
	font-family: IransansRegular;
	background: #f6f6f6;
	/*border: 1px solid var(--yellow1);*/
	padding: 10px 20px;
	box-shadow: inset 10px 10px 10px -1px rgba(10, 99, 169, 0.16),
				inset -10px -10px 10px -1px rgba(255,255,255, 0.70);
	margin-top: 32px;
	border-radius: 20px;
	transition: all 0.5s ease-in-out;
}
.banner .banner-row .banner-left a:hover {
	/*background: #687EFF;*/
	transition: all 0.5s ease-in-out;
	box-shadow: none;
	color: white;
}
.banner .banner-row .banner-left .serviceBtn.purple:hover,
.banner .banner-row .banner-left .contactBtn.purple:hover {
	background: #687EFF;
}
.banner .banner-row .banner-left .serviceBtn.blue:hover,
.banner .banner-row .banner-left .contactBtn.blue:hover {
	background: #614BC3;
}
.banner .banner-row .banner-left .serviceBtn.yellow:hover,
.banner .banner-row .banner-left .contactBtn.yellow:hover {
	background: #FFC107;
}
.banner .banner-row .banner-left .serviceBtn.green:hover,
.banner .banner-row .banner-left .contactBtn.green:hover {
	background: #006400;
}
.banner .banner-row .banner-left .contactBtn {
	margin-right: 251px;
	margin-left: 20px;
}

/* Warranty */
.warranty {
	width: 100%;
	height: 150px;
}
.warranty .warranty-row {
	width: 1200px;
	height: 150px;
	margin: 0px auto 20px auto;
	border-bottom: 1px solid var(--purple1);
	display: flex;
    flex-flow: wrap;
    flex-direction: row;
    justify-content: space-around;
	direction: rtl;
}
.warranty-row.purple {
	border-bottom: 1px solid var(--purple1);
}
.warranty-row.blue {
	border-bottom: 1px solid var(--blue1);
}
.warranty-row.green {
	border-bottom: 1px solid var(--green1);
}
.warranty-row.yellow {
	border-bottom: 1px solid var(--yellow1);
}
.warranty .warranty-row .warranty-card {
	width: 25%;
	height: 120px;
	margin-top: 20px;
	position: relative;
}
.warranty .warranty-row .warranty-card::before {
	position: absolute;
    content: "";
    top: 38px;
    left: 0;
    width: 1px;
    height: 50px;
    background: var(--purple1);
}
.warranty .warranty-row.yellow .warranty-card::before {
	background: var(--purple1);
}
.warranty .warranty-row.blue .warranty-card::before {
	background: var(--blue1);
}
.warranty .warranty-row.green .warranty-card::before {
	background: var(--green1);
}
.warranty .warranty-row.yellow .warranty-card::before {
	background: var(--yellow1);
}
.warranty .warranty-row .warranty-card:nth-child(4)::before {
	position: absolute;
    content: "";
    top: 38px;
    left: 0;
    width: 1px;
    height: 50px;
    background: lightgray;
	display: none;
}
.warranty .warranty-row .warranty-card .warranty-card-left {
	float: right;
	width: 30%;
	height: 120px;
}
.warranty .warranty-row .warranty-card .warranty-card-left img {
	width: 60px;
	margin: 30px 15px;
}
.warranty .warranty-row .warranty-card .warranty-card-right {
	width: 70%;
	float: left;
	height: 120px;
	padding: 50px 20px;
}
.warranty .warranty-row .warranty-card .warranty-card-right h4 {
	font-family: IransansBold;
	font-size: 19px;
	direction: rtl;
	float: right;
}
/* Description */
.description  {
	width: 100%;
	height: 560px;
	margin-top: 40px;
}
.description .description-row {
	width: 1200px;
	height: 560px;
	margin: auto;
}
.description .description-row .description-body {
	width: 100%;
	height: 450px;
	margin-top: 40px;
}
.description .description-row .description-body .description-body-right {
	float: right;
	width: 50%;
	height: auto;
	direction: rtl;
	/*background: red;*/
	padding: 20px 30px;
}
.description .description-row .description-body .description-body-right h3 {
	float: right;
	font-family: IransansBold;
	color: var(--purple1);
}
.description .description-row .description-body .description-body-right p {
	margin-top: 10px;
	float: right;
	direction: rtl;
	font-size: 13px;
	font-family: IransansRegular;
	line-height: 40px;
	display: table;
	width: 100%;
}
.description .description-row .description-body .description-body-right p.phoneNm {
	line-height: 2;
	margin-top: -10px;
	font-size: 14px;
}
.description .description-row .description-body .description-body-right p.phoneNm a {
	color: #5138ed;
}
.description .description-row .description-body .description-body-right p span {
	color: #3d91f4;
	font-weight: bold;
}
.description .description-row .description-body .description-body-right h4 {
	float: right;
	font-family: IransansBold;
	font-size: 20px;
	margin-top: 20px;
	color: #03b56f;
}
.description .description-row .description-body-left {
	float: left;
	width: 50%;
	height: auto;
}
/*Carousel*/
.carousel {
	width: 100%;
	height: auto;
	margin-top: 120px;
}
.carousel .carousel-header {
	width: 1200px;
	height: auto;
	margin: 0 auto 20px auto;
	padding: 10px 30px;
	opacity: 0;
	visibility: hidden;
	transform: translateX(40px);
	transition: all 1s ease-in-out;
}
.carousel .carousel-header.active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
	transition: all 1s ease-in-out;
}
.carousel .carousel-header h2 {
	font-family: IransansBold;
	font-size: 20px;
	color: #c31725;
	transition: all 0.5s ease-in-out;
}
.carousel-header.blueD h2 {
	color: #005796;
}
.carousel-header.red h2 {
	color: #c31725;
}
.carousel-header.blueL h2 {
	color: #0084ff;
}
.carousel-header.green h2 {
	color: #01b548;
}
.carousel .carousel-header .line {
	width: 700px;
	margin: 10px 0;
	height: 3px;
	border-bottom: 2px dashed #c31725;
	float: right;
	transition: all 0.5s ease-in-out;
}
.carousel-header.blueD .line {
	border-bottom: 2px dashed #005796;
}
.carousel-header.red .line {
	border-bottom: 2px dashed #c31725;
}
.carousel-header.blueL .line {
	border-bottom: 2px dashed #0084ff;
}
.carousel-header.green .line {
	border-bottom: 2px dashed #01b548;
}
.carousel .carousel-row {
	width: 1200px;
	height: 500px;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.carousel .carousel-row .carousel-card {
	width: 80px;
	overflow: hidden;
	height: 450px;
	background: #F86F03;
	margin: 10px;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.6s ease-in-out;
	position: relative;
}
.carousel .carousel-row .carousel-card .carousel-left {
	float: left;
	width: 80px;
	height: 450px;
	background-position: center;
	background-size: cover;
	border-radius: 50px;
	position: absolute;
	right: 0;
}
.carousel .carousel-row .carousel-card1 .carousel-left {
	background-image: url("assets/icons/indesit.jpg");
	border-left: 1px solid #ffffff6e;
}
.carousel .carousel-row .carousel-card2 .carousel-left {
	background-image: url("assets/icons/Ariston.jpg");
	border-left: 1px solid #ffffff6e;
}
.carousel .carousel-row .carousel-card3 .carousel-left {
	background-image: url("assets/icons/experial.jpg");
	border-left: 1px solid #ffffff6e;
}
.carousel .carousel-row .carousel-card4 .carousel-left {
	background-image: url("assets/icons/whirepool.jpg");
	border-left: 1px solid #ffffff6e;
}
.carousel .carousel-row .carousel-card .carousel-right {
	float: right;
	height: 450px;
	position: relative;
	width: 874px;
	padding: 39px 60px 0 0px;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
}
.carousel .carousel-row .carousel-card .carousel-right .carousel-right-image {
	float: right;
	width: 45%;
	height: 450px;
}
.carousel .carousel-row .carousel-card .carousel-right .carousel-right-image img {
	width: 351px;
	margin: -24px 9px;
}
.carousel .carousel-row .carousel-card .carousel-right .carousel-right-text {
	float: right;
	direction: rtl;
	width: 55%;
	height: 450px;
	padding: 20px 20px;
}
.carousel .carousel-row .carousel-card .carousel-right .carousel-right-text h2 {
	font-family: IransansBold;
	color: white;
	font-size: 26px;
}
.carousel .carousel-row .carousel-card .carousel-right .carousel-right-text p {
	color: #f4f4f4;
	font-family: IransansRegular;
	font-size: 13px;
	line-height: 35px;
	margin-top: 20px;
}
.carousel .carousel-row .carousel-card .carousel-right .carousel-right-text p a {
	color: var(--yellow1);
	transition: all 0.5s ease-in-out;
}
.carousel .carousel-row .carousel-card .carousel-right .carousel-right-text p a:hover {
	color: white;
}
.carousel .carousel-row .carousel-card1 {
	width: 80px;
	height: 450px;
	transition: all 0.6s ease-in-out;
	background: #005795;
}
.carousel .carousel-row .carousel-card1.active {
	width: 900px;
	height: 450px;
	transition: all 0.6s ease-in-out;

}
.carousel .carousel-row .carousel-card2 {
	width: 80px;
	height: 450px;
	transition: all 1s ease-in-out;
	background: #c31726;
}
.carousel .carousel-row .carousel-card2.active {
	width: 900px;
	height: 450px;
	transition: all 0.6s ease-in-out;
}
.carousel .carousel-row .carousel-card2.active1 {
	width: 900px;
	transition: all 0.6s ease-in-out;
}
.carousel .carousel-row .carousel-card3 {
	width: 80px;
	height: 450px;
	transition: all 0.6s ease-in-out;
	background: #0084ff;
	transform: translateX(10px);

}
.carousel .carousel-row .carousel-card3.active {
	width: 900px;
	height: 450px;
	transition: all 0.6s ease-in-out;
}
.carousel .carousel-row .carousel-card4 {
	width: 80px;
	height: 450px;
	transition: all 0.6s ease-in-out;
	background: #00b548;
}
.carousel .carousel-row .carousel-card4.active {
	width: 900px;
	height: 450px;
	transition: all 0.6s ease-in-out;
}

/*Accordion*/
.accordions {
	width: 100%;
	height: auto;
	float: right;
}
.accordions .accordions-header {
	width: 1200px;
	height: auto;
	margin: auto;
	padding: 23px 20px;
	position: relative;
}
.accordions .accordions-header h2 {
	font-family: IransansBold;
	font-size: 23px;
}
.accordions .accordions-header::before {
	position: absolute;
	content: "";
	top: 33px;
	right: 0px;
	width: 11px;
	height: 5px;
	background: var(--purple1);
	border-radius: 50px;
	box-shadow: 0 0 4px var(--purple1);
}
.accordions .accordion-row {
	width: 1200px;
	height: auto;
	margin: auto;
}
.accordions .accordion-row .accordion {
	width: 100%;
	height: auto;
	/*background: white;*/
	overflow: hidden;
	margin-bottom: 10px;
}
.accordions .accordion-row .accordion .accordion-header {
	width: 100%;
	height: 50px;
	background: white;
	padding: 10px 20px;
	border-bottom: 3px solid #f6f6f6;
	cursor: pointer;
	border-radius: 10px;
	transition: all 0.5s ease-in-out;
	border: 1px solid #001eff29;
}
.accordions .accordion-row .accordion .accordion-header p {
	float: right;
	color: var(--yellow2);
	font-family: IransansRegular;
	font-size: 14px;
	margin: -6px 0;
}
.accordions .accordion-row .accordion .accordion-header svg {
	float: left;
	margin: 4px -10px;
	transition: all 0.5s ease-in-out;
}
.accordions .accordion-row .accordion .accordion-header1.active svg ,
.accordions .accordion-row .accordion .accordion-header2.active svg ,
.accordions .accordion-row .accordion .accordion-header3.active svg ,
.accordions .accordion-row .accordion .accordion-header4.active svg {
	transform: rotate(180deg);
	transition: all 0.5s ease-in-out;
}
.accordions .accordion-row .accordion .accordion-body {
	padding: 0px 20px;
	width: 100%;
	height: 0px;
	transition: all 0.5s ease-in-out;
	background: white;
	overflow: hidden;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	float: right;
	margin: 0 0;
}
.accordions .accordion-row .accordion .accordion-header1.active ,
.accordions .accordion-row .accordion .accordion-header2.active ,
.accordions .accordion-row .accordion .accordion-header3.active ,
.accordions .accordion-row .accordion .accordion-header4.active {
	background: var(--yellow1);
	transition: all 0.5s ease-in-out;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.accordions .accordion-row .accordion .accordion-body1.active ,
.accordions .accordion-row .accordion .accordion-body2.active ,
.accordions .accordion-row .accordion .accordion-body3.active ,
.accordions .accordion-row .accordion .accordion-body4.active{
	height: 56px;
	transition: all 0.5s ease-in-out;
	background: #efae1694;
}


.accordions .accordion-row .accordion .accordion-body p {
	line-height: 40px;
	font-family: IransansRegular;
	font-size: 13px;
	margin-top: 10px;
	direction: rtl;
}
	/*Services*/
.services {
	width: 100%;
	height: auto;
	margin-top: 110px;
	float: right;
}
.services .services-row {
	width: 1200px;
	height: auto;
	margin: auto;
}
.services .services-row .services-header {
	width: 100%;
	height: 80px;
	padding: 0 40px;
	position: relative;
}
.services .services-row .services-header::before {
	position: absolute;
	content: "";
	top: 10px;
	right: 18px;
	width: 11px;
	height: 5px;
	background: var(--purple1);
	border-radius: 50px;
	box-shadow: 0 0 4px var(--purple1);
}
.services .services-row .services-header h3 {
	float: right;
	font-family: IransansBold;
	font-size: 20px;
}
.services .services-row .services-left {
	float: left;
	width: 50%;
	height: 450px;
	padding: 100px 0;
}
.services .services-row .services-left h4 {
	font-size: 18px;
	color: var(--purple1);
	font-family: IransansBold;
	direction: rtl;
}
.services .services-row .services-left .services-left-right {
	float: right;
	width: 50%;
	padding: 10px 0;
}
.services .services-row .services-left .services-left-right ul li {
	font-family: IransansRegular;
	direction: rtl;
	line-height: 40px;
}
.services .services-row .services-left .services-left-right ul li img {
	width: 20px;
	float: right;
	margin: 8px 0;
}
.services .services-row .services-left .services-left-right ul li span {
	margin: 0 5px;
}
.services .services-row .services-left .services-left-left {
	float: left;
	width: 50%;
	padding: 10px 70px;
}
.services .services-row .services-left .services-left-left ul li {
	font-family: IransansRegular;
	direction: rtl;
	line-height: 40px;
}
.services .services-row .services-left .services-left-left ul li img {
	width: 20px;
	float: right;
	margin: 8px 0;
}
.services .services-row .services-left .services-left-left ul li span {
	margin: 0 5px;
}
.services .services-row .services-right {
	float: right;
	width: 50%;
}
.services .services-row .services-right img {
	width: 403px;
	float: right;
	margin: -24px 28px;
}

/* article */
.article {
	width: 100%;
	height: auto;
	margin-top: 30px;
	float: right;
}
.article .article-header {
	width: 1200px;
	height: 40px;
	margin: 20px auto;
	padding: 7px 10px;
}
.article .article-header .article-header-left {
	float: left;
}
.article .article-header .article-header-right{
	float: right;
	position: relative;
}
.article .article-header .article-header-right::before {
	position: absolute;
	content: "";
	top: 11px;
	right: -10px;
	width: 11px;
	height: 5px;
	background: var(--purple1);
	border-radius: 50px;
	box-shadow: 0 0 4px var(--purple1);
}
.article .article-header .article-header-right h2 {
	font-family: IransansBold;
	font-size: 23px;
	margin-right: 15px;
}

.article-more-btn {
	font-family: IransansRegular;
	color: white;
	background: var(--purple1);
	font-size: 13px;
	padding: 8px 30px;
	border-radius: 30px 0px 30px 0px;
	transition: all 0.5s ease-in-out;
}
.article-more-btn:hover {
	background:#222e75;
	color:white;
}
.article-more-btn.purple {
	transition:all 0.5s ease-in-out;
	background:var(--purple1);
}
.article-more-btn.purple:hover {
	background:#222e75;
	color:white;
}
.article-more-btn.yellow {
	transition:all 0.5s ease-in-out;
	background: var(--yellow1);
}
.article-more-btn.yellow:hover {
	background:#cb8e00;
	color:white;
}
.article-more-btn.blue {
	transition:all 0.5s ease-in-out;
	background: var(--blue1);
}
.article-more-btn.blue:hover {
	background:#064b8d;
	color:white;
}
.article-more-btn.green {
	transition:all 0.5s ease-in-out;
	background: var(--green1);
}
.article-more-btn.green:hover {
	background:#067733;
	color:white;
}

.article .article-row {
	width: 1200px;
	height: auto;
	margin: 40px auto;
	position: relative;
}
.article .article-row .article-body {
	width: 100%;
	height: auto;
	direction: rtl;
	/*overflow: hidden;*/
}
.article .article-row .article-body .article-card {
	width: 300px;
	height: 400px;
	background: white;
	border-radius: 20px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	margin-bottom: 30px;
	position: relative;
}
.article .article-row .article-body .article-card a {
	position: absolute;
	bottom: 18px;
	color: white;
	font-family: IransansRegular;
	font-size: 13px;
	right: 38%;
	color: var(--purple1);
}
.article .article-row .article-body .article-card .article-card-header {
	width: 100%;
	height: 170px;
	overflow: hidden;
}
.article .article-row .article-body .article-card .article-card-header img{
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	height: 170px;
}
.article .article-row .article-body .article-card .article-card-text {
	width: 100%;
	height: auto;
}
.article .article-row .article-body .article-card .article-card-text p {
	font-family: IransansRegular;
	font-size: 13px;
	padding: 2px 20px;
	line-height: 30px;
}
.article .article-row .article-body .article-card .article-card-body {
	width: 100%;
	height: 50px;
	position: absolute;
	margin: 0px;
	bottom: 52px;
	/*background: red;*/
}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-left {
	width: 265px;
	height: 50px;
	background: var(--purple1);
	position: absolute;
	left: -15px;
	transition: all 0.5s ease-in-out;
	border-radius: 30px 0 30px;
}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-left::before {
	content: "";
	position: absolute;
	height: 30px;
	width: 15px;
	background: rgb(94, 61, 94);
	top: 50px;
	left: 0;
	transition: all 0.5s ease-in-out;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	z-index: 2;
}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-left::after {
	content: "";
	position: absolute;
	width: 15px;
	height: 20px;
	transition: all 0.5s ease-in-out;
	background: var(--purple1);
	left: 0;
	top: 50px;
	z-index: 1;

}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-left.purple ,
.article .article-row .article-body .article-card .article-card-body .article-ribbon-left.purple::after {
	background:var(--purple1);
	transition: all 0.5s ease-in-out;
}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-left.blue ,
.article .article-row .article-body .article-card .article-card-body .article-ribbon-left.blue::after {
	background:var(--blue1);
	transition: all 0.5s ease-in-out;
}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-left.green ,
.article .article-row .article-body .article-card .article-card-body .article-ribbon-left.green::after {
	background:var(--green1);
	transition: all 0.5s ease-in-out;
}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-left.yellow ,
.article .article-row .article-body .article-card .article-card-body .article-ribbon-left.yellow::after {
	background:var(--yellow1);
	transition: all 0.5s ease-in-out;
}

.article .article-row .article-body .article-card .article-card-body .article-ribbon-right {
	width: 327px;
    height: 50px;
    background: var(--purple1);
    position: absolute;
    border-radius: 30px 0 30px;
    right: -15px;
	padding:16px 0;
	z-index:2;
	text-align:center;
    transition: all 0.5s ease-in-out;
}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-right h2 {
	color:white;
	font-family:IransansBold;
	font-size:17px;
}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-right::before {
	content: "";
    position: absolute;
    transition: all 0.5s ease-in-out;
    height: 30px;
    width: 15px;
    background: rgb(94, 61, 94);
    top: -30px;
    right: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    z-index: 2;
}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-right::after {
    content: "";
    position: absolute;
    transition: all 0.5s ease-in-out;
    width: 14px;
    height: 20px;
    background: var(--purple1);
    right: 0px;
    top: -15px;
    z-index: 1;
}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-right.purple ,
.article .article-row .article-body .article-card .article-card-body .article-ribbon-right.purple::after {
	background:var(--purple1);
	transition: all 0.5s ease-in-out;
}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-right.blue ,
.article .article-row .article-body .article-card .article-card-body .article-ribbon-right.blue::after {
	background:var(--blue1);
	transition: all 0.5s ease-in-out;
}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-right.green ,
.article .article-row .article-body .article-card .article-card-body .article-ribbon-right.green::after {
	background:var(--green1);
	transition: all 0.5s ease-in-out;
}
.article .article-row .article-body .article-card .article-card-body .article-ribbon-right.yellow ,
.article .article-row .article-body .article-card .article-card-body .article-ribbon-right.yellow::after {
	background:var(--yellow1);
	transition: all 0.5s ease-in-out;
}
	/*Color Pallet*/
.color-pallet {
	position: absolute;
	top: 55px;
	left: 100px;
	width: 216px;
	height: 65px;
	/*border-bottom: 1px solid lightgray;*/
}
.color-pallet .color-pallet-card {
	float: left;
	margin: -4px 0 10px 14px;
	width: 33px;
	height: 33px;
	border: 2px solid white;
	border-radius: 50px;
}
.color-pallet-purple {
	background: var(--purple1);
	cursor: pointer;
}
.color-pallet-green {
	background: var(--green1);
	cursor: pointer;
}
.color-pallet-yellow {
	background: var(--yellow1);
	cursor: pointer;
}
.color-pallet-blue {
	background: var(--blue1);
	cursor: pointer;

}
.color-pallet-blue.active ~ .banner .banner-row {
	background: red;
}

/*PopUp Form*/
.popup {
	position: fixed;
	content: '';
	z-index: 999999999;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	background: rgb(0 0 0 / 37%);
	backdrop-filter: blur(23px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-in-out;
	display: flex;
	justify-content: center;
	align-items: center;
}
.popup.active {
	opacity: 1;
	visibility: visible;
}
.popup .popup-form {
	position: relative;
	width: 400px;
	height: 550px;
	background: white;
	border-radius: 10px;
	text-align: center;
	padding: 25px ;
	overflow: hidden;
}
.popup .popup-form img {
	position: absolute;
	content: '';
	top: 10px;
	left: 10px;
	width: 25px;
	z-index: 999999999;
	cursor: pointer;
}
.popup .popup-form::before {
	position: absolute;
	content: '';
	top: -493px;
	left: -166px;
	width: 89%;
	height: 196%;
	background: var(--purple1);
	/* background-color: #808080; */
	/* background-image: linear-gradient(to bottom, #ff6767, #ff4545); */
	transform: rotate(59deg);
	z-index: 999999;
	box-shadow: 0 0 4px #000000;
}
.popup .popup-form.blue::before ,
.popup .popup-form.blue::after{
	background: var(--blue1);
}
.popup .popup-form.green::before ,
.popup .popup-form.green::after{
	background: var(--green1);
}
.popup .popup-form.yellow::before ,
.popup .popup-form.yellow::after{
	background: var(--yellow1);
}
.popup .popup-form.purple::before ,
.popup .popup-form.purple::after{
	background: var(--purple1);
}
.popup .popup-form::after {
	position: absolute;
	content: '';
	top: -422px;
	left: 91px;
	width: 157%;
	height: 131%;
	background: var(--purple1);
	/* background-color: #808080; */
	/* background-image: linear-gradient(to bottom, #ff6767, #ff4545); */
	transform: rotate(126deg);
}
.popup .popup-form h2 {
	font-family: IransansBold;
	font-size: 26px;
	color: white;
	z-index: 9999999;
	position: relative;
	margin-bottom: 30px;
}
.popup .popup-form .form-input {
	direction: rtl;
	margin-top: 25px;
	position: relative;
	z-index: 99999999;
}
.popup .popup-form input {
	width: 100%;
	padding: 10px 10px;
	border: 1px solid #8d8d8d;
	border-radius: 8px;
	box-shadow: 0px 5px 4px #00000061;
	font-family: IransansRegular;
	font-size: 13px;
}
.popup .popup-form select {
	width: 100%;
	padding: 10px 10px;
	border: 1px solid #8d8d8d;
	border-radius: 5px;
	box-shadow: 0px 5px 4px #00000061;
	font-family: IransansRegular;
	font-size: 13px;
	cursor: pointer;
}
.popup .popup-form textarea {
	width: 100%;
	resize: none;
	height: 100px;
	padding: 10px 10px;
	border: 1px solid #8d8d8d;
	box-shadow: 0px 5px 4px #00000061;
	border-radius: 5px;
	font-family: IransansRegular;
	font-size: 13px;
}
.popup .popup-form span {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	font-family: IransansRegular;
	margin: 12px 13px;
	pointer-events: none;
	transition: all 0.3s ease-in-out;
}
.popup .popup-form input:focus-within ,
.popup .popup-form input:valid ,
.popup .popup-form select:focus-within ,
.popup .popup-form select:valid ,
.popup .popup-form textarea:focus-within ,
.popup .popup-form textarea:valid{
	border: 1px solid var(--yellow1);
}
.popup .popup-form textarea::placeholder ,
.popup .popup-form select::placeholder ,
.popup .popup-form input::placeholder {
	color: gray;
}
.popup .popup-form .popup-alert {
	position: relative;
	z-index: 999999;
	font-size: 13px;
	font-family: IransansBold;
	direction: rtl;
	color: white;
}
.popup .popup-form input[type=submit] {
	width: 180px;
	border-radius: 4px;
	background: var(--green1);
	color: white;
	margin-top: 8px;
	border: 1px solid rgba(0, 131, 255, 0.11);
}
/*Footer*/
.footer {
	width: 100%;
	float: right;
	height: 446px;
	background: #001832;
	border-top: 5px solid var(--purple1);
	position: relative;
	transition:all 0.5s ease-in-out;
}
.footer svg {
	width: 300px;
	fill: var(--purple1) ;
	top: 0;
	right: 420px;
	position: absolute;
	transform: rotate(180deg);
	transition:all 0.5s ease-in-out;
}
.footer.blue {
	transition:all 0.5s ease-in-out;
	border-top:5px solid var(--blue1);
}
.footer.green {
	transition:all 0.5s ease-in-out;
	border-top:5px solid var(--green1);
}
.footer.yellow {
	transition:all 0.5s ease-in-out;
	border-top:5px solid var(--yellow1);
}
.footer.purple {
	transition:all 0.5s ease-in-out;
	border-top:5px solid var(--purple1);
}
.footer.blue svg {
	fill:var(--blue1);
	transition:all 0.5s ease-in-out;
}
.footer.green svg {
	fill:var(--green1);
	transition:all 0.5s ease-in-out;
}
.footer.yellow svg {
	fill:var(--yellow1);
	transition:all 0.5s ease-in-out;
}
.footer.purple svg {
	fill:var(--purple1);
	transition:all 0.5s ease-in-out;
}
.footer .footer_row {
	width: 1200px;
	height: 440px;
	margin: auto;
	padding: 40px 10px 0 0;
}
.footer .footer_row .footer_right {
	float: right;
	width: 48%;
	height: 400px;
	margin-left: 10px;
}
.footer .footer_row .footer_right h2 {
	color: white;
	font-family: IransansBold;
}
.footer .footer_row .footer_right p {
	color: gray;
	margin-top: 10px;
	float: right;
	font-family: IransansRegular;
	line-height: 30px;
	font-size: 13px;
}
.footer .footer_row .footer_left {
	float: right;
	width: 50%;
	padding-right: 20px;
	height: 400px;
}
.footer .footer_row .footer_left h2 {
	color: white;
	font-family: IransansBold;
}
.footer .footer_row .footer_left ul {
	float: right;
	margin-top: 20px;
}
.footer .footer_row .footer_left ul li {
	line-height: 30px;
}
.footer .footer_row .footer_left ul li p {
	color: gray;
	font-size: 13px;
	font-family: IransansRegular;
}
.footer .footer_row .footer_left ul li p a {
	color: #00b548;
	transition: all 0.5s ease-in-out;
}
.footer .footer_row .footer_left ul li p a:hover {
	color: #1c7430;
}


.page {
	width: 100%;
	height: auto;
	margin: 20px 0;
}
.page .page-row {
	width: 1200px;
	height: auto;
	margin: auto;
	border-radius: 10px;
	padding: 20px;
	direction:rtl;
}
.page .page-row h1, h2, h3, h4, h5, h6 {
	font-family: IransansBold;
}
.page .page-row a, p, span {
	font-family: IransansRegular;
	line-height: 40px;
	font-size: 14px;
}

.category {
	width: 100%;
	height: auto;
	margin: 20px 0;

}
.category .category_row {
	width: 1414px;
	height: auto;
	margin: auto;
	padding: 20px;
	direction: rtl;
	display: flex;
	flex-flow: wrap;
	flex-direction: row;
	justify-content: space-around;
}
.category .category_row iframe {
	margin: -98px 0 0 0;
	font-family: IransansRegular !important;
}
.formContent--mVqOtUU {
	display:none !important;
}
.category .category_row .article-card {
	width: 300px;
	height: 400px;
	background: white;
	border-radius: 20px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	margin-bottom: 30px;
	position: relative;
}
.category .category_row .article-card a {
	position: absolute;
	bottom: 18px;
	color: white;
	font-family: IransansRegular;
	font-size: 13px;
	right: 38%;
	color: var(--purple1);
}
.category .category_row .article-card .article-card-header {
	width: 100%;
	height: 170px;
	overflow: hidden;
}
.category .category_row .article-card .article-card-header img{
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	height: 170px;
}
.category .category_row .article-card .article-card-text {
	width: 100%;
	height: auto;
}
.category .category_row .article-card .article-card-text p {
	font-family: IransansRegular;
	font-size: 13px;
	padding: 2px 20px;
	line-height: 30px;
}
.category .category_row .article-card .article-card-body {
	width: 100%;
	height: 50px;
	position: absolute;
	margin: 0px;
	bottom: 52px;
	/*background: red;*/
}
.category .category_row .article-card .article-card-body .article-ribbon-left {
	width: 265px;
	height: 50px;
	background: var(--purple1);
	position: absolute;
	left: -15px;
	transition: all 0.5s ease-in-out;
	border-radius: 30px 0 30px;
}
.category .category_row .article-card .article-card-body .article-ribbon-left::before {
	content: "";
	position: absolute;
	height: 30px;
	width: 15px;
	background: rgb(94, 61, 94);
	top: 50px;
	left: 0;
	transition: all 0.5s ease-in-out;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	z-index: 2;
}
.category .category_row .article-card .article-card-body .article-ribbon-left::after {
	content: "";
	position: absolute;
	width: 15px;
	height: 20px;
	transition: all 0.5s ease-in-out;
	background: var(--purple1);
	left: 0;
	top: 50px;
	z-index: 1;

}
.category .category_row .article-card .article-card-body .article-ribbon-left.purple ,
.category .category_row .article-card .article-card-body .article-ribbon-left.purple::after {
	background:var(--purple1);
	transition: all 0.5s ease-in-out;
}
.category .category_row .article-card .article-card-body .article-ribbon-left.blue ,
.category .category_row .article-card .article-card-body .article-ribbon-left.blue::after {
	background:var(--blue1);
	transition: all 0.5s ease-in-out;
}
.category .category_row .article-card .article-card-body .article-ribbon-left.green ,
.category .category_row .article-card .article-card-body .article-ribbon-left.green::after {
	background:var(--green1);
	transition: all 0.5s ease-in-out;
}
.category .category_row .article-card .article-card-body .article-ribbon-left.yellow ,
.category .category_row .article-card .article-card-body .article-ribbon-left.yellow::after {
	background:var(--yellow1);
	transition: all 0.5s ease-in-out;
}

.category .category_row .article-card .article-card-body .article-ribbon-right {
	width: 327px;
    height: 50px;
    background: var(--purple1);
    position: absolute;
    border-radius: 30px 0 30px;
    right: -15px;
    padding: 16px 0;
    z-index: 2;
    text-align: center;
    transition: all 0.5s ease-in-out;
}
.category .category_row .article-card .article-card-body .article-ribbon-right h2 {
	font-size: 17px;
	font-family: IransansBold;
	color: white;
}
.category .category_row .article-card .article-card-body .article-ribbon-right::before {
    content: "";
    position: absolute;
    transition: all 0.5s ease-in-out;
    height: 30px;
    width: 15px;
    background: rgb(94, 61, 94);
    top: -30px;
    right: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    z-index: 2;
}
.category .category_row .article-card .article-card-body .article-ribbon-right::after {
    content: "";
    position: absolute;
    transition: all 0.5s ease-in-out;
    width: 14px;
    height: 20px;
    background: var(--purple1);
    right: 0px;
    top: -15px;
    z-index: 1;
}
.category .category_row .article-card .article-card-body .article-ribbon-right.purple ,
.category .category_row .article-card .article-card-body .article-ribbon-right.purple::after {
	background:var(--purple1);
	transition: all 0.5s ease-in-out;
}
.category .category_row .article-card .article-card-body .article-ribbon-right.blue ,
.category .category_row .article-card .article-card-body .article-ribbon-right.blue::after {
	background:var(--blue1);
	transition: all 0.5s ease-in-out;
}
.category .category_row .article-card .article-card-body .article-ribbon-right.green ,
.category .category_row .article-card .article-card-body .article-ribbon-right.green::after {
	background:var(--green1);
	transition: all 0.5s ease-in-out;
}
.category .category_row .article-card .article-card-body .article-ribbon-right.yellow ,
.category .category_row .article-card .article-card-body .article-ribbon-right.yellow::after {
	background:var(--yellow1);
	transition: all 0.5s ease-in-out;
}
body > div.article-pg > div > div.article-pg-right > div.article-pg-right-body > div:nth-child(13) > ul {
	float: right;
	margin: 0px 5px;
}
body > div.article-pg > div > div.article-pg-right > div.article-pg-right-body > div:nth-child(13) > ul > li {
	display: inline-block !important;
}
body > div.article-pg > div > div.article-pg-right > div.article-pg-right-body > div:nth-child(13) > ul > li > a {
	color: #01b548;
	font-family: IransansRegular;
	font-size: 14px;
}
#ez-toc-container {
	background:#f6f6f6;
	border-top:2px solid #efae16;
	direction:rtl;
	display:block;
}
#ez-toc-container ul li , 
#ez-toc-container ul li ul li {
	direction:rtl;
}
#ez-toc-container ul li a{
	font-family:IransansRegular; 
	font-size:13px;
	transition:all 0.5s ease-in-out;
}
#ez-toc-container ul li a:hover {
	color:#354ac4;
	transition:all 0.5s ease-in-out;
}
#ez-toc-container ul li ul li a {
	font-size:12px;
	color:#9fa2a5;
	transition:all 0.5s ease-in-out;
}
#ez-toc-container ul li ul li a:hover {
	color:#354ac4;
	transition:all 0.5s ease-in-out;
}
#ez-toc-container ul li ul {
	margin-bottom:10px;
}
#ez-toc-container .ez-toc-icon-toggle-span {
	display:none;
	
}
#ez-toc-container a.ez-toc-toggle {
	display:none;
}

@media(min-width: 992px){
	.navbar-expand-custom {
	    -ms-flex-flow: row nowrap;
	    flex-flow: row nowrap;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	}
	.navbar-expand-custom .navbar-nav {
	    -ms-flex-direction: row;
	    flex-direction: row;
	}
	.navbar-expand-custom .navbar-toggler {
	    display: none;
	}
	.navbar-expand-custom .navbar-collapse {
	    display: -ms-flexbox!important;
	    display: flex!important;
	    -ms-flex-preferred-size: auto;
	    flex-basis: auto;
	}
}


@media (max-width: 991px){
	#navbarSupportedContent ul li a{
		padding: 12px 30px;
	}
	.hori-selector{
		margin-top: 0px;
		margin-left: 10px;
		border-radius: 0;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
	}
	.hori-selector .left,
	.hori-selector .right{
		right: 10px;
	}
	.hori-selector .left{
		top: -25px;
		left: auto;
	}
	.hori-selector .right{
		bottom: -25px;
	}
	.hori-selector .left:before{
		left: -25px;
		top: -25px;
	}
	.hori-selector .right:before{
		bottom: -25px;
		left: -25px;
	}
}