@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('./fonts/iransans/eot/IRANSansWeb.eot');
	src: url('./fonts/iransans/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('./fonts/iransans/woff/IRANSansWeb.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('./fonts/iransans/ttf/IRANSansWeb.ttf') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('./fonts/iransans/eot/IRANSansWeb_Bold.eot');
	src: url('./fonts/iransans/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('./fonts/iransans/woff/IRANSansWeb_Bold.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('./fonts/iransans/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('./fonts/iransans/eot/IRANSansWeb_Medium.eot');
	src: url('./fonts/iransans/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('./fonts/iransans/woff/IRANSansWeb_Medium.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('./fonts/iransans/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('./fonts/iransans/eot/IRANSansWeb_Light.eot');
	src: url('./fonts/iransans/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('./fonts/iransans/woff/IRANSansWeb_Light.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('./fonts/iransans/ttf/IRANSansWeb_Light.ttf') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 100;
	src: url('./fonts/iransans/eot/IRANSansWeb_UltraLight.eot');
	src: url('./fonts/iransans/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('./fonts/iransans/woff/IRANSansWeb_UltraLight.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('./fonts/iransans/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}

*,
:after,
:before {
	box-sizing: border-box
}

a,
abbr,
address,
applet,
article,
aside,
audio,
b,
blockquote,
body,
button,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: inherit;
	font-weight: inherit;
	vertical-align: baseline
}

html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
textarea {
	display: block
}

ol,
ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

a {
	text-decoration: none
}

figure {
	margin: 0
}

[role=button],
button,
input[type=submit] {
	cursor: pointer
}

input[type=text],
textarea {
	-moz-appearance: none;
	-webkit-appearance: none
}

button {
	background-color: transparent;
	box-shadow: none
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

html {
	font-size: 16px
}

@media (max-width:1200px) {
	html {
		font-size: 1.3vw
	}
}

@media (max-width:800px) {
	html {
		font-size: 16px
	}
}

@media (max-width:360px) {
	html {
		font-size: 4.5vw
	}
}

body {
	font-weight: 400
}

.page {
	direction: rtl;
	overflow: hidden
}

.comp {
	position: absolute
}

.comp>a {
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: inherit
}

.comp-image {
	overflow: hidden
}

.comp-image img {
	display: block;
	width: 100%;
	height: 100%
}

.comp-button a {
	color: inherit;
	display: inline-flex;
	align-items: center;
	justify-content: center
}

.comp-button a[data-scroll-target] {
	cursor: pointer
}

.comp-video-in {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%)
}

.comp-video-in:after {
	content: "";
	display: block;
	padding-top: 57%
}

.comp-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.container {
	width: 72.5rem;
	position: relative;
	height: 100%;
	margin: 0 auto
}

@media (max-width:800px) {
	.container {
		width: 22.5rem
	}
}

.comp-text {
	height: auto !important
}

.comp-text ol {
	list-style-type: decimal;
	list-style-position: outside
}

.comp-text ul {
	list-style-type: disc;
	list-style-position: outside
}

.comp-text li {
	margin: 0 1.25rem
}

.comp-text a {
	color: #2196f3
}

.comp-text a:hover {
	color: #1c73bb
}

.comp-heading {
	height: auto !important
}

.comp-heading a,
.comp-heading a:hover {
	color: inherit
}

body {
	font-family: IRANSans, tahoma, arial;
	background-color: rgba(226, 248, 250, 1);
}

#id13671 {
	background: linear-gradient(-10deg, #0F62A8, #1D8FD6);
	height: 42.875rem;
	border-radius: 0 0 1.875rem 1.875rem;
}

#idG3cdH60i {
	height: 66.125rem;
	width: 91.5rem;
	left: 29.625rem;
	top: -25rem;
}

#idK12WeJ1x {
	display: inline-flex;
	color: #ffffff;
	width: 17.625rem;
	left: 47rem;
	height: 3.75rem;
	font-weight: 500;
	justify-content: center;
	font-size: 1.375rem;
	top: 18.25rem;
	background-color: rgba(229, 88, 92, 1);
	align-items: center;
	border-radius: 0.5625rem;
}

#idOLKTxoQs {
	height: 2.625rem;
	width: 6.5rem;
	left: 60.4375rem;
	top: 6.1875rem;
}

#id9waKpPYJ {
	font-size: 2.5rem;
	font-weight: bold;
	width: 22.875rem;
	height: 3.1875rem;
	left: 44.125rem;
	top: 10.6875rem;
	color: #ffffff;
	text-shadow: 0 0.125rem 0.3125rem rgba(14, 53, 91, 0.21);
}

#id9DBPQOqc {
	color: #ffffff;
	width: 25.1875rem;
	left: 41.6875rem;
	height: 3.1875rem;
	font-weight: bold;
	font-size: 1.0625rem;
	top: 14.6875rem;
	text-align: right;
	direction: rtl;
	text-shadow: 0 0.125rem 0.3125rem rgba(14, 53, 91, 0.21);
}

#idnQWG0Aww {
	height: 12rem;
	width: 13.625rem;
	left: 1.875rem;
	top: 28.875rem;
}

#id2Sl3ZEw5 {
	height: 7.25rem;
	width: 8.25rem;
	left: 68.1875rem;
	top: 28.8125rem;
	opacity: 0;
}

