@font-face {
	font-family: 'Vazir-Light';
	src: url("../fonts/Vazir-Light.woff") format('woff'),
		url("../fonts/Vazir-Light.ttf") format('truetype');
}

@font-face {
	font-family: 'Shabnam';
	src: url("../fonts/Shabnam.woff") format('woff'),
		url("../fonts/Shabnam.ttf") format('truetype');
}

@font-face {
	font-family: 'ShabnamBold';
	src: url("../fonts/Shabnam-bold.woff") format('woff'),
		url("../fonts/Shabnam-Bold.ttf") format('truetype');
}

@font-face {
	font-family: 'SahelBlack';
	src: url("../fonts/Sahel-Black.woff") format('woff'),
		url("../fonts/Sahel-Black.ttf") format('truetype');
}

@font-face {
	font-family: 'Sahel';
	src: url("../fonts/Sahel.woff") format('woff'),
		url("../fonts/Sahel.ttf") format('truetype');
}

@font-face {
	font-family: 'SahelBold';
	src: url("../fonts/Sahel-Bold.woff") format('woff'),
		url("../fonts/Sahel-Bold.ttf") format('truetype');
}
@font-face {
	font-family: 'IRANSans';
	src: url("../fonts/iransansweb.woff") format('woff'),
		url("../fonts/iransansweb.ttf") format('truetype');
}

body {
	font-family: "Sahel", "Shabnam", "SansPro", "Yekan", "Vazir-Light",
		"Tahoma", "helvetica neue", helvetica, arial, sans-serif,
		'Lato' !important;
	color: #000;
	font-size: 16px;
	font-weight: 300;
	background: #fff !important;
	overflow-x: hidden;
}

.mupra-font {
	font-family: "Sahel", "Shabnam", "SansPro", "Yekan", "Vazir-Light",
		"Tahoma", "helvetica neue", helvetica, arial, sans-serif,
		'Lato' !important;
}

html, body, header, footer, section {
	font-family: "Sahel", "Shabnam", "SansPro", "Yekan", "Vazir-Light",
		"Tahoma", "helvetica neue", helvetica, arial, sans-serif,
		'Lato' !important;
}

.rtl-dir {
	direction: rtl;
	text-align: right;
}

.ltr-dir {
	direction: ltr;
	text-align: left;
}
.txt-center{
	vertical-align: middle;
    text-align: center;
}

p {
	font-size: 14px;
	line-height: 35px;
}

a:hover, a:focus {
	color: #218eeb;
}

a {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.btn {
	font-size: 14px;
	padding: 10px 30px;
	border-radius: 0px;
	font-weight: 400;
	text-transform: uppercase;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	display: inline-block;
	font-family: "Sahel", "Shabnam", "SansPro", "Yekan", "Vazir-Light",
		"Tahoma", "helvetica neue", helvetica, arial, sans-serif, 'Lato';
}

button, .button, legend, select, span, label, input, optgroup, select,
	textarea {
	font-family: "Sahel", "Shabnam", "SansPro", "Yekan", "Vazir-Light",
		"Tahoma", "helvetica neue", helvetica, arial, sans-serif,
		'Lato' !important;
}
button, .button {
    font-size: 15px;
    color: #fff;
    background-color: #308EFF;
    min-height: 40px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    border: 1px solid transparent;
    vertical-align: middle;
    font-family: SahelBold !important;
}
.btn:focus {
	box-shadow: none;
	outline: none;
}

.btn-common {
	border: 2px solid #4676fa;
	background-color: #4676fa;
	position: relative;
	z-index: 1;
	border-radius: 4px;
}

.btn-common:hover {
	color: #4676fa;
	background-color: transparent;
	border: 2px solid #4676fa;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.btn-border {
	color: #fff;
	background-color: transparent;
	border: 2px solid #fff;
	border-radius: 4px;
}

.btn-border:hover {
	border: 2px solid #fff;
	color: #fff;
	background-color: #4676fa;
}

.btn-lg {
	padding: 14px 33px;
	text-transform: uppercase;
	font-size: 16px;
}

.btn-rm {
	padding: 7px 10px;
	text-transform: capitalize;
}

.clear {
	clear: both;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Sahel", "Shabnam", "SansPro", "Yekan", "Vazir-Light",
		"Tahoma", "helvetica neue", helvetica, arial, sans-serif,
		'Lato' !important;
	letter-spacing: 1px;
	line-height: 2;
}

h1 {
	font-size: 2em;
	font-weight: bolder;
}

h2 {
	font-size: 1.5em;
	font-weight: bolder;
}

h3 {
	font-size: 1.17em;
	font-weight: bolder;
}

h4 {
	font-size: 1em;
	font-weight: bolder;
}

ul {
	margin: 0;
	padding: 0;
}

a:hover, a:focus {
	text-decoration: none;
	outline: none;
}

a
:not
 
(
[
href
]
 
)
:not
 
(
[
tabindex
]
 
)
{
color
:
 
#fff
;


}
a:not ([href] ):not ([tabindex] ):focus, a:not ([href] ):not ([tabindex]
	 ):hover {
	color: #4676fa;
}

.section {
	padding: 80px 0;
}

.section-header {
	color: #fff;
	margin-bottom: 40px;
	text-align: center;
}

.section-header .section-title , .terms-title {
	font-size: 22px;
	margin-top: 0;
	text-transform: uppercase;
	font-weight: 900;
	position: relative;
	color: #424277;
	font-family: "SahelBold" !important;
}
.section-header .section-subtitle {
	margin-top: 15px;
	color: #333;
	font-size: 14px;
	font-weight: 400;
}

.section-header .lines {
	margin: 16px 0;
	width: 14%;
	position: relative;
	border-top: 2px solid #424277;
	margin-top: 15px;
}

.section-header .lines:before {
	position: absolute;
	content: "";
	display: inline-block;
	height: 10px;
	width: 10px;
	top: -10px;
	border: 4px solid #fff;
	border-radius: 50%;
	background: #4676fa;
	left: 49%;
}
/* ==========================================================================
   Navbar Style
   ========================================================================== */
.bg-faded {
	background-color: #fff;
}

.logo-menu a {
	font-size: 20px;
	color: #fff;
}

.logo-menu .logo {
	width: 72px;
	height: 105px;
	background: url(../img/splash_logo.png) no-repeat top center/70px;
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	text-indent: -200px;
	font-size: 0;
	outline: 0;
}

.empty-page-logo .logo {
	width: 72px;
	height: 105px;
	background: url(../img/splash_logo.png) no-repeat top center/70px;
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	text-indent: -200px;
	font-size: 0;
	outline: 0;
	right: 0;
	margin: auto;
}

.gateway-logo {
	float: right;
	margin-top: -57px;
	margin-bottom: 19px;
	padding-right: 22px;
	direction: rtl !important;
}

.gateway-logo .logo {
	width: 72px;
	height: 105px;
	background: url(../img/logo-white.svg) no-repeat bottom center/70px;
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	text-indent: -200px;
	font-size: 0;
	outline: 0;
	right: 0;
	margin: auto;
}

.gateway-box .empty-page-logo {
	display: none;
}

.gateway-box .empty-page-logo .logo {
	width: 72px;
	height: 105px;
	background: url(../img/logo-white.svg) no-repeat top center/70px
		!important;
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	text-indent: -200px;
	font-size: 0;
	outline: 0;
	right: 0;
	margin: unset;
}

.tariffs .logo-menu .logo, .contact-us .logo-menu .logo, .faq .logo-menu .logo,
	.landing .logo-menu .logo, .terms .logo-menu .logo
	/*,.receipt .empty-page-logo .logo*/ {
	background: url(../img/logo-white.svg) no-repeat top center/70px;
}

.menu-bg .logo-menu .logo {
	width: 72px;
	height: 77px;
	background: url(../img/splash_logo.png) no-repeat top center/47px;
}

.menu-bg {
	background-color: #fff !important;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0
		rgba(0, 0, 0, 0.12);
	z-index: 999;
	padding: 3px;
}

.menu-bg .menu-button {
	top: 0;
}

.menu-bg .logo-menu a {
	color: #4676fa;
}

.menu-button {
	color: #fff;
}

.about-us .menu-button, .pay-merchant .menu-button {
	color: #000;
}

.menu-button:hover {
	cursor: pointer;
	color: #34348d;
}

.icon-list a, .icon-list .dropdown-toggle {
	color: #373767 !important;
}

.close-button {
	cursor: pointer;
}

.navbar-light .navbar-nav .nav-item {
	margin-left: 15px;
}

.navbar-light .navbar-nav .nav-link {
	color: #0d3559;
	padding: 7px 0px;
	margin-left: 5px;
	position: relative;
	font-size: 15px;
	letter-spacing: 0.3px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover,
	.navbar-light .navbar-nav .nav-link:hover:before {
	color: #4676fa;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active,
	.navbar-light .navbar-nav .nav-link.active:before, .navbar-light .navbar-nav .nav-link.open,
	.navbar-light .navbar-nav .open>.nav-link {
	color: #4676fa;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.navbar-light .navbar-toggler {
	border-color: #333;
	border-radius: 0px;
}

.navbar-light .navbar-toggler {
	float: right;
	margin: 10px;
}

.navbar-light .navbar-toggler i {
	color: #333 !important;
}

.navbar {
	padding: 0.5rem 0.7rem
}
/* ==========================================================================
   Hero Area Style
   ========================================================================== */
#hero-area {
	background: url(../img/hero-area.jpg) fixed no-repeat;
	background-size: cover;
	color: #fff;
	overflow: hidden;
	position: relative;
}

#hero-area .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #4676fa;
	opacity: 0.7;
	filter: alpha(opacity = 70);
}

#hero-area .contents {
	padding: 160px 0 80px;
}

#hero-area .contents h1 {
	color: #fff;
	margin-bottom: 25px;
}

#hero-area .contents p {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.5px;
}

#hero-area .contents .btn {
	margin: 20px 10px;
	text-transform: uppercase;
}

#hero-area .banner_bottom_btn {
	margin-top: 40px;
}

#hero-area .banner_bottom_btn i {
	color: #fff;
	font-size: 48px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#hero-area .banner_bottom_btn i:hover {
	color: #4676fa;
}
/* ==========================================================================
   Slider Area
   ========================================================================== */
#slider-area {
	margin-top: -1px;
}

#slider-area h1 {
	font-weight: 100;
	font-size: 30px;
	line-height: 36px;
	text-transform: uppercase;
}

#slider-area p {
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
}

#slider-area .sticky-navigation {
	background: transparent;
}

#slider-area .btn {
	margin-right: 15px;
}

#slider-area .large_white {
	color: #fff;
}
/* ==========================================================================
   Video Background
   ========================================================================== */
#video-area {
	overflow: hidden;
	position: relative;
}

#video-area .contents {
	padding: 130px 0 60px;
	min-height: 100vh;
}

.terms header#video-area .contents, .faq header#video-area .contents {
	padding: 130px 0 60px !important;
	min-height: 35vh;
}

#video-area .contents li {
	list-style: none
}

#video-area .contents ol>li {
	list-style: arabic-indic;
	line-height: 2.5;
	text-align: justify;
	margin-right: 20px;
}

#video-area .contents ol ul>li {
	list-style: disc !important;
	line-height: 2.5;
}

#video-area .contents h1, .header-pages {
	color: #434343;
	margin-bottom: 25px;
	line-height: 70px;
}

.allpages-bg #video-area .contents h1.bb-header {
	font-family: "SahelBlack", "Shabnam", "SansPro", "Yekan", "Vazir-Light",
		"Tahoma", "helvetica neue", helvetica, arial, sans-serif,
		'Lato' !important;
	color: #292d34;
	/* line-height: 90px; */
	font-size: 37px;
}

.allpages-bg #video-area .contents h1.down-sub-header {
	font-size: 21px;
}

.allpages-bg #video-area .contents h1.down-sub-header:nth-child(1) {
	color: #7a7272;
}

.tariffs #video-area .contents h1, .header-pages, .contact-us #video-area .contents h1,
	.terms #video-area .contents h1, .faq #video-area .contents h1,
	.landing #video-area .contents h1 {
	color: #fff;
}

.allpages-bg #video-area .contents h1, .header-pages {
	margin-bottom: 10px;
	font-family: SahelBold !important;
}

.tariffs #video-area .contents p.sub-header, .contact-us  #video-area .contents p.sub-header
	{
	color: #fff;
	font-size: 21px !important;
	margin-top: 20px;
}

.tariffs #video-area .contents p {
	color: #000;
}

.contact-us  #video-area .contents p.sub-header strong {
	color: #c5e7ff;
	font-size: 21px;
}

.allpages-bg #video-area .contents {
	padding: 50px 0 60px;
}

.allpages-bg.terms #video-area header .contents, .allpages-bg.faq #video-area header .contents,
	.allpages-bg.landing #video-area header .contents {
	padding: 160px 0 60px;
}

.allpages-bg.download #video-area .contents {
	padding: 87px 0 60px;
}

.faq #video-area .contents h1 {
	display: inline-block;
	font-size: 27px;
	line-height: 77px;
	margin: 27px 70px;
}

.faq #video-area .contents h1 a {
	color: #fff;
}

.faq #video-area .contents h1 a:after {
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	border-width: 0 0 1px;
	border-style: solid;
}

@media ( max-width : 1024px) and (min-width: 768px) {
	.faq #video-area .contents h1 {
		margin: 25px 25px;
		font-size: 22px;
		line-height: 58px;
	}
	.merchant-menu .col-md-3 {
	    ms-flex: 0 0 33%;
	    flex: 0 0 33%;
	    max-width: 33%;
	}
	.section-header .section-title, .terms-title {
	    font-size: 22px !important;
	}
}

@media ( min-width : 1024px) and (max-width: 1200px) {
	.faq #video-area .contents h1 {
		margin: 27px 30px;
		font-size: 24px;
		line-height: 58px;
	}
	.merchant-menu .col-md-3 {
	    ms-flex: 0 0 33%;
	    flex: 0 0 33%;
	    max-width: 33%;
	}
}

@media ( max-width : 480px) and (min-width: 320px) {
	.faq #video-area .contents h1 {
		font-size: 18px;
		line-height: 32px;
		margin: 18px 8px;
	}
}

#video-area .contents p, #video-area .contents ul {
	font-size: 19px;
	color: #333;
	font-weight: 400;
	line-height: 35px;
	letter-spacing: 0.5px;
}

.terms #video-area .contents p, .faq #video-area .contents p, .landing  #video-area .contents p,
	.landing #video-area .contents ul {
	font-size: 18px;
	line-height: 40px;
}
.landing-btn{
	text-align: center;
    margin: 44px auto 0;
}
.landing-btn .start-btn{
    padding: 5px 64px;
    font-family: SahelBold !important;
}
.contact-us #video-area .contents p, .contact-us #video-area .contents p a
	{
	color: #fff;
}

#video-area .contents .btn {
	margin: 20px 10px;
	text-transform: uppercase;
}

#video-area .banner_bottom_btn {
	margin-top: 40px;
}

#video-area .banner_bottom_btn i {
	color: #fff;
	font-size: 48px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#video-area .banner_bottom_btn i:hover {
	color: #4676fa;
}

.overlay-2 {
	background: rgba(0, 0, 0, 0.7) !important;
}
/* ==========================================================================
   About Section Style
   ========================================================================== */
#about {
	position: relative;
	background: #f2f2f2;
}

