/* Reset HTML Elements *//* ----------------------------------------- */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, section, article,
head, header, footer, figure{
	margin:0;
	padding:0;
}
body{
	direction: rtl;
	text-align: right;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	padding: 0;
	margin: 0;
}
fieldset, img {border:0; max-width: 100%;}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal
}
ol, ul, li {list-style:none}
caption, th {text-align:left}
q:before, q:after {content:''}
* {outline: none;}
strong {font-weight: bold}
em {font-style: italic}
a img {border:none; max-width: 100%;}
/*-General Styles------------------------------------------*/
p {
	direction: rtl;
}
a{
	text-decoration:none;
	color:darkkhaki;
}
.clear {clear: both;}
.right{float:right;}
.left{float:left;}
.strong{ font-weight:bold;}
/*-Html 5------------------------------------------*/
header, section, footer, aside, nav, main, article, figure {
	display: block;
}
@font-face {
	font-family: font1;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/IRANSansWeb.eot');
	src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
	url('../fonts/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/IRANSansWeb.ttf') format('truetype');
}
@font-face {
	font-family: font1;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/IRANSansWeb_Bold.eot');
	src: url('../fonts/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
	url('../fonts/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
	font-family: font1;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/IRANSansWeb_Medium.eot');
	src: url('../fonts/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
	url('../fonts/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/IRANSansWeb_Medium.ttf') format('truetype');
}

/* ----------------------HTML---------------------------- */
body {
	background: #fafafa;
	position: relative;
	font-family: font1;
}
.container{
	width: 1200px;
	margin:0 auto;
}
#header{
    background: #236b38;
    border-bottom: 3px solid #d0a500;
	padding: 10px 0;
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 99;
}
#header .container{
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 55;
}
.header-hadis{
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 14px;
}
#logo a{
	background: url("../images/logo2.png") no-repeat;
	background-size: 100%;
	display: block;
	width: 190px;
	height: 60px;
}

