body{
    
	font-family: iransans !important;
	direction:rtl;
	background:#f8f9fa;
}

/* @import url('cssreset.css'); */



img {
    
    object-fit:cover !important;
    object-position:center !important;
}





a:hover{
	text-decoration: none;
}

.my-shad{
	box-shadow: 0 1px 2px 0 rgba(0 , 0 , 0 , 0.05);
}
.my-shadow{
	box-shadow: 0 1px 2px 0 rgba(0 , 0 , 0 , 0.1);
}


.my-shadow1{
	box-shadow: 0 1px 2px 0 rgba(0 , 0 , 0 , 0.5);
}


.navbar-brand{
    
 align:right;
 
}



.main-row{
    
  min-height:600px;
    
}


.input-group > .form-control:last-child{
    
    font-size:14px;
}

.input-group button:hover {

    border:none;
    shadow:none;
    
}





#overlay1 h2{

    position: relative;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    font-size: 18px;
    color:white;
    margin:0px 10px;
    line-height:30px;
     
}



#overlay2{
    
    
    height:75px;
    background:#00000042;
    position:absolute;
    padding:10px;
    top:auto !important;
    
}


#overlay2 h2{
    
    position:relative;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    font-size: 18px;
    color:white;
    margin:0px 10px;
    line-height:30px;
    font-family:iranyekan-bold-fanumber;
}



.carousel-item1 img{

 height: 200px;
}



.card-center {

	border:none !important;
	border-bottom: 1px solid #e8ebef !important;

}


.card-center img{

	height:73px;
	width: 120px;
}

.card-center .card-body {
  position: relative;
	padding: 5px;
  padding-top: 0px;

}

.card-center .card-body a{

  color:black;
}

.card-center .card-body h2{
    
  font-size: 16px;
  color:black;
  line-height: 30px;
  font-family:iransans-bold-fanumber;
  
}

.card-center .card-body .card-date{
    
    position: relative;
	top:-5px;
	font-size: 12px;
	width: 180px !important;
}

.card-right {
    
  position: relative;
  top: -13px;
  margin-bottom: 20px;
 
}

.card-right img{
    
  height: 170px;
  background:white;
  padding:7px;
  border-radius: 0px;
  
}

.card-right .card-footer {
    
  padding:8px 10px !important;
  padding-right: 10px;
  background:white;
  padding-bottom: 10px;
  border:none;
}

.card-right .card-footer a{
    position: relative;
    font-size: 13px;
    color: black;
    top:-5px;
}

.offer-title {
	position: relative;
	font-size: 15px;
    width: 110px;
	padding-bottom: 0px;
	border-bottom: 2px solid red;

}

.new-title {
	position: relative;
	font-size: 16px;
    font-family:iranyekan-bold-fanumber;
	padding:5px 0;
    margin-top:10px;
    color:#262133;
	border-bottom: 2px solid red;
}

.blog-ins-title h1{
	position: relative;
	font-size: 15px;
        font-family:iransans-md-fanumber;
	padding:5px 0;
        margin-top:10px;
        color:#686578;
	border-bottom: 2px solid red;
}

.learn-title {
	position: relative;
	font-size: 15px;
    width: 43px;
	padding-bottom: 0px;
	border-bottom: 2px solid red;
 }


 .hr1{

	position: relative;
	top:-17px;
	height: 2px;
	color:#f8f9fa ;

}



.card-right .card-text{

 font-size: 14px;
 font-family:iransans-md-fanumber;

}

.card-right  .card-date{
    
  margin-top: 5px;
  font-size: 12px;

}

.card-center .card-body .card-text{
    
	position: relative;
	font-size: 14px;
	font-weight: 300;

}

.paginate a {


	color:black;
}



.paginate .next {

	position: relative;
  margin-left: 10px;
	font-size: 22px;

}

.paginate .prev {

	position: relative;
  margin-right: 10px;
	font-size: 22px;

}

.paginate .next a{

	position: relative;
  top:6px;
}

.paginate .prev a{

	position: relative;
    top:6px;
}



#search  {
    
    display:none;
    
}

#top-img-col{

    padding:0 0px;
    
}

#blog-slider2{
    
   height:220px;
  
}


 #blog-slider3{
    
   height:220px;
  
} 


.top-banner img{
  
    width:350px;
    height:224px;
  
}


#blog-banner3{

    width:350px;
    height:36px;
}



#ins_col .ins-btn {
    font-size: 13px;
    font-size: 13px;
    font-size: 13px;
    font-family: iranyekan-extrabold-fanumber;
    border: 2px solid #183569;
    color: #183569;
    border-radius: 10px;
    padding: 4px 16px;
    margin: 5px 10px;
}



#ins_col .ins-btn:hover{

  background:#183569;
  color:white;

}


@media (min-width:365px) {




}

@media (min-width:430px) {






}


@media (min-width:450px) {

    .top-banner img{
    
        width:350px;
        height:220px;
    
    }
    
    #blog-banner3{
        width:440px;   
        height:45px;
     
    }
  
    
	.carousel-item1 img{

	 height: 250px;
	}




	.card-center .card-body {
	    position: relative;
		padding: 10px 10px;
        padding-top: 0px;
	}

	.card-center img{

		height:90px;
		width: 150px;
	}


	
	.card-center .card-body .card-date{
	  position: relative;

		font-size: 13px;

	}




}