.item-boxes {
	text-align: center;
	padding: 15px;
	border-radius: 4px;
	margin-bottom: 15px;
	webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.item-boxes .icon {
	width: 60px;
	height: 60px;
	text-align: center;
	border: 1px solid #4676fa;
	display: inline-block;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 15px;
	webkit-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.item-boxes .icon i {
	font-size: 30px;
	line-height: 60px;
	color: #4676fa;
}

.item-boxes h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	font-family: "Sahel", "Shabnam", "SansPro", "Yekan", "Vazir-Light",
		"Tahoma", "helvetica neue", helvetica, arial, sans-serif, 'Lato';
}

.item-boxes:hover {
	background: #fff;
	box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.15);
}

#services {
	position: relative;
	background: #f2f2f2;
}
/* ==========================================================================
   Features Section Style
   ========================================================================== */
#features {
	background: #fff;
}

#features .icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 4px;
	text-align: center;
	position: relative;
	z-index: 1;
}

#features .content-left {
	position: relative;
	top: 60px;
}

#features .content-left span {
	float: right;
	margin-left: 25px;
}

#features .content-right {
	position: relative;
	top: 60px;
}

#features .content-right span {
	float: left;
	margin-right: 25px;
}

#features .box-item {
	padding-bottom: 30px;
}

#features .box-item .icon {
	border: 1px solid #4676fa;
	text-align: center;
	margin: 12px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#features .box-item .icon i {
	color: #4676fa;
	font-size: 24px;
	line-height: 60px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#features .box-item .text h4 {
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	font-family: "SansPro", "Yekan", "Vazir-Light", "Tahoma",
		"helvetica neue", helvetica, arial, sans-serif, 'Lato';
}

#features .box-item .text p {
	font-size: 14px;
	line-height: 26px;
}

#features .box-item:hover .icon {
	background: #4676fa;
}

#features .box-item:hover .icon i {
	color: #ffffff;
}

#features .show-box {
	padding: 80px 0px 0px;
}

#features .show-box img {
	width: 100%;
}
/* ==========================================================================
   Screenshots Section Start
   ========================================================================== */
#screenshots {
	background: #f2f2f2;
}

.shot-item {
	margin-right: 15px;
	padding: 8px;
	border-radius: 4px;
	background: #fff;
}

.shot-item img {
	width: 100%;
}

.shot-item .overlay {
	display: block;
	position: relative;
}

.shot-item .overlay:before, .shot-item .overlay:after {
	position: absolute;
	content: "";
	height: 30%;
	width: 30%;
	background: #346afe;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.shot-item .overlay:before {
	top: 0;
	left: 0;
	z-index: 1;
}

.shot-item .overlay:after {
	bottom: 0;
	right: 0;
	z-index: 1;
}

.shot-item:hover .overlay:before {
	height: 50%;
	width: 100%;
	opacity: 0.8;
}

.shot-item:hover .overlay:after {
	height: 50%;
	width: 100%;
	opacity: 0.8;
}

.overlay .item-icon {
	height: 48px;
	width: 48px;
	line-height: 48px;
	color: #fff;
	left: 50%;
	margin-left: -24px;
	margin-top: -24px;
	top: 50%;
	position: absolute;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	cursor: pointer;
	text-align: center;
	font-size: 24px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.shot-item:hover .item-icon {
	visibility: visible;
	opacity: 1;
}
/* ==========================================================================
   Portfolio Section
   ========================================================================== */
#portfolios {
	background: #f2f2f2;
}

#portfolios .mix {
	padding: 10px;
}

#portfolios .portfolio-item .shot-item {
	margin: 0px;
}

#portfolio-list .mix {
	display: none;
}

.controls {
	text-align: center;
	padding: 0px 0px 20px;
}

.controls .mixitup-control-active {
	color: #4676fa !important;
	border-color: #4676fa;
	background: transparent;
}

.controls .btn {
	text-transform: uppercase;
	margin: 2px;
}

.controls:hover {
	cursor: pointer;
}

.portfolio-img {
	overflow: hidden;
	display: block;
	position: relative;
}

.portfolio-img img {
	width: 100%;
}

.portfoli-content {
	width: 100%;
	position: absolute;
	height: 100%;
	opacity: 0;
	top: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
	transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.portfoli-content:before {
	background-color: rgba(1, 3, 7, 0.8);
	top: 0px;
	left: 0px;
	bottom: 15px;
	right: 30px;
	content: '';
	position: absolute;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}

.faq .terms-title {
	font-size: 21px;
}

.tariffs-title {
    line-height: 1;
    font-family: SahelBold !important;
    color: #fff;
    margin: 0;
    text-align: center;
}
.tariffs-col h2{
    font-family: SahelBold !important;
    font-size: 22px;
    margin:20px 0 0;
}
.tariffs-col p{
    color:#808080!important;
}
.free-version {
    background-color: transparent;
    position: absolute;
    top: -111px;
    left: 0;
}

.free-version h3 {
	font-size: 20px;
	line-height: 1.7;
	border: 3px solid #fff;
	color: #fff;
	font-weight: 700;
	padding: 15px 16px 0px;
	border-radius: 11px;
	border-bottom: none;
	text-align: center;
}

.wrap {
	margin: 16px auto;
	max-width: 100%;
	padding: 0 20px;
	position: relative;
	width: 50rem;
	overflow: auto;
}

.wrap  * {
	line-height: 2 !important;
}

.sup-desc-wrap {
	display: table;
	width: 100%;
	height: 100%;
}

.sup-desc-wrap .sup-desc-inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 0 35px;
}

.sup-desc-wrap .sup-meta-wrap .sup-title {
	display: block;
	outline: none;
	margin-bottom: 10px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.sup-desc-wrap .sup-meta-wrap .sup-title h4 {
	font-size: 22px;
	color: #fff;
	margin: 0 0 5px;
	line-height: 26px;
	text-transform: uppercase;
	font-weight: 100;
}

.sup-desc-wrap .sup-meta-wrap .sup-description {
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.portfolio-item:hover .portfoli-content, .portfolio-item:hover .portfoli-content:before
	{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.portfolio-item:hover .sup-title {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.portfolio-item:hover .sup-description {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
/* ==========================================================================
   Video promo Style
   ========================================================================== */
.video-promo {
	background: url(../img/bg_2.jpg) fixed;
	background-position: cover;
	position: relative;
}

.video-promo .video-promo-content {
	color: #fff;
}

.video-promo .video-promo-content h2 {
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
}

.video-promo .video-promo-content p {
	margin-bottom: 30px;
}

.video-promo .video-promo-content .video-popup {
	min-width: 120px;
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 20px;
	color: #fff;
	display: inline-block;
	font-size: 38px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.video-promo .video-promo-content .video-popup:hover {
	background: #4676fa;
	border-color: #4676fa;
	color: #fff;
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #4676fa; <!--
	background: url('../../w3images/app.jpg') fixed no-repeat !important;
	-->
	opacity: 0.7;
	filter: alpha(opacity = 70);
}
/* ==========================================================================
    Pricing Table
    ========================================================================== */
.pricing-table {
	padding: 20px 20px 40px 20px;
	margin: 0 auto;
	margin-bottom: 30px;
	border: transparent;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
}

.pricing-table:hover {
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
}

.pricing-table .icon {
	font-size: 26px;
	color: #4676fa;
	border: 1px solid #4676fa;
	border-radius: 4px;
	width: 64px;
	height: 64px;
	text-align: center;
	line-height: 64px;
	margin: 30px auto;
}

.pricing-table .pricing-details h2 {
	font-size: 22px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

.pricing-table .pricing-details span {
	display: inline-block;
	font-size: 28px;
	font-weight: 400;
	color: #4676fa;
	margin-bottom: 20px;
}

.pricing-table .pricing-details ul {
	margin-bottom: 35px;
}

.pricing-table .pricing-details ul li {
	padding: 10px;
	font-size: 15px;
	border-bottom: 1px solid #eee;
}

.table-left {
	margin-top: 20px;
}
/* ==========================================================================
   Counter Section Style
   ========================================================================== */
.counters {
	background: url(../img/bg1.jpg) fixed;
	position: relative;
}

.counters .facts-item {
	text-align: center;
	color: #fff;
}

.counters .facts-item .icon {
	margin-bottom: 20px;
}

.counters .facts-item .icon i {
	font-size: 50px;
	color: #fff;
}

.counters .facts-item .fact-count h3 {
	font-size: 35px;
	color: #fff;
	margin-bottom: 15px;
}

.counters .facts-item .fact-count h4 {
	font-size: 20px;
	color: #fff;
}
/* ==========================================================================
   Testimonial Section Style
   ========================================================================== */
#testimonial {
	background: #f2f2f2;
}

.testimonial-item {
	text-align: center;
}

.testimonial-item img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.testimonial-item .testimonial-text h3 {
	font-size: 16px;
	font-weight: 100;
	text-transform: uppercase;
}

.testimonial-item .testimonial-text span {
	font-size: 15px;
	color: #999;
}

.testimonial-item .testimonial-text p {
	font-size: 14px;
	font-weight: 400;
	padding: 20px 10px 20px 10px;
	letter-spacing: 1px;
	margin: 0;
	line-height: 1.5;
	color: #999;
}

.owl-theme .owl-controls .owl-page span {
	background: #4676fa;
}

.owl-theme .owl-controls {
	margin-top: 20px;
}
/* ==========================================================================
   Download 
   ========================================================================== */
#download {
	background-image: linear-gradient(120deg, #89f7fe 0%, #4676fa 100%);
	width: 100%;
}

#download .section-title {
	direction: rtl;
	color: #fff;
}

.btn {
	margin: 10px;
}

.btn i {
	margin-right: 5px;
}
/* ==========================================================================
   Blog 
   ========================================================================== */
#blog .blog-item-wrapper {
	background: #fff;
	border-radius: 0px;
	margin-bottom: 30px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
	-webkit-transition: transform 0.2s linear, -webkit-box-shadow 0.2s
		linear;
	-moz-transition: transform 0.2s linear, -moz-box-shadow 0.2s linear;
	transition: transform 0.2s linear, box-shadow 0.2s linear;
}

#blog .blog-item-wrapper:hover {
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}

#blog .blog-item-wrapper:hover .blog-item-img:before {
	opacity: 1;
	height: 100%;
	width: 100%;
}

#blog .blog-item-img {
	position: relative;
}

#blog .blog-item-img img {
	width: 100%;
}

#blog .blog-item-img:before {
	width: 50%;
	height: 50%;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(70, 118, 250, 0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

#blog .blog-item-text {
	border: 1px solid #f1f1f1;
	padding: 20px;
}

#blog .blog-item-text .meta-tags {
	margin-bottom: 10px;
}

#blog .blog-item-text .meta-tags span {
	color: #999;
	margin-right: 10px;
}

#blog .blog-item-text .meta-tags span i {
	margin-right: 5px;
}

#blog .blog-item-text .meta-tags span a {
	color: #999;
}

#blog .blog-item-text .meta-tags span a:hover {
	color: #4676fa;
}

#blog .blog-item-text h3 {
	line-height: 26px;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}

#blog .blog-item-text h3 a {
	color: #333;
}

#blog .blog-item-text h3 a:hover {
	color: #4676fa;
}

#blog .blog-item-text p {
	line-height: 25px;
	margin-bottom: 20px;
}
/* ==========================================================================
    Contact Us
    ========================================================================== */
.form-control {
	width: 100%;
	margin-bottom: 20px;
	padding: 18px;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-family: "SansPro", "Yekan", "Vazir-Light", "Tahoma",
		"helvetica neue", helvetica, arial, sans-serif, 'Lato';
}

.form-control:focus {
	box-shadow: none;
	outline: none;
}

.btn.disabled, .btn:disabled {
	opacity: 1;
}

#contact {
	background: #f2f2f2;
}

#contact .contact-block {
	background: #fff;
	padding: 30px;
	overflow: hidden;
}

#contact #contactForm {
	margin-top: 30px;
}

.text-danger {
	font-size: 14px;
	margin-top: 10px;
}

.list-unstyled li {
	color: #d9534f;
}
/* ==========================================================================
    Subscribe Style
    ========================================================================== */
#subscribe form input {
	background: #ffffff;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: none;
	color: #999999;
	height: 50px;
	padding: 0 20px;
	width: 100%;
}

#subscribe form input:focus {
	border: 1px solid #4676fa;
}

#subscribe .sub_btn {
	border: none;
	line-height: 44px;
	margin: 0;
	font-size: 15px;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	min-width: 150px;
	color: #fff;
	top: 0;
	height: 50px;
	background: #4676fa;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-family: "SansPro", "Yekan", "Vazir-Light", "Tahoma",
		"helvetica neue", helvetica, arial, sans-serif, 'Lato';
	cursor: pointer;
}
/* ==========================================================================
   Footer Style
   ========================================================================== */
footer {
	background: #fff;
	padding: 60px 0px 30px;
	text-align: center;
	border-top: 1px solid #eaeaea;
}

.site-info p {
	line-height: 34px;
	color: #44464a;
}

.site-info.footer-copyright p {
	color: rgba(0, 0, 0, .4);
}

.site-info p a {
	color: #fff;
}

.site-info p a:hover {
	color: #4676fa;
}

.social-icons {
	margin-bottom: 20px;
}

.social-icons ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-icons ul li {
	display: inline;
}

.social-icons ul li a {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	border-radius: 4px;
	border: 1px solid rgba(0, 123, 182, 0.7);
	line-height: 40px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 16px;
}
@media ( min-width : 768px) and (max-width: 888px) {
	.social-icons ul li a {
	    line-height: 29px;
	    width: 29px;
	    height: 29px;
		}
}
@media ( min-width : 888px) and (max-width: 1024px) {
	.social-icons ul li a {
	    line-height: 35px;
	    width: 35px;
	    height: 35px;
		}
}
.social-icons ul li a:hover {
	color: #1275b3;
}

.facebook a {
	color: #4867aa;
}

.facebook a:hover {
	background: #4867aa;
}

.twitter a {
	color: #1da1f2;
}

ul:not (.social ) .twitter a:hover {
	background: #1da1f2;
}

.instagram a {
	color: #1da1f2;
}

ul:not (.social ) .instagram a:hover {
	background: #1da1f2;
}

.google-plus a {
	color: #dd4d42;
}

.google-plus a:hover {
	background: #dd4d42;
}

.youtube a {
	color: #df2926;
}

ul:not (.social ) .youtube a:hover {
	background: #df2926;
}

.linkedin a {
	color: #1da1f2;
}

.website a, .telegram a ,.aparat a{
	color: #1da1f2;
}

ul:not (.social ) .linkedin a:hover, ul:not (.social ) .aparat a:hover {
	background: #1da1f2;
}
.aparat a img{
	width: 15px;
    height: auto;
    }
.pinterest a {
	color: #bd081c;
}

.pinterest a:hover {
	background: #bd081c;
}

.dribbble a {
	color: #ea4c89;
}

.dribbble a:hover {
	background: #ea4c89;
}

.behance a {
	color: #0b7cff;
}

.behance a:hover {
	background: #0b7cff;
}

.subscribe-box {
	margin-top: 18px;
}

.subscribe-box input[type="text"] {
	color: #444;
	font-size: 12px;
	padding: 6px 12px;
	border: none;
	background: #fff;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	outline: none;
}

.subscribe-box input[type="submit"] {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	background: #4676fa;
	text-transform: uppercase;
	border: none;
	padding: 7px 16px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	font-family: "SansPro", "Yekan", "Vazir-Light", "Tahoma",
		"helvetica neue", helvetica, arial, sans-serif, 'Lato';
	cursor: pointer;
}

.back-to-top {
	display: none;
	position: fixed;
	bottom: 18px;
	right: 15px;
}

.back-to-top i {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 4px;
	background-color: #4676fa;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f6f6f6;
	z-index: 9999999999;
}

