@font-face {
	font-family: 'peyda';
	src: url("../fonts/PeydaFaNum-Regular.ttf"), url("../fonts/PeydaFaNum-Regular.woff");
} 
@font-face {
	font-family: 'kalameh';
	src: url("../fonts/KalamehWebFaNum-Regular.ttf"), url("../fonts/KalamehWebFaNum-Regular.woff");
} 
@font-face {
	font-family: 'kalameh-bold';
	src: url("../fonts/KalamehWebFaNum-Bold.ttf"), url("../fonts/KalamehWebFaNum-Bold.woff");
} 
@font-face {
	font-family: 'rokh';
	src: url("../fonts/RokhFaNum-Medium.ttf"), url("../fonts/RokhFaNum-Medium.woff");
}
@font-face {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
}
:after {
	font-family: 'Font Awesome 5 Free';
}
:before {
	font-family: 'Font Awesome 5 Free';
}
i {
	font-style: unset !important;
}
::placeholder {
	color: #ccc !important;
	font-size: 14px !important;
}


button {
	background: none !important;
	border: none !important;
	padding: 5px !important;
}

a {
	text-decoration: none !important;
	text-shadow: none !important;
}
a:focus {
	box-shadow: none !important;
}
button:focus {
	box-shadow: none !important;
}
button:active {
	background: unset !important;
}
i {
	font-weight: bold !important;
}
i.raty-star--off {
	opacity: 0.3;
}
.btn-primary:focus {
	background: unset !important;
}
ul {
	padding: 0px !important;
	margin: 0px !important;
}
ul li {
	list-style: none;
}

body,a,h1,h2,h3,h4,h5,h6,div,li,p,span,button,span {
	font-family: kalameh !important;
	text-align: right;
	direction: rtl;
	color: #495057 !important;
	letter-spacing: -0.5px;
}






.hometop {
	display: flex;
	margin-top: -70px;
	justify-content: center;
	align-items: center;
}
.hometop .box {
	width: 45%;
}
.hometop .box.left {
	text-align: center;
}
.hometop .box.left img {
	width: 350px;
}
.hometop .box.right h1 {
	font-size: 50px;
	color: rgb(23, 162, 184) !important;
}
.hometop .box.right h3 {
	font-size: 20px;
}
.hometop .right .bottom {
	display: flex;
	flex-direction: column;
}
.hometop .projects {
	/background: #eee;
	margin-top: 20px;
	width: fit-content;
	margin-bottom: 40px;
	padding: 0px;
	display: flex;
	flex-direction: row-reverse;
	align-content: center;
	align-items: center;
}
.hometop .projects .number {
	font-size: 30px;
	direction: ltr;
	margin-left: 10px;
}
.hometop .projects .title {
	font-size: 20px;
}
.hometop .right .bottom .link a {
	background: rgb(23, 162, 184);
	color: #fff !important;
	padding: 15px;
	font-size: 18px;
	border-radius: 20px;
}

.form-switch {
	display: none;
}
#astroid-header ul li a span {
	font-size: 18px;
}





#f-63efc731dffec029864014 {
	background: #222;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
.footerbox {
	display: flex;
	margin-top: 12px;
	margin-bottom: -5px;
	justify-content: space-between;
}
.footerbox ul li a {
	color: #fff !important;
}
.footerbox p {
	color: #fff !important;
}



.astroid-article-socialshare {
	display: none !important;
}

.astroid-article-authorinfo {
    display: none !important;
}

.nav-item-active a span {
	color: rgb(23, 162, 184) !important;
}
.about-text {
	font-size: 23px;
	line-height: 35px;
	text-align: justify;
	width: 50%;
	margin: 0 auto;
	background: #fff;
}


.contact-box {
	padding: 20px;
}
.contact-box h2 {
	text-align: justify;
	font-size: 20px;
}


a.contactlink {
	color: #17a2b8 !important;
}
a.contactlink:before {
	content: "";
	float: right;
	margin-top: -2px;
	display: block;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-image: url("/images/tel-icon.png") !important;
	background-size: 28px !important;
	width: 28px;
	height: 28px;
}








@media only screen and (max-width: 600px) {
	.min-w-30.d-lg-none {
		display: none;
	}
	header {
		margin-top: -10px;
	}
	.footerbox {
		flex-direction: column;
	}
	.footerbox ul {
		display: none;
	}
	.hometop {
		flex-direction: column-reverse;
		margin-bottom: 50px;
	}
	.hometop .box {
		width: 100%;
	}
	.hometop .left img {
		width: 300px !important;
		margin-bottom: 30px;
	}
	.hometop .right h1 {
		text-align: center;
		font-size: 30px !important;
	}
	.hometop .right h2 {
		text-align: center;
		font-size: 20px !important;
	}
	.hometop .right .bottom {
		display: flex;
		align-items: center;
		margin-bottom: 50px;
	}
	.hometop .right h3 {
		display: none;
	}
	.about-text {
		width: 85%;
	}
}