.arabic_font {
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  font-style: normal;
}




body {
  
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  direction: rtl;
  background-color: #66a5b4;
}
.header{
  position: fixed;
  top: 0px;
  z-index: 999999;
  background-color: #66a5b4;
  max-width: 800px;
}
.menu_title {
  font-size: 25px;
  padding: 10px 0px;
  font-family: "Tajawal", sans-serif;
  font-weight: 600;
  color: #FFF;
}
.header_image{
  max-width: 100%;
  max-height: 250px;
  margin-top: 50px;
  
}
.logo_image{
  width: 120px;
  height: 120px;
  border: 4px solid #FFF;
  margin-top: -60px;
  margin-left :15px;
  text-align: left;

  border-radius: 100%;
}
.menu_item{
  font-family: "Tajawal", sans-serif;
  border-bottom: 1px solid #9d9d9d;
  padding: 8px 5px;
}
.ctgs{
 
}
.ctgs img{
  width: 100%;
  height: 85px;
  border-radius: 15px;
}

.ctgs div{
  width: 100%;
  border-radius: 15px;
  font-size: 16px;
  font-family: "Tajawal", sans-serif;
  top: 0px;
  color: #FFF;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  position: absolute;
  height: 85px;
  padding-top: 40px;
}
.item_style1{
  width: 100%;
  padding: 10px;
  border-bottom: 0px solid #bebebe;
}
 
.img_style1{
  width: 95%;
  border-radius: 15px;
}

.item_style2{
  padding: 10px;
  /* border-bottom: 1px solid #bebebe; */
  text-align: center;
}

.img_style2{
  width: 95%;
  max-width: 180px;
  border-radius: 15px;
  max-height: 170px;
}

.selection_style2{
  text-align: right; 
  font-size: 16px;
  padding: 5px 0px; 
  margin-right: 25px; 
  color:rgb(75, 75, 75);
  border-bottom: 1px solid #bebebe;
}

.item_style3{
  margin: 10px;
  padding :5px;
  background-color:#fff;
  border:#1d989f 2px solid;
  width: 95%;
  border-radius: 10px;
}