.spinner {
	width: 200px;
	height: 200px;
	top: 30%;
	position: relative;
	margin: 0px auto;
}

.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	background: url(../img/splash_logo.png) no-repeat center/100px;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: breathing 3s ease-out infinite normal;
	animation: breathing 3s ease-out infinite normal;
	-webkit-font-smoothing: antialiased;
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.txt {
	text-align: center;
	direction: rtl;
}

h1.w3-jumbo {
	color: #fff;
}

.body {
	dir: rtl;
}

.invoice-head td {
	padding: 0 8px;
}

.invoice-body {
	background-color: #fff;
	width: 600px;
	margin: auto;
	filter: drop-shadow(rgba(277, 77, 78, 0.5) 0px 2px 2px);
    -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 2px 2px);
    position: relative;
}
.invoice-body thead {
    background: linear-gradient(90deg, rgba(230,230,230,1) 70%, rgba(45,123,255,1) 70%);
}
.invoice-body thead tr {
    background: linear-gradient(90deg, rgba(230,230,230,1) 70%, rgba(45,123,255,1) 70%);
}
.invoice-body tr {
	padding: 13px;
	border-bottom: 1px dashed #eee !important;
}

.invoice-body .table {
	margin-bottom: 0;
}

.invoice-body .table thead th {
	color: #6c757d;
}

.action-btn img {
	height: 21px;
	width: auto;
}

.action-btn .w3-btn, .action-btn input {
	line-height: 38px;
	border-radius: 5px;
	width: 32.4%;
	margin: 1px 0px;
	text-align: center;
	max-width: 100%;
	font-weight: bold;
    font-size: 11px;
    padding: 6px 10px !important;
}
.action-btn a.w3-btn:nth-child(2){
	margin:1px 6px;
}
.pay-merchant .action-btn:not(.btn-Pay-full) .w3-btn, .pay-merchant .action-btn:not(.btn-Pay-full)  input {
    width: 48.4%;
}
.action-btn a.w3-btn:nth-child(1){
	margin-left:10px;
}
.action-btn.btn-Pay-full div {
	width: 100%;
	font-size: 16px;
}

.action-btn input {
	padding: 6px 0;
	font-family: IRANSans, Yekan, Tahoma !important;
	font-size: 14px;
}

.zig-zag-bottom {
	width: 100%;
	margin: auto auto 2rem;
	filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 2px 1px);
	-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 2px 1px);
	text-align: center;
}