#idAThdfzlv {
	height: 30.75rem;
	width: 24.75rem;
	left: 10.375rem;
	top: 1.75rem;
}

#id14082 {
	height: 84.875rem;
}

#idPR4AoLIJ {
	height: 45.9375rem;
	width: 43.375rem;
	left: 14.5rem;
	top: 36rem;
}

#idvb5ZqVtH {
	height: 17.0625rem;
	width: 43.9375rem;
	left: 13.9375rem;
	top: 26.4375rem;
}

#idPinKmkhq {
	background-color: rgba(255, 255, 255, 1);
	height: 41.25rem;
	width: 43.75rem;
	left: 14.25rem;
	top: -3.5rem;
	border-radius: 1.25rem;
}

#idLBkTKnOy {
	height: 22.3125rem;
	width: 39.5625rem;
	left: 16.375rem;
	top: -0.6875rem;
	background-color: #F0FEFF;
	border-radius: 1rem;
	overflow: hidden;
}

#id6EQm5BTi {
	width: 39.5625rem;
	height: 4.8125rem;
	left: 16.25rem;
	top: 22.625rem;
	direction: rtl;
	text-align: justify;
}

#idtFOD7Mi0 {
	height: 11.9375rem;
	width: 10.875rem;
	left: 56.5625rem;
	top: 4.9375rem;
}

#idonmYzzwQ {
	height: 14.375rem;
	width: 15.6875rem;
	left: 37.75rem;
	top: 42.625rem;
}

#id1eaZa7Ij {
	height: 14rem;
	width: 16rem;
	left: 21.3125rem;
	top: 49.125rem;
}

#idmX3dbank {
	height: 15.6875rem;
	width: 15.875rem;
	left: 37.4375rem;
	top: 56.4375rem;
}

#idnXSEIdU9 {
	font-size: 1.125rem;
	font-weight: bold;
	width: 13rem;
	height: 3.1875rem;
	left: 38.8125rem;
	top: 45.8125rem;
	direction: rtl;
	text-align: center;
}

#id1YKsnFqt {
	height: 25.875rem;
	width: 28.3125rem;
	left: 22.09375rem;
	top: 29.5rem;
}

@media (min-width: 801px) {
	#id1YKsnFqt {
		display: none;
	}
}

#idvAoEMau7 {
	font-size: 1.125rem;
	font-weight: bold;
	width: 13rem;
	height: 3.1875rem;
	left: 23.1875rem;
	top: 52.8125rem;
	direction: rtl;
	text-align: center;
}

#idDeTopqTR {
	height: 12.1875rem;
	width: 16.75rem;
	left: 20.75rem;
	top: 67.125rem;
}

#idTz-s2yCz {
	font-size: 1.125rem;
	font-weight: bold;
	width: 13rem;
	height: 3.1875rem;
	left: 38.8125rem;
	top: 60.8125rem;
	direction: rtl;
	text-align: center;
}

