@charset "utf-8";
/* CSS Document */
@import url(fontiran.css);
body{
	font-family:IRANSansX !important;
	background-color: transparent;
	background-image: linear-gradient(180deg,#c9dcff 8%,#FCFCFC 36%);	
}
ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	
}
.zinobody{
	background-color: transparent;
	background-image: linear-gradient(180deg,#c9dcff 8%,#FCFCFC 36%);
}

.rtl{
	direction: rtl
}

/* header  Style Start */
.header{
	margin-top: 15px;
	margin-bottom: 40px;
	position: sticky;
	top: 20px;
	z-index: +12;	
}
.sticky-top{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020;
}
.header-box{
	box-shadow: 0 2px 20px 0 rgba(15.00000000000002,15.00000000000002,15.00000000000002,.11);
	border-radius: 120px 120px 120px 120px;
	padding: 10px;
	background-color: rgb(255, 255, 255, 0.95);;
	display: flex;
	position: relative;
	flex-wrap: wrap;
	align-content: flex-start;
	align-content: center;
	align-items: center;
	
}
.header .logo-image img{
	margin-left: 10px;
	margin-right: 10px;
	max-height: 56px;
}
.nav-menu{
	margin-right: 20px;
}
.search-icon{
}
/* header  Style End*/


/* Slider  Style Start */
#slider{
	margin-top: 3%;
	margin-bottom: 3%;
}
#slider .title{
	font-size: 1.8rem;
	color: #0043bf;
	margin-top: 85px;
	font-weight: bold;
}
#slider .sub-title{
	font-size: 1.2rem;
}
#slider .common-btn{
	margin-top: 25px;
}
/* Slider  Style end */
#IconMark{
	margin-bottom: 3%;
}
#IconMark h2{
	color: #1452c4;
	font-size: 1.2rem;
	font-weight: bold;
	direction: rtl;
	text-align: right;
	margin-bottom: 10px;
}
#IconMark .box{
	text-align:center
}
.f-icon-box{
	margin-bottom:15px;
}
.f-icon-box .box{
	background: white !important;
	border-radius: 16px;
	box-shadow: 0 0 34px 0 #3748A20F;
	padding: 15px;
	margin-bottom: 3%;
	height:100%;
}
.f-icon-box .box:hover{
	background-color:#f0f0f0  !important;
	cursor: pointer
}
.f-icon-box .box .title{
	color: #1452c4;
	font-weight: bold;
	text-align: center;
	font-size: 1.1rem;
	margin-bottom: 10px;
}
.f-icon-box img{
	max-width: 50%;
	margin-bottom: 40px;
	margin-top: 25px;
	margin-left:auto;
	margin-right: auto;
}
.f-icon-box p{
	text-align: justify;
	color: #373737;
	font-size: 1rem;
	line-height: 1.8rem;	
}
.f-icon-box .read-more{
	text-align: left;
	display: block;
	font-size: 0.95rem;
	color: #1452c4
}
#Services{
	margin-bottom: 3%;
}
#Services .Item{
	margin-bottom: 3%;
}
#Services h2{
	color: #1452c4;
	font-size: 1.2rem;
	font-weight: bold;
	direction: rtl;
	text-align: right;
	margin-bottom: 10px;	
}
#Services img{
	border-radius: 16px 16px 16px 16px;
object-fit: cover;
-webkit-box-flex: 1;	
	height: 200px !important;	
}
#Services a{
	text-align: center;
	margin-top: 7px;
	color: #565656
}

#About{
	margin-bottom: 3%;
}
#About h2{
	color: #1452c4;
	font-size: 1.2rem;
	font-weight: bold;
	direction: rtl;
	text-align: right;
	margin-bottom: 10px;
}
#About p{
	text-align: justify;
	text-indent: 10px;
	line-height: 2.1rem;
	color: #363636;
	padding-top: 20px;
}
#About img{
	border-radius: 20px;
	
}
#About .common-btn{
	margin-top: 40px;
	width: 100%;
max-width: 100%;
	margin-bottom: 3%
}
#About .list div{
	font-size: 0.90rem;
	color: #292929;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
	margin-top: 3%;
	margin-bottom: 3%;
}
#About i{
 color: #0090B4;
	font-size: 1.5rem;
	vertical-align: middle;
	margin-left: 5px;
}



#Gallery{
	margin-bottom: 3%;
}
#Gallery h2{
	color: #1452c4;
	font-size: 1.2rem;
	font-weight: bold;
	direction: rtl;
	text-align: right;
	margin-bottom: 10px;
}
/* Gallery End */


/* home page Blog */
#LatestNews{
	margin-bottom: 3%;
}
#LatestNews h2{
		color: #1452c4;
	font-size: 1.2rem;
	font-weight: bold;
	direction: rtl;
	text-align: right;
	margin-bottom: 10px;
}

#LatestNews .blog-item {
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd6b;
  box-shadow: 0px 0px 20px 0px #dddddd6b;
	box-shadow: 0 0 25px 0 #ddddddbf;  
	display: inline-block;
	margin-bottom: 3%;
}