.zig-zag-bottom:after {
	content: "";
	background: linear-gradient(-45deg, transparent 16px, #fff 0),
		linear-gradient(45deg, transparent 16px, #fff 0);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 22px 32px;
	display: block;
	width: 100%;
	height: 16px;
	position: relative;
	top: 10px;
	left: 0px;
}

.zig-zag-bottom h2 {
	margin: 0 2px;
	font-size: 16px;
	padding: 20px;
	font-weight: bold;
}

.zig-zag-top {
	width: 100%;
	text-align: center;
}

.zig-zag-top:before {
	content: '';
	display: block;
	width: 100%;
	height: 16px;
	background: repeating-linear-gradient(-135deg, transparent, transparent 50%, #fff
		50%, #fff) top,
		repeating-linear-gradient(135deg, transparent, transparent 50%, #fff 50%
		, #fff) top;
	background-size: 22px 32px;
	background-repeat: repeat-x;
	box-shadow: 0 -100px /* or bigger */ 0 100px transparent;
	top: -16px;
	position: relative;
}

.header-menu {
	display: none;
	padding: 20px 0;
}

.menu-bg .nav-top-link {
	color: #373767;
}

.menu-bg .nav-top-link:visited {
	color: #373767;
}

.header-menu-btn {
	width: auto;
	height: auto;
	padding-top: 9px;
	display: inline-block;
	top: 15px;
	position: absolute;
	left: 22px;
}

.navbar-nav-top {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.nav-item-top {
	border-radius: 6px;
	padding: 6px 10px 11px;
	position: relative
}

.nav-item-top.login .nav-top-link {
	color: #fff !important;
	font: 800 15px/24px Sahel;
	width: 90px;
	font-family: "Sahel", "Shabnam", "SansPro", "Yekan", "Vazir-Light",
		"Tahoma", "helvetica neue", helvetica, arial, sans-serif, 'Lato';
}

.menu-bg .nav-item-top.login .nav-top-link {
	color: #373767 !important;
}

.nav-item-top:hover {
	visibility: visible;
	opacity: 1;
	color: #218eeb
}

.nav-top-link {
	color: #373767 !important;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 25px;
	display: block;
	font-size: 14px;
	-webkit-transition: color .2s ease-in-out, border-color .2s ease-in-out;
	transition: color .2s ease-in-out, border-color .2s ease-in-out;
	cursor: pointer;
	min-width: max-content;
}

.nav-top-link:visited {
	color: #373767;
}

.nav-top-link {
	display: block;
	padding: .5rem 0.5rem
}

.nav-top-link:focus, .nav-top-link:hover {
	text-decoration: none
}

@media ( min-width :768px) {
	.container {
		max-width: 860px;
	}
	.header-menu {
		display: block
	}
	.header-menu-btn {
		display: none
	}
	.tariffs-content .col-md-5:first-child .tariffs-col {
		float: left;
	}
	.tariffs-content .col-md-5:nth-child(2) .tariffs-col {
		float: right;
	}
	.section-header-white.allpages-bg.tariffs:before {
		top: 0;
		height: 100%;
		background: url(../img/Tariff.svg) center top/contain no-repeat
			!important;
	}
	.section-header-white.allpages-bg.contact-us:before {
		top: 0;
		height: 100%;
		background: url(../img/contact-us.svg) no-repeat left bottom !important;
		background-size: cover !important;
	}
	.section-header-white.allpages-bg.download:before {
		top: -80px !important;
		height: 100%;
		background: url(../img/Mupra-Application.svg) no-repeat center/1095px
			!important;
		background-size: contain !important;
		content: '';
		max-width: 1095px;
	}
	.header-logo.col-lg-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}
}

@media ( min-width :992px) {
	.container {
		max-width: 960px;
	}
	.section-btn {
		text-align: right !important;
	}
	.slide-btn.reg-link {
		margin-left: 0 !important;
	}
}

.header-container {
	z-index: 9999;
	position: relative;
	padding-right: 15px;
	padding-left: 15px
}

@media ( max-width :768px) {
	.header-logo {
		padding: 0
	}
}

.header-logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	position: relative
}

.lnr-cross:before {
	color: #218eeb;
}

.logo-menu {
	padding-top: 15px;
}
a.link {
	color: #007bff;
	text-decoration: underline;
}

a.link:hover {
	color: #0080c0;
}

.container-slideshow {
	height: 360px !important;
	border-radius: 9px;
}

[data-am-fadeshow] {
	background-color: #fafbfc !important;
}

.slide1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../img/slider-pic.jpg) no-repeat center top/contain;
}

.slide2 {
	/* filter: blur(2px);
	-webkit-filter: blur(2px); */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background: url(../img/slider-pic2.svg) no-repeat center top/contain;
}

.section-header-white.homepage header .contents .slide-content p.slide-header,
	.section-header-white.homepage header .contents .slide-content p.slide-header span
	{
	font-size: 21px;
	line-height: 44px;
	color: #333 !important;
}

.section-header-white.homepage header .contents .slide-content p,
	.section-header-white.homepage header .contents .slide-content p.slide-header span
	{
	font-size: 16px;
	line-height: 42px;
	text-align: justify;
	color: #3f4653 !important;
	font-family: SahelBold !important;
}

@media ( min-width : 768px) and (max-width: 1024px) {
	.section-header-white.homepage header .contents .slide-content p {
		font-size: 21px;
		line-height: 42px;
	}
}

@media ( max-width :500px) {
	.section-header-white.homepage header .contents .slide-content p {
		font-size: 14px;
		line-height: 34px;
	}
}

a.footer-link {
	line-height: 36px;
	color: #44464a;
}

@media ( min-width : 768px) {
	.container:not(.home ) {
		max-width: 90% !important;
	}
	.container.header-container {
		max-width: 90% !important;
	}
}

.login-link {
	border-radius: 4px;
	transition: background-color .2s ease-in-out;
	background: #2dce89;
	color: #fff;
}

.reg-link {
	border-radius: 4px;
	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
	padding: 14px 22px;
	margin: 11px 2px 11px 2px;
	background: #218eeb;
	color: #fff;
}

.reg-link:hover, .login-link:hover {
	color: #fff !important;
}

.btn-shadow {
	box-shadow: 0px 6px 11px 0px rgb(4, 95, 175, 0.5);
}
.btn-full{
	width:100% !important;
}
.btn-blue{
	background: #308EFF;
    box-shadow: 0 0px 3px rgb(255 255 255 / 25%), 0 3px 10px rgb(71 99 200 / 35%);
}
.btn-green {
	background: #6ac847;
	box-shadow: 0 2px 5px rgb(255 255 255 / 25%), 0 5px 15px rgb(106 200 71 / 35%);
}
.btn-green:focus {
	border: none !important;
	outline: none;
	background: #237f35 !important;
}
.btn-red {
	background: #f00e3b
}
.btn-red:focus {
	border: none !important;
	outline: none;
	background: #f00e3b !important;
}
.btn-white.green-border{
	border: 2px solid #6ac847;
}

.btn-orange {
	font-weight: bold;
	background: #6acb47;
}
.orange-txt, .icon-list a.orange-txt {
	color: #ffb931 !important;
}

.green-txt, .icon-list a.green-txt {
	color: #6ac847 !important;
}

.reg-link .nav-top-link {
	padding: 0
}

.slide-bottom-btn {
	width: 70%;
	margin: auto;
}

.section-btn {
	text-align: center;
	padding-left: 37%;
}

.section-btn .slide-btn {
	margin: 0 0 20px;
	padding: 7px;
	line-height: 30px;
	font-weight: bold;
	width: 48%;
}

.slide-btn {
	display: inline-block;
	text-align: center;
	font-size: 17px;
}

@media ( min-width : 768px) and (max-width: 1024px) {
	.slide-btn {
		font-size: 15px;
	}
}

@media ( max-width :500px) {
	.slide-btn {
		font-size: 14px;
	}
}

.registeration-body {
	width: 100%;
	height: 100%;
	/* background: linear-gradient(87deg, #ffffff 0, #f6f7ff 100%) !important */
	background: url(../img/login.svg) no-repeat bottom center/cover
		!important;
	background-size: cover !important;
	position: relative;
	min-height: 465px;
}

.center-box {
	width: 80%;
	max-width: 1200px;
	min-height: 585px;
	max-height: 670px;
	margin: 0 auto;
	background-color: #fff;
	-webkit-box-shadow: 0 25px 75px rgba(172, 172, 172, 0.25);
	box-shadow: 0 25px 75px rgba(172, 172, 172, 0.25);
	border-radius: 9px;
	position: absolute;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1
}

.registeration-body .center-box .right {
	float: right;
	height: 100%;
	border-radius: 0 25px 25px 0;
	position: relative;
	width: 40%;
	overflow: hidden;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}

.registeration-body .center-box .left {
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 60%;
	overflow: hidden;
	text-align: center
}

.registeration-body .center-box .left .content {
	width: 75%;
	margin: 20px auto 66px
}
.registeration-body .center-box *:not(.icon-input ){
	font-family: "Sahel", "Shabnam", "SansPro", "Yekan", "Vazir-Light", "Tahoma",
		"helvetica neue", helvetica, arial, sans-serif, 'Lato' !important;
}
.registeration-logo {
	width: 160px;
	height: 160px;
	display: table;
	margin: 20px auto 50px;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 0 9px 1px hsla(0, 0%, 75.7%, .54902);
}

.registeration-logo img, .merchant-logo img {
	width: 75px;
	display: table;
	margin: 20px auto;
}
.registration-img {
	background-color: #fff;
	min-height: 585px;
	background-image: url(../img/site-signup.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 25px 0 0 25px;
}

.left.registration-img .r-Separator {
	background-color: transparent;
	height: 80%;
	width: 1px;
	position: absolute;
	right: 0;
	top: 58px;
	display: inline;
	margin: 0 6px 0 0px;
	box-shadow: 7px 0 0px 1px rgba(4, 107, 188, .3);
}

.registeration-body .center-box .registeration-box form, .form-item {
	margin-right: 0;
	margin-bottom: 1rem !important;
}

.registeration-body .center-box .registeration-box .col.col-6 {
	width: 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.registeration-body .center-box .registeration-box {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 15px;
}

@media screen and (max-width:768px) {
	.registeration-body .center-box .registeration-box {
		width: 80%
	}
	.registeration-body .center-box .right {
		width: 100%
	}
	.registeration-body .center-box .left {
		width: 0;
		display: none
	}
}

@media ( max-width : 640px) {
	.logo-menu {
		margin-bottom: 0;
	}
	#video-area .contents h1, .header-pages {
		font-size: 22px !important;
		line-height: 48px;
	}
	.pay-merchant #video-area .contents h1, .header-pages {
		font-size: 19px !important;
	}
}

@media screen and (max-width:578px) {
	.registeration-body .center-box .right .title {
		font-size: 20px !important
	}
}

@media screen and (max-width:400px) {
	.registeration-body .center-box .registeration-box {
		width: 95%
	}
}

.registeration-body .center-box:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.btn-left {
	float: left;
}

.input-with-icon {
	position: relative;
}

.input-with-icon input {
	padding: 12px 35px 10px 8px;
}
.input-two-with-icon {
	position: relative;
}

.input-two-with-icon input {
	padding: 12px 33px 10px;
}
.input-num {
	text-align: left;
}

.icon-input {
	position: absolute;
	width: 35px;
	height: 100%;
	right: 0;
	top: 0;
	text-align: center;
	color: #bfcbd9;
	transition: all .3s;
}

.icon-input:after {
	content: "";
	height: 100%;
	width: 0;
	display: inline-block;
	vertical-align: middle;
}
.icon-visibility{
	left: 0;
    right: auto;
}
.reg-button {
	font-size: 15px;
	color: #e9ecef;
	background-color: #28a745 !important;
	border-radius: 3px;
	min-height: 40px;
	padding: 8px 20px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	line-height: 20px;
	border: 1px solid transparent;
	vertical-align: middle;
	-webkit-appearance: none;
	border-radius: 4px !important;
	padding: 6px 18px !important;
	margin: 11px 9px !important;
}

input[type="submit"]:not (.blue-txt ):active, input[type="submit"]:not (.blue-txt 
	):focus, button:active, .reg-button:active, button:focus, .reg-button:focus,
	.reg-button:hover {
	background-color: #0d76e1 !important
}

button.menu-button:active, button.menu-button:focus, button.close-button:active,
	button.close-button:focus {
	background-color: #ebebfa !important;
	outline: none;
}

.has-error {
	color: #f44336 !important;
}

.reg-timer {
	display: inline-block;
	float: left;
}

.reg-title {
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 1.5;
	color: #373767;
	font-size: 20px;
}

.reg-footer {
	margin: 34px 0 0 !important;
	font-weight: bold;
}

.reg-terms {
	clear: both;
	margin-bottom: 0px;
}

.home-img {
	position: relative;
}

.home-img img {
	width: 80%;
	height: auto;
	display: block;
	margin-right: auto;
}
.mupraShop .home-img img {
	width: 75%;
}

.odd .home-img img {
	margin: 0 0 0 auto;
}

.section-content {
	min-height: 200px;
	padding-top: 20px;
}

.parallax {
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	height: 100vh; /* 100% of viewport height */
	margin: 0 auto;
}

@media ( max-width :500px) {
	.parallax {
		background-size: 100%;
	}
}

/* .about-us-h {
	background-image: url(/resources/website/img/aboutUs.jpg);
} 
.contact-us-h {
	background-image: url(/resources/website/img/contact-us.jpg);
} */
.bold-title {
	font-size: 20px;
	color: #373767;
	font-weight: 700;
	margin-bottom: 20px;
}

.p-bold {
	font-size: 18px !important;
	font-weight: 700 !important;
}
.paper p.txt.p-bold{
	font-family: "SahelBold";
	font-size:20px !important;
}
.content-size, .content-size ol h3 {
	font-size: 18px;
	line-height: 42px;
	text-align: justify;
	font-weight: 400;
}

.pages-content {
	background-color: #fff !important;
	padding: 130px 64px 50px !important;
	min-height: 100vh;
}

.footer-item {
	list-style: none;
}

.blue-txt {
	color: #4676fa !important
}
.gray-txt {
    color: #636974 !important;
}
.btn-transparent {
	background-color: transparent !important;
	color: #1c86f2 !important
}

.down-btn {
	border-radius: 5px;
	display: block;
	min-width: fit-content;
	text-align: center;
	margin: 20px auto;
	width: 240px;
	padding: 6px 30px;
	color: #fff !important;
	background-color: #218eeb;
	line-height: 24px;
}

.down-btn img {
	width: 17px;
	height: auto;
	margin-left: 4px;
}

.kyc-waiting {
	width: 100%;
	padding: 13px 0;
	text-align: right;
	border-radius: 20px;
	margin: 40px auto;
	color: #ff9f0e;
	border: 1px solid #ff9f0e;
}

.form-box:not(.gateway-card ){
	margin: 29px auto 0;
	padding: 23px 0px;
	background:#fff;
}
.gateway-card .form-box:not(.gateway-card ){
	margin: 0!important;
}

.form-box.two-col {
	width: 100%;
}

.form-box .col.col-6:not(.col-md-6 ){
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

@media ( max-width : 768px) {
	.form-box.two-col .col.col-6.col-md-6 {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.form-box .form-item>label span.req {
	position: absolute;
	bottom: auto;
	left: 0;
	top: 36px;
	font-weight: bold;
    color: #f03c69;
    font-size: 110%;
}

.form-box input::placeholder, .form-box textarea::placeholder {
	text-align: center
}

.form-box textarea::-webkit-input-placeholder {
	line-height: 60px;
}

.form-box.two-col textarea::-webkit-input-placeholder {
	line-height: 180px;
}

.form-box textarea {
	overflow-wrap: break-word;
	height: 100px;
	overflow: auto visible;
	max-height: 100px;
	text-align: justify;
}

.form-box.two-col textarea {
	height: 200px !important;
	max-height: 200px;
}

.form-box .form-btn {
	border-radius: 8px !important;
	padding: 6px 18px !important;
	margin: 18px auto 8px !important;
	width: 100%;
}

.form-legend {
	width: fit-content;
	padding: 10px;
}

.gateway-card {
	border-radius: 8px;
	overflow: visible;
	box-shadow: 0 0 9px 1px hsla(0, 0%, 75.7%, .54902);
}

.gateway-card.attention {
	text-align: justify;
	padding: 18px 52px;
	line-height: 35px;
	color: #545454;
}

.gateway-main {
	width: 630px;
	margin: auto;
	max-width: 100%
}

.gateway-main .row {
	margin: 0;
}

.gateway-main .merchant-ln {
	position: absolute;
	top: -50%;
	left: 0;
	right: 0;
	margin: auto;
	width: 135px;
	text-align: center;
}

.gateway-main .merchant-ln .merchant-logo {
	overflow: hidden;
	width: 135px;
	height: 135px;
	margin: auto;
	border-radius: 100%;
	text-align: center;
	background-color: #AFBAD0;
	display: flex;
	border: 5px solid #fff;
}

.gateway-main .merchant-ln h5 {
	margin-top: 7px;
}

.gateway-main .w3-opacity {
	text-align: center
}

.gateway-main .w3-opacity span {
	font-size: 17px
}

.gateway-main .merchant-logo img,.bill-header .merchant-logo img {
	width: 100%;
	height: auto;
	display: table;
	margin: 0;
	object-fit: cover;
	max-height: 135px;
}

.gateway-main .social-network {
	height: auto;
	text-align: right;
}

.gateway-main ul.social {
	direction: ltr;
	margin-left: 16px;
	min-height: 31px;
}

.gateway-main .social-network .instagram a, .gateway-main .social-network .telegram a,
	.gateway-main .social-network .website a {
	color: #fff;
}

.gateway-main ul.social li {
	display: inline-block;
	margin: 0px 5px !important;
	line-height: 35px;
	width: 31px;
	height: 31px;
	text-align: center;
	font-size: 22px;
	border-radius: 50%;
	padding: 0px;
	background-color: #AFBAD0;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.gateway-main ul.social li a:hover, .gateway-main ul.social li:hover a {
	color: #ffffff;
}

.gateway-main ul.social li:hover {
	background: #1da1f2;
}

.gateway-main form, .gateway-main .form-item {
	margin-right: 0;
	margin-bottom: 0 !important
}

.gateway-form .form-item label {
	height: 18px;
	width: 100%;
	margin-bottom: 0 !important;
}
.persian-num + .input-currency{
	position: absolute;
    top: 31px;
    right: 46px;
    display:none;
}
.row:first-child.gateway-form .form-item label {
	height: 13px;
}

.full-width .col.col-6 {
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.input-with-icon input,.input-with-icon textarea,.input-with-icon select {
    display: block;
    width: 100%;
    height: 40px;
    outline: none;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    box-shadow: none;
}

@media ( max-width : 768px) {
	.gateway-form .col.col-6 {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.form-box .col.col-6:not(.col-md-6 ) {
	    width: 100%!important;
	    flex: 0 0 100%!important;
	    max-width: 100%!important;
	}

}
@media ( min-width : 768px) and (max-width: 1024px) {
	.gateway-form:not (.full-width ) .col.col-6 {
		flex: 0 0 50%;
		width: 50%;
		max-width: 50%;
	}
	.registeration-body .center-box .registeration-box {
		width: 92%
	}
}

.form-box .total-amount {
	margin-top: 10px;
}

.gateway-form .col.col-6 textarea {
	height: 100px;
	overflow: auto;
}

.gateway-main .menu-img {
	position: relative;
	width: 100%;
	height: auto;
	max-height: 260px;
	margin: auto;
	border: 12px solid #fff;
	box-shadow: 0 0 7px 0px hsl(0deg 0% 66%/ 55%);
	border-radius: 10px;
	overflow: hidden;
}

.gateway-main .menu-img img {
	width: 100%;
}

.gateway-footer {
	width: fit-content;
	margin: 26px auto;
	font-weight: bold;
	font-size: 16px;
}

.gateway-header {
	position: relative;
	height: auto;
	min-height: 125px;
}

.merchant-link h5, .merchant-link span {
	line-height: 33px;
	color: #2c333d;
	font-size: 10pt;
}

.merchant-link h5:first-child {
	width: fit-content;
	min-width: 28%;
	max-width: 30%;
	max-height: 92%;
	overflow: hidden;
	right: 28%;
	border-left: 1.5px solid #fff;
}

.menu-info p.name {
	font-weight: 600;
}

.menu-info p.page-desc { 
	padding: 9px;
	text-align: justify;
	margin-top: -20px;
	margin-bottom: 0px;
	max-height: 100px;
	overflow: auto;
}

.menu-info .col-md-6:nth-child(2) {
	text-align: center;
}

@media ( max-width : 768px) {
	.form-box:not(.gateway-card )
	{
		max-width : 100%;
	}

.gateway-main {
	width: 100% !important;
}

.gateway-main ul.social li {
	margin: 0px 6px !important;
}

.gateway-main ul.social {
	margin-left: 5px !important;
}

.gateway-header {
	height: auto;
}

.gateway-main .merchant-ln .merchant-logo {
	width: 100px;
	height: 100px;
}

.gateway-main .merchant-ln {
	top: -34%;
}

.gateway-main .merchant-link span {
	font-size: 7pt;
	text-align: left;
	line-height: 18px;
}

.merchant-link h5:first-child {
	margin-right: 28%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 66%;
}

.gateway-main .menu-img {
	margin: 20x auto;
}

.action-btn.btn-Pay-full input {
	width: 245px
}

.pay-merchant .logo-menu .logo, .bs-pay .logo-menu .logo {
	background: url(../img/logo-white.svg) no-repeat top center/70px;
}

}
@media ( min-width : 768px) and (max-width: 1024px) {
	.gateway-main ul.social li {
		margin: 0px 9px !important;
	}
	.gateway-header {
		height: auto;
	}
}

.ui-messages-error, .ui-message-error {
	color: #ff5956 !important;
	background-color: transparent !important;
	border-color: transparent !important;
}

.ui-message-error-icon {
	display: none !important;
}

.section-header-white.homepage {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
}

.section-header-white.homepage {
	background: #ffff;
}

.section.section_header-white {
	color: #472a7a;
}

.section-header-white.homepage:before {
	content: '';
	display: block;
	position: absolute;
	background: url(../img/home-bg.svg) no-repeat top center/1095px;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-22%, -50%);
	-ms-transform: translate(-22%, -50%);
	transform: translate(-22%, -50%);
	right: 22%;
	top: 40%;
	max-width: 1095px;
}

.section-header-white.allpages-bg.offline-biz:before {
	content: '';
	display: block;
	position: absolute;
	background: url(../img/offline-Business1.svg) no-repeat top left;
	width: 100%;
	height: 100%;
	top: 0;
}

.about-content {
	padding: 50px 70px;
}
.table-bordered td, .table-bordered th {
    text-align:center;
    font-size: 14px;
}
.table-bordered td:nth-child(odd), .table-bordered th ,.table-th th{
    background: #E6E6E6;
}
.table-th td {
    border: 1px solid #dee2e6 !important;
}
.bill-body .table-bordered td:not(:nth-child(3)){
		max-width: 120px;
	}
@media ( max-width :1200px) {
	.section-header-white.homepage:before {
		background-size: contain;
	}
	.section-header-white.homepage header .contents .slide-content p.slide-header,
		.section-header-white.homepage header .contents .slide-content p.slide-header span
		{
		font-size: 15px !important;
	}
	.section-header-white.homepage header .contents .slide-content p {
		font-size: 10px !important;
		line-height: 30px;
	}
	.section-sub-header, .section-btn {
		padding-left: 21% !important;
	}
	.section-sub-header p {
		font-size: 16px !important;
	}
	.section-header {
		font: 800 27px/90px SahelBlack !important;
	}
	.section-header.home-header{
	 font-size: 21px !important;
	}
	.merchant-detail .paper {
	    padding: 160px 12% 30px !important;
	}
	.merchant-detail .merchant-header {
	    padding: 0 12% !important;
	}
}

@media ( max-width :992px) {
	.section-sub-header, .section-btn {
		padding-left: 6% !important;
	}
	.merchant-detail .paper {
	    padding: 160px 2% 30px !important;
	}
	.merchant-detail .merchant-header {
	    padding: 0 2% !important;
	}
}
.features-title.mobile-view,.box-btn.mobile-view{
	display: none;
}
.tariffs-features.value span.mobile-view.item-name{
	    display: none;
	}
.features-btn{
    display: none;
}
.tariffs-features.desktop-view{
	display: block;
}
.offline-item.mobile-view.item-name,.online-item.mobile-view.item-name{
	display: none!important;
}
@media ( max-width :300px){
	.section-btn .slide-btn {
	    font-size: 10px !important;
	}
}
/* mobile */
@media ( max-width :600px) and (max-width:480px) {
	.section-header .lines{
		display:none;
		}
	footer {
    padding: 60px 10px 30px;
	}
	.tariffs-features.desktop-view{
	display: none;
}
	.features-title.mobile-viewiew{
		 display: block;
    	text-align: right;
	}
	.offline-item.mobile-view.item-name,.online-item.mobile-view.item-name{
	display: block!important;
}
	.open-btn,.open-value{
		display: block;
	}
	.close-btn,.close-value{
		display: none;
	}
	.features-btn{
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    color: #606cec;
	    font-weight: 700;
	    font-size: 15px;
	    -webkit-box-flex: 1;
	    -ms-flex: 1;
	    flex: 1;
	    -webkit-box-align: end;
	    -ms-flex-align: end;
	    align-items: flex-end;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    margin-top: 30px;
	}
	.tariffs-features.value span.mobile-view.item-name{
	    display: block;
	    margin-left: 30px;
	}
	.tariffs-features.value span.mobile-view.item-value{
	    float: left;
	    font-weight: 700;
	}
	.tariffs-features li{
	    text-align: right !important;
	    position: relative;
	    padding: 10px 0px !important;
	    height: auto;
	    line-height: 160%!important;
	    font-size:12px!important;
	}
	.tariffs-features li.tick:before,.tariffs-features li.dashed:before{
	    top: 50%;
	    position: absolute;
	    left: 0;
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
    }
    .tariffs-features li.dashed{
	    color: #b9b9b9 !important;
    }
	.icon-list a {
		padding: 9px 0 !important;
	}
	.registeration-logo {
		margin: 15px auto 15px;
		width: 140px;
		height: 140px;
	}
	.registeration-logo img {
		width: 65px;
	}
	.registeration-body .reg-footer {
		margin: 0px 0 0 !important;
	}
	.registeration-body .center-box {
		min-height: fit-content;
		top: 47%;
	}
	.registeration-body  .reg-button {
		margin: 2px 9px 11px !important;
	}
	.registeration-body .site-info.footer-copyright p {
		line-height: 28px;
		margin-bottom: 4px;
		font-size: 12px;
	}
	.section-header-white.homepage {
		padding-bottom: 35px;
	}
	.section-header-white.homepage.greybg:before {
		background: url(../img/home-bg-sm.svg) no-repeat center top/contain;
		-webkit-transform: translate(-50%, -47%);
		-ms-transform: translate(-50%, -47%);
		transform: translate(-50%, -47%);
		background-size: 530px 350px;
	}
	footer .col-md-2:not (:first-child ), footer .col-md-3, footer .footer-copyright [class*="col-md-"]
		{
		padding: 0 47px !important;
	}
	footer .footer-copyright [class*="col-md-"] {
		text-align: center !important;
		padding-right: 15px !important;
    	padding-left: 15px !important;
	}
	.about-content {
		padding: 30px 10px;
	}
	.section-btn .slide-btn {
		margin: 0 0px 10px;
		font-size: 12px;
	}
	.section-sub-header p {
		font-size: 13px !important;
		line-height: 34px !important;
	}
	.section-sub-header, .section-btn {
		padding-left: 2% !important;
		margin: 0px auto !important;
	}
	.container-slideshow {
		height: 245px !important;
	}
	[data-am-fadeshow] .fs-quick-nav {
		bottom: 2px !important;
	}
	.section-header {
		font: 500 18px/45px SahelBlack !important;
		margin: 18px 0 0px !important;
	}
	.section-header.home-header{
	 font-size: 13.6px !important;
	}
	.section-header-white.homepage header .contents .slide-content p.slide-header,
		.section-header-white.homepage header .contents .slide-content p.slide-header span
		{
		font-size: 12px !important;
		margin-bottom: 0;
	}
	.section-header-white.homepage header .contents .slide-content p {
		font-size: 10px !important;
		line-height: 25px;
	}
	.logo-menu .logo {
		background: url(../img/logo-white.svg) no-repeat top center/39px
			!important;
		display: block;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 50px;
		height: 73px;
		text-indent: -200px;
		font-size: 0;
		outline: 0;
	}
	.menu-bg .logo-menu .logo ,.download .logo-menu .logo, .offline-biz .logo-menu .logo, .about-us .logo-menu .logo,.pay-merchant .logo-menu .logo,.merchant-detail .logo-menu .logo
		{
		background: url(../img/splash_logo.png) no-repeat top center/39px
			!important;
	}
	.download .menu-button,.merchant-detail .menu-button {
		color: #000;
	}
	.logo-menu {
		padding-right: 12px;
	}
	.home-img img {
		margin: 0 auto !important;
	}
	.row.rtl-dir.section-content.odd {
		flex-direction: column-reverse;
	}
	.tariffs-col {
		min-width: 250px !important;
		max-width: 400px !important;
		float: none !important;
    	padding: 30px 15px;
	}
	.tariffs-content .col-md-5 {
		position: relative !important;
		padding: 0 15px !important;
	}
	.free-version h3 {
		padding: 15px 16px 15px !important;
		border-bottom: 3px solid #fff !important;
		margin-bottom: 39px !important;
	}
	.section-header-white.allpages-bg.tariffs:before {
		top: 0;
		height: 100%;
		background: url(../img/Tariff-small.svg) center top/contain no-repeat
			!important;
	}
	.tariffs .tariffs-content p.blue-txt{
		color:#fff!important;
		}
	.tariffs .header-btn {
    	margin: 20px 0 30px !important;
	}
	.section-header-white.allpages-bg.offline-biz:before {
		content: '';
		display: block;
		position: absolute;
		background: url(../img/offline-Business1-mobile.svg) no-repeat top left
			!important;
		top: 0;
		background-size: cover;
	}
	.section-header-white.allpages-bg.download:before {
		top: 0;
		height: 100%;
		background: url(../img/application-mobile.svg) center top/contain
			no-repeat !important;
	}
	.allpages-bg #video-area .contents {
		padding: 13px 0 60px !important;
	}
	.allpages-bg.terms #video-area .contents, .allpages-bg.faq #video-area .contents,
		.allpages-bg.landing #video-area .contents {
		padding: 80px 0 14px !important;
	}
	.allpages-bg #video-area .contents h1.bb-header {
		/* line-height: 90px; */
		font-size: 26px !important;
	}
	.down-btn {
		margin: 20px auto !important;
		padding: 6px 11px !important;
		width: 202px;
	}
	.section-header-white.allpages-bg.contact-us:before {
		top: 0;
		height: 100%;
		background: url(../img/contact-us.svg) no-repeat left bottom !important;
		background-size: cover !important;
	}
	.allpages-bg.about-us #video-area .contents {
		padding: 13px 0 12px !important;
	}
	.core-values {
		background: url(../img/mupraValue-small.svg) center center/contain
			no-repeat transparent !important;
	}
	.gateway-form:not (.full-width ) .col.col-6 {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.invoice-body {
		width: 100%;
	}
	.bill-header .row:nth-child(2){
    padding-left: 0 !important;
	}
	.bill-body {
    	padding: 10px 15px 63px!important;
	}
	.bill-header {
    	padding: 20px 17px !important;
	}
	.bill-header .bill-date{
  	 	font-size: 14px !important;
	}
	.table-bordered td, .table-bordered th {
		font-size: 11px;
		padding: 0.75rem 0.2rem;
	}
	.bill-body .table-bordered td{
		word-break: break-word;
	}
	.bill-body .table-bordered td:not(:nth-child(3)){
		max-width: 50px;
	}
	.bill-summary .amount,.bill-summary .title {
		font-size: 12px;
	}
	th.base-arrow::before {
	    border-top: 17px solid transparent !important;
	    border-right: 23px solid #308EFF !important;
	    border-bottom: 23px solid transparent !important;
	    left: -23px !important;
	}
	.laptop-view-btn {
		display: none!important;
	}
	.mobile-view-btn {
		display: block!important;
	}
	form.mobile-view-btn{
	background: #fff;
    bottom: 0;
    left: 0;
    padding: 6px!important;
    position: fixed;
    right: 0;
    z-index: 99;
    width: 100%;
	}
	.action-btn .w3-btn, .action-btn input {
    width: 48.4%;
    font-size: 8px;
    padding: 6px 0px !important;
	}
	.action-btn a.w3-btn:nth-child(2) {
    margin: 1px 3px;
	}
	.action-btn a.w3-btn:nth-child(1) {
	    margin-left: 5px;
	}
	.receipt .paper {
		width: 90% !important;
		top: 27px !important;
	}
	.receipt .paper .merchant-logo img {
	    width: 85px!important;
	    height: 85px!important;
    }
	.paper .success {
  	  padding: 2px 0px 20px!important;
    }
	.action-btn.btn-Pay-full input {
		width: 245px;
	}
	.section-header-white.homepage .wrapper_horizontal {
		margin-top: 15px !important;
	}
	.gateway-main .merchant-ln .merchant-logo {
		width: 90px;
		height: 90px;
	}
	.gateway-main ul.social li ,.merchant-header ul.social li{
		line-height: 27px;
		width: 23px;
		height: 23px;
		font-size: 15px;
		margin: 0px 2px !important;
	}
	.gateway-main .merchant-link span {
		font-size: 5pt;
	}
	.gateway-main .merchant-ln {
		top: -25%;
	}
	.merchant-detail .merchant-logo {
		width: 90px!important;
		height: 90px!important;
		right: 13px !important;
	}
	.merchant-header {
	    height: 120px !important;
	}
	.merchant-header .social-network {
   		bottom: 31px !important;
	}
	.merchant-header-logo {
		width: 50px!important;
	    height: 106px!important;
	}
	.merchant-detail .merchant-description{
	    padding: 4px 21px;
	    font-size: 13px!important;
	}
	.merchant-detail .paper{
		padding: 110px 0 3px!important;
	}

	.merchant-menu .card .card-title .menu-description{
	font-size: 10px!important;
	}
	.merchant-header .merchant-info h5 {
	   right:90px!important;
	   top:36px !important;
	   font-size: 20px!important;
	}
	.merchant-detail .paper p {
	    font-size: 14px!important;
	    line-height: 32px!important;
	}
	.merchant-detail .no-border .ui-state-default {
    	font-size: 15.5px!important;
	}
	.merchant-detail .action-btn {
	    width: 78px !important;
	}
	.merchant-detail .count-btn {
	    width: 22px !important;
	    font-size: 14px!important;
	}	    
	.merchant-detail .action-btn *{
		line-height: 25px !important;
	}
	.merchant-detail form.paper {
	    padding: 135px 0 30px!important;
	}
	.merchant-detail .merchant-contact p {
    font-size: 13px!important;
	}
	.merchant-header .merchant-info {
    	height: 70px !important;
	}
	.merchant-detail .merchant-header .merchant-info{
		height: inherit !important;
		}
	.merchant-detail .merchant-header {
	    padding: 0 !important;
	}
	.merchant-detail table tr th.merchant-title i {
	    margin-right: -13px;
	    margin-left: 27px !important;
	}
	.merchant-detail .menu-btn {
	    width: 100% !important;
	    margin: 4px auto !important;
		}
	.offline-biz .form-box, .bs-pay .form-box {
		width: 100% !important;
	}
	.free-version {
  	  position: unset !important;
	}
	.pay-merchant #video-area .contents h5 {
	    font-size: 11px !important;
	    max-width: 39% !important;
	    line-height: 2.2 !important;
    }
    .merchant-detail .mupra-page{
        font-size: 8px !important;
    }
     .mupra-customers .customer-logo{
        width: 50% !important;
        padding: 15px 40px !important;
    }
    .mupra-customers .customer-logo img {
    	width: 98px !important;
    }
    .merchant-detail .ui-panel .ui-panel-content {
   	 padding: 0.5em 1em !important;
	}
	.merchant-detail .ui-panel .ui-panel-content .row {
   	 width: auto !important;
	}
	.merchant-detail .ui-panel .ui-panel-content .row .menu-items{
		padding: 5px!important;
		width: calc(50% - 2px)!important;
	    -webkit-box-flex: 0!important;
	    -webkit-flex: 0 0 calc(50% - 2px)!important;
	    -ms-flex: 0 0 calc(50% - 2px)!important;
	    -ms-flex: 0 0 calc(50% - 2px)!important;
	    flex: 0 0 calc(50% - 2px)!important;
	    min-height: 300px !important;
	}
	.merchant-detail .ui-tabs .ui-tabs-panels .ui-tabs-panel {
	    max-height: 550px;
	}
	.merchant-menu .card .card-text .price {
   	 	width: 64% !important;
   	    font-size: 15.5px !important;
   	 
	}
	.merchant-menu .card .card-text .currency {
	    font-size: 12px !important;
	}
	.cart-btn-fixed .tooltip-shopping-cart{
	    display: none;
	}
	.merchant-menu .menu-img img {
    	max-height: 130px!important;
	}
	.merchant-menu .menu-img{
	    width: 130px!important;
		height: 130px!important;
	}
	.merchant-menu .card {
	    height: 265px!important;
	}
	.merchant-menu .card .card-title {
	    min-height: 31px !important;
    	font-size: 12px!important;
	}
	.merchant-detail .ui-panel.merchant-menu .ui-panel-content .row > *:last-child ,.merchant-detail .ui-panel.merchant-menu .ui-panel-content .row > *:last-child >.menu-items{
    margin-left: auto !important;
	}
	.merchant-detail .ui-panel.merchant-menu .ui-panel-content .row > *:nth-child(n+5):last-child:nth-child(n+5) {
	    margin-bottom: 6em;
	}
	.survey-row .col.col-6 {
    	padding: 0 10px !important;
	}
	.emoji-buttons * {
    	padding-left: 18px !important;
    	padding-right: 12px !important;
	}
	.biz-tools .landing-header .row.gutter{
		width:100% !important;
	}
	.biz-tools .landing-header .col.col-6{
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.biz-tools .landing-header .form-item{
		float:left !important;
	}
	.biz-tools fieldset {
	   	 width: 100% !important;
	     padding: 10px !important;
	}
	.biz-tools .slide-btn {
    	font-size: 17px !important;
	}
	.biz-tools form{
   		margin-right: 0 !important;
	}
	.question-mark {
		right: -20px !important;
	    font-size: 500px !important;
	    top: -130px !important;
	}
	.advantage h2 {
	    top: 28px !important;
	    font-size: 1.1em !important;
	}
	.advantage h2 br {
	    display: none;
	}
	.advantage .section-content .col-md-6 {
	    min-height: 440px !important;
	}
	.advantage .table .table-col-1 {
    	width: 66%  !important;
	}
	.advantage .insta, .advantage .mupra {
    	width: 17%  !important;
    	padding: 0 4px !important;
	}
	.advantage .section-content ul , .advantage .section-content ul li{
    	font-size: 11px  !important;
	}
	.biz-tools ol , .biz-tools ul{
	    margin: 0 !important;
	}
	.box-shadow{
	    padding-right: 35px !important;
	}
	.box-shadow:before{
	    visibility: hidden !important;
	}
	.biz-tools .businessTools3{
		margin-top: 20px;
	}
	.biz-tools .businessTools3 img{
		width: 91% !important;
	}
}

.gateway-form:not (.full-width ) .col.col-6 {
	flex: 0 0 50%;
	width: 50%;
	max-width: 50%;
}
/* mobile */
@media ( max-width : 480px) and (min-width: 320px) {
	#video-area .contents h1.down-sub-header {
		font-size: 19px !important;
	}
	#video-area .contents h1.down-sub-header:nth-child(2) {
		font-size: 12px !important;
	}
}