/* -------------Slide------------- */
#slide_section{
	background: url(../images/2.jpg) no-repeat center center;
	object-fit: cover;
	background-size: cover;
	position: relative;
	padding: 100px 0 150px 0;
	box-sizing: border-box;
	/* height: calc(100vh - 80px); */
}
#slide_section:after{

    background: linear-gradient(269.95deg, #029baf 11.37%, #057c8c 100%);
	opacity: 0.8;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#slide_section .container{
	position: relative;
	z-index: 9;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.wave-decoration {
    bottom: 0;
    display: block;
    height: 128px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 4;
}
.wave-decoration svg {
    bottom: 0;
    display: block;
    margin: 0 -1000px 0 0;
    position: absolute;
    right: 50%;
}
.wave-decoration.is-top {
    bottom: auto;
    height: 109px;
    top: 0;
}
.wave-decoration.is-reflection {
    transform: rotateY(180deg);
}
/* ----------- */

.info-slide{
	padding: 13px;
	border-radius: 20px;
    text-align: justify;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(0,0,0,0.4);
}
.info-slide .title{
	font: bold 25px/50px font1;
	color: #fff;
	margin-bottom: 20px;
}
.info-slide p{
	color: #fff;
}
.info-slide .item{
	padding-right: 20px;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	text-align: right;
}
.info-slide .item:before{
	background: #fff;
	position: absolute;
	right: 0;
	top: 7px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	content: '';
}
.info-slide .item strong{
	font: 500 16px/30px font1;
	color: #fff;
}
.info-slide .item p{
	font: 15px/30px font1;
	color: #fff;
}
.info-slide .btn.disable{
	background-color: #b39742;
    cursor: no-drop;
}
.info-slide .btns{
	padding: 12px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.info-slide .btn{
	background: url(../images/btn-bg1.png);
	font: 500 19px/50px font1;
	border-radius: 25px;
	height: 50px;
	width: 200px;
	float: left;
	text-align: center;
	/* padding:0 25px; */
	color: #fff;
	margin-top: 15px;
	margin:0 8px 12px 8px;
	align-items: center;
	justify-content: center;
	display: flex;
}
.info-slide .btn .icon{
    width: 24px;
	height: 24px;
	display: none;
	margin-left: 8px;
}
.info-slide .btn .icon svg{
	display: block;
}
.info-slide .pwa p{
	color: #fff;
	width: 100%;
	margin-bottom: 8px;
}
/* -------------------------------------------------- */
.forms-box .text-box{
	background-color: #fff;
	height: 38px;
	border-radius: 12px;
	padding: 3px 12px;
	margin-bottom: 10px;
	font-family: font1;
	border: 3px solid rgba(0, 0, 0, 0.5);
	width:16%;
	font-size:11px;
}
.forms-box select{
	border-radius: 12px;
	padding: 0px 6px;
	border: 3px solid rgba(0, 0, 0, 0.5);
}
.forms-box .small{
	width:12%;
}
.forms-box .smallsmall{
	width:8%;
}
/* ----------------------Services---------------------------- */
#services_section{
	padding: 20px;
	background-color: #fff;
	border-radius: 15px;
	margin: 35px 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.services_items{
	display: flex;
	justify-content: space-between;
}
.services_items .item{
	width: 25%;
	box-sizing: border-box;
	padding: 12px;
	display: flex;
	text-align: center;
	align-items: center;
	flex-direction: column;
}
.services_items .item .icon{
	background: url(../images/backm.png) no-repeat center center;
    width: 46px;
    height: 46px;
    padding: 20px;
	border-radius: 50%;
	fill: #fff;
	margin-bottom: 12px;
}
.services_items .item .title{
	font: bold 16px/30px font1;
	color: #236B38;
}
.services_items .item p{
	font: 14px/30px font1;
	color: #666;
}
/* ----------------------wrapper---------------------------- */
#wrapper{
	padding: 50px 0;
    background: #fafafa;
}
.sng h2{ color: #236b38;}
.sng-box{
	background-color: #fff;
	position: relative;
	padding: 40px 60px;
	box-shadow: 0px 10px 30px 0px rgba(211, 215, 221, 0.4);
}

.sng-box h1 {
    font: 500 22px/40px font1;
    margin: 30px 0 5px;
    color: #616161;
}
.sng-box h2 {
    font: 500 18px/30px font1;
    margin: 30px 0 5px;
    color: #70727c;
}
.sng-box p {
	text-align: justify;
	font: 15px/28px font1;
    color: #9ba2ad;
}
/* ----------------------Faq---------------------------- */

.faq {
    padding: 20px 0 ;
    margin: 0 auto;
    list-style: none;
    text-align: right;
}
.faq li.toppage {
	background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    position: relative;
    margin-bottom: 15px;
    padding: 0 15px;
}
.faq li.toppage a {
    color: #00bfd6;
    font-weight: 700;
}
.faq li.active .answer {
    max-height: 100% !important;
    padding-bottom: 25px;
    transition: max-height 0.5s ease, padding-bottom 0.5s ease;
}
.faq li.active .question {
    color: grey;
    transition: color 0.5s ease;
}
.faq .answer {
    color: #090909;
    font-family: font1;
    font-size: 16px;
    line-height: 24px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding-bottom 0.5s ease;
}
.faq .plus-minus-toggle {
    cursor: pointer;
    height: 21px;
    position: absolute;
    width: 21px;
    left: 0;
    top: 50%;
    z-index: 2;
}
.faq p {
    font: normal 14px/27px font1;
    color: #8e939b;
	text-align:justify;
}
.faq .plus-minus-toggle:after,
.faq .plus-minus-toggle:before {
    background: #434a54;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
    transition: transform 0.5s ease;
}
.faq .plus-minus-toggle:after {
    transform-origin: center;
}
.faq .plus-minus-toggle.collapsed:after {
    transform: rotate(90deg);
}
.faq .plus-minus-toggle.collapsed:before {
    transform: rotate(180deg);
}
.faq .question {
    color: #434a54;
    font-family: font1;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    cursor: pointer;
    padding: 14px 0 14px 15px;
    transition: color 0.5s ease;
}
.seller-footer-link {
    padding: 50px 0;
    text-align: center;
}
/* ----------------------#footer---------------------------- */
#footer{
	background: url(../images/footer_bg.png) repeat-x bottom;
	padding: 20px 0 100px;
}
/* ----------------------responsive---------------------------- */

@media only screen and (max-width : 1248px) {
	.container{
		width: auto;
		padding: 0 24px;
	}
	#slide_section .container{ width: auto;}
}
@media only screen and (max-width : 1248px) {
	body{ background-size: 1900px;}
}
@media only screen and (max-width : 1040px) {
	body{ background-size: 1700px;}
}
@media only screen and (max-width : 960px) {
	body{ background-size: 1100px;}
	.info-slide{ width: 60%;}
	.info-slide .title{font-size: 19px;}
	.services_items{ flex-wrap: wrap;}
	.services_items .item {
		width: 50%;
	}
}
@media only screen and (max-width : 880px) {
	body {background-size: 900px;}
	.sng-box{ padding: 22px;}
}
@media only screen and (max-width : 740px) {
	#slide_section{ height: auto;}

	.info-slide{
		float: none;
		width: auto;
	}
	.info-slide .item strong{
		font-size: 15px;
	}
}
@media only screen and (max-width : 480px) {
	.services_items .item{ width: 100%; margin-bottom: 10px;}
}