#id37k8JQdn {
	height: 25rem;
	width: 28.5625rem;
	left: 21.96875rem;
	top: 29.9375rem;
}

@media (min-width: 801px) {
	#id37k8JQdn {
		display: none;
	}
}

#idTGvYYaNw {
	font-size: 1.125rem;
	font-weight: bold;
	width: 13rem;
	height: 3.1875rem;
	left: 23.375rem;
	top: 68.375rem;
	direction: rtl;
	text-align: center;
}

#idZeyx1J2Q {
	width: 10.3125rem;
	height: 4.8125rem;
	left: 40.125rem;
	top: 48.125rem;
	direction: rtl;
	text-align: justify;
	font-size: 0.875rem;
}

#idhxDXycoC {
	width: 10.4375rem;
	height: 4.8125rem;
	left: 24.4375rem;
	top: 55.25rem;
	direction: rtl;
	text-align: justify;
	font-size: 0.875rem;
}

#idlUoysb_6 {
	width: 10.9375rem;
	height: 4.8125rem;
	left: 39.875rem;
	top: 63rem;
	direction: rtl;
	text-align: justify;
	font-size: 0.875rem;
}

#idTiGM7aiY {
	width: 10.1875rem;
	height: 4.8125rem;
	left: 24.9375rem;
	top: 70.5rem;
	direction: rtl;
	text-align: justify;
	font-size: 0.875rem;
}

#id14086 {
	height: 46.5625rem;
	margin-top: -1.875rem;
	background: linear-gradient(-135deg, #1846AD, #1BC6D5);
}

#ide7q9w5Ai {
	color: #fdfdfd;
	width: 24.625rem;
	left: 41.25rem;
	height: 3.1875rem;
	font-weight: bold;
	font-size: 2rem;
	top: 19.125rem;
	text-align: center;
	direction: rtl;
}

#idJ9sIMe_2 {
	height: 30.125rem;
	width: 30.625rem;
	left: 4.8125rem;
	top: 8.3125rem;
}

#idTsruSAzh {
	height: 8.875rem;
	width: 7.25rem;
	left: 58.75rem;
	top: 8.25rem;
}

#idosJvZTiG {
	width: 28.4375rem;
	height: 4.8125rem;
	left: 37.4375rem;
	top: 27.1875rem;
	direction: rtl;
	text-align: right;
}

#id13678 {
	background-color: rgba(226, 248, 250, 1);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 47.9375rem;
}

#idznqc_WLy {
	height: 3.5rem;
	width: 8.75rem;
	left: 31.75rem;
	top: 4.1875rem;
}

#idTgFH5coM {
	height: 7.1875rem;
	width: 22.6875rem;
	left: 25.0625rem;
	top: 6.3125rem;
}

#id8Y7-kHrY {
	font-size: 1.75rem;
	font-weight: bold;
	width: 15.625rem;
	height: 3.1875rem;
	left: 28.75rem;
	top: 9.625rem;
	direction: rtl;
	text-align: center;
}

#idN8c0d85X {
	width: 38.125rem;
	height: 4.8125rem;
	left: 16.4375rem;
	top: 14.25rem;
	direction: rtl;
	text-align: justify;
}

#id4Evajs20 {
	height: 3.1875rem;
	width: 3.1875rem;
	left: 42.5rem;
	top: 30.0625rem;
}

#idde0PAPTl {
	height: 3.0625rem;
	width: 3.0625rem;
	left: 38.6875rem;
	top: 30.125rem;
}

#idIoXzxw4F {
	height: 3.125rem;
	width: 3.125rem;
	left: 34.875rem;
	top: 30rem;
}

#idWw_L3Q3A {
	height: 3rem;
	width: 3rem;
	left: 31.25rem;
	top: 30.125rem;
}

#idx8kascPU {
	height: 3.0625rem;
	width: 3.0625rem;
	left: 27.625rem;
	top: 30.1875rem;
}

#idAjpHbLkj {
	height: 8.125rem;
	width: 7.375rem;
	left: 32.9375rem;
	top: 35.375rem;
}

