@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(../font/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}
@font-face {
	font-family: isnum;
	src: 	url('../font/IRANSansWeb_FaNum_.eot');
	src: 	url('../font/IRANSansWeb_FaNum_.eot?#iefix') format('embedded-opentype'),
			url('../font/IRANSansWeb_FaNum_.woff2') format('woff2'),
			url('../font/IRANSansWeb_FaNum_.woff') format('woff'),
			url('../font/IRANSansWeb_FaNum_.ttf') format('truetype');
	font-weight: normal;
}


@font-face {
	font-family: Vazir;
	src: 	url('../font/vazir/Vazir.eot');
	src: 	url('../font/vazir/Vazir.eot?#iefix') format('embedded-opentype'),
			url('../font/vazir/Vazir.woff2') format('woff2'),
			url('../font/vazir/Vazir.woff') format('woff'),
			url('../font/vazir/Vazir.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: Vazir;
	src: 	url('../font/vazir/Vazir-Bold.eot');
	src: 	url('../font/vazir/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
			url('../font/vazir/Vazir-Bold.woff2') format('woff2'),
			url('../font/vazir/Vazir-Bold.woff') format('woff'),
			url('../font/vazir/Vazir-Bold.ttf') format('truetype');
	font-weight: bold;
}
@font-face {
	font-family: Vazir;
	src: 	url('../font/vazir/Vazir-Light.eot');
	src: 	url('../font/vazir/Vazir-Light.eot?#iefix') format('embedded-opentype'),
			url('../font/vazir/Vazir-Light.woff2') format('woff2'),
			url('../font/vazir/Vazir-Light.woff') format('woff'),
			url('../font/vazir/Vazir-Light.ttf') format('truetype');
	font-weight: 300;
}
@font-face {
	font-family: Vazir;
	src: 	url('../font/vazir/Vazir-Medium.eot');
	src: 	url('../font/vazir/Vazir-Medium.eot?#iefix') format('embedded-opentype'),
			url('../font/vazir/Vazir-Medium.woff2') format('woff2'),
			url('../font/vazir/Vazir-Medium.woff') format('woff'),
			url('../font/vazir/Vazir-Medium.ttf') format('truetype');
	font-weight: 500;
}
@font-face {
	font-family: Vazir;
	src: 	url('../font/vazir/Vazir-Thin.eot');
	src: 	url('../font/vazir/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
			url('../font/vazir/Vazir-Thin.woff2') format('woff2'),
			url('../font/vazir/Vazir-Thin.woff') format('woff'),
			url('../font/vazir/Vazir-Thin.ttf') format('truetype');
	font-weight: 100;
}
@font-face {
	font-family: Vazir;
	src: 	url('../font/vazir/Vazir-Black.eot');
	src: 	url('../font/vazir/Vazir-Black.eot?#iefix') format('embedded-opentype'),
			url('../font/vazir/Vazir-Black.woff2') format('woff2'),
			url('../font/vazir/Vazir-Black.woff') format('woff'),
			url('../font/vazir/Vazir-Black.ttf') format('truetype');
	font-weight: 900;
}


body {
	font-family:vazir;
	background:#F6F9FC;
}
.rtl { direction:rtl; text-align:right }
.clear { clear:both }
.slide { direction:rtl }
.textcenter { text-align:center !important }

.icon {
    background: url("../image/slices.png") no-repeat;
    display: inline-block;
    position: relative;
}
.icon-scroll {
    background-position: -1105px -262px;
	width: 42px;
	height: 72px;
	position: absolute;
	right: 50%;
	bottom: 1%;
	margin-right: -19px;
}
.bg-img {
	background: url('../image/dd_bg.png') center center no-repeat;
	background-size: 100%;
}

.container {
  transition-duration: 0.25s !important;
}
.sticking .container {
  width: 100%;
  transition-duration: 0.25s !important;
}
.main_nav {
	 width: 100%;
	 float:right;
	background:none;
	position:fixed;
	z-index: 999;
}
.sticking {
  background: #fff;
  z-index: 999999999;
  transition-duration: 0.25s !important;  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
}
.main_nav .logo {
	background:url(../image/main-danaweb-logo.png) center right no-repeat;
  width: 165px;
  height: 75px;
  float: right;
  background-size: contain;  margin: 5px;  transition-duration: 0.25s !important;
}
.main_nav .main_nav_menu {
	float:left;
	padding: 6px 0;
}
.main_nav .main_nav_menu li {
	float:right;
	margin: 8px 14px;
}
.main_nav .main_nav_menu li a {
  font-family: vazir;
  font-size: 1.1rem;
  color: #004fa9;
  font-weight: 450;
}
.sticking .main_nav_menu li a {
  color: #004fa9;
}
.sticking .logo {
  background: url(../image/main-danaweb-logo.png) center center no-repeat;
  width: 140px;
  height: 60px;
  transition-duration: 0.25s !important;
  background-size: contain;
}
.main_nav .main_nav_menu {
    float: left;
    padding: 0px 0 !important;
    margin: 23px 10px 18px;
}
.sticking .main_nav_menu {
  margin: 13px 0;
}

.hero_banner {
background: #360033; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #360033 , #0b8793); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #360033 , #0b8793); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}


.wr-nextPage{
    bottom: 6%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    cursor: pointer;
}
.mouse{
    height: 33px;
    width: 22px;
    border-radius: 11px;
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    border: 2px solid #C8C8C8;
    margin:0 auto;
}
.wheel{
    height: 6px;
    width: 2px;
    display: block;
    margin: 3px auto;
    background: #C8C8C8;
    position: relative;
    -webkit-animation: mouse-wheel 1.2s infinite;
    -moz-animation: mouse-wheel 1.2s infinite;
    animation: mouse-wheel 1.2s infinite;
}

@keyframes mouse-wheel{
    0% { top: 3px; opacity: 1;}
    50% { top: 9px; opacity: 0.2;}
    100% { top: 15px; opacity: 0;}
}
@-webkit-keyframes mouse-wheel{
    0% { top: 3px; opacity: 1;}
    50% { top: 9px; opacity: 0.2;}
    100% { top: 15px; opacity: 0;}
}

.index_services_banner {
	background: #ffffff url(../image/bg_main_sect1.jpg) center center no-repeat;
	background-size: 100% auto;
	background-size: cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	position:relative
}
.index_services_banner .sited_sectext { padding:15rem 3rem 10rem 11rem}
.sited_sectext p {
    margin-top:10px;
    float: right;
}
.toppart {
  width: 100%;
  display: flex;
}
.site_design_section .service-icon {
  max-width: 64px;
  margin: 0px auto 10px;
  display: block;
}
.sited_secdeps p { font-size:11px !important }
.index_services_banner .sited_sectext p {color:#fff }
.index_services_banner .sited_secdeps {  padding: 0rem 1rem 3rem;
  cursor: default;
  border-radius: 0 20px 20px 0;
  margin: -60px auto 0;}
.sited_secdeps .servflex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  direction: rtl;
}
.sited_secdeps .site_design_section {
  background: linear-gradient(225deg, #FFF 0%, #EBF4FF 100%);
  margin: 10px !important;
  border-radius: 15px;
  flex: 1 0 20%;
  position: relative;
  padding: 10px 0;
	-ms-transition: 200ms all ease-in-out;
	transition: 200ms all ease-in-out;
}

h1.section_title {
	font-family:vazir;
	text-align:center;
	color:#fff;
	float: right;
	width: 100%;
	position: relative;
	margin:0;
	font-weight: 950;
	font-size: 2rem;
}
.site_design_section {
    font-family: vazir;
    line-height: 200%;
    text-align: justify;
}
.index_services_banner > .row {
  background:linear-gradient(120deg, rgba(22, 196, 187, .9) 10%, rgba(0, 79, 169,.9) 50%, rgba(0, 79, 169, .9) 75%, rgba(0, 79, 169, .9) 95%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.site_design_section .mtitle h3 {
  display: block;
  width: 100%;
  font-size: 0.8rem;
  color: #808080;
  margin: 0px 10px;
}
.sited_secdeps .site_design_section p {
  margin: 0;
  font-size: 1rem !important;
}
.site_design_section h2 {
  font-size: 1.5rem;
  color: #004fa9;
  text-align: right;
  margin: 0px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  font-weight: 900;
  padding:  0;
}
.mtitle {
  width: 100%;
}
.index_services_banner { direction:rtl;display: block;float: right;width: 100%; }
.index_services_banner p { text-align:justify; font-family:vazir; line-height:200% }
h3.section_title {
	font-size:20px;
	line-height:1px;
	font-family:vazir;
	text-align:center
}
.index_services_banner .col p { text-align:justify; font-size:13px}
/*.index_services_banner .col { padding:0 50px}*/
.index_services_banner .col .glyph-icon { text-align:center;}
.index_services_banner .col .glyph-icon:before { font-size: 43px;line-height: 66px; color:#463E49; background: #16C4BB;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;  }
.garantsec { background:#F6F9FC; position:relative; }
.garantsec .section_title {
	font-family:vazir;
	text-align:right;
	color:#004fa9;
	float: right;
	width: 100%;
	z-index:999; position: relative;
	font-weight: 950;
	font-size: 2rem;
}
.sited_secdeps .site_design_section p {
  margin: 0;
  font-size: 1rem !important;
}
.waraanty_text_r {
	 padding: 65px 75px !important
 }
.last_project { background:#F6F9FC url(../image/appdeveloper.jpg) center center no-repeat; background-size:cover; position:relative; padding:6rem 0; margin-top:-1px }
.last_project h1.section_title {
	margin:10px auto 35px;
	float:right;
	line-height:100%;
	font-family:vazir;
	color:#fff;
	width: 100%;
	z-index:999;
}
.last_project p {font-family:vazir;font-size:13px; line-height: 200%;  z-index:999; position: relative; color:#fff; text-align: justify;}
.callus .col {
    display: block;
    height: 1px;margin: 20px 0;
}
.cu-num {
	font-size: 20px;
	color: #004fa9;
	letter-spacing: 2px;
	margin: 32px 0 0 0 !important;font-family:isnum;
}
.cu-text { color:#004fa9; font-size: 14px; }

.texthighlighter_wrapper {
	margin: 100px 75px;
	position:relative;
}
ul.texthighlighter {
  padding: 0 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.80);
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(15,23,42,.06);
}
.section_title {
  font-family: vazir;
  text-align: center;
  color: #004fa9;
  float: right;
  width: 100%;
  z-index: 999;
  position: relative;
  font-weight: 950;
  font-size: 2rem;
}
ul.texthighlighter li {
	padding: 34px 10px;
	margin: 0px 5px;
  font-size: 1.5rem;
  line-height: 1px;
  font-weight: 700;
	font-family: vazir;
	color: #004fa9;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.warsign {
  position: absolute;
  background: url(../image/store_402x.png) center center no-repeat;
  width: 164px;
  height: 164px;
  top: -45px;
  left: -55px;
  z-index: 9;
}

.mask.top {
    top: 0;
    background: -webkit-linear-gradient(top,#edf2f7,rgba(237,242,247,0));
    background: linear-gradient(180deg,#edf2f7,rgba(237,242,247,0));
}

[class*="curve-bottom"]::after,[class*="sticking"]::after,[class*="curve-top"]::before,[class*="curve-conv"]::before{background-position:50% 50%;background-repeat:no-repeat;background-size:100% 100%;content:' ';display:block;height:1.625rem;margin-top:-4.5rem;position:absolute;width:100%;z-index:10}
.curve-bottom-1::after{background-image:url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 x=%220%22 y=%220%22 viewBox=%220 0 1800 26%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%23F6F9FC%22 d=%22M900,19.8C594.4,19.8,293.9,13.1,0,0v26h1800V0C1506.1,13.1,1205.6,19.8,900,19.8z%22/%3E%3C/svg%3E");margin-top:-1.625rem}
.curve-bottom-2::after{background-image:url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 x=%220%22 y=%220%22 viewBox=%220 0 1800 26%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%23F6F9FC%22 d=%22M900,19.8C594.4,19.8,293.9,13.1,0,0v26h1800V0C1506.1,13.1,1205.6,19.8,900,19.8z%22/%3E%3C/svg%3E");margin-top:-1.625rem}
.curve-top-1::before {
    background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 x=%220%22 y=%220%22 viewBox=%220 0 1800 26%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%23F6F9FC%22 d=%22M900,6.2c305.6,0,606.1,6.7,900,19.8V0H0v26C293.9,12.9,594.4,6.2,900,6.2z%22/%3E%3C/svg%3E");
    margin-top: 0rem;
}
.curve-top-11::before {
    background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 x=%220%22 y=%220%22 viewBox=%220 0 1800 26%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%23fff%22 d=%22M900,6.2c305.6,0,606.1,6.7,900,19.8V0H0v26C293.9,12.9,594.4,6.2,900,6.2z%22/%3E%3C/svg%3E");
    margin-top: 0rem;
}
.curve-bottom-11::after{background-image:url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 x=%220%22 y=%220%22 viewBox=%220 0 1800 26%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%23fff%22 d=%22M900,19.8C594.4,19.8,293.9,13.1,0,0v26h1800V0C1506.1,13.1,1205.6,19.8,900,19.8z%22/%3E%3C/svg%3E");margin-top:3.9rem !important}
.curve-top-12::before {
    background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 x=%220%22 y=%220%22 viewBox=%220 0 1800 26%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%23fff%22 d=%22M900,6.2c305.6,0,606.1,6.7,900,19.8V0H0v26C293.9,12.9,594.4,6.2,900,6.2z%22/%3E%3C/svg%3E");
    margin-top: 0rem;
}
.curve-bottom-12::after{background-image:url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 x=%220%22 y=%220%22 viewBox=%220 0 1800 26%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%23fff%22 d=%22M900,19.8C594.4,19.8,293.9,13.1,0,0v26h1800V0C1506.1,13.1,1205.6,19.8,900,19.8z%22/%3E%3C/svg%3E");margin-top:2.4rem !important}

.curve-bottom-updates::after{
	background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 x=%220%22 y=%220%22 viewBox=%220 0 1800 26%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%23fff%22 d=%22M900,6.2c305.6,0,606.1,6.7,900,19.8V0H0v26C293.9,12.9,594.4,6.2,900,6.2z%22/%3E%3C/svg%3E");
    margin-top: 0;
	}
.curve-top-updates::before{
	background-image:url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 x=%220%22 y=%220%22 viewBox=%220 0 1800 26%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%23FDFCF8%22 d=%22M900,19.8C594.4,19.8,293.9,13.1,0,0v26h1800V0C1506.1,13.1,1205.6,19.8,900,19.8z%22/%3E%3C/svg%3E");margin-top:-20px
	}

.mask.bottom {
    bottom: 0;
    background: -webkit-linear-gradient(bottom,#edf2f7,rgba(237,242,247,0));
    background: linear-gradient(0deg,#edf2f7,rgba(237,242,247,0));
}




.mask {
    position: absolute;
    width: 100%;
    height: 32px;
    left: 0;
    z-index: 6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.waraanty_text { position:relative }
.rotclip-right-top {
	width:50%;
	height:35px;
	position:absolute;
	background:#F6F9FC;
	right:0px;
	top: -23px;
	-ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
}
.rotclip-left-top {
	width: 50%;
	height: 34px;
	position: absolute;
	left: 1px;
	top: -23px;
	background:#F6F9FC;
	-ms-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
}
.rotclip-right-bot {
	width:50%;
	height:35px;
	position:absolute;
	right: 1px;
	bottom: -4px;
	background:#F6F9FC;
	-ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
}
.rotclip-left-bot {
	width: 51%;
	height: 34px;
	position: absolute;
	left: 0px;
	bottom: -4px;
	background:#F6F9FC;
	-ms-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
}

.garantsec p {font-family:vazir;font-size:1rem; line-height: 200%;  z-index:999; position: relative; text-align:justify; color:#004fa9 }
.garantsec .container {width: 95%;}


.softwares {
	 background:#F6F6F6
 }
.softwares h1.section_title { color:#323C47; margin:20px auto 50px }
.softwares .sw_item {
	min-height:300px;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	background-color:#fff;
	border-radius:4px;
	position:relative;
	margin: 20px
}
ul.sw_spec {
    list-style: circle;
    margin: 0 !important;
    padding: 0 19px 0 10px;
	list-style: disc;
}
ul.sw_spec li {
	font-family: vazir;
    color: #fff;
    margin: 4px 0;
    padding: 0;
	list-style: disc;
}
.softwares .sw_item a span {
	position: absolute;
	top: 50%;
	right: 50%;
	margin-right: -42px;
	margin-top: -20px;
}
.softwares .sw_item h1.title {
	text-align: right;
	font-family: vazir;
	float: right;
	width: 100%;
	font-size: 22px;
	line-height: 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px 10px 0;
	color: #fff;
}
.softwares .sw_item h1.title span {font-size: 17px;}


.softwares .sw_item#nazem {
	background:#fff
}
.softwares .sw_item#nazem h1.title {
	background:#3A847B
}


.ourcustomers { background:#fff; margin-top: -1px; }
.ourcustomers h1.section_title {
	font-family:vazir;
	text-align:center;
	color:#443C48;
	font-weight: 950;
font-size: 2rem;
}
.ourcustomers p {font-family:vazir;font-size:13px}
.rightcust { background:#16C4BB }
.rightcust h3.section_title, .leftcust h3.section_title { color:#fff;margin:7rem auto 2.5rem;  font-family: vazir;
  text-align: center;
  font-weight: 950;
  font-size: 2rem;  float: right;
  width: 100%;
  position: relative; }
  .leftcust h3.section_title {  color: #004fa9;}
.rightcust h4.section_title, .leftcust h4.section_title {
  font-size: 13px;
  line-height: 1px;
  font-family: vazir;
  text-align: center;
  color: #244C6E;
}

.rightcust .index_countertext {
    padding: 1rem 3rem;
    float: right;
    width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;
}
.rightcust .index_countertext li { margin: 0.7rem 0; color: #fff; }

.rightcust .index_cons_call {
    color: #ccc;
    margin:4rem 0rem 0 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;
}
.rightcust .index_cons_call a { color:#fff }
.sin_txt { position:relative; text-align:center }
.sin_txt::before {
	content: " ";
	width: 58px;
	border-bottom: 1px dashed #595959;
	height: 1px;
	position: absolute;
	top: 11px;
	left: 0;
}

.index_countertext li .counter {
    width: 90px;
    float: right;
    text-align: left;
    margin: 0 0 0 7px;
}

.ourcustomers .index_customerslist {
	width:100%;
	margin:7rem auto;
}

.ourcustomers .index_customerslist li div {
    height: 125px;
	width:125px;
    margin: 10px auto;
	border-radius: 5px;
	background-size:cover
}
.ourcustomers .index_customerslist li #ikco { background: #EEEEEE url(../image/ikco.png) center center no-repeat; }
.ourcustomers .index_customerslist li #khabiran { background: #EEEEEE url(../image/khabiran.png) center center no-repeat; }
.ourcustomers .index_customerslist li #taziyan { background: #EEEEEE url(../image/taziyanp.png) center center no-repeat; }
.ourcustomers .index_customerslist li #ntb { background: #EEEEEE url(../image/ntb.png) center center no-repeat; }

.ourcustomers .index_customerslist li #abfar { background: #EEEEEE url(../image/abfar.png) center center no-repeat; }
.ourcustomers .index_customerslist li #badgran { background: #EEEEEE url(../image/badgran.png) center center no-repeat; }
.ourcustomers .index_customerslist li #ptt { background: #EEEEEE url(../image/ptt.png) center center no-repeat; }
.ourcustomers .index_customerslist li #deng { background: #EEEEEE url(../image/deng.png) center center no-repeat; }

.ourcustomers .index_customerslist li #hava { background: #EEEEEE url(../image/hava.png) center center no-repeat; }
.ourcustomers .index_customerslist li #bafpco { background: #EEEEEE url(../image/bafpco.png) center center no-repeat; }
.ourcustomers .index_customerslist li #amoozeshp { background: #EEEEEE url(../image/amoozeshp.png) center center no-repeat; }
.ourcustomers .index_customerslist li #hamidi { background: #EEEEEE url(../image/hamidi.png) center center no-repeat; }
.ourcustomers .index_customerslist li #s1 { background: #EEEEEE url(../image/s1.png) center center no-repeat; }
.ourcustomers .index_customerslist li #s2 { background: #EEEEEE url(../image/s2.png) center center no-repeat; }
.ourcustomers .index_customerslist li #s3 { background: #EEEEEE url(../image/s3.png) center center no-repeat; }
.ourcustomers .index_customerslist li #s4 { background: #EEEEEE url(../image/s4.png) center center no-repeat; }
.ourcustomers .index_customerslist li #s5 { background: #EEEEEE url(../image/s5.png) center center no-repeat; }
.ourcustomers .index_customerslist li #s6 { background: #EEEEEE url(../image/s6.png) center center no-repeat; }

.leftcust h3, .rightcust h3 {
    margin: 20px auto;
    text-align: center;
    font-family: vazir;
    float: right;
    width: 100%;
    font-size: 18px;
	}

.lastproject {
	background:url(../image/slide.jpg) center center no-repeat;
	background-size:cover
}
/* ------------------------------------------------------------------------------------------------- FOOTER */
footer {
	padding:0 !important;
	background:linear-gradient(120deg, rgba(22, 196, 187, .9) 10%, rgba(0, 79, 169,.9) 50%, rgba(0, 79, 169, .9) 75%, rgba(0, 79, 169, .9) 95%);
	color:#fff;
	direction:rtl
}
footer h1, footer h2, footer h3, footer h4 { font-family:vazir; }
footer h2 {
  font-size: 1.5rem;
  line-height: 0;
  font-weight: 750;
}
footer p { font-family:vazir }
footer .footer_header {
	width:100%;
	min-height: 100px;
	position:relative;
	padding:20px 0 0px
}
footer .footer_header h2 { 
  font-size: 1.5rem;
  line-height: 0;
  font-weight: 750;}
footer .footer_header p { color:#fff }
footer .footer_header .glyph-icon:before {float: right;font-size: 61px;margin: 0 0 0 10px; color: #01B8AB;}
footer .footer_header .col:first-child { padding:0 0 0 30px }

footer ul.adrslist li {
		text-align:justify;
		font-family: vazir;
		position:relative;
		margin: 0 0 7px 0;
	}
footer ul.adrslist li a { color: #fff }
	footer ul.adrslist li bdi {
		text-align:left;
		float:left;
		letter-spacing:2px;
		padding-left:20px
	}
	footer ul.adrslist li .glyph-icon:before { position:absolute; font-size:12px; top: 0; left: -20px; }

	footer ul.flist, footer ul.adrslist { padding:0 20px }
	footer ul.flist li {
		margin: 0 0 5px 0;
		list-style:circle
	}
	footer ul.flist li a {
		color:#fff;
		font-size:12px;
	}
	footer ul.socialfoo {
		width:50%;
		text-align:center;
		margin:0 auto
	}
	footer ul.socialfoo li {
		padding:0 10px
	}
	footer ul.socialfoo li a {
		float: left;
		background-color: #004fa9 !important;
		width: 100%;
		height: 42px;
		margin:0 0 5px 0;
		border-radius: 3px;
	}
	footer ul.socialfoo li.linkdin a { background: url('../image/sc/linkdin-icn.png') no-repeat center center }
	footer ul.socialfoo li.linkdin a:hover { background: url('../image/sc/linkdin-icn.png') no-repeat center center, #4867AA !important; }
	footer ul.socialfoo li.telegram a { background: url('../image/sc/tlgrm-icn.png') no-repeat center center; }
	footer ul.socialfoo li.telegram a:hover { background: url('../image/sc/tlgrm-icn.png') no-repeat center center, #2FA6D9 !important; }

	footer ul.socialfoo li.aparat a:hover { background: url('../image/sc/aparat-icn.png') no-repeat center center, #ED145B !important; }
	footer ul.socialfoo li.aparat a { background: url('../image/sc/aparat-icn.png') no-repeat center center, #004fa9; }
	footer ul.socialfoo li.twitter a:hover { background: url('../image/sc/tw-icn.png') no-repeat center center, #2AA9E0 !important; }
	footer ul.socialfoo li.twitter a { background: url('../image/sc/tw-icn.png') no-repeat center center, #004fa9; }

	footer ul.socialfoo li.instagram a:hover { 	background: url('../image/sc/insta-icn.png') no-repeat center center, -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
		background: url('../image/sc/insta-icn.png') no-repeat center center, -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
		background: url('../image/sc/insta-icn.png') no-repeat center center, linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1,  ) !important;

	}
	footer ul.socialfoo li.instagram a { background: url('../image/sc/insta-icn.png') no-repeat center center, #004fa9; }


	footer ul.socialfoo li.qr a { background:#3B3345 url(../image/qr-icon.png) center center no-repeat; }
	footer ul.socialfoo li a:hover { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.8); }





footer .footer_footer {
	width:100%;
	min-height: 80px;
	position: relative;
	border-top:1px solid #2CC9C2;
}
	footer .footer_footer ul.flist {
		width:100%;
		float: right;
		padding: 20px 0 0;
		margin: 0;

	}
	footer .footer_footer ul.flist li { float: right; list-style:none; }
	footer .footer_footer ul.flist li a {
		font-family:vazir;
		font-size: 11px;
		float:right;
		color:#fff;
		display:block;
		margin:0 0 0 50px;
	}
	footer .footer_footer .cpytxt { padding: 30px 0 0; color:#fff; font-family:vazir; font-size: 11px; text-align:left }
	footer .footer_footer .row { margin-bottom: 0px; }
	footer .footer_footer .love {color: #EB5447;font-size: 15px;}
	footer .footer_footer .lastupdate { color:#fff; font-family:vazir; font-size: 11px; padding:0 0 10px 0 }
	.socialfoo.col.s12.m12 {
    margin: 0 0 10px 0;
}
footer .footer_header p {
	font-size: 12px;
	line-height: 200%;
}

.btn--top {
    position: absolute;
    top: -17px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	z-index: 999;
}
.copyright-area svg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -96px;
    margin-top: -50px;
	z-index: 99;
}
.copyright-area svg path { fill: #004fa9 }
.btn--top_text {
    display: block;
    position: absolute;
    top: 5px;
    left: 50%;
    width: 60px;
    height: 60px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    -moz-transform: translateX(-50%) translateY(-30%);
    -ms-transform: translateX(-50%) translateY(-30%);
    -o-transform: translateX(-50%) translateY(-30%);
    -webkit-transform: translateX(-50%) translateY(-30%);
    transform: translateX(-50%) translateY(-30%);
	z-index: 99999;
}
.btn--top_text .btn__arrow {
    display: block;
    position: absolute;
    left: 50%;
    height: 10px;
    width: 10px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -moz-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}
.copyright-area__light .btn--top_text .btn__arrow { border-color: #919191 }
.btn--top_text .btn__arrow--top { top: 2px }
.btn--top_text .btn__arrow--bottom { top: 10px }
.btn--top_text .btn__arrow--bottom2 { top: 18px }
.copyright-area { position: relative; background-color:#f00 }
/* ------------------------------------------------------------------------------------------------- FOOTER */
.text-center { text-align:center }

.jq-toast-wrap { display: block; position: fixed; width: 100%;  pointer-events: none !important; margin: 0; padding: 0; letter-spacing: normal; z-index:9999999999; }
.jq-toast-wrap * { margin: 0; padding: 0; }
.jq-toast-wrap.bottom-left { bottom: 0; left: 0; }
.jq-toast-wrap.bottom-right { bottom: 0; right: 0; }
.jq-toast-wrap.top-left { top: 0; left: 0; }
.jq-toast-wrap.top-right { top: 0; right: 0; }
.jq-toast-single {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; display: block; width: 100%; padding: 10px !important ; font-size: 12px;  line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white;text-align: right !important;direction: rtl; text-align: center !important; }
.jq-toast-single h2 {  font-size: 14px; margin: 0px 0px 7px; background: none; color: inherit; line-height: inherit; letter-spacing: normal;direction: rtl;text-align: right; }
.jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }
.jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; }
.jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; }
.close-jq-toast-single { position: absolute; left: 7px; font-size: 14px; cursor: pointer;top: 50%;margin-top: -8px; }
.jq-has-icon { padding: 10px 10px 10px 10px; background-repeat: no-repeat; background-position: 10px; }
.jq-icon-info { background-color:rgba(0, 140, 209, 0.9); color: #d9edf7; border-color: #bce8f1; }
.jq-icon-warning { background-color: #FAF9C9; color:#A6782E !important; border:1px solid rgba(222, 182, 8, 1) !important; }
.jq-icon-error { background-color:rgba(233, 30, 26, 0.9); color: #f2dede; border: 1px solid #D8000C !important; }
.jq-icon-success { color: #dff0d8; background-color:rgba(48, 180, 51, 0.9); }

.presskit-text-content img {
	margin: 0 auto;
	width: 100%;
}

.inner {
  background: url(../image/top-home-patterns.png);
  background-repeat: repeat-x;
}
.cons-endpage {
	border: 1px solid #D8D8D8;
	height: 54px;
	border-radius: 9px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px;
	width:50%;
	  margin: 0 auto 30px;
  transform: translateY(30px);
}
.cons-endpage a {
	display: inline-block;
	border: 1px solid #D8D8D8;
	padding: 10px;
	border-radius: 5px;
	min-width: 220px;
	color: #9c9c9c;
	font-size: 13px;
	transition: all 0.2s linear;
}
.cons-endpage a:hover {
	color: #01B8A9;
	border-color: #01B8A9;
}
.cons-endpage span {
	content: "";
	display: inline-block;
	width: 51px;
	height: 80px;
	background: #004FA9 url(../image/question.png) center center no-repeat;
	vertical-align: middle;
	border-radius: 4px;
}
.updates {
    background: #FDFCF8;
    padding: 30px 0;
	direction:rtl
}
.updates .rightupdates {
    box-shadow: 0 3px 16px rgba(71,43,91,0.07);
    border-radius: 9px;
    background-color: #fff;
    padding: 30px 35px;
    height: 100%;
	margin:20px auto
}
.updates .rightupdates .archive {
    margin-right: auto;
    align-self: center;
    -ms-flex-item-align: center;
    color: #fff;
    font-size: .9230769230769231rem;
    font-weight: 400;
    line-height: 33px;
    border-radius: 22px;
    border: 3px solid #d6d9e7;
    background-color: #56446D;
    padding: 0 15px;
	float: left;
}
.updates .rightupdates .archive:hover {
    background-color: #fff !important;
    color: #1b2c7a !important;
}
.updates .rightupdates .box-title {
    color: #A644C2;
    font-size: .9230769230769231rem;
    font-weight: 400;
    line-height: 17.8px;
    letter-spacing: -.48px;
	float: right;
}
.updates .rightupdates .box-title strong {
    color: #3f3f3f;
    font-size: 1.076923076923077rem;
    display: block;
    font-weight: bold;
}
.updates .rightupdates ul li {
    margin-bottom: 8px;
}
.updates .rightupdates ul li a {
    display: block;
    white-space: nowrap;
    font-size: .9230769230769231rem;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    padding: 0 17px;
    border-radius: 14px;
    position: relative;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.updates .rightupdates ul li a .ttl {
    display: inline-block;
    max-width: calc(100% - 104px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin-left: 6px;
}
.updates .rightupdates ul li a .date {
    color: #85889a;
    display: inline-block;
    margin-right: 6px;
    margin-right: auto;
}
.updates .rightupdates ul li a svg.icon-back {
    width: 6px;
    height: 6px;
    fill: #b96043;
    margin-left: 8px;
    align-self: center;
    -ms-flex-item-align: center;
}
svg.icon {
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    width: 1em;
    height: 1em;
    -ms-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;
}
svg:not(:root) {
    overflow: hidden;
}
.updates .rightupdates ul li a:hover {
    color: #1b2c7a;
    background-color: #f1f5fe;
}
.updates .rightupdates ul li a:hover svg {
    fill: #1b2c7a;
}

.updates .leftupdates {
    box-shadow: 0 3px 16px rgba(71,43,91,0.07);
    border-radius: 9px;
    background-color: #fff;
    padding: 30px 35px;
    height: 100%;
	margin:20px auto
}

.updates .leftupdates .archive {
    margin-right: auto;
    align-self: center;
    -ms-flex-item-align: center;
    color: #fff;
    font-size: .9230769230769231rem;
    font-weight: 400;
    line-height: 33px;
    border-radius: 22px;
    border: 3px solid #d6d9e7;
    background-color: #56446D;
    padding: 0 15px;
	float: left;
}
.updates .leftupdates .archive:hover {
    background-color: #fff !important;
    color: #1b2c7a !important;
}
.updates .leftupdates .box-title {
    color: #A644C2;
    font-size: .9230769230769231rem;
    font-weight: 400;
    line-height: 17.8px;
    letter-spacing: -.48px;
	float: right;
}
.updates .leftupdates .box-title strong {
    color: #3f3f3f;
    font-size: 1.076923076923077rem;
    display: block;
    font-weight: bold;
}
.updates .leftupdates ul li {
    margin-bottom: 8px;
}
.updates .leftupdates ul li a {
    display: block;
    white-space: nowrap;
    font-size: .9230769230769231rem;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    padding: 0 17px;
    border-radius: 14px;
    position: relative;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.updates .leftupdates ul li a .ttl {
    display: inline-block;
    max-width: calc(100% - 104px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin-left: 6px;
}
.updates .leftupdates ul li a .date {
    color: #85889a;
    display: inline-block;
    margin-right: 6px;
    margin-right: auto;
}
.updates .leftupdates ul li a svg.icon-back {
    width: 6px;
    height: 6px;
    fill: #b96043;
    margin-left: 8px;
    align-self: center;
    -ms-flex-item-align: center;
}
.updates .leftupdates ul li a:hover {
    color: #1b2c7a;
    background-color: #f1f5fe;
}
.updates .leftupdates ul li a:hover svg {
    fill: #1b2c7a;
}
.cons_index {
    margin: 0 auto;
    position: relative;
    width: max-content;
}
.cons_index #text_index {
    background: #16C4BB;
	color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 25px;
    float: left;
    margin: 15px 0 0 -35px;
}
.foocertificate {
		text-align: center;
		padding: 18px 0 0;
    margin: 20px 0;
    border-radius: 10px;
}
.foocertificate img {
  width: 85px;
  border-radius: 10px;
  float: left;
  margin:10px 5px 0 0;
}
/* PAGINATION */
.pager, .pagination {
  margin: 30px auto;
  display: table;
}
.pager li, .pagination > li {
  display: inline;
}
.pagination > li > a, .pagination > li > span {
  position: relative;
  text-decoration: none;
  border: 1px solid #ddd;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.5;
  float: right;
  margin-right: -1px;
  background: #fafafa;
  color: #666;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-radius: 0 4px 4px 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
  margin-right: -1px;
  border-radius: 4px 0 0 4px;
}
.pagination > li > a.current {
  background: #16C4BB;
  color: #fff;
  border-color: #fff;
}
.index_services_banner .xtitle_wrapper h2, .index_services_banner .xtitle_wrapper h3 {
  color: #fff;
}
.index_services_banner .xtitle_wrapper {
  padding: 0 35px;
  background: url(../image/edge-bg.png) right center no-repeat;
  text-align: right;
  width: 100%;
  height: 147px;
}

::-webkit-scrollbar {
  width: 0.406rem;
}

::-webkit-scrollbar-thumb {
  background: #cdcdcd;
}

::-webkit-scrollbar-track {
  background: #f0f0f0;
}

::-webkit-scrollbar-thumb:hover {
  background: #a6a6a6;
}

* {
  scrollbar-width: thin;
}

#section_porto {
  padding: 20px 0;
  background: #F6F9FC;
  
}
.postslist_inner {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 44%;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	grid-gap: 0;
	gap: 0;
	padding: 20px;
}
.postslist_inner li {
background: #fff;
padding: 10px;
box-sizing: border-box;
border-radius: 10px;
margin: 0 10px;
box-shadow: 0 5px 30px rgba(70,72,77,.08);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.05);
box-shadow: 0 2px 4px rgba(0,0,0,.05);
-webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(.83,.26,.19,.87);
transition: -webkit-box-shadow 0.3s cubic-bezier(.83,.26,.19,.87);
transition: box-shadow 0.3s cubic-bezier(.83,.26,.19,.87);
transition: box-shadow 0.3s cubic-bezier(.83,.26,.19,.87),-webkit-box-shadow 0.3s cubic-bezier(.83,.26,.19,.87);
border: 1px solid #d9d9e9;
}
.postslist_inner li a {
  display: flex;
}
.postslist_inner li img {
  margin: 0 0 5px 10px;
  display: block;
  width: 150px;
  max-height: 142px;
}
.postslist_inner li a .ttl {
  text-align: right;
  font-size: 1.3rem;
  font-weight: 900;
  border-bottom: 1px solid #eee;
  padding: 0 0 10px 0;
  margin: 0;
}
.postslist_inner li a p {
  line-height: 200%;
  font-weight: 400;
  color: #6a7179 !important;
}
.porto_text_r {
  padding: 15px 75px !important;
}
.newgeneration_content h1 {
  font-family: vazir;
  font-size: 1.5rem;
  direction: rtl;
  font-weight: 900;
  color: #254C6E;
}
.dwshop_wrapper {
	background:#004fa9;
	position: relative;
}
.htitle {
  text-align: center;
  font-weight: 900;
  font-size: 2rem;
  color: #004fa9;
}
.reagent_wrapper .htitle {
  margin: 15px auto;
}
.hmintitle {
  text-align: center;
  font-weight: 400;
  font-size: 1.1rem;
  color: #004fa9;
  direction: rtl;
}
.dwshop_wrapper::before {
  background: url(../image/blog-bg-right.png) right 0 no-repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.dwshop_wrapper::after {
  background: url(../image/about-us-3-bg.png) left bottom no-repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.dwshop_wrapper .tx { margin: 0 auto !important;display: block;float: unset;position: relative;
z-index: 9; }
.dwshop_wrapper ul {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 20%;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	grid-gap: 0;
	gap: 15px;
	padding: 20px;
	direction: rtl;
z-index: 9;
position: relative;
margin: 0;
}
.dwshop_wrapper .htitle {
  text-align: center;
  color: #fff;
  font-weight: 950;
  font-size: 2rem;
  margin: 15px auto 0;
}
.dwshop_wrapper p {
	text-align: justify;
	padding: 0 10px;
	color: #fff;
	direction: rtl;
	font-size: 1.1rem;
font-weight: 400;
}
.prod_item .title-con {
  font-size: 1rem;
  font-weight: 400;
  margin: 10px auto 5px;
}
.prod_item {
  width: 100%;
  height: 250px;
  margin: 35px 5px;
  background: #fff;
  border-radius: 10px;
  counter-increment: carousel-cell;
  position: relative;
  margin-right: 10px;
  background: #fff;
  counter-increment: carousel-cell;
}
.pic-con {
  height: 200px;
  width: 100%;
  margin: -20px auto 0;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.pic-con img {
  margin: 0 auto;
  display: block;
  height: 100%;
  border-radius: 10px;
}
.title-con {
  text-align: center;
  font-size: 1rem;
  color: #1B2A4E !important;
}
.offper_label {
  position: absolute;
  top: -35px;
  text-align: center;
  color: #FFF;
  background: #00D271;
    background-image: none;
  background-image: none;
  left: 4px;
  padding: 10px 5px;
  border-radius: 48% 52% 70% 30% / 30% 30% 70% 70%;
  width: 45px;
  right: auto;
  height: 35px;
  box-shadow: 0px 15px 30px 0px rgba(0, 101, 6, 0.08);
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 35px;
}
.dwshop-box-btn {
  background: #00baba;
  color: #fff;
  padding: 4px 10px;
  width: 150px;
  box-shadow: 0 .5rem 1.5rem rgba(22,28,45,.15) !important;
  border-radius: 5px;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.prod_item:hover .pic-con {
  margin: -30px auto 0;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
/*
.product__des {
  display: block;
  visibility: hidden;
  opacity: 0;
  height: 0;
  background: #fff;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.prod_item:hover .product__des {
  visibility: visible;
  opacity: 1;
  height: 75px;
  margin-bottom: 12px;
  padding: 0 10px 15px;
}*/
.main_nav_inner {
  float: right;
  width: 100%;
  background: #fff;
  border-radius: 12px 12px 12px 12px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
  margin: 10px auto;
  box-sizing: border-box;  transition-duration: 0.25s !important;
}
.sticking .main_nav_inner {
  background: none;
  box-shadow: none;
  margin: 0 auto;  transition-duration: 0.25s !important;
}
.xfullpage {
  min-height: calc(100vh - 85px);
  padding: 155px 0 0;
  background: #fff;
}
.xfullpage::before {
  background: url(https://danaweb.co/templates/design-dw/assets/image/blog-bg-right.png) right 0 no-repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: .4;
}
.xfullpage::after {
  background: url(https://danaweb.co/templates/design-dw/assets/image/about-us-3-bg.png) left bottom no-repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  bottom: -50px;
  width: 100%;
  opacity: .5;
}
.col.s12.m6.webdesign-image img {
  margin: -30px auto 0;
  max-width: 85%;
  display: block;
}
.fadein { position:relative; height:332px; width:500px; }
.fadein p { position:absolute; left:0; top:0; }

.webdesign-text {
  direction: rtl;
  text-align: justify;
  position: relative;
z-index: 9;  padding: 50px 0.75rem 0 !important;
}
.webdesign-text .section_title {
  color: #004fa9;
  text-align: right;
  font-weight: 950;
  font-size: 2.5rem;
}
.subsection_title {
  color: #004fa9;
  text-align: right;
  font-weight: 300;
  font-size: 1.2rem;
}
.webdesign-text p {
  line-height: 200%;
  font-size: 1.1rem;
  font-weight: 400;
}
.cons_index #phone_index {
  background: #004fa9;
  margin: 15px 0 45px;
  color: #fff;
  font-weight: bold;
  padding: 10px 45px 10px 25px;
  border-radius: 25px;
  float: left;  font-family: isnum;
}
.mainsection_title {
  margin: 0;
  text-align: center;
  padding: 20px 0 0;
  color: #fff;
  font-size: 2.5rem;
}
.col.s12.m6.webdesign-image span {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #254C6E0D;
  padding: 5px 10px;
  border-radius: 50px;
  font-size: 0.8rem;
  z-index: 999;
  direction:rtl
}
.title_strok {
  text-transform: uppercase;
  -webkit-text-stroke-width: 1;
  color: #fff0;
  -webkit-text-stroke:.3px #DEEBF6;
  text-align: left;
  font-size: 4rem;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 25px;
  z-index: -1;
}
.title_strok span {
  font-size: 2rem;
}
.col.s12.m6.webdesign-image span::before {
  content: "";
  background: #254C6E0D;
  width: 24px;
  height: 24px;
  position: absolute;
  right: -25px;
  border-radius: 50px;
  box-shadow: 0 0 10px #ccc;
  top: 0;
}
.col.s12.m6.webdesign-image span::after {
  content: "";
  background: #fff;
  width: 14px;
  height: 14px;
  position: absolute;
  right: -20px;
  border-radius: 50px;
  box-shadow: 0 0 10px #ccc;
  top: 5px;
}	

.reagent_wrapper {
  background: url('https://danaweb.co/templates/design-dw/assets/image/shop-bg2.png');
  position: relative;
  background-size: cover;
}

.steps {
  margin-bottom: 155px;
  margin-top: 80px;
    flex-direction: row !important;
	  align-items: center !important;
	    justify-content: center !important;
		  display: flex !important;
		  direction:rtl
}
.steps .step {
  height: 204px;
  justify-content: center;
  position: relative;
  width: 250px;
}
.text-center {
  text-align: center !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.d-flex {
  display: flex !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.steps .step.align-items-start::after {
  background-image: url(../image/Line2.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 100px;
  left: -125px;
  position: absolute;
  top: 57px;
  width: 100%;
}
.steps .step.align-items-end::before {
  background-image: url(../image/Line1.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 100px;
  left: -125px;
  position: absolute;
  top: 57px;
  width: 100%;
}
.steps .step.align-items-start.border-none::after {
  background-image: none;
}
.steps .step svg {
  position: relative;z-index: 9999;
}
.steps .step .t {
  bottom: -15px;
  position: absolute;
}
.steps .step.align-items-end .t {
  bottom: -125px;
}
.steps .step:nth-child(4) .t {
  bottom: -125px;
}
.steps .step .t .special-font {
  font-weight: 900;
  font-size: 1.2rem;
  margin: 0;
  color: #004fa9;
}
.steps .step .t p {
  text-align: center;
  color: #004fa9;
  font-weight: 400;
}
.reagent_wrapper h1 {
	color: #004fa9;
	text-align: center;
	font-weight: 950;
	font-size: 2rem;
}
.reagent_wrapper p {
  font-weight: 300;
  direction: rtl;
  text-align: justify;
  line-height: 200%;
  font-size: 1.1rem;
}
.centerize {
  margin: 0 auto !important;
  display: block;
  float: unset !important;
}
.faq_reagent {
  direction: rtl;
}
.faq_reagent h2 {
  font-size: 1.2rem;
}
.reagent_cta {
  margin: 0 auto;
  background: #16C4BB;
  width: 250px;
  display: block;
  text-align: center;
  padding: 10px;
  color: #fff;
  border-radius: 50px;
  font-size: 1.7rem;
  font-weight: 950;
  box-shadow: 5px 5px 0px 0px #004fa9;
}
.endofreagent {
  margin-bottom: 50px !important;
}
.sample-slider, .sample-slider-right, .swiper-wrapper-customer {
	width:100%;
}
.swiper {
  padding: 20px 0 0;
}
.swiper-wrapper-top {
	background: #fff;
	padding: 20px 0;
	position: relative;
}
.swiper-wrapper-top::before {
  content: " ";
  background: linear-gradient(-90deg, #fff 15%, rgba(255,255,255,.1) 90%);
  width: 100px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}
.swiper-wrapper-top::after {
  content: " ";
  background: linear-gradient(90deg, #fff 15%, rgba(255,255,255,.1) 90%);
  width: 100px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
}

.swiper-wrapper-customer {
  background: #fff;
  padding: 100px 0;
  z-index: 9;
}
.swiper-slide {
  height: 100%;
  position: relative;
  text-align: center;
  background-color: #fff;
  border-radius: 64px;
  box-shadow: 0 2px 32px rgba(0,0,0,.06);
  font-size: 15px;
  font-weight: 750;
  line-height: 32px;
  margin: 0 10px 10px 0;
  padding: 10px;
  white-space: nowrap;
  direction: rtl;  color: #004fa9;
}
.sample-slider .swiper-wrapper, .sample-slider-right .swiper-wrapper, .swiper-wrapper-customer .swiper-wrapper {
	transition-timing-function: linear;
}
.accord1 li{
  list-style:none;
}
.accord1 li h3 {
  padding: 10px 0;
  background: #95a1af;
  text-align: center;
  cursor: pointer;
  margin: 10px auto 0;
  color: #fff;
  border-radius: 50px;
  max-width: 400px;
}
.accord-content {
  background-color: #fff;
  color: #1c1c1c;
  display: none;
  padding: 10px;
  line-height: 200%;
  border-radius: 0 0 10px 10px;
  margin-top: -10px;
}
ul.leftupdates li a {
    display: block;
    white-space: nowrap;
    font-weight: 400;
    padding:1px 17px;
    line-height: 28px;
    border-radius: 14px;
    position: relative;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
ul.leftupdates li a {
    white-space: nowrap;
    font-weight: 400;
    line-height: 28px;
    list-style: none;
    color: #000;
}
ul.leftupdates { list-style:none; padding: 0; margin: 10px auto; }
ul.leftupdates li a .date {
    color: #85889a;
    display: inline-block;
    margin-right: 6px;
    margin-right: auto;
}
ul.leftupdates li a:hover {
    color: #1b2c7a;
    background-color: #f1f5fe;
}
.leftcust h1.section_title {
  color: #004fa9;
  margin: 7rem auto 2.5rem;
}
.leftcust h2.section_title {
  font-size: 13px;
  line-height: 1px;
  font-family: vazir;
  text-align: center;
  color: #004fa9;
}
.sample-slider-swipercustomer {
  padding: 10px 0;
  margin: 0;
}
.sample-slider-swipercustomer .swiper-slide {
  border-radius: 10px;
  padding: 0;
  margin: 0 10px;
  background: none;
box-shadow: 0 0 0;
}
.xtitle_wrapper h2 {
  text-align: right;
  font-weight: 950;
  font-size: 2.1rem;
  margin: 0;
  color: #155AA9 !important;
  line-height: 29px;
}
.xtitle_wrapper h3 {
  text-align: right;
  font-weight: 100;
  font-size: 1rem;
  direction: rtl;
  margin: 0;
  color: #155AA9 !important;
}
.xtitle_wrapper {
  padding: 0 20px 20px;
}

.sited_secdeps .servflex .m6 {
  width: 33%;
  flex: 1 0 30%;
}
.sited_secdeps .servflex .m6:hover::after {
  background: #16C4BB;
    right: -9px;
}
.sited_secdeps .servflex .m6::after {
  content: '';
  background-color: #fff;
  bottom: 7px;
  top: 7px;
  right: 9px;
  position: absolute;
  width: 19px;
  border-radius: 8px 8px 8px 8px;
  z-index: -1;
  height: 75px;
	-ms-transition: 200ms all ease-in-out;
	transition: 200ms all ease-in-out;
}







.porto_text_r .section_title {
  font-family: vazir;
  text-align: right;
  color: #004fa9;
  float: right;
  width: 100%;
  z-index: 999;
  position: relative;
  font-weight: 950;
  font-size: 2rem;
}


.sketch-button {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  background: #16C4BB;
  border-radius: 11px;
  padding: 12px 20px;
  position: relative;
  line-height: 24px;
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02), 0 4px 16px rgba(0, 0, 0, 0.02), 0 4px 24px rgba(0, 0, 0, 0.02);
}
.sketch-button.start svg {
  -webkit-animation: stroke 1s linear;
          animation: stroke 1s linear;
}
.sketch-button .lines {
  position: absolute;
  inset: 0;
  mix-blend-mode: hard-light;
  pointer-events: none;
  z-index: 1;
}
.sketch-button .lines > div {
  position: absolute;
  inset: 0;
}
.sketch-button .lines > div:last-child {
  transform: rotate(180deg);
}
.sketch-button .lines > div svg {
  display: block;
  position: absolute;
  inset: 0;
  overflow: visible;
  fill: none;
  stroke-width: 2;
  stroke: #c9e9ff;
  width: 100%;
  height: 100%;
  stroke-dasharray: 2 10;
  stroke-dashoffset: 14;
  opacity: 0;
}
.sketch-button .lines > div svg:nth-child(1) {
  stroke: #f8fcff;
}
.sketch-button .lines > div svg:nth-child(2) {
  stroke-width: 6px;
  filter: blur(20px);
}
.sketch-button .lines > div svg:nth-child(3) {
  stroke-width: 5px;
  filter: blur(6px);
}
.sketch-button .lines > div svg:nth-child(4) {
  stroke-width: 10px;
  filter: blur(56px);
}

@-webkit-keyframes stroke {
  30%, 55% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 4;
    opacity: 0;
  }
}

@keyframes stroke {
  30%, 55% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 4;
    opacity: 0;
  }
}
html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
	/*
  	Flaticon icon font: Flaticon
  	Creation date: 27/11/2016 15:50
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("../font/font/Flaticon.eot");
  src: url("../font/font/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../font/font/Flaticon.woff") format("woff"),
       url("../font/font/Flaticon.ttf") format("truetype"),
       url("../font/font/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../font/font/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 24px;
font-style: normal;
margin-left: 0;
}

.flaticon-aim:before { content: "\f100"; }
.flaticon-aim-1:before { content: "\f101"; }
.flaticon-analytics:before { content: "\f102"; }
.flaticon-analytics-1:before { content: "\f103"; }
.flaticon-analytics-2:before { content: "\f104"; }
.flaticon-analytics-3:before { content: "\f105"; }
.flaticon-analytics-4:before { content: "\f106"; }
.flaticon-analytics-5:before { content: "\f107"; }
.flaticon-audience:before { content: "\f108"; }
.flaticon-bar-chart:before { content: "\f109"; }
.flaticon-bar-chart-1:before { content: "\f10a"; }
.flaticon-big-data:before { content: "\f10b"; }
.flaticon-blogging:before { content: "\f10c"; }
.flaticon-browser:before { content: "\f10d"; }
.flaticon-browser-1:before { content: "\f10e"; }
.flaticon-browser-10:before { content: "\f10f"; }
.flaticon-browser-11:before { content: "\f110"; }
.flaticon-browser-12:before { content: "\f111"; }
.flaticon-browser-13:before { content: "\f112"; }
.flaticon-browser-14:before { content: "\f113"; }
.flaticon-browser-15:before { content: "\f114"; }
.flaticon-browser-16:before { content: "\f115"; }
.flaticon-browser-17:before { content: "\f116"; }
.flaticon-browser-18:before { content: "\f117"; }
.flaticon-browser-19:before { content: "\f118"; }
.flaticon-browser-2:before { content: "\f119"; }
.flaticon-browser-20:before { content: "\f11a"; }
.flaticon-browser-21:before { content: "\f11b"; }
.flaticon-browser-22:before { content: "\f11c"; }
.flaticon-browser-23:before { content: "\f11d"; }
.flaticon-browser-24:before { content: "\f11e"; }
.flaticon-browser-25:before { content: "\f11f"; }
.flaticon-browser-26:before { content: "\f120"; }
.flaticon-browser-27:before { content: "\f121"; }
.flaticon-browser-28:before { content: "\f122"; }
.flaticon-browser-29:before { content: "\f123"; }
.flaticon-browser-3:before { content: "\f124"; }
.flaticon-browser-4:before { content: "\f125"; }
.flaticon-browser-5:before { content: "\f126"; }
.flaticon-browser-6:before { content: "\f127"; }
.flaticon-browser-7:before { content: "\f128"; }
.flaticon-browser-8:before { content: "\f129"; }
.flaticon-browser-9:before { content: "\f12a"; }
.flaticon-browsers:before { content: "\f12b"; }
.flaticon-browsers-1:before { content: "\f12c"; }
.flaticon-bug:before { content: "\f12d"; }
.flaticon-bug-1:before { content: "\f12e"; }
.flaticon-bug-2:before { content: "\f12f"; }
.flaticon-buying:before { content: "\f130"; }
.flaticon-chat:before { content: "\f131"; }
.flaticon-clock:before { content: "\f132"; }
.flaticon-cloud-computing:before { content: "\f133"; }
.flaticon-cloud-computing-1:before { content: "\f134"; }
.flaticon-cloud-computing-2:before { content: "\f135"; }
.flaticon-cloud-computing-3:before { content: "\f136"; }
.flaticon-cloud-computing-4:before { content: "\f137"; }
.flaticon-cloud-computing-5:before { content: "\f138"; }
.flaticon-cloud-computing-6:before { content: "\f139"; }
.flaticon-coding:before { content: "\f13a"; }
.flaticon-coding-1:before { content: "\f13b"; }
.flaticon-cogwheel:before { content: "\f13c"; }
.flaticon-coins:before { content: "\f13d"; }
.flaticon-collaboration:before { content: "\f13e"; }
.flaticon-computer:before { content: "\f13f"; }
.flaticon-computer-1:before { content: "\f140"; }
.flaticon-computing-cloud:before { content: "\f141"; }
.flaticon-computing-cloud-1:before { content: "\f142"; }
.flaticon-computing-cloud-2:before { content: "\f143"; }
.flaticon-cursor:before { content: "\f144"; }
.flaticon-customer:before { content: "\f145"; }
.flaticon-design:before { content: "\f146"; }
.flaticon-devices:before { content: "\f147"; }
.flaticon-devices-1:before { content: "\f148"; }
.flaticon-devices-2:before { content: "\f149"; }
.flaticon-devices-3:before { content: "\f14a"; }
.flaticon-devices-4:before { content: "\f14b"; }
.flaticon-diamond:before { content: "\f14c"; }
.flaticon-diamond-1:before { content: "\f14d"; }
.flaticon-diamond-2:before { content: "\f14e"; }
.flaticon-document:before { content: "\f14f"; }
.flaticon-document-1:before { content: "\f150"; }
.flaticon-domain-registration:before { content: "\f151"; }
.flaticon-economy:before { content: "\f152"; }
.flaticon-email:before { content: "\f153"; }
.flaticon-email-1:before { content: "\f154"; }
.flaticon-exchange:before { content: "\f155"; }
.flaticon-file:before { content: "\f156"; }
.flaticon-filter:before { content: "\f157"; }
.flaticon-firewall:before { content: "\f158"; }
.flaticon-folder:before { content: "\f159"; }
.flaticon-folder-1:before { content: "\f15a"; }
.flaticon-folder-2:before { content: "\f15b"; }
.flaticon-folder-3:before { content: "\f15c"; }
.flaticon-folder-4:before { content: "\f15d"; }
.flaticon-hard-drive:before { content: "\f15e"; }
.flaticon-hardware:before { content: "\f15f"; }
.flaticon-headphones:before { content: "\f160"; }
.flaticon-headphones-1:before { content: "\f161"; }
.flaticon-headphones-2:before { content: "\f162"; }
.flaticon-hosting:before { content: "\f163"; }
.flaticon-idea:before { content: "\f164"; }
.flaticon-idea-1:before { content: "\f165"; }
.flaticon-idea-2:before { content: "\f166"; }
.flaticon-image:before { content: "\f167"; }
.flaticon-interface:before { content: "\f168"; }
.flaticon-key:before { content: "\f169"; }
.flaticon-key-1:before { content: "\f16a"; }
.flaticon-keyword:before { content: "\f16b"; }
.flaticon-keywords:before { content: "\f16c"; }
.flaticon-laptop:before { content: "\f16d"; }
.flaticon-light-bulb:before { content: "\f16e"; }
.flaticon-light-bulb-1:before { content: "\f16f"; }
.flaticon-like:before { content: "\f170"; }
.flaticon-link:before { content: "\f171"; }
.flaticon-link-1:before { content: "\f172"; }
.flaticon-loupe:before { content: "\f173"; }
.flaticon-loupe-1:before { content: "\f174"; }
.flaticon-mail:before { content: "\f175"; }
.flaticon-mailing:before { content: "\f176"; }
.flaticon-map:before { content: "\f177"; }
.flaticon-map-1:before { content: "\f178"; }
.flaticon-medal:before { content: "\f179"; }
.flaticon-megaphone:before { content: "\f17a"; }
.flaticon-megaphone-1:before { content: "\f17b"; }
.flaticon-network:before { content: "\f17c"; }
.flaticon-networking:before { content: "\f17d"; }
.flaticon-newspaper:before { content: "\f17e"; }
.flaticon-newspaper-1:before { content: "\f17f"; }
.flaticon-online-shop:before { content: "\f180"; }
.flaticon-online-shop-1:before { content: "\f181"; }
.flaticon-online-shop-2:before { content: "\f182"; }
.flaticon-online-store:before { content: "\f183"; }
.flaticon-optimization:before { content: "\f184"; }
.flaticon-padlock:before { content: "\f185"; }
.flaticon-padlock-1:before { content: "\f186"; }
.flaticon-padlock-2:before { content: "\f187"; }
.flaticon-pay-per-click:before { content: "\f188"; }
.flaticon-phone-call:before { content: "\f189"; }
.flaticon-photo-camera:before { content: "\f18a"; }
.flaticon-pie-chart:before { content: "\f18b"; }
.flaticon-profile:before { content: "\f18c"; }
.flaticon-profits:before { content: "\f18d"; }
.flaticon-quality:before { content: "\f18e"; }
.flaticon-ranking:before { content: "\f18f"; }
.flaticon-research:before { content: "\f190"; }
.flaticon-rocket:before { content: "\f191"; }
.flaticon-rocket-launch:before { content: "\f192"; }
.flaticon-rocket-ship:before { content: "\f193"; }
.flaticon-ruler:before { content: "\f194"; }
.flaticon-ruler-1:before { content: "\f195"; }
.flaticon-school-material:before { content: "\f196"; }
.flaticon-screen:before { content: "\f197"; }
.flaticon-screen-1:before { content: "\f198"; }
.flaticon-search:before { content: "\f199"; }
.flaticon-search-1:before { content: "\f19a"; }
.flaticon-search-2:before { content: "\f19b"; }
.flaticon-search-3:before { content: "\f19c"; }
.flaticon-search-4:before { content: "\f19d"; }
.flaticon-search-5:before { content: "\f19e"; }
.flaticon-search-6:before { content: "\f19f"; }
.flaticon-search-7:before { content: "\f1a0"; }
.flaticon-search-8:before { content: "\f1a1"; }
.flaticon-search-engine:before { content: "\f1a2"; }
.flaticon-search-engine-1:before { content: "\f1a3"; }
.flaticon-search-engine-2:before { content: "\f1a4"; }
.flaticon-search-engine-3:before { content: "\f1a5"; }
.flaticon-searching:before { content: "\f1a6"; }
.flaticon-secure:before { content: "\f1a7"; }
.flaticon-seo:before { content: "\f1a8"; }
.flaticon-server:before { content: "\f1a9"; }
.flaticon-server-1:before { content: "\f1aa"; }
.flaticon-server-2:before { content: "\f1ab"; }
.flaticon-server-3:before { content: "\f1ac"; }
.flaticon-server-4:before { content: "\f1ad"; }
.flaticon-server-5:before { content: "\f1ae"; }
.flaticon-settings:before { content: "\f1af"; }
.flaticon-share:before { content: "\f1b0"; }
.flaticon-shared-folder:before { content: "\f1b1"; }
.flaticon-sharing:before { content: "\f1b2"; }
.flaticon-sharing-archives:before { content: "\f1b3"; }
.flaticon-sharing-file:before { content: "\f1b4"; }
.flaticon-shopping-bag:before { content: "\f1b5"; }
.flaticon-shopping-basket:before { content: "\f1b6"; }
.flaticon-sitemap:before { content: "\f1b7"; }
.flaticon-sitemap-1:before { content: "\f1b8"; }
.flaticon-smartphone:before { content: "\f1b9"; }
.flaticon-smartphone-1:before { content: "\f1ba"; }
.flaticon-smartphone-2:before { content: "\f1bb"; }
.flaticon-smartphone-3:before { content: "\f1bc"; }
.flaticon-smartphone-4:before { content: "\f1bd"; }
.flaticon-smartphone-5:before { content: "\f1be"; }
.flaticon-smartphone-6:before { content: "\f1bf"; }
.flaticon-smartphone-7:before { content: "\f1c0"; }
.flaticon-social-media:before { content: "\f1c1"; }
.flaticon-speech-bubble:before { content: "\f1c2"; }
.flaticon-speedometer:before { content: "\f1c3"; }
.flaticon-speedometer-1:before { content: "\f1c4"; }
.flaticon-speedometer-2:before { content: "\f1c5"; }
.flaticon-speedometer-3:before { content: "\f1c6"; }
.flaticon-stats:before { content: "\f1c7"; }
.flaticon-sync:before { content: "\f1c8"; }
.flaticon-tactics:before { content: "\f1c9"; }
.flaticon-tag:before { content: "\f1ca"; }
.flaticon-tag-1:before { content: "\f1cb"; }
.flaticon-tags:before { content: "\f1cc"; }
.flaticon-target:before { content: "\f1cd"; }
.flaticon-target-1:before { content: "\f1ce"; }
.flaticon-target-2:before { content: "\f1cf"; }
.flaticon-targeting:before { content: "\f1d0"; }
.flaticon-transfer:before { content: "\f1d1"; }
.flaticon-translation:before { content: "\f1d2"; }
.flaticon-trophy:before { content: "\f1d3"; }
.flaticon-typewriter:before { content: "\f1d4"; }
.flaticon-update:before { content: "\f1d5"; }
.flaticon-upload:before { content: "\f1d6"; }
.flaticon-user:before { content: "\f1d7"; }
.flaticon-video-player:before { content: "\f1d8"; }
.flaticon-views:before { content: "\f1d9"; }
.flaticon-viral-marketing:before { content: "\f1da"; }
.flaticon-worldwide:before { content: "\f1db"; }
.flaticon-worldwide-1:before { content: "\f1dc"; }
/* Header */.header {	position: relative;	margin: 0 auto;	min-height: 560px;	width: 100%;	z-index:999999999}.bg-img {	position: absolute;	overflow: hidden;	top: 0;	left: 0;	right: 0;	bottom: 0;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}.bg-img img {	position: absolute;	top: 0;	left: 0;	display: block;	min-width: 100%;	min-height: 100%;}/* Trigger Button */button.trigger {	position: fixed;	bottom: 40px;	left: 50%;	z-index: 5000;	display: block;	margin-left: -0.5em;	padding: 0;	width: 1em;	height: 1em;	border: none;	background: transparent;	color: #fff;	font-size: 2em;	cursor: pointer;}.container:not(.notrans) button.trigger {	-webkit-transition: opacity 0.3s 0.5s;	transition: opacity 0.3s 0.5s;}.container.modify:not(.notrans) button.trigger {	opacity: 0;	pointer-events: none;	-webkit-transition-delay: 0s;	transition-delay: 0s;}button.trigger [class*=" flaticon-"]::before { margin-left: 0px; }button.trigger:focus {	outline: none;}button.trigger span {	position: relative;	display: block;	overflow: hidden;	width: 100%;	height: 100%;}button.trigger span::before {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	color: #fff;	content: "\e097";	text-transform: none;	font-weight: normal;	font-style: normal;	font-variant: normal;	font-family: 'icomoon';	line-height: 1;	speak: none;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;}/* -------------------------- *//* Push *//* -------------------------- */.intro-effect-push:not(.notrans) .header,.intro-effect-push:not(.notrans) > .title,.intro-effect-push:not(.notrans) .content > div {	-webkit-transition-property: opacity, -webkit-transform;	transition-property: opacity, transform;	-webkit-transition-duration: 1s;	transition-duration: 1s;}.intro-effect-push:not(.notrans) .header {	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);	transition-timing-function: cubic-bezier(0.7,0,0.3,1);	-webkit-transition-duration: 1.2s;	transition-duration: 1.2s;}.intro-effect-push .codrops-demos a {	color: #108576;}.intro-effect-push .header {	position: absolute;	z-index: 1500;}.intro-effect-push > .title {	position: relative;	top: auto;	left: auto;	padding: 6em 1em 2em;}.intro-effect-push .content > div {	margin-top: 50px;	color: #b2b2c0;}.intro-effect-push > .title,.intro-effect-push .content > div {	-webkit-transform: translateY(400px);	transform: translateY(400px);	opacity: 0;}.intro-effect-push.modify > .title,.intro-effect-push.modify .content > div {	-webkit-transform: translateY(0);	transform: translateY(0);	opacity: 1;}.intro-effect-push.modify .header {	opacity: 0;	-webkit-transform: translateY(-100%) scale(0.9);	transform: translateY(-100%) scale(0.9);}/* Delays */.intro-effect-push.modify:not(.notrans) > .title {	-webkit-transition-delay: 0.5s;	transition-delay: 0.5s;}.intro-effect-push.modify:not(.notrans) .content > div {	-webkit-transition-delay: 0.6s;	transition-delay: 0.6s;}/* Media Queries */@media screen and (max-width: 47em) {	.intro-effect-side .title {		width: 100%;		padding: 0 1em;		-webkit-transform: translateY(-50%);		transform: translateY(-50%);	}	.intro-effect-side.modify .bg-img::before {		-webkit-transform: translateX(-100%);		transform: translateX(-100%);	}	.intro-effect-side .bg-img::after {		border-left-width: 0px;		border-right-width: 0px;		right: 0px;		left: 0px;		background: rgba(255,255,255,0.1);	}	.intro-effect-side.modify .bg-img::after {		background: rgba(255,255,255,0.8);	}	.intro-effect-sidefixed .content {		width: 100%;		margin-left: auto;	}	.intro-effect-sidefixed .bg-img::after {		width: 95%;	}}@media screen and (max-width: 27em) {	.intro-effect-jam3 .content {		padding: 0 2em 5em;	}	.intro-effect-grid .grid li h2 {		display: none;	}	.intro-effect-push .header .title {		top: 60px;		-webkit-transform: translateX(-50%);		transform: translateX(-50%);	}	button.trigger::before {		display: none;	}}.sidr {  display: block;  position: fixed;  top: 0;  height: 100%;  z-index: 999999;  width: 230px;  overflow-x: hidden;  overflow-y: auto;  background: #fff;  color: #1E1B21;}.sidr .sidr-inner {  padding: 0 0 15px;}.sidr .sidr-inner > p {  margin-left: 15px;  margin-right: 15px;}.sidr.right {  left: auto;  right: -260px;}.sidr.left {  left: -260px;  right: auto;}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6 {  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');  background-size: 100%;  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));  background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);  background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);  background-image: linear-gradient(#4d4d4d, #1a1a1a);  font-size: 11px;  font-weight: normal;  padding: 0 15px;  margin: 0 0 5px;  color: #fff;  line-height: 24px;  box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);}.sidr p {  font-size: 13px;  margin: 0 0 12px;}.sidr p a {  color: rgba(255, 255, 255, 0.9);}.sidr > p {  margin-left: 15px;  margin-right: 15px;}.sidr ul {  display: block;  margin: 0 0 15px;  padding: 0;  border-top: 1px solid #CFC9D8;}.sidr ul li {  display: block;  margin: 0;  line-height: 35px;  border-bottom:1px solid #CFC9D8;}.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {  border-top: 0;}.sidr ul li:hover > a,.sidr ul li:hover > span, .sidr ul li.active > a,.sidr ul li.active > span, .sidr ul li.sidr-class-active > a,.sidr ul li.sidr-class-active > span {    color: #04968C;}.sidr ul li a,.sidr ul li span {  padding: 0 15px;  display: block;  text-decoration: none;  color: #211C23;  direction: rtl;  text-align: right;}.sidr ul li ul {  border-bottom: 0;  margin: 0;}.sidr ul li ul li {    padding-right: 25px;}.sidr ul li ul li:last-child {  border-bottom: 0;}.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {  border-top: 0;}.sidr ul li ul li:hover > a,.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a,.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,.sidr ul li ul li.sidr-class-active > span {}.sidr ul li ul li a,.sidr ul li ul li span {  color: #211C23;  padding-left: 0;}.sidr form {  margin: 0 15px;}.sidr label {  font-size: 13px;}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select {  width: 100%;  font-size: 13px;  padding: 5px;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  margin: 0 0 10px;  border-radius: 2px;  border: 0;  background: rgba(0, 0, 0, 0.1);  color: rgba(255, 255, 255, 0.6);  display: block;  clear: both;}.sidr input[type=checkbox] {  width: auto;  display: inline;  clear: none;}.sidr input[type=button],.sidr input[type=submit] {  color: #333;  background: #fff;}.sidr input[type=button]:hover,.sidr input[type=submit]:hover {  background: rgba(255, 255, 255, 0.9);}.menu-button {
  display: block;
  position: absolute;
  top: 17px;
  left: 25px;
  overflow: hidden;
  width: 30px;
  height: 30px;
  z-index: 9999;
}
.sticking .menu-button [class*=" flaticon-"]::before {
  font-size: 23px;
  color: #004fa9;
  margin-left: 0;
}
.menu-button.right {    right: 20px;    left: auto;}.menu-button.bottom {    top: 100px;}.menu-button.fixed {    position: fixed;}#overlay {    position: absolute;    position: fixed;    top: 0;    left: 0;    bottom: 0;    right: 0;    width: 100%;    height: 100%;    background: #0009;    z-index: 999998;    display: none;}.sidr-open #overlay {    display: block;}  .cd-morph-dropdown {	padding: 0;	text-align: center;	background-color: transparent;	float: left;  }  .cd-morph-dropdown::before {    content: 'desktop';visibility: hidden;display: none;  }  .cd-morph-dropdown .nav-trigger {    display: none;  }  .cd-morph-dropdown .main-nav {    display: inline-block;  }  .cd-morph-dropdown .main-nav > ul > li {    display: inline-block;    float: left;  }  .cd-morph-dropdown .main-nav > ul > li > a {  }  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li > a {    /* main navigation hover effect - on hover, reduce opacity of elements not hovered over */    opacity: .6;  }  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a {    opacity: 1;  }  .cd-morph-dropdown .morph-dropdown-wrapper {    /* dropdown wrapper - used to create the slide up/slide down effect when dropdown is revealed/hidden */    display: block;    top: 58px;    /* overwrite mobile style */    width: auto;    padding: 0;    box-shadow: none;    background-color: transparent;    /* Force Hardware acceleration */    -webkit-transform: translateZ(0);            transform: translateZ(0);    will-change: transform;    -webkit-transform: translateY(20px);        -ms-transform: translateY(20px);            transform: translateY(20px);    -webkit-transition: -webkit-transform .3s;    transition: -webkit-transform .3s;    transition: transform .3s;    transition: transform .3s, -webkit-transform .3s;  }  .cd-morph-dropdown.is-dropdown-visible .morph-dropdown-wrapper {    -webkit-transform: translateY(0);        -ms-transform: translateY(0);            transform: translateY(0);  }  .cd-morph-dropdown .dropdown-list {    position: absolute;    top: -10px;	left:-80px;    visibility: hidden;    -webkit-transform: translateZ(0);            transform: translateZ(0);    will-change: transform, width, height;    -webkit-transition: visibility .3s;    transition: visibility .3s;    border-radius: 18px;
  background: #E6EFFA;  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);  }  .no-csstransitions .cd-morph-dropdown .dropdown-list {    display: none;  }  .cd-morph-dropdown .dropdown-list::before {    /* dropdown top triangle */    content: '';    position: absolute;    bottom: 100%;    right: 50%;    left: auto;    opacity: 0;    -webkit-transition: opacity .9s;    transition: opacity .3s;					top: -6px;	width: 12px;	height: 12px;	transform: rotate(45deg);	border-radius: 4px 0 0 0;	background: linear-gradient(-45deg, #1F1B21 50%, #fff 0%) no-repeat scroll center center/cover;	box-shadow: -3px -3px 5px rgba(82,95,127,.04);				  }  .cd-morph-dropdown .dropdown-list > ul {    position: relative;    z-index: 1;    height: 100%;    width: 100%;    overflow: hidden;	padding:0;  border-radius: 18px;
  background: #E6EFFA;	margin:0  }  .cd-morph-dropdown.is-dropdown-visible .dropdown-list {    visibility: visible;    -webkit-transition: width .3s, height .3s, -webkit-transform .3s;    transition: width .3s, height .3s, -webkit-transform .3s;    transition: transform .3s, width .3s, height .3s;    transition: transform .3s, width .3s, height .3s, -webkit-transform .3s;  }  .cd-morph-dropdown.is-dropdown-visible .dropdown-list::before {    opacity: 1;  }  .cd-morph-dropdown .dropdown {    position: absolute;    right: 0;    top: 0;    opacity: 0;    visibility: hidden;    width: 100%;    -webkit-transition: opacity .3s, visibility .3s;    transition: opacity .3s, visibility .3s;  }  .cd-morph-dropdown .dropdown.active {    opacity: 1;    visibility: visible;  }  .cd-morph-dropdown .dropdown.move-left .content {    -webkit-transform: translateX(-100px);        -ms-transform: translateX(-100px);            transform: translateX(-100px);  }  .cd-morph-dropdown .dropdown.move-right .content {    -webkit-transform: translateX(100px);        -ms-transform: translateX(100px);            transform: translateX(100px);  }  .cd-morph-dropdown .label {    /* hide the label on bigger devices */    display: none;  }  .cd-morph-dropdown .content {    padding: 1em 1.8em;    -webkit-transition: -webkit-transform .3s;    transition: -webkit-transform .3s;    transition: transform .3s;    transition: transform .3s, -webkit-transform .3s;    text-align: right;  }  .cd-morph-dropdown .content > ul::after {    clear: both;    content: "";    display: block;  }  .cd-morph-dropdown .gallery .content {    /* you need to set a width for the .content elements because they have a position absolute */    width: 200px;    padding-bottom: .8em;  }  .cd-morph-dropdown .danawebdep .content {    /* you need to set a width for the .content elements because they have a position absolute */    width: 320px;    padding-bottom: .8em;  }  .cd-morph-dropdown .bg-layer {    /* morph dropdown background */    position: absolute;    top: 0;    left: 0;    height: 1px;    width: 1px;    border-radius: 18px;
  background: #E6EFFA;  background: #FFFFFF;    opacity: 0;    -webkit-transition: opacity .3s;    transition: opacity .3s;    -webkit-transform-origin: top left;        -ms-transform-origin: top left;            transform-origin: top left;    -webkit-transform: translateZ(0);            transform: translateZ(0);    will-change: transform;    -webkit-backface-visibility: hidden;            backface-visibility: hidden;  }  .cd-morph-dropdown.is-dropdown-visible .bg-layer {    opacity: 1;    -webkit-transition: opacity .3s, -webkit-transform .3s;    transition: opacity .3s, -webkit-transform .3s;    transition: transform .3s, opacity .3s;    transition: transform .3s, opacity .3s, -webkit-transform .3s;  }  .cd-morph-dropdown .content ul li {	margin: 10px 0;	font-family: vazir;	font-weight: 400;    -webkit-transition: all 0.5s ease-out;    -moz-transition: all 0.5s ease-out;    -o-transition: all 0.5s ease-out;    transition: all 0.5s ease-out;      direction: rtl;	 }  .cd-morph-dropdown .content ul li a {    -webkit-transition: all 0.5s ease-out;    -moz-transition: all 0.5s ease-out;    -o-transition: all 0.5s ease-out;    transition: all 0.5s ease-out;  }  .cd-morph-dropdown .content ul li:hover a { color:#00BAAC;    -webkit-transition: all 0.5s ease-out;    -moz-transition: all 0.5s ease-out;    -o-transition: all 0.5s ease-out;    transition: all 0.5s ease-out; }/* -------------------------------- Main site content-------------------------------- */.cd-main-content {  min-height: 100vh;  background-color: #548c7e;}@media only screen and (min-width: 1000px) {  .cd-main-content {    padding-top: 80px;  }}  .cd-morph-dropdown .danawebdep .content li.ddd { background:url(../image/danaweb-design-develope-logo.png) right center no-repeat; }	.cd-morph-dropdown .danawebdep .content li.ddd h1 {	color: #4DC900; }  .cd-morph-dropdown .danawebdep .content li.md { background:url(../image/danaweb-marketing-logo.png) right center no-repeat; }	.cd-morph-dropdown .danawebdep .content li.md h1 {	color: #00BCE1; }  .cd-morph-dropdown .danawebdep .content li.gd { background:url(../image/danaweb-graphic-logo.png) right center no-repeat; }	.cd-morph-dropdown .danawebdep .content li.gd h1 {	color: #7E23B1; }  .cd-morph-dropdown .danawebdep .content li.cd { background:url(../image/danaweb-content-logo.png) right center no-repeat; }	.cd-morph-dropdown .danawebdep .content li.cd h1 {	color: #EC7F00; }	  .cd-morph-dropdown .danawebdep .content li { padding: 5px 70px 5px 0px; }	.cd-morph-dropdown .danawebdep .content li h1 {font-size: 17px; }	.cd-morph-dropdown .danawebdep .content li p {font: normal 11px iransans; direction: rtl;}
.sticking .menu-button {
  top: 0px;
}
/**
 * Swiper 8.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 17, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;  align-items: center;}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.workflow {	background: #fff;
	padding-top: 30px;   }@media screen and (max-width:479px) {    .workflow {        padding-left: 20px;        padding-right: 20px    }}.workflow header {    border-bottom: 0}.workflow header:before {    background-image: url("../img/subscriptions/workflow/workflow.png")}@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {    .workflow header:before {        background-image: url("../img/subscriptions/workflow/workflow_402x.png");        -webkit-background-size: auto auto;        -moz-background-size: auto auto;        background-size: auto auto    }}.workflow h1,.workflow h2,.workflow h3 {    color: #004fa9}.workflow p,.workflow header p {    color: #004fa9;	font-size:13px;	line-height: 200%;	font-family:vazir;}.workflow .text p {    text-align: justify;}.workflow a {    color: #fff;    border-bottom: 1px solid rgba(255, 255, 255, 0.2);    padding-bottom: 1px}.workflow a:hover {    border-bottom-color: rgba(255, 255, 255, 0.4)}.workflow code {    font: 14px Menlo, Monaco, Consolas, "Andale Mono", monospace;    color: #fff;    background: rgba(189, 150, 193, 0.2);    padding: 3px 4px;    -webkit-border-radius: 5px;    border-radius: 5px;    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset}.workflow #flow-switcher {    position: relative;    z-index: 2;    height: 128px;    width: 720px;    margin: 0 auto;    background-image: url("../image/dot.png");    background-repeat: repeat-x;    background-position: center;	margin-top: 50px;}@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {    .workflow #flow-switcher {        -webkit-background-size: 14px 12px;        -moz-background-size: 14px 12px;        background-size: 14px 12px    }}@media screen and (max-width:479px) {    .workflow #flow-switcher {        width: auto;        height: 220px;        margin: 0 -20px    }}.workflow #flow-switcher>li {    float: right;    width: 128px;    height: 128px;    margin-right: 40px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    -webkit-border-radius: 20px;    border-radius: 20px;    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);    align-content: center;
  padding: 0 5px;    text-align: center;    line-height: 24px;    color: #fff;    cursor: pointer;    -webkit-transform: scale(0.8593);    -moz-transform: scale(0.8593);    -o-transform: scale(0.8593);    -ms-transform: scale(0.8593);    transform: scale(0.8593);    -webkit-transition: -webkit-transform 200ms;    -moz-transition: -moz-transform 200ms;    -o-transition: -o-transform 200ms;    -ms-transition: -ms-transform 200ms;    transition: transform 200ms;    position: relative;	font-size: 16px;	font-family:vazir;}@media screen and (max-width:479px) {    .workflow #flow-switcher>li {        -webkit-border-radius: 0;        border-radius: 0;        width: 20%;        height: 220px;        -webkit-transform: none !important;        -moz-transform: none !important;        -o-transform: none !important;        -ms-transform: none !important;        transform: none !important;        padding: 0;        margin: 0 !important    }    .workflow #flow-switcher>li span {        position: absolute;        -webkit-border-radius: 0;        border-radius: 0;        width: 190px;        height: 20px;        line-height: 20px;        left: 50%;        top: 50%;        margin: -10px 0 0 -95px;        -webkit-transform: rotate(-90deg);        -moz-transform: rotate(-90deg);        -o-transform: rotate(-90deg);        -ms-transform: rotate(-90deg);        transform: rotate(-90deg);        text-align: left;        font-size: 16px;        text-shadow: -1px 0 4px rgba(0, 0, 0, 0.2)    }    .workflow #flow-switcher>li br {        content: " "    }    .workflow #flow-switcher>li br:after {        content: " "    }}.workflow #flow-switcher>li:nth-of-type(1) {    background-color: #004fa9;    margin-right: -40px}.workflow #flow-switcher>li:nth-of-type(2) {    background-color: #004fa9}.workflow #flow-switcher>li:nth-of-type(3) {    background-color: #004fa9}.workflow #flow-switcher>li:nth-of-type(4) {    background-color: #004fa9}.workflow #flow-switcher>li:nth-of-type(5) {    background-color: #004fa9;    margin-left: -40px}.workflow #flow-switcher>li.done {    background:#616B77}
@media screen and (max-width:479px) {    .workflow #flow-switcher>li.done {        background-image: -webkit-linear-gradient(top right, rgba(162, 101, 162, 0.5) 20%, rgba(162, 101, 162, 0.9) 80%);        background-image: -moz-linear-gradient(top right, rgba(162, 101, 162, 0.5) 20%, rgba(162, 101, 162, 0.9) 80%);        background-image: -o-linear-gradient(top right, rgba(162, 101, 162, 0.5) 20%, rgba(162, 101, 162, 0.9) 80%);        background-image: -ms-linear-gradient(top right, rgba(162, 101, 162, 0.5) 20%, rgba(162, 101, 162, 0.9) 80%);        background-image: linear-gradient(to bottom left, rgba(162, 101, 162, 0.5) 20%, rgba(162, 101, 162, 0.9) 80%)    }}.workflow #flow-switcher>li:hover {    -webkit-transform: scale(0.95);    -moz-transform: scale(0.95);    -o-transform: scale(0.95);    -ms-transform: scale(0.95);    transform: scale(0.95)}.workflow #flow-switcher>li:active {    -webkit-transform: scale(0.92);    -moz-transform: scale(0.92);    -o-transform: scale(0.92);    -ms-transform: scale(0.92);    transform: scale(0.92)}.workflow #flow-switcher>li.active {    -webkit-transform: scale(1);    -moz-transform: scale(1);    -o-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1);    background-color: #16C4BB;}@media screen and (max-width:479px) {    .workflow #flow-switcher>li.active:after {        content: "";        position: absolute;        height: 0;        width: 0;        left: 50%;        margin-left: -12px;        bottom: -24px;        border: 12px solid transparent;        border-top-color: #00BAAD    }}.workflow #flow-boxes {    zoom: 1;    position: relative;    z-index: 1;    top: -64px;    margin-bottom: -64px;    background-color:#ECF1FB;    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);    overflow: hidden;    height: 364px}.workflow #flow-boxes:before,.workflow #flow-boxes:after {    content: "";    display: table}.workflow #flow-boxes:after {    clear: both}@media screen and (max-width:479px) {    .workflow #flow-boxes {        top: 0;        margin: 0 -20px 0 -20px;        height: auto    }}.workflow #flow-boxes>div {    width: 830px;    height: 180px;    margin: 0 auto;    position: absolute;    top: 80px;    left: 50%;    margin-left: -415px;    z-index: 4;    pointer-events: none}.workflow #flow-boxes>div.active {    z-index: 5;    pointer-events: auto}@media screen and (max-width:1012px) {    .workflow #flow-boxes>div {        width: 748px;        margin-left: -374px    }}@media screen and (max-width:479px) {    .workflow #flow-boxes>div {        position: static;        width: auto;        margin: 0;        padding: 30px 20px;        height: auto;        display: none    }    .workflow #flow-boxes>div.active {        display: block    }}.workflow #flow-boxes .codebox {    position: absolute;    top: 0;    bottom: 0}@media screen and (max-width:479px) {    .workflow #flow-boxes .codebox {        position: static    }}.workflow #flow-boxes .codebox,.workflow #flow-boxes .text,.workflow #flow-boxes .codebox-container {    opacity: 0;    -ms-filter: "alpha(opacity=0)";    -webkit-filter: alpha(opacity=0);    -moz-filter: alpha(opacity=0);    -ms-filter: alpha(opacity=0);    -o-filter: alpha(opacity=0);    filter: alpha(opacity=0);    will-change: opacity;    -webkit-transition: opacity 400ms, -webkit-transform 700ms;    -moz-transition: opacity 400ms, -moz-transform 700ms;    -o-transition: opacity 400ms, -o-transform 700ms;    -ms-transition: opacity 400ms, -ms-transform 700ms;    transition: opacity 400ms, transform 700ms;    -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.23, 1);    -moz-transition-timing-function: cubic-bezier(0.35, 0, 0.23, 1);    -o-transition-timing-function: cubic-bezier(0.35, 0, 0.23, 1);    -ms-transition-timing-function: cubic-bezier(0.35, 0, 0.23, 1);    transition-timing-function: cubic-bezier(0.35, 0, 0.23, 1);    pointer-events: none}@media screen and (max-width:479px) {    .workflow #flow-boxes .codebox,    .workflow #flow-boxes .text,    .workflow #flow-boxes .codebox-container {        display: none;        -webkit-transition: none !important;        -moz-transition: none !important;        -o-transition: none !important;        -ms-transition: none !important;        transition: none !important    }}.workflow #flow-boxes .codebox.hiddenLeft,.workflow #flow-boxes .text.hiddenLeft,.workflow #flow-boxes .codebox-container.hiddenLeft {    -webkit-transform: scale(0.85) translateX(-200px);    -moz-transform: scale(0.85) translateX(-200px);    -o-transform: scale(0.85) translateX(-200px);    -ms-transform: scale(0.85) translateX(-200px);    transform: scale(0.85) translateX(-200px)}.workflow #flow-boxes .codebox.hiddenRight,.workflow #flow-boxes .text.hiddenRight,.workflow #flow-boxes .codebox-container.hiddenRight {    -webkit-transform: scale(1.1) translate(150px);    -moz-transform: scale(1.1) translate(150px);    -o-transform: scale(1.1) translate(150px);    -ms-transform: scale(1.1) translate(150px);    transform: scale(1.1) translate(150px)}.workflow #flow-boxes .codebox.active,.workflow #flow-boxes .text.active,.workflow #flow-boxes .codebox-container.active {    opacity: 1;    -ms-filter: none;    -webkit-filter: none;    -moz-filter: none;    -ms-filter: none;    -o-filter: none;    filter: none;    pointer-events: auto}@media screen and (max-width:479px) {    .workflow #flow-boxes .codebox.active,    .workflow #flow-boxes .text.active,    .workflow #flow-boxes .codebox-container.active {        display: block    }}.workflow #flow-boxes .text.active {    z-index: 5}.workflow #flow-boxes .codebox-container {    -webkit-transition: opacity 200ms, -webkit-transform 400ms;    -moz-transition: opacity 200ms, -moz-transform 400ms;    -o-transition: opacity 200ms, -o-transform 400ms;    -ms-transition: opacity 200ms, -ms-transform 400ms;    transition: opacity 200ms, transform 400ms}.workflow #flow-boxes .codebox-container.hiddenLeft {    -webkit-transform: scale(0.5);    -moz-transform: scale(0.5);    -o-transform: scale(0.5);    -ms-transform: scale(0.5);    transform: scale(0.5)}.workflow #flow-boxes .codebox-container {    width: 440px;    background: #f5f7f9;    -webkit-border-radius: 5px;    border-radius: 5px;    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);    text-shadow: none;    overflow: hidden;    position: relative;    -webkit-transform: translateZ(0);    -moz-transform: translateZ(0);    -o-transform: translateZ(0);    -ms-transform: translateZ(0);    transform: translateZ(0);    height: 180px;    z-index: 10}@media screen and (max-width:479px) {    .workflow #flow-boxes .codebox-container {        width: auto;        margin: 0;        height: auto;        overflow: auto    }    .workflow #flow-boxes .codebox-container:after {        content: none    }}.workflow #flow-boxes .codebox-container:before {    content: "";    position: absolute;    left: 0;    top: 0;    bottom: 0;    width: 47px;    background: #ebeff3;    border-right: 1px solid #e3e7ea;    -webkit-border-radius: 5px 0 0 5px;    border-radius: 5px 0 0 5px}.workflow #flow-boxes .codebox-container:after {    content: "";    position: absolute;    left: 400px;    top: 0;    bottom: 0;    width: 40px;    background: -webkit-linear-gradient(left, rgba(245, 247, 249, 0), #f5f7f9);    background: -moz-linear-gradient(left, rgba(245, 247, 249, 0), #f5f7f9);    background: -o-linear-gradient(left, rgba(245, 247, 249, 0), #f5f7f9);    background: -ms-linear-gradient(left, rgba(245, 247, 249, 0), #f5f7f9);    background: linear-gradient(to right, rgba(245, 247, 249, 0), #f5f7f9);    -webkit-border-radius: 0 6px 6px 0;    border-radius: 0 6px 6px 0;    pointer-events: none;    z-index: 11}.workflow #flow-boxes .codebox-container pre {    white-space: pre;    font: 12px/19px Menlo, Monaco, Consolas, "Andale Mono", monospace;    margin: 0 0 0 48px;    padding: 0 20px;    display: inline-block;    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -o-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%)}@media screen and (max-width:479px) {    .workflow #flow-boxes .codebox-container pre {        position: relative;        top: 0;        -webkit-transform: none;        -moz-transform: none;        -o-transform: none;        -ms-transform: none;        transform: none;        padding: 20px    }}.workflow #flow-boxes .codebox-container pre:before {    content: "1 2 3 4 5 6 7 8";    position: absolute;    width: 10px;    left: -28px;    top: 0;    bottom: 0;    white-space: normal;    overflow: hidden;    text-align: right;    color: #c4c8cc}@media screen and (max-width:479px) {    .workflow #flow-boxes .codebox-container pre:before {        top: 20px;        bottom: 20px    }}.workflow #flow-boxes .codebox-container pre .url {    color: #4ba144}.workflow #flow-boxes .text {    position: absolute;    width: 100%;    right: 0;    top: 50%;    -webkit-transform: translateZ(0);    -moz-transform: translateZ(0);    -o-transform: translateZ(0);    -ms-transform: translateZ(0);    transform: translateZ(0);	direction:rtl}@media screen and (max-width:1012px) {    .workflow #flow-boxes .text {        width: 250px    }}@media screen and (max-width:479px) {    .workflow #flow-boxes .text {        position: static;        width: auto;        margin: 20px 0 0 0 !important    }}.workflow #flow-boxes .text.three-lines {    margin-top: -50px}.workflow #flow-boxes .text.four-lines {    margin-top: -62px}@media screen and (max-width:479px) {    .workflow #flow-boxes .text:before {        content: none    }}.workflow #flow-boxes .text h3 {
  margin-bottom: 5px;
  font-family: vazir;
  text-align: right;
  color: #004fa9;
  font-weight: 950;
  font-size: 2rem;
}@media screen and (max-width:479px) {    .workflow #flow-boxes .text h3:before {        content: none    }}.workflow #flow-boxes #automatic-renewals:after {    content: none}.workflow #flow-boxes #automatic-renewals .text {    width: 400px;    right: auto;    left: 50%;    margin-left: -120px}@media screen and (max-width:479px) {    .workflow #flow-boxes #automatic-renewals .text {        margin-top: 0 !important;        width: auto    }}.workflow #flow-boxes #automatic-renewals .text:before {    width: 130px;    height: 130px;    left: -160px;    top: -17px;    background: 0;    background-image: url("../img/subscriptions/workflow/renewals.png");    -webkit-background-size: 100% 100%;    -moz-background-size: 100% 100%;    background-size: 100% 100%}@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {    .workflow #flow-boxes #automatic-renewals .text:before {        background-image: url("../img/subscriptions/workflow/renewals_402x.png");        -webkit-background-size: 100% 100%;        -moz-background-size: 100% 100%;        background-size: 100% 100%    }}@media screen and (max-width:1012px) {    .workflow #flow-boxes #automatic-renewals .text:before {        top: -24px    }}@media screen and (max-width:479px) {    .workflow #flow-boxes #automatic-renewals .text:before {        content: "";        position: static;        float: right;        width: 100px;        height: 100px;        margin: -10px -10px 0 10px    }}.workflow #flow-boxes #automatic-renewals .text h3:before {    content: none}.workflow .columns {    margin-top: 55px;    -webkit-transform: translateZ(0);    -moz-transform: translateZ(0);    -o-transform: translateZ(0);    -ms-transform: translateZ(0);    transform: translateZ(0)}@media screen and (max-width:479px) {    .workflow .columns {        margin-top: 40px    }}.workflow .columns>li:first-child {    width: 537px}@media screen and (max-width:1012px) {    .workflow .columns>li:first-child {        width: 484px    }}@media screen and (max-width:479px) {    .workflow .columns>li:first-child {        width: auto    }}.workflow .columns .webhooks:before {    background-image: url("../img/subscriptions/workflow/webhooks.png")}
.sample-slider-swipercustomer .swiper-slide img {
  max-width: 120px;filter: grayscale(100%);
}


.elementor-widget-container {
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
  height: 100%;
  background-color: transparent;
  padding: 100px 0px 0px 0px;
  position: absolute;
  bottom: 0;
  z-index: 9999;
  width: 100%;
}
.section-separator {
  position: absolute;
  width: 100%;
  bottom: -1px;
}
.section-separator .separator-svg {
  width: 100%;
  fill: white;
}
.section-separator .separator-svg.mobile {
  display: none;
}
.separator-svg {
  fill: #fff !important;
}
.section-separator.has-link .centered-icon-holder {
  position: absolute;
  display: block;
  top: 5px;
  right: calc(50% - 22px);
  left: calc(50% - 22px);
  margin: 0 auto;
}
.wp-active-we-separator-icon-fading {
  animation-name: wp-active-we-separator-icon-fading;
  animation-delay: 0s;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
}
.section-separator .centered-icon svg {
  width: 44px;
  height: 44px;
  fill: #d4af37;
}
.cons_index #phone_index svg {
  fill: #fff;
  float: left;
  max-width: 18px;
  max-height: 18px;
  margin: 0 10px 0 0;
}
.cs_overlay {
  background: linear-gradient(90deg, #ffffff 0%, #ffffff00 22%, #ffffff00 72%, #ffffff 100%) !important;
  min-height: 100% !important;
  min-width: 100% !important;
  position: absolute !important;
  z-index: 2 !important;
}