#top_menu{
  display: flex;
  flex-direction: row;
  justify-content: center;
  direction: ltr;
}

#menus_section_bigscreen{
  width: 90%; transform: translateX(-50px); display: flex; flex-direction: row; align-items: center; justify-content:right; 
}
#menus_section_smallscreen{
  display: none;
}
#menue_but_smallscreen{
  display: none;
}
#menue_but_bigscreen{

width: 10%; display: flex; flex-direction: column; justify-content: center; align-items: center;

}


#top_menu_big_screen{
   padding: 10px;
   background-color: #F7E9DD;
   width: 80%;
   height: 60px;
   border-radius: 20px;
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
   
}

#menu_small_scrreen{
  display: none;
}


#whatsapp_logo{
   height: 40px;
   height: 40px;

}
.menu_section{
margin-right: 7px;
margin-left: 7px;
}

#logo{
    height: 30px;
   
}
.menu_section a{
   text-decoration: none;
   color: #6B7338;

}
 
#hero_image{
    width: 90%;
    height: 500px;
    background-color: black;
  z-index: -1;
    transform: translateY(-50px);
    background-image: url(../images/hero.png);
    background-size: cover;
    border-radius: 50px;
}
#Our_innovations{
    transform: translateY(-10px);
    display: flex;
    flex-direction: row-reverse;
 align-items: center;
 justify-content: center;
    
}
#Our_innovations_box1{
    width: 45%;
    padding: 10px;
    direction: rtl;

}
#Our_innovations_box2{
    width: 45%;
    

}
#Our_innovations_box2 img{
    width: 40%;
    height: 300px;
    margin-left: 5px;
    margin-right: 5px;
}

#part_of_us{
    position: relative;
    width: 100%;
    height: 500px;
}

#part_of_us1{
    position: absolute;
    margin: 0px;
    width: 80%;
    height: 500px;
    background-image: url(../images/hero.png);
    background-size: cover;
 border-radius: 40px;
 transform: translateX(-50px);
    
}
#part_of_us2{
   
    position: absolute;
    right: 20px;
    top: 100px;
    margin: 0px;
    width: 50%;
    height: 300px;
    border-radius: 40px;
    padding: 10px;
    direction: rtl;
    background-color: rgba(251, 245, 234, 0.7);
    display: flex;
    flex-direction: row;
  
}

#part_of_us2_right{
    width: 50%;

}
#part_of_us2_left{
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
   
}
.part_of_us_logos img{
    width: 40px;
    height: 40px;
    margin: 5px;
    transform: translateY(-15px);
   
}
.part_of_us_logos{
    display: flex;
    flex-direction: row;
     text-align: justify;
    
}
.part_of_us_logos_media{
    text-align: center;
}
.part_of_us_logos_media img{
width: 30px;
 
margin: 5px;
}




 
#partus_smallscreen{
  display: none;
}

#comany_data{
    direction: rtl;
    color: rgba(31, 34, 17, 1);
}

.divider{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.divider div{
    width: 90%;
    height: 3px;
    border-radius: 10px;
    background-color: rgba(142, 150, 76, 1);
}

#footer{
    width: 90%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
color: rgba(107, 115, 56, 1);
}

#footer_right a{
text-decoration: none;
cursor: pointer;
margin: 10px;
color: rgba(107, 115, 56, 1);
}

#footdisplay{
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
 
.images_contaner{
  overflow: auto;
  text-align: center;
}

.images_contaner img{
  width: 30%;
  margin: 10px;
  height: 200px;

}

@media only screen and (max-width: 600px) {
    .images_contaner{
        overflow: auto;
        text-align: center;
      }
      
      .images_contaner img{
        width: 40%;
        margin: 5px;
        
      
      }
  #partus_bigscreen{
    display: none;
  }
  #partus_smallscreen {
    display: block;
    position: relative;
    width: 100%;
    height: 350px;
  }

  #partus_smallscreen1{
    position: absolute;
    margin: 0px;
    width: 100%;
    height: 200px;
    bottom: 1px;
    background-image: url(../images/hero.png);
    background-size: cover;
 border-radius: 40px;
  }

  #partus_smallscreen2{
    position: absolute;
 
    width: 90%;
    height: 300px;
    border-radius: 40px;
    padding: 10px;
    direction: rtl;
    background-color: rgba(251, 245, 234, 0.7);
    display: flex;
    flex-direction: column-reverse;
    overflow: visible;
    text-align: center;
  }


  #part_of_us2_right{
 display: flex; 
 flex-direction: row;
 
  font-size: 15px;
 flex-wrap: wrap;
 width: 100%;
 

}
#part_of_us2_left{
    display: flex; 
    flex-direction: row;
    justify-content: center;
    align-items: center;
   width: 100%;
 
   
}
 

.part_of_us_logos img{
    width: 30px;
    height: 30px;

}
.part_of_us_logos{
    display: flex;
    flex-direction: row;
     text-align: justify;
    width: 50%;
}




.part_of_us_logos_media{
    text-align: center;
}
.part_of_us_logos_media img{
width: 30px;
 
margin: 5px;
}


#footer{
  width: 90%;
  display: flex;
  flex-direction:  column;
   text-align: center;
color: rgba(107, 115, 56, 1);
}

#footer_right a{
text-decoration: none;
cursor: pointer;
margin: 10px;
color: rgba(107, 115, 56, 1);
}

#footdisplay{
  
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}




#Our_innovations{
    transform: translateY(-10px);
    display: flex;
    flex-direction: column;
 align-items: center;
 justify-content: center;
    
}
#Our_innovations_box1{
    width: 100%;
    padding: 10px;
    direction: rtl;

}
#Our_innovations_box2{
    width: 100%;
    text-align: center;
    

}
#Our_innovations_box2 img{
    width: 40%;
    height: 300px;
    margin-left: 5px;
    margin-right: 5px;
}


#hero_image{
    width: 90%;
    height: 200px;
    background-color: black;
 
    transform: translateY(-50px);
    background-image: url(../images/hero.png);
    background-size: cover;
    border-radius: 50px;
}



#menus_section_bigscreen{
    display: none;
}
#menus_section_smallscreen{
    display: block;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#menue_but_smallscreen{
    width: 10%; display: flex; flex-direction: column; justify-content: center; align-items: center;
 
}
#menue_but_bigscreen{
display: none;
}

#menu_small_scrreen{
    
    display: flex;
    background-color: #F7E9DD;

}





 
 

  

}