#id14373 {
	height: 16.625rem;
	background-color: rgba(193, 243, 244, 1);
}

#id3q1ebcEb {
	width: 38.75rem;
	height: 4.8125rem;
	left: 15.8125rem;
	top: 2.8125rem;
	font-size: 0.875rem;
	direction: rtl;
	text-align: justify;
}

@media (max-width: 800px) {
	#id13671 {
		height: 48.5625rem;
	}

	#idG3cdH60i {
		height: 58.625rem;
		width: 81.1875rem;
		left: -12.5rem;
		top: -22.8125rem;
	}

	#idK12WeJ1x {
		width: 17.125rem;
		height: 3.625rem;
		left: 2.5rem;
		top: 15.875rem;
		font-size: 1.125rem;
		font-weight: bold;
	}

	#idOLKTxoQs {
		height: 2.5625rem;
		width: 6.375rem;
		left: 8.4375rem;
		top: 4.25rem;
	}

	#id9waKpPYJ {
		font-size: 1.875rem;
		width: 17.375rem;
		height: 2.5625rem;
		left: 2.125rem;
		top: 7.75rem;
	}

	#id9DBPQOqc {
		font-size: 1.125rem;
		width: 16.6875rem;
		height: 2.5625rem;
		left: 2.75rem;
		top: 10.875rem;
	}

	#idnQWG0Aww {
		height: 9.75rem;
		width: 11.0625rem;
		left: 40.625rem;
		top: 20.75rem;
		opacity: 0;
	}

	#id2Sl3ZEw5 {
		height: 10.5rem;
		width: 11.9375rem;
		left: 11.1875rem;
		top: 20.9375rem;
		opacity: 1;
	}

	#idAThdfzlv {
		height: 24.4375rem;
		width: 19.625rem;
		left: 1.125rem;
		top: 20.75rem;
	}

	#id14082 {
		height: 83.5rem;
	}

	#idPR4AoLIJ {
		height: 48.8125rem;
		width: 46.125rem;
		left: -10.25rem;
		top: 32.6875rem;
	}

	#idvb5ZqVtH {
		height: 7.875rem;
		width: 20.25rem;
		left: 0.5625rem;
		top: 27.75rem;
	}

	#idPinKmkhq {
		width: 21.4375rem;
		height: 34.6875rem;
		left: 0.5rem;
		top: -1.8125rem;
	}

	#idLBkTKnOy {
		width: 19rem;
		height: 10.8125rem;
		left: 1.75rem;
		top: -0.4375rem;
	}

	#id6EQm5BTi {
		font-size: 0.875rem;
		width: 18.875rem;
		height: 4.1875rem;
		left: 1.8125rem;
		top: 10.9375rem;
	}

	#idtFOD7Mi0 {
		height: 22.125rem;
		width: 20.25rem;
		left: 34.1875rem;
		top: -2.1875rem;
		opacity: 0;
	}

	#idonmYzzwQ {
		height: 15.125rem;
		width: 16.5625rem;
		left: 4.25rem;
		top: 34.25rem;
	}

	#id1eaZa7Ij {
		height: 14.75rem;
		width: 16.9375rem;
		left: -0.375rem;
		top: 44.8125rem;
	}

	#idmX3dbank {
		height: 15.4375rem;
		width: 15.75rem;
		left: -28.0625rem;
		top: 49.3125rem;
		opacity: 0;
	}

	#idnXSEIdU9 {
		font-size: 1.25rem;
		width: 11.5rem;
		height: 2.5625rem;
		left: 6.5rem;
		top: 37.8125rem;
	}

	#id1YKsnFqt {
		height: 15.3125rem;
		width: 16.8125rem;
		left: 5.375rem;
		top: 55.375rem;
	}

	#idvAoEMau7 {
		font-size: 1.25rem;
		width: 12.75rem;
		height: 2.5625rem;
		left: 2.125rem;
		top: 48.28125rem;
	}

	#idDeTopqTR {
		height: 13rem;
		width: 17.875rem;
		left: -29.5rem;
		top: 59.5625rem;
		opacity: 0;
	}

	#idTz-s2yCz {
		font-size: 1.25rem;
		width: 12.75rem;
		height: 2.5625rem;
		left: 6.875rem;
		top: 58.40625rem;
	}

	#id37k8JQdn {
		height: 15.75rem;
		width: 18rem;
		left: -0.25rem;
		top: 66.1875rem;
	}

	#idTGvYYaNw {
		font-size: 1.25rem;
		width: 12.75rem;
		height: 2.5625rem;
		left: 2.75rem;
		top: 69.53125rem;
	}

	#idZeyx1J2Q {
		font-size: 0.875rem;
		width: 10.5rem;
		height: 4.1875rem;
		left: 6.875rem;
		top: 40.625rem;
	}

	#idhxDXycoC {
		font-size: 0.875rem;
		width: 11.875rem;
		height: 4.1875rem;
		left: 2.3125rem;
		top: 50.9375rem;
	}

	#idlUoysb_6 {
		font-size: 0.875rem;
		width: 12rem;
		height: 4.1875rem;
		left: 7.4375rem;
		top: 61.0625rem;
	}

	#idTiGM7aiY {
		font-size: 0.875rem;
		width: 12.4375rem;
		height: 4.1875rem;
		left: 2.875rem;
		top: 72.0625rem;
	}

	#id14086 {
		height: 56.9375rem;
	}

	#ide7q9w5Ai {
		font-size: 1.5rem;
		width: 18.9375rem;
		height: 2.5625rem;
		left: 1.6875rem;
		top: 15rem;
	}

	#idJ9sIMe_2 {
		height: 20.3125rem;
		width: 20.6875rem;
		left: 0.5625rem;
		top: 34.0625rem;
	}

	#idTsruSAzh {
		height: 6.6875rem;
		width: 5.5rem;
		left: 8.3125rem;
		top: 7.125rem;
	}

	#idosJvZTiG {
		font-size: 0.875rem;
		width: 19.6875rem;
		height: 4.1875rem;
		left: 1.25rem;
		top: 20.5625rem;
		direction: rtl;
		text-align: justify;
	}

	#id13678 {
		height: 47.375rem;
	}

	#idznqc_WLy {
		height: 2.875rem;
		width: 7.3125rem;
		left: 7.75rem;
		top: 2.1875rem;
	}

	#idTgFH5coM {
		height: 4.75rem;
		width: 15rem;
		left: 3.6875rem;
		top: 3.9375rem;
	}

	#id8Y7-kHrY {
		font-size: 1.625rem;
		width: 12.75rem;
		height: 2.5625rem;
		left: 4.9375rem;
		top: 5.625rem;
	}

	#idN8c0d85X {
		font-size: 0.875rem;
		width: 19.3125rem;
		height: 4.1875rem;
		left: 1.5rem;
		top: 9.3125rem;
	}

	#id4Evajs20 {
		height: 2.8125rem;
		width: 2.8125rem;
		left: 6.375rem;
		top: 33.4375rem;
	}

	#idde0PAPTl {
		height: 2.875rem;
		width: 2.875rem;
		left: 9.875rem;
		top: 33.5rem;
	}

	#idIoXzxw4F {
		height: 2.8125rem;
		width: 2.8125rem;
		left: 17rem;
		top: 33.5rem;
	}

	#idWw_L3Q3A {
		height: 2.8125rem;
		width: 2.8125rem;
		left: 13.4375rem;
		top: 33.5rem;
	}

	#idx8kascPU {
		height: 2.75rem;
		width: 2.75rem;
		left: 2.8125rem;
		top: 33.4375rem;
	}

	#idAjpHbLkj {
		height: 7rem;
		width: 6.4375rem;
		left: 8.125rem;
		top: 38.0625rem;
	}

	#id14373 {
		height: 27.0625rem;
	}

	#id3q1ebcEb {
		font-size: 0.875rem;
		width: 19.3125rem;
		height: 4.1875rem;
		left: 1.625rem;
		top: 1.75rem;
	}
}