@media ( max-width : 320px) {
	.merchant-detail .ui-panel.merchant-menu .ui-panel-content .row > *:nth-child(n+5):last-child:nth-child(n+5) {
	    margin-bottom: 10em;
	}
	.slide-content {
		top: 55% !important;
	}
	.container-slideshow {
		height: 200px !important;
	}
	.section-header {
    font: 500 18px/45px SahelBlack !important;
    margin: 15px 0 0px !important;
	}
	.section-header.home-header {
    font-size: 12px!important;
}
	.section-sub-header p {
	    font-size: 12px !important;
	    line-height: 29px !important;
	}
	.registeration-body .site-info.footer-copyright p {
		line-height: 20px;
		margin-bottom: 4px;
		font-size: 10px;
	}
	.section-header-white.homepage header .contents .slide-content p {
		font-size: 8px !important;
		line-height: 22px;
	}
	.section-header-white.homepage header .contents .slide-content p.slide-header,
		.section-header-white.homepage header .contents .slide-content p.slide-header span
		{
		font-size: 10px !important;
		margin-bottom: 0;
		line-height: 31px;
	}
	.table-bordered td, .table-bordered th {
    font-size: 9px;
    padding: 0.9rem 0.2rem;
	}
}

@media ( max-width :1200px) and (min-width: 995px) {
	.slide-content {
		top: 45% !important;
	}
}

@media ( max-width :600px) {
	.section-header-white.homepage:before {
		-webkit-transform: translate(-50%, -110%);
		-ms-transform: translate(-50%, -110%);
		transform: translate(-50%, -110%);
		left: 50%;
		top: 47%;
		background-size: cover;
		content: ''
	}
	.free-version h3 {
		padding: 15px 16px 15px !important;
		border-bottom: 3px solid #fff !important;
		margin-bottom: 39px !important;
	}
	.section-sub-heade, .section-btn {
		padding-left: 0% !important;
	}
}

