@font-face {
  font-family: BYekan;
  src: url(../fonts/BYekan.woff) format('woff');
   url(../fonts/BYekan.ttf) format('ttf');
   url(../fonts/BYekan.eot) format('eot');
}


.menutop{
	    background-color: #86b8ea5c;
	   font-family: BYekan;
font-size:14px;

}
.text{
	  font-family: BYekan;

  text-align: center;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

 .dark-mode {
    background-color: black;
    color: white;
    transition: none;
  }

  .darkButton{
     top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgb(68, 68, 68);
    color: white;
    text-align: center;
    width: 23px;
    margin-top: 15px;
    padding: 5px 0px 5px 0px;
    border-radius: 23px;
    cursor: pointer;
    -ms-user-select: None;
    -moz-user-select: None;
    -webkit-user-select: None;
    user-select: None;
	
	
  }

  .darkButton:hover{
    background-color: rgb(100, 100, 100);
  }

  .lightButton{
    background-color: rgb(220, 220, 220);
    color: black;
    font-family: Roboto;
  }

  .lightButton:hover{
    background-color: white;
  }




.wrimagecard{	
	  font-family: BYekan;

	margin-top: 0;
    margin-bottom: 1.5rem;
    text-align: left;
    position: relative;
    background: ;
    box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
    border-radius: 4px;
    transition: all 0.3s ease;
}
.wrimagecard .fa{
	position: relative;
    font-size: 70px;
}
.wrimagecard-topimage_header{
padding: 20px;
}
a.wrimagecard:hover, .wrimagecard-topimage:hover {
    box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
}
.wrimagecard-topimage a {
   
    display: block;
}
.wrimagecard-topimage_title {
    padding: 20px 24px;
    height: 80px;
    padding-bottom: 0.75rem;
    position: relative;
}
.wrimagecard-topimage a {
    border-bottom: none;
    text-decoration: none;
    color:;
    transition: color 0.3s ease;
}

.accordion {
 font-family: BYekan;
  background-color: #51b36930 ;
  color: ;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: right;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border-radius:20px;
}

.active, .accordion:hover {
  background-color: ;
}

.accordion:after {
  content: '\002B';
  color: #4a96e1cc;
  font-weight: bold;
  float: left;
  margin-left: 5px;

}

.active:after {
  content: "\2212";
  
}

.panel {
		  font-family: BYekan;

  padding: 0 18px;
  background-color: ;
  max-height: 0;
  text-align: right;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  color:;
}