.account {
	padding-bottom: 6.25rem;
}

@media (max-width: 800px) {
	.account {
		padding-bottom: 3.125rem;
	}
}

.account-wrap {
	position: relative;
	display: flex;
	width: 72.5rem;
	margin: 0 auto;
	box-shadow: 0 7.25rem 2.55rem -5.75rem rgba(0, 174, 190, 0.2);
}

@media (max-width: 1200px) {
	.account-wrap {
		width: 65rem;
	}
}

@media (max-width: 1050px) {
	.account-wrap {
		flex-direction: column;
		width: 40rem;
	}
}

@media (max-width: 700px) {
	.account-wrap {
		width: 33rem;
	}
}

@media (max-width: 580px) {
	.account-wrap {
		width: 30rem;
	}
}

@media (max-width: 500px) {
	.account-wrap {
		width: 100%;
		padding: 0 0.9375rem;
		box-shadow: none;
	}
}

.account .col:first-child {
	padding: 3.125rem 1.875rem 4.0625rem;
	border-radius: 0 1.25rem 1.25rem 0;
	background-color: #fff;
}

@media (max-width: 1050px) {
	.account .col:first-child {
		border-radius: 0 0 1.25rem 1.25rem;
	}
}

@media (max-width: 500px) {
	.account .col:first-child {
		padding: 3.125rem 1.25rem 3.125rem;
		border-radius: 0.625rem;
	}
}