.section-header-white.homepage .wrapper_horizontal {
	margin-top: 50px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.section-header-white.homepage .wrapper {
	overflow: initial;
}

.section-header {
	margin: 45px 0;
	font-family: "SahelBlack", "Shabnam", "SansPro", "Yekan", "Vazir-Light",
		"Tahoma", "helvetica neue", helvetica, arial, sans-serif,
		'Lato' !important;
	color: #292d34;
	text-align: right;
	line-height: 90px;
	font-size: 31px;
}
.section-header.home-header{
	 font-size: 24.5px;
}

.section-sub-header {
	text-align: right;
	color: #7c828d;
	margin: 34px auto 49px;
	font-weight: 400;
	font-size: 22px;
	line-height: 96px;
	text-align: right;
	padding-left: 37%;
	direction: rtl;
}

.section-sub-header p {
	font-size: 18px;
	line-height: 50px;
	font-weight: 600;
	text-align: justify;
}

@media ( min-width : 1200px) {
	.container {
		max-width: 1330px !important;
	}
	.section-header-white.allpages-bg.download:before {
		height: 100% !important;
		background: url(../img/Mupra-Application.svg) no-repeat !important;
		background-size: !important;
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		background-position: center center;
		max-width: 1095px;
		left: 0;
		right: 0;
		top: 9% !important;
		margin: auto !important;
		max-width: 1095px !important;
	}
	.slide-btn.col-md-5 {
		-ms-flex: 0 0 28.666667%;
		flex: 0 0 28.666667%;
		max-width: 28.666667%;
	}
}

@media ( min-width : 1300px) {
	.gateway-box .empty-page-logo .logo {
		width: 72px;
		height: 105px;
		background: url(../img/splash_logo.png) no-repeat top center/70px;
	}
	.section-header-white.homepage header .contents .slide-content p {
		font-size: 17px !important;
	}
	.section-header-white.homepage header .contents .slide-content p.slide-header,
	.section-header-white.homepage header .contents .slide-content p.slide-header span
		{
		font-size: 22px !important;
	}
	.slide-content {
		top: 56% !important;
	}
}

@media ( min-width : 1200px) and (max-width: 1300px) {
	.section-header-white.homepage header .contents .slide-content p {
		font-size: 13px !important;
	}
	.section-header-white.homepage header .contents .slide-content p.slide-header,
		.section-header-white.homepage header .contents .slide-content p.slide-header span
		{
		font-size: 18px !important;
	}
	.section-header.home-header {
    font-size: 20px;
}
}

@media only screen and (min-width: 1024px) {
	.section-header-white.allpages-bg.download::before {
		top: 77px !important;
		background-position: top center !important;
	}
	.gateway-box .empty-page-logo .logo {
		width: 72px;
		height: 105px;
		background: url(../img/splash_logo.png) no-repeat top center/70px
			!important;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width: 1024px) {
	.section-header-white.allpages-bg.download::before {
		top: 77px !important;
		background-position: top center !important;
	}
}

section.section {
	padding: 35px 0;
}

.logo-footer {
	width: 100%;
	height: 130px;
	background: url(../img/splash_logo.png) no-repeat top center/81px;
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	text-indent: -200px;
	font-size: 0;
	outline: 0;
}

.namads {
	width: 35%;
	height: 110px;
	display: inline-block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 0;
	outline: 0;
}

.shaparak {
	background: url(../img/Shaparak.png) no-repeat top center/100%;
}

.iranKish {
	background: url(../img/Irankish-logo.png) no-repeat top center/100%;
}

.samandehi, .enamad {
	width: 35%;
	height: auto;
	display: inline-block;
	float: left;
}

.samandehi img, .enamad img {
	width: 100%;
}

.creative {
	background: url(../img/logoCreative.png) no-repeat top center/57%;
}

.footer-title {
	font: 700 16px/12px SahelBold;
	color: #4676fa;
	margin: 0 0 16px 0;
}

.footer-copyright {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin-top: 35px;
	color: rgba(0, 0, 0, .4);
}

footer .footer-copyright .col-md-8 {
	padding-right: 85px;
	text-align: right;
	padding-left: 0;
}

footer .footer-copyright .col-md-4 {
	padding-left: 85px;
	text-align: left;
	padding-right: 0;
}

@media screen and (max-aspect-ratio: 13/9) {
	.registeration-body .footer-copyright {
		bottom: 0;
		direction: rtl
	}
}

.registeration-body .footer-copyright {
	bottom: 0;
	direction: rtl
}

.registeration-body .site-info.footer-copyright p {
	color: rgb(255, 255, 255);
}

.help {
	color: #b0b0b0;
	font-size: 0.8rem;
	line-height: 1.9;
}

.section-header-white.allpages-bg {
	position: relative;
	z-index: 2;
}

.section-header-white.allpages-bg:before {
	content: '';
}

.section-header-white.allpages-bg.tariffs:before {
	top: 0;
	height: 100%;
	background: url(../img/Tariff-small.svg) center top/contain no-repeat;
}
.section-header-white.allpages-bg.contact-us:before {
	top: 0;
	height: 100%;
	background: url(../img/contact-us.svg) no-repeat left bottom !important;
	background-size: cover !important;
}

.terms-header, .faq-header, .landing-header {
	top: 0;
	height: 100%;
	width: 100%;
	background: url(../img/Rules.png) no-repeat top !important;
	color: white;
	padding: 35px 0;
	margin-bottom: 7px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	position: relative;
	z-index: 10;
	background-size: cover;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
	background-position: 50%;
	padding: 25px 0;
}

.section.landing {
	padding: 0;
}

.section.terms, .section.faq, .merchant-detail{
	padding: 0;
	background-color: #f3f5f7;
}

.section-header-white.allpages-bg.download:before {
	top: 0;
	height: 100%;
	background: url(../img/application-mobile.svg) no-repeat center/1095px;
	background-size: contain !important;
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	max-width: 1095px;
}

.section-header-white.allpages-bg:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
}
.tariffs .header-btn{
	margin:20px 0 70px;
}
.tariffs .header-btn .reg-link {
    padding: 5px 60px;
}
.tariffs-col {
	height: auto;
	border-radius: 6px;
	background-color: #fff;
	text-align: center;
	min-width: 200px;
	max-width: 400px;
	margin: 0 auto 20px;
	-webkit-box-shadow: 7px 12px 16px rgba(158, 157, 157, 0.75);
	box-shadow: 7px 12px 16px rgba(158, 157, 157, 0.75);
	position: relative;
	padding-bottom: 130px;
}

.contact-col {
	border-radius: 6px;
	text-align: center;
	margin: 0 auto 20px;
	-webkit-box-shadow: 7px 12px 16px rgba(158, 157, 157, 0.75);
	box-shadow: 7px 12px 16px rgba(158, 157, 157, 0.75);
	position: relative;
}
.tariffs-content{
	position:relative;
	margin-bottom: 40px;
}

.tariffs-content .col-md-3.box:nth-child(3) .tariffs-col {
	border-bottom: 3px solid #49CCF9;
}

.tariffs-content .col-md-3.box:nth-child(4) .tariffs-col {
	border-bottom: 3px solid #308EFF;
}
.tariffs-content .col-md-3.box:nth-child(5) .tariffs-col {
	border-bottom: 3px solid #1C46FF;
}
.box-btn {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 80%;
}

.tariffs-col .reg-link {
	width: 100%;
	margin: 20px 0;
	padding: 7px 23px;
	display: inline-block;
	text-align: center;
	display: inline-block;
	text-align: center;
	font-size: 18px;
}

.tariffs-col .terms-title {
	margin-top: 30px;
	font-weight: bold;
	font-size: 23px;
}

.tariffs .nav-top-link:not(.dropdown-item ) , .contact-us .nav-top-link:not(.dropdown-item ) ,
.terms .nav-top-link:not(.dropdown-item ), .faq .nav-top-link:not(.dropdown-item ), .landing .nav-top-link:not(.dropdown-item ){
	color: #fff !important;
}

.tariffs .menu-bg .nav-top-link, .contact-us .menu-bg .nav-top-link,
	.terms .menu-bg .nav-top-link, .faq .menu-bg .nav-top-link, .landing .menu-bg .nav-top-link
	{
	color: #373767 !important;
}

.tariffs .menu-bg .reg-link .nav-top-link, .contact-us .menu-bg .reg-link .nav-top-link,
	.terms .menu-bg .reg-link .nav-top-link, .faq .menu-bg .reg-link .nav-top-link,
	.landing .menu-bg .reg-link .nav-top-link {
	color: #fff !important;
}

.reg-link .nav-top-link:visited, .reg-link:visited, .reg-link .nav-top-link,
	.reg-link, .menu-bg .reg-link .nav-top-link {
	color: #fff !important;
}

.contact-us-info {
	border: 1px solid #fff;
	background: transparent;
	border-radius: 3px;
	padding: 34px 15px;
	margin: 29px auto 0;
	text-align: center;
}

.download .nav-item-top.login .nav-top-link, .about-us .nav-item-top.login .nav-top-link,.merchant-detail .nav-item-top.login .nav-top-link
	{
	color: #373767 !important;
}

.offline-biz .form-box, .bs-pay .form-box {
	border-radius: 6px;
	text-align: center;
	margin: 0 auto 20px;
	-webkit-box-shadow: 7px 12px 16px rgba(158, 157, 157, 0.75);
	box-shadow: 7px 12px 16px rgba(158, 157, 157, 0.75);
	position: relative;
	padding: 42px 16px;
	background-color: rgba(255, 255, 255, 0.7);
	width: 540px;
}

.terms .paper, .faq .paper , .merchant-detail .paper {
	background-color: white;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 30px;
	position: relative;
	z-index: 3;
	text-decoration: none;
	overflow: hidden;
	width: 100%;
	display: block;
	outline: none;
	-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03);
	-webkit-transition: border .15s linear, background-color .15s linear,
		opacity .15s linear, -webkit-transform .15s linear, -webkit-box-shadow
		.15s linear;
	transition: border .15s linear, background-color .15s linear, opacity
		.15s linear, -webkit-transform .15s linear, -webkit-box-shadow .15s
		linear;
	-o-transition: border .15s linear, transform .15s linear,
		background-color .15s linear, box-shadow .15s linear, opacity .15s
		linear;
	transition: border .15s linear, transform .15s linear, background-color
		.15s linear, box-shadow .15s linear, opacity .15s linear;
	transition: border .15s linear, transform .15s linear, background-color
		.15s linear, box-shadow .15s linear, opacity .15s linear,
		-webkit-transform .15s linear, -webkit-box-shadow .15s linear;
}

.faq .paper {
	margin-bottom: 20px;
}

.core-values {
	width: auto;
	height: 700px;
	background: url(../img/mupraValue.svg) center center/contain no-repeat
		transparent;
	background-size: contain;
	background-position: center;
}

@media ( max-width :700px) {
	.core-values {
		height: 350px;
		background-size: cover;
	}
}

@media ( max-width :900px) {
	.reg-link {
		padding: 14px 8px;
	}
}

.about-us.section {
	padding: 80px 0 0;
}

.about-us #video-area .contents {
	min-height: 76vh;
}
/* .core-values:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -1250px;
    width: 100%;
    height: 1550px;
    background: #f3f5f7;
    -webkit-transform: skewY(-23deg);
    -ms-transform: skewY(-23deg);
    transform: skewY(-23deg);
    z-index: 0;
} 
.core-values-content {
    width: 100%;
    height: 800px;
    background: url(../img/core-values-bg.png) center center/contain no-repeat transparent;
    background-size: auto 84%}
@media (max-width:900px) {
    .core-values-content {
    height: 400px;
    background-size: auto 56%}

}.core-values .slick-slider.slick-initialized .slick-slide {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.core-values__item {
    position: absolute;
    background: #218EEB;
    left: 50%;
    border-radius: 50%;
    box-shadow: 0 3px 17px rgba(72, 45, 122, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    outline: 0;
}
.core-values__item.item1 {
    width: 340px;
    height: 340px;
    top: 214px;
    margin-left: -170px;
    padding: 45px;
}
@media (max-width:900px) {
    .core-values__item.item1 {
    margin-top: 30px!important;
    width: 150px!important;
    height: 150px!important;
    top: 84px!important;
    margin-left: -69px!important;
    padding: 23px!important;
}
}.core-values__item.item1 .core-values__item-text {
    font: 400 15px/19px "Sahel", "Shabnam", "SansPro";
    color: #fff;
    margin-bottom: 25px;
}
.core-values__item.item2 {
    width: 230px;
    height: 230px;
    top: 110px;
    margin-left: -380px;
    padding: 35px;
}
@media (max-width:900px) {
    .core-values__item.item2 {
    margin-top: 85px!important;
    width: 80px!important;
    height: 80px!important;
    top: -23px!important;
    margin-left: -153px!important;
    padding: 14px!important;
}
.core-values__item.item2 .core-values__item-text {
    font: 400 17px/19px "Sahel", "Shabnam", "SansPro" !important;
}
}.core-values__item.item2 .core-values__item-text {
    font: 400 20px/19px "Sahel", "Shabnam", "SansPro";
    color: #fff;
    margin-bottom: 15px;
}
.core-values__item.item3 {
    width: 180px;
    height: 180px;
    top: 140px;
    margin-left: 250px;
    padding: 30px;
}
@media (max-width:900px) {
    .core-values__item.item3 {
    margin-top: 110px!important;
}
}.core-values__item.item3 .core-values__item-text {
    font: 400 20px/19px "Sahel", "Shabnam", "SansPro";
    color: #fff;
    margin-bottom: 15px;
}
.core-values__item.item4 {
  width: 230px;
    height: 230px;
    top: 63px;
    margin-left: 143px;
    padding: 30px;
}
@media (max-width:900px) {
    .core-values__item.item4 {
    margin-top: 85px!important;
    width: 100px!important;
    height: 100px!important;
    top: -36px!important;
    margin-left: 57px!important;
    padding: 17px!important;
}
}.core-values__item.item4 .core-values__item-text {
    font: 400 19px/20px "Sahel", "Shabnam", "SansPro";
    color: #fff;
    margin-bottom: 10px;
}
.core-values__item.item5 {
    width: 270px;
    height: 270px;
    top: 360px;
    margin-left: -440px;
    padding: 40px;
}
@media (max-width:900px) {
    .core-values__item.item5 {
    margin-top: 65px!important;
    width: 90px!important;
    height: 90px!important;
    top: 116px!important;
    margin-left: -155px!important;
    padding: 17px!important;
}
}.core-values__item.item5 .core-values__item-text {
    font: 400 20px/19px "Sahel", "Shabnam", "SansPro";
    color: #fff;
    margin-bottom: 10px;
}
.core-values__item.item6 {
    width: 210px;
    height: 210px;
    top: 560px;
    margin-left: -210px;
    padding: 30px;
}
@media (max-width:900px) {
    .core-values__item.item6 {
    margin-top: 95px!important;
    width: 90px!important;
    height: 90px!important;
    top: 174px!important;
    margin-left: -100px!important;
    padding: 14px!important;
}
}.core-values__item.item6 .core-values__item-text {
    font: 400 16px/19px "Sahel", "Shabnam", "SansPro";
    color: #fff;
    margin-bottom: 10px;
}
.core-values__item.item7 {
    width: 170px;
    height: 170px;
    top: -17px;
    margin-left: -82px;
    padding: 30px;
}
@media (max-width:900px) {
    .core-values__item.item7 {
    margin-top: 115px!important;
    width: 100px!important;
    height: 100px!important;
    top: -110px!important;
    margin-left: -51px!important;
    padding: 14px!important;
}
}.core-values__item.item7 .core-values__item-text {
    font: 400 17px/19px "Sahel", "Shabnam", "SansPro";
    color: #fff;
}
.core-values__item.item8 {
    width: 280px;
    height: 280px;
    top: 340px;
    margin-left: 180px;
    padding: 35px;
}
@media (max-width:900px) {
    .core-values__item.item8 {
    margin-top: 60px!important;
    width: 76px!important;
    height: 76px!important;
    top: 126px!important;
    margin-left: 80px!important;
    padding: 14px!important;
}
.core-values__item.item8 .core-values__item-text {
    font: 400 16px/19px "Sahel", "Shabnam", "SansPro"!important;
}

}.core-values__item.item8 .core-values__item-text {
    font: 400 20px/19px "Sahel", "Shabnam", "SansPro";
    color: #fff;
    margin-bottom: 10px;
}
.core-values__item.item9 {
    width: 210px;
    height: 210px;
    top: 550px;
    margin-left: 19px;
    padding: 35px;
}
@media (max-width:900px) {
    .core-values__item.item9 {
    margin-top: 95px!important;
    width: 85px!important;
    height: 85px!important;
    top: 168px!important;
    margin-left: 27px!important;
    padding: 14px!important;
}
}.core-values__item.item9 .core-values__item-text {
    font: 400 20px/19px "Sahel", "Shabnam", "SansPro";
    color: #fff;
    margin-bottom: 15px;
}
.core-values__item.item10 {
    width: 60px;
    height: 60px;
    top: 270px;
    margin-left: 180px;
}

.about-layer-forward {
    position: relative;
    z-index: 1;
} .core-values:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 500px;
    top: 214px;
    background: linear-gradient(to right, #0010FF, #8CE0F9);
    -webkit-transform: skewY(-23deg);
    -ms-transform: skewY(-23deg);
    transform: skewY(-23deg);
}
.about-quote {
    background: linear-gradient(to right, #0010FF, #8CE0F9);
    padding: 80px 0 110px;
    position: relative;
   	height: 274px;
}
*/
.empty-page-logo {
	padding-top: 25px;
	position: relative;
	width: 100%;
	height: 120px;
}