@media (min-width:576px) {

    #overlay1 h2{
        
    font-size:23px;
    
    }

    .top-banner img{
    
        width:260px;
        height:179px;
    
    }
        
    #blog-banner3{
    
        width:570px;        
        height:60px;
    }
    
	.card-center .card-body {
	  position: relative;
      padding-top: 0px;

	}

	.card-center img{

		height:125px;
		width: 190px;
	}


	.card-center .card-body .card-text{
        
	  position: relative;
      font-size: 13px;

	}

	.card-center .card-body .card-date{
        
	  position: relative;
      top:-10px;
      font-size: 12px;

	}


}


@media (min-width: 768px) {


    .top-banner img{
    
        width:350px;
        height:243px;
    }


    
    .blog-ins-title h1{
        font-size: 16px;
    }


#ins_col .ins-btn{

  background: white;
  font-size: 14px;
  border: 3px solid #183569;
  padding: 10px 20px;
  
}
    
    
    
    
    #blog-banner3{
    
        width:700px;        
        height:70px;
    }    
    
    
    .main-logo{

       width:110px;

    }
    
    
    
    
    #blog-slider2{
        
      height:200px;
    }   
        
    #blog-slider3{
        
      height:200px;
    }     

    #top-img-col{
    
     padding-right: 0px;
    
    }


	.carousel-item1 img{

	 height: 400px;
	}



	.main-row{
     padding-top:15px;
	 padding-left: 30px;
     padding-right: 30px;
	}




#overlay1 h2{

	font-size: 20px;

}



.card-center img{

	height:130px;
	width: 200px;
}

.card-center .card-body h2{
    
	font-size: 18px;

}

.card-center .card-body .card-text{
	position: relative;
	top:0px;
	font-size: 15px;

}

.card-center .card-body .card-date{
	position: relative;

	font-size: 13px;

}

}


@media (min-width: 850px) {




}





@media (min-width: 992px) {




#search{

    position:relative;
    top:3px;

}


.top-banner img{
  
    width:100%;
    height:136px;
  
}



    
    #blog-banner3{
    
        width:100%;        
        height:80px;
    }   
    

    .blog-banner3{
    
      padding-right:15px;
        
    } 
    
	#overlay1{
	    position:absolute;
        top:auto !important;
        bottom:0px;
        height:85px;
        background:#00000070;
		color:white;
	}



	.main-row{
        
     padding-top: 20px;
	 padding-left: 50px;
     padding-right: 50px;
     
	}




.card-center img{

	height:120px;
	width: 200px;
}



.card-center .card-body .card-text{
	position: relative;
	top:-5px;
	font-size: 14px;

}

.card-center .card-body .card-date{
    
	position: relative;
	top:-8px;
}


}


@media (min-width: 1200px) {

    
    .top-banner img{
    
        width:100%;
        height:170px;
    
    }

    
    #blog-banner3{
    
        width:100%;        
        height:90px;
    }      
    

    



    #overlay2 h2{

     font-size: 15px;

	}

   .main-row{

    padding-top: 70px;
    padding-left: 80px;
    padding-right: 80px;

	}



    .card-left {
        
        position: relative;
        top: -13px;
        border:none !important;
        border-bottom: 1px solid #dadcdf !important;
        border-radius:0px !important;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;

    }


    .card-left img{

        width: 90px;
        height: 70px;
        border-radius: 0px;
    
    }

    .card-left .card-body{

        padding-right: 10px;
        padding-left: 5px;
        padding-top: 0px;
        background-color: white;

    }


    .card-left .card-body a{

        font-size: 14px;
        color:black;
        font-family:iransans-md-fanumber;

    }


    .card-left .card-body .card-date{

        position: relative;
        top:10px;
        font-size: 12px;

    }




}



@media (min-width: 1300px) {


	.main-row{

        padding-top: 70px;
        padding-left: 85px;
        padding-right: 85px;

	}





}

@media (min-width: 1400px) {

    .top-banner img{
    
        width:100%;
        height:200px;
    
    }

    
    #blog-banner3{
    
        width:100%;        
        height:110px;
    }      

   

    #overlay1 h2{

	 font-size:23px;

     line-height:35px;
     font-family:iranyekan-bold-fanumber;
     
    }
    
	.carousel-item1 img{

	 height: 400px;
     
	}

	.carousel-item2 img{

	  height:200px;
     
	}

	#overlay1{

		color:white;
		
	}


	#overlay2 h2{
	
      font-size: 19px;
      line-height:30px;
      
	}

  .main-row{

     padding-top: 70px;
	 padding-left: 100px;
     padding-right: 100px;

	}

	
	#right-col{

	 padding-right: 30px;

	 }
	 
    .blog-banner3{
        
        padding-right:30px;
    }
	 
    #narrow-banner-col{
        
        padding-right:30px;
        margin-top:40px;
    }


	.card-center img{

		height:135px;
		width: 200px;
	}

}

@media (min-width: 1500px) {


    #blog-banner3{

        width:100%;        
        height:120px;
    } 
    
    
    #top-img-col{
    
        padding-right:45px;
    }
    
    .blog-banner3{
        
        padding-right:45px;
    }
    
     #narrow-banner-col{
        
        padding-right:45px;
    }
   

	.main-row{

     padding-top: 70px;
	 padding-left: 125px;
     padding-right: 80px;

	}

	#right-col{

	 padding-right: 45px;

    }



    #search  {
        
        display:flex;
        
    }
	 
	 
	 

}

@media (min-width: 1532px) {




}