*,html{ margin: 0; padding: 0;box-sizing: border-box;}
@font-face {font-family: Vazir;src: url('../fonts/Vazir-Regular.eot'); src: url('../fonts/Vazir-Regular.eot?#iefix') format('../fonts/embedded-opentype'), url('../fonts/Vazir-Regular.woff2') format('woff2'), url('../fonts/Vazir-Regular.woff') format('woff'), url('../fonts/Vazir-Regular.ttf') format('truetype');  font-weight: normal;  font-style: normal;}
@font-face {font-family: 'Yekan';  src:	url('../fonts/Yekan.eot');  src:url('../fonts/Yekan.eot?#iefix') format('embedded-opentype'), url('../fonts/Yekan.woff2') format('woff2'),url('../fonts/Yekan.woff') format('woff'), url('../fonts/Yekan.otf') format('opentype'), url('../fonts/Yekan.ttf') format('truetype');  font-weight: normal; font-style: normal;text-rendering: optimizeLegibility;font-display: auto;}
body{font-family: Vazir; direction: rtl;}
/*------nav bar------*/
.headerr{max-width: 100vh;display: flex;justify-content: space-around;flex-wrap: wrap;}
a{text-decoration: none;color: black;}
.iteams-nav{list-style: none; display: flex;}
.iteams-of-nav{margin-top: 13px;margin-right: 13px;font-size: 23px;}
.menue-link:hover{ color: orangered; transition: color 1s; }
.parent-div-flex{display: flex;justify-content: space-around;flex-wrap: wrap; }
.parent-div-flex p {margin-bottom: 25px; margin-bottom: 30px; font-size: 28px}
.parent-div-flex img{width: 80vh;}
.box-nav{width: 45%;align-items:center;padding-top: 150px;}
.box-nav img{max-width: 75%;}
.nav-btn{background-color: orangered;color: white;padding: 20px 25px; border-radius: 20px;}
/*------nav bar------*/