.empty-page-logo img {
	position: absolute;
	right: 20px;
	width: 72px;
	height: auto;
}

.merchant-info {
	height: auto;
	position: relative;
	width: 100%;
	padding: 1rem 16px;
	overflow: hidden;
}

.input-icon {
	position: absolute;
	width: 35px;
	height: 100%;
	right: 12px;
	top: 34px;
	height: 20px;
	text-align: center;
	color: #bfcbd9;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	font-size: 17px;
}

.input-with-icon input , .input-with-icon textarea{
	padding-right: 33px;
}

.empty-body {
	background: url(../img/default.svg) no-repeat !important;
	background-size: cover !important;
	width: 100%;
	height: auto;
	min-height: 100%
}

.empty-body.gateway-box {
	background: url(../img/mupralink-site-wide.svg) no-repeat !important;
	background-size: cover !important;
	width: 100%;
	height: auto;
	min-height: 100%;
	background-color: #f9f9f9 !important;
	padding-top: 40px;
}

.section-header-white.allpages-bg.pay-merchant:before,
	.section-header-white.allpages-bg.bs-pay:before {
	background: url(../img/default.svg) no-repeat top left !important;
	background-size: cover;
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

.pay-merchant .table ,.merchant-detail .table{
	background: #fff;
	filter: drop-shadow(rgba(277, 77, 78, 0.5) 0px 2px 2px);
	-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 2px 2px);
	border: none !important;
}

.receipt .paper {
	width: 450px;
	background: #fff;
	position: relative;
	margin: auto;
	top: 57px;
}

.receipt form {
	margin-right: 0
}

.receipt .empty-page-logo .logo {
	margin: auto;
}

.receipt .empty-page-logo {
	margin-bottom: 50px;
}

.receipt .empty-page-logo p {
	font-size: 15px;
	font-weight: bold;
	font-family: SahelBold;
	text-align: center;
	color: #218eeb;
}

.pay-merchant #video-area .contents h1 {
    font-size: 25px;
    display: inline-block;
    color: #1B1464;
    line-height: 40px;
}
.pay-merchant #video-area .contents h5 {
    font-size: 15px;
    display: inline-block;
    color: #1B1464;
    float: left;
    padding: 7px;
    max-width: 48%;
    line-height: 1.8;
    
}
.merchant-name {
    direction: ltr !important;
	}
#video-area .contents h5.merchant-name{
    text-align: right;
    }
.merchant-detail .merchant-name {
    display: inline-block;
	}
@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  25% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.comma {
	width: 142px;
	height: 105px;
	background: url(../img/comma-left.svg) center/contain no-repeat
		transparent;
	position: absolute;
	top: 50%;
	left: -46px;
	margin-top: -80px;
}

.comma.rotate {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	left: auto;
	right: -63px;
	margin-top: -50px;
}

.section-tip {
	background: linear-gradient(to right, #1833FE, #8CE0F9);
	color: #4b4b4b;
}

.section-tip div {
	font-weight: bold;
	width: 650px;
	margin: 0 auto;
	padding: 90px 50px;
	font: 600 33px/60px Sahel, Shabnam, SansPro;
	color: #fff;
	text-align: center;
	position: relative;
}

.tariffs+.section-tip div {
	padding: 43px 50px;
	font: 600 25px/60px Sahel, Shabnam, SansPro;
}

.section-tip div .bold {
	line-height: 100px;
	font-size: 29px;
}

@media ( max-width : 768px) {
	.comma {
		width: 71px;
		height: 55px;
		left: -10px;
		margin-top: -60px;
	}
	.comma.rotate {
		right: -10px;
		margin-top: -10px;
	}
	.section-tip div {
		width: 80%;
		padding: 60px 30px;
		font: 400 18px/24px Sahel, Shabnam, SansPro;
	}
	.merchant-info.row {
		flex-direction: row !important;
		flex-wrap: wrap !important;
	}
}

.form-item .errors.ui-message-error {
	position: absolute;
	right: 51px;
	top: -3px;
}

.receipt .paper .row {
	border-bottom: none !important;
}

.paper-content {
	padding: 10px 30px;
}

.paper .success {
	padding: 2px 0px 34px;
	border-top: 3px dashed #959595;
	border-bottom: 3px dashed #959595 !important;
}

.paper .error {
	padding: 2px 0px 34px;
	border-top: 3px dashed #959595;
	border-bottom: 3px dashed #959595 !important;
}

.paper .receipt-content {
	border-bottom: 3px dashed #959595;
}

.receipt-icon {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	padding: 15px 0 2px;
	font-size: 20px;
	border-top: 3px dashed #959595
}

.receipt-Status {
	font-family: SahelBold !important;
	width: 100%;
	text-align: center;
}

.error .receipt-Status {
	color: #FF0D47;
}

.success .receipt-Status {
	color: #02BF4F;
}

.paid-message {
	padding: 25px 0;
	border-bottom: 3px dashed #959595;
}

section.mupra-facility {
	width: 100%;
	overflow: auto;
	position: relative;
	margin-bottom: 21px;
}

.home-table {
	width: 90%;
	margin: auto;
	height: 300px;
	min-height: max-content;
	position: relative;
}

.contents .home-table {
	width: auto;
}

.home-table .tb-box {
	width: 21%;
	min-width: 260px;
	height: 255px;
	border-radius: 8px;
	box-shadow: 0 0 34px rgba(161, 121, 205, .15);
	background-color: #fff;
	margin: 20px;
	float: right;
	padding: 20px;
}

.home-table .tb-box .tb-header{
	color: #fff;
	border-radius: 8px;
	align-items: center;
	display: flex;
	padding: 13px;
}
.tariffs-col .tb-header {
	color: #fff;
	border-radius: 8px;
	align-items: center;
	padding: 13px;
}
.home-table .tb-box .tb-header i {
	margin-left: 5px;
}

.home-table .tb-box.blue .tb-header {
	background: #218EEB;
}

.home-table .tb-box.green .tb-header {
	background: #6ac847;
}

.home-table .tb-box.orange .tb-header {
	background: #ffb931;
}
.Pale-blue{
	background: #49CCF9;
}
.blue{
	background: #308EFF;
}
.dark-blue{
	background: #1C46FF;
}
.Pale-blue-txt{
	color: #49CCF9;
}
.blue-txt{
	color: #308EFF;
}
.dark-blue-txt{
	color: #1C46FF;
}
.home-table .tb-box .tb-content {
	text-align: justify;
	position: relative;
	height: 85%;
	padding-top: 15px;
}

.home-table .tb-box .tb-content p {
	font-size: 14px !important;
	line-height: 33px !important;
	letter-spacing: unset !important;
	color: #000 !important;
}

.home-table .tb-box .tb-content a {
	color: #007bff;
	text-align: center;
	bottom: 12px;
	width: 100%;
	position: absolute;
}

.section-footer {
	font-family: "SahelBlack", "Shabnam", "SansPro", "Yekan", "Vazir-Light",
		"Tahoma", "helvetica neue", helvetica, arial, sans-serif,
		'Lato' !important;
	text-align: center;
	margin-bottom: 75px
}

.section-footer p {
	font-size: 25px !important;
	text-shadow: 2px 3px 2px rgb(191, 191, 191);
	color: #727272 !important;
}

.mupra-facility-header h2 {
	text-align: center
}

@media ( max-width :600px) and (max-width:480px) {
	.home-table, .contents .home-table {
		width: max-content;
	}
	.home-table .tb-box {
		width: 270px;
	}
}

.landing #video-area:not(header) .container .contents {
	padding-top: 17px !important;
}

.landing header#video-area .contents {
	padding: 130px 0 60px !important;
	min-height: 28vh;
}

.dropdown-item.nav-link {
	text-align: center;
	color: #218eeb !important;
	border-bottom: 1px dotted #218eeb57;
}

.nav-item .dropdown-menu {
	border: none
}

.nav-item .dropdown-menu {
	box-shadow: none;
}
.bill-header{
	background: #E6E6E6;
	height: 115px;
	padding: 20px 38px;
	position: relative;
}
.bill-header .row:nth-child(2){
	position: absolute;
    width: 100%;
    bottom: 0;
    left:0;
    right:0;
    margin:auto;
    padding-left: 20px;
}
.bill-header .merchant-logo {
	overflow: hidden;
	width: 50px;
	height: 50px;
	margin: auto;
	border-radius: 100%;
	text-align: center;
	background-color: #E6E6E6;
	float: left;
	display: flex;
}

.bill-body {
	padding:10px 38px 87px;
}

.bill-body table thead{
    border-bottom: 2px solid white;
}
.bill-body p{
	font-size: 14px !important;
    line-height: 29px !important;
    margin-top: 60px;
}
.bill-summary {
	width: 98%;
	height: 225px;
}

.bill-summary div {
	width: 60%;
    float: left;
    clear: both;
    padding: 10px 3px 5px 0px;
    font-size: 14px;
}

.bill-summary div .title {
	float: right;
}

.bill-summary div .amount {
	float: left;
	text-align: center;
    width: 32%;
}
.bill-summary div.base-arrow .amount {
	text-align: left;
    width: 48%;
}
.btn-white{
	background-color: white;
	border:2px solid #218eeb;
	color:#1B1464 !important;
}
.base-arrow  {
	background: #308EFF !important;
	display: inline-block ;
	height: 36px;
	position: relative;
	color:#fff !important;
}
th.base-arrow{
	display: table-cell;
}

.base-arrow:before {
	content: "";
    height: 0;
    left: -18px;
    position: absolute;
    top: 0;
    width: 0;
    border-top: 18px solid transparent;
    border-right: 18px solid #308EFF;
    border-bottom: 18px solid transparent;
}
th.base-arrow {
    height: 100%;
}
th.base-arrow::before {
    border-top: 23px solid transparent;
    border-right: 22px solid #308EFF;
    border-bottom: 22px solid transparent;
    left: -22px;
}
.footer-bill .base-arrow{
	background:linear-gradient(to right, #e3f3ff 7%,#57a0dd 49%,#308EFF 84%,#055ef5 100%)!important;
}
.footer-bill .base-arrow:before {
    border-right: 18px solid #e3f3ff !important;
}
.invoice-body .table thead th:first-child {
    background: #308EFF;
    color: #fff;
}
.bill-date{
	    line-height: 37px;
  	 	font-size: 16px;
	}
#payMerchantDlButtons,#payMerchantDlButtonsMobile,#payMerchantReserveDlButtons,#payMerchantReserveDlButtonsMobile{
	display:none
}
.footer-bill {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    background:#E6E6E6;
}
.footer-bill b{
	 line-height: 36px;
}
.laptop-view-btn {
	display: block;
}

