body{box-sizing: border-box;
  background-color: #f0edff;
}
/* hne header*/
#list1{  font-family: Franklin Gothic Medium;
    font-weight: bold;
    list-style-type: none; display: flex;color: rgba(255, 255, 255, 0.863);text-transform: uppercase;
  }
  a{text-decoration: none;}
 .list2{color: black;}
 .list2:hover{color: #08ac8b;
    font-size: 17px;
    background: #0000001f;
    border-radius: 20px;}

img{background-repeat: no-repeat;
background-size: cover}
footer{background: #068b71;
padding-bottom: 50px;}
/*----------------------------------------------------------------*/
#a{padding-bottom: 5px;
    padding-top: 20px;
color: white;
margin-left: 40px;}
ul{list-style-type: none;}
#ul1{margin-left: 35%;
    position: absolute;
  font-weight: 900;
font-family: Comic Sans MS;}
    #ul2{margin-left: 50%;
        position: absolute;
        font-weight: 900;font-family: Comic Sans MS;}
        #ul3{margin-left: 67%;
            position: absolute;
            font-weight: 900;font-family: Comic Sans MS;}
            #ul4{margin-left:80%;
              font-weight: 900;font-family: Comic Sans MS;
               }
               li{margin-right: 30px;}
                .spann{font-weight: 900;
                    text-transform: uppercase;
                    display: block;
                    line-height: 35px;}
/*--------------hedhy 5edmet limage ltet7ark----------------------------------------------*/
.slidershow{
                        
  overflow: hidden;
}

.navigation{
  position: absolute;
  bottom: 20px;
  left: 50%;
  top: 76%;
  transform: translateX(-50%);
  display: flex;
}
.bar{
  width: 50px;
  height: 10px;
  border: 2px solid rgb(0, 0, 0);
  margin: 6px;
  cursor: pointer;
  transition: 0.4s;
}
.bar:hover{
  background: rgb(81, 219, 155);
}

/*--------------------------------------------------------------------------------------------------------*/                      
.td1{font-family: open sans;
  font-size: 16px;
  font-weight: 600;
text-align: center;}
.td1:hover{color: #08ac8b;}
.span1{font-weight: 900;
  color: #353535;
text-align: center;
font-size: 20px;}

#div{background: #129539;
   margin-right: 15px;
   padding: 5%;
   border-top-left-radius: 40px;
   border-bottom-right-radius: 40px;
   color: white;
   margin-top: 10px;
   font-size: 20px;}
   #div:hover{margin-bottom: 4%;transition: 1s;}
   #div1:hover{margin-bottom: 4%;transition: 1s;}
   #div2:hover{margin-bottom: 4%;transition: 1s;}
   #div3:hover{margin-bottom: 4%;transition: 1s;}
#div1{background:#2ac36e;
  margin-right: 10px;
  padding: 5%;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  color: white;margin-top: 10px;
  font-size: 20px;}
#div2{background-color: #a3ca38;
  margin-right:10px;
  padding: 5%;padding-right: 6px;
  border-top-left-radius: 40px;border-bottom-right-radius: 40px;
  color: white;
  margin-top: 10px;
  font-size: 20px;}
#div3{background-color: #e9b529;
  padding: 5%;padding-right: 100px;;
  border-top-left-radius: 40px;border-bottom-right-radius: 40px;
  color: white;
   margin-top: 10px;margin-bottom: 10px;
   font-size: 20px;}
#btnn{
  border: none;
  margin-left: 5px;

  background-color: #000edd;
  color: white;
  font-weight: bold;
  cursor: pointer;
  border-radius: 29%;
}