.account .col:last-child {
	width: 36.25rem;
	height: 32.5rem;
	border-radius: 1.25rem 0 0 1.25rem;
	background: #00e3ea;
	background: linear-gradient(45deg, #26a8e2, #00ecf4);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

@media (max-width: 1050px) {
	.account .col:last-child {
		width: 100%;
		height: 31.875rem;
		order: -1;
		border-radius: 1.25rem 1.25rem 0 0;
	}
}

@media (max-width: 500px) {
	.account .col:last-child {
		display: none;
	}
}

.account-title {
	font-size: 2.125rem;
	font-weight: bold;
	color: #333333;
	text-align: center;
}

@media (max-width: 500px) {
	.account-title {
		font-size: 1.5rem;
	}
}

.account-desc {
	font-size: 1.13rem;
	color: #7d7d7d;
	text-align: center;
}

@media (max-width: 700px) {
	.account-desc {
		font-size: 1rem;
	}
}

@media (max-width: 500px) {
	.account-desc {
		font-size: 0.875rem;
	}
}

/* ======== START: form ======== */
.form {
	margin-top: 2.5rem;
}

.field-row {
	display: flex;
}

.field-col {
	flex: 0 0 50%;
}

.field-row .field-col:first-child {
	padding-left: 1rem;
}

@media (max-width: 500px) {
	.field-row {
		flex-direction: column;
	}

	.field-col {
		flex: 0 0 100%;
	}

	.field-row .field-col:first-child {
		padding-left: 0;
	}
}

.form-field {
	margin-bottom: 1.25rem;
}

input[type='text'] {
	font-family: IRANSans, tahoma, arial;
	font-weight: 500;
	border-radius: 0.1875rem;
	background-color: #f2f2f2;
	color: #333333;
	padding: 0.7rem 1rem;
	width: 100%;
}

@media (max-width: 500px) {
	input[type='text'] {
		font-size: 0.875rem;
	}
}

input[type='text']::placeholder {
	color: #333;
	font-weight: 500;
}

.checkbox {
	position: relative;
	color: #333333;
}

.checkbox input {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: pointer;
	opacity: 0;
	z-index: 5;
}

.checkbox span {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0;
	top: 0;
	width: 1.625rem;
	height: 1.625rem;
	border-radius: 0.1875rem;
	background-color: #f2f2f2;
}

.checkbox span svg {
	width: 1.2rem;
	height: 1.2rem;
	fill: green;
	stroke: green;
	transform: translateY(-2px);
	opacity: 0;
	transition: all 0.15s;
}

.checkbox input:checked+span svg {
	opacity: 1;
}

.checkbox p {
	padding-right: 2.25rem;
	font-weight: 500;
	font-size: 0.875rem;
	white-space: nowrap;
}

@media (max-width: 700px) {
	.checkbox p {
		white-space: initial;
	}
}

.btn {
	font-family: IRANSans, tahoma, arial;
	font-size: 1.5rem;
	padding: 1rem;
	color: #fff;
	font-weight: 500;
	width: 100%;
	text-align: center;
	background-color: #f4555a;
	border-radius: 0.625rem;
	margin-top: 2.5rem;
}

@media (max-width: 500px) {
	.btn {
		font-size: 1.125rem;
		margin-top: 2rem;
		padding: 0.75rem;
	}
}

/* ======== END: form ======== */

/* ======== START: faq ======== */
.faq {
	position: relative;
	z-index: 2;
	background-color: rgba(226, 248, 250, 1);
	border-radius: 0 0 1.875rem 1.875rem;
	box-shadow: 0 1.25rem 1.25rem -0.625rem rgba(0, 0, 0, 0.12);
	padding-bottom: 8.75rem;
}

@media (max-width: 800px) {
	.faq {
		padding-bottom: 5rem;
	}
}

.faq-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 59.375rem;
	margin: 0 auto;
	padding: 0 3.125rem;
}

@media (max-width: 1050px) {
	.faq-wrap {
		width: 43.75rem;
	}
}

@media (max-width: 700px) {
	.faq-wrap {
		width: 33rem;
		padding: 0;
	}
}

@media (max-width: 580px) {
	.faq-wrap {
		width: 30rem;
	}
}

@media (max-width: 500px) {
	.faq-wrap {
		width: 100%;
		padding: 0 0.9375rem;
	}
}

.faq-title {
	font-size: 2.125rem;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 2.5rem;
}

@media (max-width: 500px) {
	.faq-title {
		font-size: 1.5rem;
	}
}

.slide {
	width: 100%;
	background: #fff;
	border-radius: 0.625rem;
	box-shadow: 0 0.4375rem 0.9375rem rgba(0, 56, 103, 0.05);
}

.slide:not(:last-child) {
	margin-bottom: 1.125rem;
}

.slide-title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #333333;
	font-weight: 500;
	font-size: 1.375rem;
	cursor: pointer;
	padding: 1.25rem 1.875rem;
	transition: all 0.15s;
}

