/*
Theme Name: Perso
Description: perso progres script
Design by Studio Kargah
Designer URI:  https://studiokargah.com
Developed by Farzin Mojaver
Developer URI: https://www.linkedin.com/in/farzin-mojaver-a687871a7/
Version: 1.0
*/
@font-face {
    font-family: Estoria;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Estoria.ttf') format('truetype');	 
}
/***************************************************
				General
***************************************************/
body {
    width: 100%;
    min-height: 100vh;
	padding:0;
	margin:0;
	-webkit-font-smoothing: antialiased;
    font-family: 'Saira', sans-serif;
	font-size:16px;
	-webkit-text-size-adjust: 100%;
	background:#fff !important;
	direction:rtl;
    scroll-behavior: smooth;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.ltr {
	direction:ltr;
}
* {
    outline: none !important;
}
:root {
  accent-color:#741b16;
}
*::after,
*::before {
	box-sizing: border-box;
}
ul {
	margin:0;
	padding:0;
}
li {
	list-style:none;
    color: #fff;
}
a {
    font-family: 'Saira', sans-serif;
    font-size:16px;
    color:#000;
}
a:link {
	text-decoration: none;
    color:#000;
}
a:visited {
	text-decoration: none;
    color:#000;
}
a:focus,
a:hover {
	text-decoration: none;
    color:#000;
}
a:active {
	text-decoration: none;
    color:#000;
}
a[href^=tel]{
	color:inherit;
	text-decoration:none;
}
img {
    width: 100%;
    height: auto;
}
input, textare{
    font-family: 'Saira', sans-serif;
    font-size:1em;
}
textarea:focus, input:focus{
	outline: 0;
    font-family: 'Saira', sans-serif;
}
::-webkit-input-placeholder {
	color: #000;
    font-family: 'Saira', sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
	color: #000;
    font-family: 'Saira', sans-serif;
}
::-moz-placeholder {/* Firefox 19+ */
	color: #000;
    font-family: 'Saira', sans-serif;
}
:-ms-input-placeholder {
	color: #000;
    font-family: 'Saira', sans-serif;
}
figure {
    margin: 0;
}
img {
	border:0;
	border:none;
    outline: none;
}
figure img {
	width: 100%;
    height: auto;
}
span,
p {
    font-family: 'Saira', sans-serif;
    font-size:16px;
    color: #000;
    text-align: justify;
    direction: ltr;
}
button,
span {
    font-family: 'Saira', sans-serif;
    font-size:16px;
}
button {
    cursor: pointer;
}
iframe {
	border:none;
}
.clear{
	clear:both;
}

/***************************************************
				header
***************************************************/
header {
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
    max-width:1200px;
	display:flex;
	flex-direction:column;
	align-items:center;
	border-bottom:1px solid #000;
	padding:10px 0 0 0;
	margin:0 auto;
	position:fixed;
	top:0;
	left:50%;
	transform:translatex(-50%);
}
header #logo svg,
header #logo {
	width:300px;
}
header #logo {
	transform:translatey(5px);
}
header nav {
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
	display:flex;
	justify-content:space-between;
	align-items:center;
	transform:translatey(-15px);
    max-width:680px;
}
header nav ul {
	width:220px;
	display:flex;
	justify-content:end;
}
header nav ul:nth-child(2) {
	justify-content:start;
}
header nav ul li {
	width:fit-content;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	padding:0 20px;
}
header nav ul li:after {
	content:'';
	width:8px;
	height:8px;
	position:absolute;
	left:-4px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4,8c1.2-1.5,2.5-2.9,4-4-1.6-1.1-2.9-2.5-4-4C2.9,1.6,1.6,3,0,4c1.6,1.1,2.9,2.4,4,4' fill='%23f25924'/%3E%3C/svg%3E") no-repeat center / contain;
}
header nav ul:nth-child(2) li:after {
	left:unset;
	right:-4px;
}
header nav ul li a {
	width:fit-content;
}

@media screen and (max-width: 500px) {
}