/*------Servis Styles------*/
.paragraph-title{text-align: center;font-size: 30px;margin: 30px 0; color: #3b3737}
.parent-servises{display: flex;justify-content: space-around;flex-wrap: wrap;}
.iteam-servises{text-align: center; padding:25px;width: 30%; margin-top: 35px;}
.iteam-servises:hover{box-shadow: 3px 3px 6px orangered;}
.iteam-servises h2 {margin:20px}
.iteam-servises p {font-size: 20px; color: #3b3737;}
/*------Servis Styles------*/

/*-----About Style-------*/
.about-title{text-align:center;margin: 35px;font-size: 30px;}
.paremt-div-about{display: flex;justify-content: space-around; flex-wrap: wrap;}
.iteams-of-about{width: 40%;}
.iteams-of-about img{max-width: 50%;}
.about-btn{border-radius: 5px; border: 2px solid orangered;color: white;padding:10px 8px;background-color: orangered }
.about-btn:hover{background-color: rgba(169, 83, 52, 0.41) ;color: black;border: 1px solid rgba(169, 83, 52, 0.41);transition: all 0.5s;}
/*-----About Style-------*/

/*-----information-----*/
.iteams-of-tecnic img{max-width: 50%;}
.parent-div-information{display: flex;flex-wrap: wrap;justify-content: space-around;}
.box-information-1{width: 60%;}
.box-information-2{width: 30%}
.information-btn{border-radius: 5px; border: 2px solid orangered;color: white;background-color: orangered;padding:15px 10px;}
.information-btn:hover{background-color: rgba(169, 83, 52, 0.41) ;color: black;border: 1px solid rgba(169, 83, 52, 0.41);transition: all 0.5s;}
.flex-iteams{display: flex;justify-content: space-around;flex-wrap: wrap;}
.information-iteams{width: 45%;text-align: center;padding-top: 40px;}
.information-iteams:hover{ box-shadow: 3px 3px 10px orangered}
.information-iteams h3{padding: 25px 0; color: black;font-size: 25px;}
.information-iteams p {font-size: 20px;color: #545454;}
/*-----information----*/

/*-----tecnic----*/
.parent-tecnic{display: flex;justify-content: space-around;flex-wrap: wrap;}
.iteams-of-tecnic{width: 45%;}
.iteams-of-tecnic h1{padding-top: 90px; font-size: 25px;}
.iteams-of-tecnic p {color: #545454;padding-bottom:10px;padding-top: 20px;font-size: 20px;}
.iteams-of-tecnic a{color: orangered;font-size: 20px;}
.title-get-back{font-family: "B Yekan";}
.paragraph-get{font-size:30px;color: #545454;}
.iteams-of-best-web{width: 45%;}
.iteams-of-best-web img{max-width: 75%;}
.title-best-web{font-size: 30px;padding-top:90px;}
.paragraph-best-web{color: #545454;font-size: 20px;padding: 20px 0;}
.best-web-link{color: orangered;}
/*-----tecnic----*/

/*-----Reports---*/
.iteams-web-report img{max-width: 75%;}
.parent-div-reports{display: flex;justify-content: space-around;flex-wrap: wrap;}
.Report-iteams{width: 20%;}
.Report-iteams-title{font-family: "B Yekan";color: cornflowerblue; }
.Report-iteams h3{ font-size: 25px;text-align: center;}
.Report-iteams:hover{ box-shadow: 9px 9px 15px orangered;}
#Reports{background-color: burlywood;}
/*-----Reports---*/

/*----WebReports---*/

.parent-web-reports{display: flex;justify-content: space-around;flex-wrap: wrap;}
.iteams-web-report{width: 33%;text-align: center;}
.iteams-web-report p{max-width: 87%;text-align: center;}
.parent-web-reports h4{text-align: center;}
.iteams-web-report:hover{box-shadow: 5px 5px 10px orangered;}
/*----WebReports---*/

/*----Connection----*/
#connection h1{text-align: center;font-size: 30px;padding-top: 65px;}
.title-paragraph{text-align: center;padding:20px;color: #545454;font-size: 30px;}
.parent-connection{display: flex;justify-content: space-around;flex-wrap: wrap;}
.inputs{width: 40%;height: 50px;margin: 15px;}
.div-iteams{display: flex;justify-content: space-around;flex-wrap: wrap;}
.input{width: 100%;height: 80%;padding-right: 20px;}
.text-area{margin: auto;text-align: center;}
.textw{width: 90%; padding-bottom: 20px;}
.send-report-btn{color: white;background-color: orangered;border-radius: 20px;padding: 2px 2px;text-align: center;width: 10%;margin: auto;}
.send-report-btn:hover{background-color: rgba(169, 83, 52, 0.41) ;color: black;border: 1px solid rgba(169, 83, 52, 0.41);transition: all 0.5s}
/*----Connection----*/

/*----Footer----*/
.paternt-div-footer{display: flex;justify-content: space-around;flex-wrap: wrap;padding-top: 40px;}
.footer-iteam1{width: 25%;}
.footer-iteam2{width: 20%;padding-top: 20px;}
.footers-paragraph{text-align: center;color: #545454;font-size: 25px;padding-top: 25px; font-size: 20px;}
.ui-list{list-style: none;padding-top: 20px;}
/*----Footer----*/
@media screen and (max-width: 480px)
{.box-nav{width: 100%;padding: 54px;}  .headerr{width: 100%;}  .iteams-web-report{width: 100%;}  .iteams-of-tecnic{width: 82%;}  .iteam-servises{width: 100%; padding:15px;}  .iteams-of-about{width: 100%;padding: 45px;}  .box-information-1{width: 100%;}  .box-information-2{width: 90%;} .footer-iteam2{width: 90%;} .footer-iteam1{width: 90%;} .footer-iteam1{width: 90%;} .iteams-of-best-web {width: 92%;}}



@media screen and (min-width: 481px) and (max-width:768px )
{

}

@media screen and (min-width: 769px) and (max-width: 1279px)
{

}