@media (max-width: 700px) {
	.slide-title {
		font-size: 1.125rem;
	}
}

@media (max-width: 500px) {
	.slide-title {
		padding: 1rem;
		font-size: 0.875rem;
	}
}

.slide-title svg {
	transition: transform 0.15s;
}

@media (max-width: 500px) {
	.slide-title svg {
		width: 1.25rem;
		height: 1.125rem;
	}
}

.slide.active {
	padding-bottom: 1.875rem;
}

@media (max-width: 500px) {
	.slide.active {
		padding-bottom: 1.125rem;
	}
}

@media (min-width: 1050px) {
	.slide:hover .slide-title {
		color: #00b6c6;
	}
}

.slide.active .slide-title {
	color: #00b6c6;
}

.slide.active .slide-title svg {
	transform: rotate(-90deg);
}

.slide-content {
	font-size: 1.125rem;
	font-weight: 300;
	text-align: justify;
	color: #333;
	display: none;
	padding: 0 1.875rem;
}

@media (max-width: 500px) {
	.slide-content {
		padding: 0 1rem;
		font-size: 0.875rem;
	}
}
.slide-content.active {
	display: block;
}

/* ======== END: faq ======== */



/* ======== START: companies ======== */
.companies {
	padding: 6.25rem 0;
    background: linear-gradient(-135deg, #1846AD, #1BC6D5);
}
@media (max-width: 500px) {.companies{ padding: 5rem 0 }}

.companies__wrap {
	position: relative;
	max-width: 72.5rem;
	margin: 0 auto;
	display: flex;
}

.companies__col:first-child{ flex: 0 0 45% }

.companies__col:last-child{
	flex: 0 0 55%;
	align-self: center;
}

@media (max-width: 1050px) {
	.companies__wrap {
		flex-direction: column;
		max-width: 40rem;
	}
	.companies__col:first-child,
	.companies__col:last-child {
		flex: 0 0 100%;
		padding: 0 1.25rem;
	}
	.companies__col:last-child{ align-self: initial }
}

.companies__info{ color: #fff }

.companies__img {
	height: 8.875rem;
    width: 7.25rem;
}
@media (max-width: 1050px){.companies__img{	margin: 0 auto }}

.companies__img img {
	display: block;
	width: 100%;
	height: 100%;
}

.companies__heading {
	font-size: 2.5rem;
	font-weight: bold;
	margin-top: 2.1875rem;
}
@media (max-width: 1050px) {.companies__heading{ text-align: center }}
@media (max-width: 800px)  {.companies__heading{ font-size: 1.75rem }}
@media (max-width: 500px)  {.companies__heading{ font-size: 1.5rem }}

.companies__desc {
	font-size: 1.125rem;
	text-align: justify;
	margin-top: 2.1875rem;
}
@media (max-width: 800px) {
	.companies__desc {
		font-size: .875rem;
		margin-top: 1.5rem;
	}
}

.slider { padding-right: 7.5rem }
@media (max-width: 1050px) {
	.slider {
		padding-right: 5.625rem;
		margin-top: 3rem;
	}
}
@media (max-width: 800px) {
	.slider {
		max-width: 23.125rem;
		margin: 3rem auto 0;
		padding-right: 1.875rem;
	}
}
@media (max-width: 500px) {
	.slider {
		max-width: 18.75rem;
		padding-right: 1rem;
	}
}

.slider__item { cursor: pointer}

.slider__item-wrap{
	display: flex;
	align-items: center;
	transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.slider__item:not(:last-child) { margin-bottom: 1rem }
@media (max-width: 800px){.slider__item:not(:last-child){ margin-bottom: .5rem }}

.slider__item.active {
	padding-top: 0.5rem;
	padding-bottom: 1rem;
}
@media (max-width: 800px){.slider__item.active{ padding-bottom: .5rem }}

.slider__item.active .slider__item-wrap {
	padding-right: 4.8125rem;
	height: 6.25rem;
	background: #fff;
	border-radius: .875rem;
	margin-right: -3.75rem;
	box-shadow: 0 3rem 1.875rem -1.875rem rgba(2, 50, 24, .3);
	max-width: 31.25rem;
	transform: translateX(-1.875rem);
}
@media (max-width: 800px) {
	.slider__item.active .slider__item-wrap {
		max-width: 21.875rem;
		padding-right: 4.2rem;
		height: 4.375rem;
	}
}
@media (max-width: 500px) {
	.slider__item.active .slider__item-wrap {
		margin-right: -2.8125rem;
		transform: translateX(-.9375rem);
	}
}

.slider__icon {
	font-size: 0;
	margin-left: 1.25rem;
}
@media (max-width: 800px) {
	.slider__icon svg {
		width: 1.25rem;
		height: 1.25rem;
	}
}

.slider__item.active .slider__icon{ display: none }

.slider__title {
	font-size: 1.5rem;
	font-weight: 500;
	color: #fff;
}
@media (max-width: 800px){.slider__title{ font-size: 1rem }}
@media (max-width: 500px){.slider__title{ font-size: .9375rem }}

.slider__item.active .slider__title {
	font-size: 1.75rem;
	font-weight: bold;
	color: #333;
}
@media (max-width: 800px){.slider__item.active .slider__title{ font-size: 1.125rem }}
@media (max-width: 500px){.slider__item.active .slider__title{ font-size: 1rem }}

/* ======== END: companies ======== */


/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 3; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 30px;
	border: 1px solid #888;
	width: 80%;
	border-radius: 15px;
	margin-bottom: 80px;
	text-align: justify;
}
.modal-content header{
	font-size: 25px;
	font-weight: bold;
	color: #00b6c6;
	text-align: center;
	margin-bottom: 30px;
}
.modal-content h1{
	font-size: 20px;
	font-weight: bold;
	color: #0d62a0;
}
#myBtn{
	color: #00b6c6;
	cursor: pointer;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	font-size: 28px;
	position: relative;
	font-weight: bold;
	top: -20px;
	right: -10px;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}