#LatestNews  .blog-item .blog-top {
  overflow: hidden;
}
#LatestNews  .blog-item .blog-top img{
	border-radius:5px 5px 10px 10px;
}
#LatestNews  .blog-item .blog-top a {
  display: block;
}
#LatestNews .blog-item .blog-bottom {
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 35px;
}
#LatestNews .blog-item .blog-bottom h3 {
  margin-bottom: 7px;
  font-size:1rem;
  color:#3161c8;
  font-weight:bold;
  
  
}
#LatestNews .blog-item .blog-bottom p {
  color: #424242;
  margin-bottom: 0;
  padding-bottom: 15px;
  text-align:justify;
  text-indent:10px;
  font-size:0.95rem;
}
#LatestNews .blog-item .blog-bottom ul {
  margin: 0;
  padding: 0;
    padding-top: 0px;
  padding-top: 10px;
  border-top: 1px solid #b1b8ed;
}
#LatestNews .blog-item .blog-bottom ul li {
  display: inline-block;
  list-style-type: none;
  color: #0046c0;
  font-weight: 500;
  font-size:0.85rem;
}
#LatestNews .blog-item .blog-bottom ul li.ReadMore {
	float:left
}

#LatestNews .blog-item .blog-bottom ul li.date {
	float:right
}


/* LatestNews End */



#Questions{
	margin-bottom: 3%;
}
#Questions h2{
		color: #1452c4;
	font-size: 1.2rem;
	font-weight: bold;
	direction: rtl;
	text-align: right;
	margin-bottom: 10px;	
}
#Questions .common-btn{
	margin-top: 40px;
	width: 100%;
	max-width: 100%;
	
}
#Questions .common-btn a{ 
	margin-right: auto;
}
#Questions .question-content{
	text-align: justify;
	text-indent: 10px;
}



.BotMod{
	min-height: 100px;
	z-index:5;
	position:relative;
	width:100%;
}
.BotmodLinks ul{
	list-style: none;
	margin: 0px !important;
	padding: 0px !important;
	
}
.BotmodLinks{
	direction:rtl;
	text-align:right
}
.BotmodLinks a {
  
	font-size: 0.95rem;
	color: #1452c4;
}
.BotmodLinks a:hover{
	text-decoration: underline;
}
.BotmodLinks a i {
  color: #fd7e14;
  margin-left: 5px;
    vertical-align: middle;
}
.BotmodLinks h3 {
  color: #1452c4;
  font-size: 1rem;
  font-weight: bold;
}
.BotmodLinks{
	padding-top: 20px;
	padding-bottom: 20px;
}

.BotmodContent{
	color: #313131;
	padding-top: 20px;
	padding-bottom: 20px;	
}
.BotmodContent h3 {
	  color: #1452c4;
  font-size: 1rem;
  font-weight: bold;
}

.FooterDiv{
	background-color: #001230;
	z-index:6;
	position:relative;
	width:100%;
	
}
.FooterContent{
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFFFFF;
	font-size:0.80rem;
	opacity:0.9;
	
}
 
#Documents{
	margin-bottom: 3%;
}
#Documents h2{
		color: #1452c4;
	font-size: 1.2rem;
	font-weight: bold;
	direction: rtl;
	text-align: right;
	margin-bottom: 10px;	
}
#Documents p{
	text-indent: 10px;
	text-align: justify
}
#Documents .blog-bottom{
	padding: 10px 0px;
	
}
#Documents img{
	border-radius: 10px;
	margin-bottom: 10px;
}
#Documents h3{
	direction: rtl;
	text-align: justify;
	color: #1452c4;
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 10px;

	
}
#Documents h3 a{
	text-decoration: none;
		color: #1452c4;
	font-size: 1rem;
	font-weight: bold;
		
}
#Documents .blog-item .blog-bottom{
	padding-bottom: 20px;
}
#Documents .blog-item ul{
	clear: both;
	display: block;
}
#Documents .blog-item ul li.ReadMore {
	float:left;
	color: #1452c4;
	font-size: 0.85rem;
	
}
#Documents .blog-item ul li.ReadMore a{
	text-decoration: none;
	color: #1452c4;
	font-size: 0.85rem;	
}
#Documents .blog-item ul li.ReadMore a:hover {
	color: #FF3700
}
#Documents .blog-item ul li.date {
	float:right;
	font-size: 0.85rem;
	color: #434343
}





.common-btn{
	margin-bottom: 3%
}
.btn-round {
  border-radius: 25px !important;
}
.common-btn a:first-child{
	margin-right:10px;
}
::-moz-selection {
 background-color:rgb(238, 25, 58 ,1);
 color:rgb(255,255, 255 , 1)
}
::selection {
 background-color:rgb(238, 25, 58, 1);
 color:rgb(255, 255, 255 , 1)
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
.badge-primary{
	background-color:#0d6efd !important;
}
.badge-success {
	background-color:#198754 !important;
}
.btn-warning{
	background-color:#fd7e14 !important;
	color:#ffffff !important;

}
.BotMod{
	background-color:#eeffff
}