.mobile-view-btn {
	display: none;
}
.google-btn{
	background: linear-gradient( 90deg, #3BCCFF 14%,#FF3333 13%, #FFD400 27%, #48FF48 35%, #1B1464 36%);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbow-text-simple-animation-rev 0.75s ease forwards;
}
.bazzar-btn{
	background: linear-gradient( 90deg, #795522 31%, #1B1464  25%);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbow-text-simple-animation-rev 0.75s ease forwards;
}
.radio-label {
  width: 100%;
  margin-bottom: 1em;
  text-align: center;
}

.radio-pillbox {
  height: 5em;
  width: 100%;
  font-size: 0.8em;
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  color: #218eeb;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 4px !important;
}

.radio-pillbox radiogroup {
  height: 100%;
  width: 100%;
  display: flex;
}

.radio-pillbox radiogroup div {
  width: 100%;
  position: relative;
}

.radio-pillbox radiogroup div input {
  -webkit-appearance: inherit;
  width: 100%;
  height: 100%;
  transition: background 300ms ease-out;
  margin: 0;
  outline: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.radio-pillbox radiogroup div input[type=radio].checked-radio{
  color: #fff;
  border: none;
  background:#218eeb;
  box-shadow: inset 0 10px 50px rgba(25, 25, 25, 0.1);
}
.radio-pillbox radiogroup div input.checked-radio + label{
	 color: #fff;
}
.radio-pillbox radiogroup .first {
  border-radius: 10px;
}

.radio-pillbox radiogroup .last {
  border-radius: 10px;
  border: none;
}

.radio-pillbox radiogroup div label {
  position: absolute;
  top: 20px; /* top plus line-height centers text */
  line-height: 1.5;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.radio-pillbox input:focus {
  outline: 0;
}

.radio-pillbox label:after {
  content: "\2714";
  display: inline-block;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms,
    -webkit-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -moz-transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms,
    -moz-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -o-transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms,
    -o-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms,
    transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.radio-pillbox input.checked-radio + label:after {
  color: #fff !important;
  margin-left: 12px;
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  -webkit-transition: -webkit-transform 500ms
      cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms,
    margin 500ms,
    -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275)
      250ms,
    margin 500ms,
    -moz-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
  -o-transition: -o-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275)
      250ms,
    margin 500ms,
    -o-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
  transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms,
    margin 500ms, transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
}
.offline .tariffs-col p.period {
    display: none;
}
.features-title{
	font-weight: 700;
    color: #6b7c93;
    height: 16px;
    margin-bottom: 15px;
    position: relative;
    direction: rtl;
    text-align: right;
}
.tariffs-features li{    
	line-height: 140%;
    padding: 12px 0;
    font-size: 14px;
    height: 46px;
    border-bottom: 1px solid #ededed;
    text-align: right;
    direction: rtl;
}
.tariffs-features.value li{
    text-align: center;
}
.tariffs-features li.offline-item{
	display: none;
}
.tariffs-features li.tick:before ,li.tick:before{
    content: "\2714";
    font-family: icons;
    color: #606cec;
}
.tariffs-features li.dashed:before, .dashed:before {
    content: "\2715";
    font-family: icons;
    color: #606cec;
}
.value h4.tariffs-title.box3-title {
    padding-top: 31px;
}
.tariffs-price{
    padding: 20px 20px 60px;
    border-bottom: 1px solid #ededed;
    height: 310px;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.two-line-ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.partition{
	margin: 1rem 0;
	padding: 30px 0px;
	border-bottom: 1px solid #eaeaea;
}
.partition table{
	width:100%;
}
.merchant-detail .partition:not(.shopping-cart) table tr th:nth-child(1), .merchant-detail .partition:not(.shopping-cart) table tr td:nth-child(1) {
    text-align: right;
}
.merchant-detail .partition.shopping-cart table tr td:nth-child(2) .action-btn{
	margin:auto;
}
.merchant-menu a{
	display: contents;
    color: inherit !important;
    }
.merchant-menu .card{
	margin-bottom: 5px;
    height: 350px;
    border: none;
    padding: 0px;
    border-radius: 15px;
}
.merchant-menu .card .card-title{
	font-size:14px;
    margin-bottom: 1rem;
    min-height: 38px
}
.merchant-menu .card .card-title .menu-name{
	font-weight:bold;
}
.merchant-menu .card .card-title .menu-description{
	color:#a8a8a8;
	font-size: 12px;
}
.merchant-menu .card .card-text{
	text-align: left;
}
.merchant-menu .card .card-text .price{
	font-weight: bold;
    text-align: left;
    font-size: 17px;
    direction: ltr;
    width: 74%;
    display: inline-block;
    color: #000;
}
.merchant-menu .card .card-text .currency{
	font-weight: normal;
	font-size: 14px;
    color: #727272;
    vertical-align: top;
    line-height: 26px;
}
.merchant-menu .card .card-text a{
	line-height: 42px;
}
.merchant-menu .menu-img{
	text-align: center;
    overflow: hidden;
    width: 209px;
    max-width: 100%;
   	margin: 0 auto;
    height: 209px;
    display: flex;
	}
.merchant-menu .menu-img img{
    width: 100%;
    height: auto;
    display: table;
    margin: 0;
    object-fit: cover;
    max-height: 209px;
	background-color: #f3f5f7;
	border-radius:15px 15px 0 0;
}
.merchant-menu .card-body{
    padding:0.5rem;
    flex: inherit;
}
.no-border , .no-border .ui-state-default,.no-border .ui-widget-content .ui-state-default,.no-border .ui-widget-header .ui-state-default {
	border:none !important;
}

.no-border .ui-tabs-selected.ui-state-active {
    background-color: transparent !important;
}
.no-border.ui-tabs .ui-tabs-nav .ui-tabs-selected.ui-state-active a{
    color: #218eeb !important;
	
}
.no-border.ui-tabs .ui-tabs-nav li a {
    color: #808080 !important;
}
.no-border .ui-tabs-selected.ui-state-active a{
    color: #218eeb !important;
}
.merchant-detail .merchant-title{
	font-weight: normal;
	color:#85878d;
}
.merchant-detail .no-border .ui-state-default {
    font-size: 16px;
}
.merchant-detail .action-btn{
	text-align: center;
    border: 2px solid #1b8fec;
    border-radius: 5px;
    background: inherit;
    width: 95px;
    padding: 0;
}
.merchant-detail .action-btn *{
	line-height: 33px;
	}
.merchant-detail .action-btn .count-btn{
	border: none !important;
    width: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 19.5px;
    background-color: #1c86f2;
    margin: 0;
    min-height: auto;
    color:#fff;
    cursor:pointer;
}
.merchant-detail .add-btn{
	border-left: 2px dotted #1b8fec !important;
    float: right;
    border-radius: 0px 3px 3px 0;
}
.merchant-detail .remove-btn{
	border-right: 2px dotted #1b8fec !important;
    float: left;
    border-radius: 3px 0 0 3px;
	}
	
.merchant-detail .action-btn .w3-btn{
    line-height: 12px;
    border-radius: 5px;
    width: 29.4%;
    text-align: center;
    max-width: 100%;
    font-weight: bold;
    font-size: 20px;
    padding: 0px 0px !important;
}
.merchant-detail .ui-button-text-only .ui-button-text{
	padding: 0 !important;
}

.merchant-detail .menu-btn{
	line-height: 1;
    font-family: SahelBold !important;
    color: #fff;
    margin: 0;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    align-items: center;
    padding: 13px;
    width: 49%;
    margin: auto;
    position: relative;
    cursor: pointer;
}
.merchant-detail .menu-btn:first-child{
	 margin-right:0;

	}
.merchant-detail .menu-btn:last-child{
	 margin-left:0;

	}
.merchant-detail .show-menu-btn{
	background: #308EFF;
	box-shadow: 0 0px 3px rgb(255 255 255 / 25%), 0 3px 10px rgb(71 99 200 / 35%);
	}
.merchant-detail .cart-btn-fixed{
	position: fixed;
    bottom: 18px;
    right: 15px;
    z-index: 100000;
}

.merchant-detail .tooltip-shopping-cart{
	position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 15px;
    z-index: 1;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 20px rgb(25 63 125 / 15%);
    pointer-events: none;
    color: #989cad;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    white-space: nowrap;
}
.cart-btn-fixed .tooltip-shopping-cart:before {
    content: "";
    position: absolute;
    bottom: -6px;
    right: 21px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0 0 4px 0;
    background-color: inherit;
    box-shadow: 12px 12px 15px rgb(25 63 125 / 15%);
}
.merchant-detail .cart-btn{
	position: relative;
	border-radius:50%;
    z-index: 100000;
    box-shadow:  0 3px 8px 0 rgb(0 0 0 / 41%);
    height: 55px;
    width: 55px;
    display: block;
}
.merchant-detail .cart-btn:hover {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
    background: #ffb018;
    box-shadow: 0 3px 8px rgb(0 0 0 / 25%), 0 3px 8px rgb(0 0 0 / 41%);
}
.merchant-detail .cart-btn i.fa {
    width: 55px;
    height: 55px;
    line-height: 53px;
    color: #fff;
    font-size: 25px;
    text-align: center;
}
.merchant-detail .disabled-btn{
	background: #cecece;
	cursor: default;
	box-shadow: 0 0px 3px rgb(255 255 255 / 25%), 0 3px 10px rgb(194 194 194 / 35%);
	}
.merchant-detail .menu-btn i.fa {
    position: absolute;
    width: 35px;
    height: 100%;
    right: 12px;
    top: 13px;
    color: #fff;
}

.merchant-detail #video-area>.container{
	max-width: 100% !important;
    padding: 0!important;
}
.merchant-detail #video-area .contents{
	padding: 0 0 25px !important;
}
.merchant-detail .merchant-header{
    padding: 0 210px;
}
.merchant-header{
	position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
  	height: 147px;
}
.merchant-header .merchant-info {
    background: linear-gradient(to right, #5db7ff 0%,#2989d8 47%,#0f2bde 83%,#0f2bde 83%,#0f2bde 100%);
    position: relative;
    height: 100px;
}
.merchant-header .merchant-info h5 {
    display: inline-block;
    position: absolute;
    line-height: 33px !important;
    margin: 0 !important;
    top: 40px;
    color: #fff;
    right: 160px;
    font-size:24px;
    font-weight: 700;
     max-width: 80%;
    }
.merchant-header-logo {
    position: absolute;
    right: 0px;
    background-color: #0f2bde;
    width: 88px;
    height: 147px;
    top: 0;
}
.merchant-detail .paper{
	padding: 160px 190px 30px;
	}
.merchant-detail .merchant-logo {
    overflow: hidden;
    width: 135px;
    height: 135px;
    display: flex;
    margin: 20px auto 16px;
    border-radius: 100%;
    border: 9px solid #fff;
    background: #218eeb;
    position: absolute;
    right: 0;
    top: 0;
}
.paper .merchant-logo img {
    width: 100%;
    height: auto;
    display: table;
    margin: 0;
    object-fit: cover;
    max-height: 135px;
}
.ui-tabs .ui-tabs-navscroller {
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 30px;
}
 .chevron {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    overflow: hidden;
}
.chevron::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 18%;
    height: 100%;
    color:#000;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(44deg);
    left: 6px;
    top: 7px;
}
.merchant-header .social-network {
    height: auto;
    text-align: left;
    position: absolute;
    left: 11px;
    bottom: 27px;
}
.merchant-header .social-network .social{
    direction: ltr;
    margin-right: 16px;
}
.merchant-header .social li {
    display: inline-block;
    margin: 0px 5px !important;
    line-height: 35px;
    width: 31px;
    height: 31px;
    text-align: center;
    font-size: 22px;
    border-radius: 50%;
    padding: 0px;
    background-color: #ffffff;
}
.merchant-detail .merchant-header .merchant-info {
    background: inherit !important;
    padding: 0 !important;
    height: inherit;
}
.merchant-detail .merchant-header .merchant-info h5{
	color:#474b53;
	font-family: "SahelBold" !important;
	top: 58px;
    right: 137px;
}
.merchant-detail .ui-tabs-scrollable .ui-tabs-nav {
    width: max-content !important;
}
.merchant-detail .ui-tabs .ui-tabs-panels .ui-tabs-panel {
    padding: 0.571em 0.5em;
    overflow: auto;
}
.merchant-detail .ui-panel .ui-panel-content {
    padding: 0.5em 1.4em;
}

.merchant-detail .ui-panel .ui-panel-content .row .menu-items{
    padding: 8px;
    position: relative;
    min-height: 350px;
    width: 209px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 209px;
    -ms-flex: 0 0 209px;
    -ms-flex: 0 0 209px;
    flex: 0 0 209px;
}
.merchant-detail .ui-panel .ui-panel-content .row > *:last-child >.menu-items{
    margin-left: 5em !important;
}
.merchant-detail .ui-tabs.merchantMenus{
	padding: 5px 24px;
} 
.merchant-detail .ui-widget-content.merchant-menu {
    background-color: transparent !important;
}
.merchant-detail .ui-tabs .ui-tabs-panels {
	border:none;
    background-color: #eff3f7;
}
.merchant-detail .mupra-page{
	position: absolute;
    left: 11px;
    top: 12px;
    text-align: left;
    direction: ltr;
    color: #fff;
    width: 89%;
}
.merchant-detail p ,.merchant-detail p a{
	font-size: 16px!important;
    line-height: 42px!important;
    text-align: justify!important;
    color:#85878d !important;
    }
.merchant-detail p.p-bold{
	 color:#474b53 !important;
	}
 .merchant-detail .partition {
	color:#85878d;
	padding: 5px 24px;
 }
.merchant-detail .merchant-contact i{
     color: #0085ff;
     font-size: 20px;
     margin-left: 27px;
} 
.merchant-detail table tr th.merchant-title i{
    color: #0085ff;
    margin-left: 3px;
    }
.merchant-detail .mupra-page a{
	color: #fff;

}
.merchant-detail .merchant-description{
    background-color: #eff3f7;
    border-radius: 14px;
    width: 100%;
    text-align: center;
    z-index: 1;
    color: #666666;
    padding: 7px 21px 9px;
}
.merchant-description p{
	margin: 0;

	}
.mupra-logo{
    height: 140px;
    padding-top: 20px;
}
.mupra-logo .logo {
	width: 72px;
	height: 105px;
	background: url(../img/splash_logo.png) no-repeat top center/70px;
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	text-indent: -200px;
	font-size: 0;
	outline: 0;
	right: 0;
	margin: auto;
}
.receipt .paper .merchant-ln {
    text-align: center;
}
.receipt .paper .merchant-logo img {
	overflow: hidden;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 100%;
    text-align: center;
    display: flex;
}
.edu .section{
    padding:50px 15px;
}
.edu .section:nth-child(odd){
	background-color: #f3f5f7;
}
.edu #video-area>.container{
	padding: 0 !important;
    margin: 0!important;
    max-width: 100% !important;
}
.video{
	display: block;
    padding-top: 56.25%;
	position: relative;
}
.video .ratio {
	display: block;
	width: 100%;
	height: auto;
}

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mupra-customers .customer-logo{
	height: auto;
    display: flex;
    align-items: center;
    width: 25%;
    margin: 0 auto;
    padding: 30px 57px;
    float:right;
    place-content: center;
}
.mupra-customers .customer-logo img {
    transform-style: preserve-3d;
    width: 125px;
    height: auto;
    max-width:100%
}
 #mupraApi .form-box.two-col textarea::-webkit-input-placeholder {
	line-height: 40px!important;
	padding:8% 4px;
}
.persian-num, .persian-num input{
	font-family: IRANSans !important;
}
.empty-footer-link{
	color: #007bff !important;
    margin-bottom: 1rem;
    line-height: 20px;
}
.empty-merchant-footer{
	font-size: 14px;
    color: #727272;
    margin-bottom: 1rem;
    line-height: 20px;
}
.survey-row {
    padding: 22px;
}
.survey-row .col.col-6 {
	width: 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.emoji-buttons input{
	visibility: hidden;
}
.emoji-buttons {
    float: left;
}
.emoji-buttons * {
	height: 48px;
    padding: 0 19px;
}
.emoji-buttons .ui-button:nth-child(1) {
	background: url(../img/emoji/very-good.png) no-repeat top center/48px;
}
.emoji-buttons .ui-button:nth-child(2) {
    background: url(../img/emoji/good.png) no-repeat top center/48px;
}
.emoji-buttons .ui-button:nth-child(3) {
    background: url(../img/emoji/not-bad.png) no-repeat top center/48px;
}
.emoji-buttons .ui-button:nth-child(4) {
    background: url(../img/emoji/bad.png) no-repeat top center/48px;
}
.emoji-buttons .ui-button:nth-child(5) {
    background: url(../img/emoji/very-bad.png) no-repeat top center/48px;
}
.biz-tools form{
	margin-right:0
}
.biz-tools fieldset {
	background: #fff;
    border-radius: 15px;
    color: #000;
    padding: 10px 26px;
    width: 620px;
    margin: auto;
    -webkit-box-shadow: 7px 12px 16px rgb(158 157 157 / 75%);
    box-shadow: 7px 12px 16px rgb(158 157 157 / 75%);
}
.biz-tools fieldset .form-item label>span{
	display:none
}
.biz-tools fieldset .ui-message-error {
    position: absolute;
    top: -5px;
    right: 0;
    left: 0;
    margin: auto;
}
.biz-tools fieldset .form-item .desc{	
	text-align: right;
}
.biz-tools legend{
	font-weight: 600;
    margin-bottom: 26px;
    line-height: 1.5;
    color: #373767;
    font-size: 15px;
    top: 20px;
}
.biz-tools .landing-header .row.gutter{	
    width: 70%;
    margin: auto;
}
.biz-tools .landing-header .col.col-6:first-child{	
    width: 80%;
    flex: 0 0 80%;
    max-width: 80%;
}
.biz-tools .landing-header .col.col-6:nth-child(2) {
	width: 20%;
	flex: 0 0 20%;
    max-width: 20%;
	}
.biz-tools .slide-btn {
    line-height: 30px;
    font-size: 18px;
}
.dir-rtl {
    direction: rtl;
    text-align: right;
}
.advantage .section-content{
	position: relative;
}
.advantage .section-content .col-md-6{
    min-height: 650px;
}
.advantage .table .table-col-1{
	padding-top:28px;
	width: 70%;
	float:right;
}
.advantage .table li{
	padding: 12px 0;
    height: 55px;
    border-bottom: 1px solid #ededed;
}
.advantage .table .arrows li{
    font-size: 14px;
}
.advantage h2{
    position: absolute;
    top: 100px;
    display: inline-block;
    right: 90px;
    color:#218eeb;
}
.advantage .insta, .advantage .mupra{
    text-align: center;
    position: relative;
    width: 15%;
	float:right;
	padding:0 8px;
}
.advantage .arrows{
	padding: 28px 0 0;
    border-radius: 6px;
    text-align: center;
    -webkit-box-shadow: 7px 12px 16px rgb(158 157 157 / 75%);
    box-shadow: 7px 12px 16px rgb(158 157 157 / 75%);
    position: relative;
}
.advantage .mupra .logo, .advantage .insta .insta-logo{
	width: 35px;
    height: 35px;
    position: absolute;
    top: -17px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 9px;
    background-position-y: center;
}
.insta .insta-logo{
	background: url(../img/instagram.png) no-repeat bottom center/28px;
}
.mupra .logo{
	background: url(../../images/logo.png) no-repeat bottom center/28px;
}
.question-mark{
	font-family: sans-serif, 'Lato' !important;
    font-size: 704px;
    position: absolute;
    top: -121px;
    color: #218eeb;
    line-height: 1;
    right: -76px;
    text-shadow: 1px 3px 6px rgb(0 0 0)
}
.box-shadow{
	background: #fff;
    margin: 0 auto;
    text-align: justify;
    font-size: 20px;
    font-weight: 100;
    max-width: 1224px;
    width: 92%;
    padding: 35px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgb(50 50 93 / 12%), 0 -1px 4px rgb(0 0 0 / 6%);
   	position: relative;
    padding-right: 73px;
}
ol.content-size li::marker {
    font-size: 1.17em;
    font-weight: bolder;
}
.click-here{
	cursor: pointer;
	color: #218eeb;
}
.box-shadow:before {
    content: "";
    position: absolute;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 42px;
    height: 60%;
    width: 4px;
    background: #606cec;
    border-radius: 5px;
}