*{
    padding: 0;
    margin: 0;
}
/*start nav*/
.span1{
    padding: 8px;
    margin: 10px;
    font-size: 30px;
    font-weight: 30px;

}
.ul_a{
    display: flex;
    background-color: rgb(243,243, 243);
 
    
}
ul{
    list-style: none;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; /* محاذاة العناصر رأسيًا */
    gap: 120px;  
}

.ul_a ul li a{
    text-decoration: none;
    color: black;
    font-size: 25px;
    font-weight: 20px;
}
.ul_a ul li a:hover{
    color:rgb(185,255, 1);
}
.btn1{
    border: 2px black solid;
    border-radius: 50px;
    font-size: 20px;
    padding: 10px;
    background-color: white;
    cursor: pointer;
}
.btn1:hover{
    color:rgb(185,255, 1);
    

}
/*end nav*/
/*start header*/
.header1{
    padding: 7px;
    display: flex;
    background-color: rgb(243,243, 243);

}
.head1{
    padding: 50px;

}
.header1 h1{
    font-size: 50px;
    color:black;
}
.header1 p{
    font-size: 20px;
    font-weight: 20px;
    color:rgb(96, 122, 29); ;
    
}
.btn2{
    text-align: center;
    margin: 7px;
    padding:7px;
    font-size: 20px;
    font-weight: 20px;
    border: 2px black solid;
    border-radius: 20px;
    color: white;
    background-color: black;
    cursor: pointer;
}
.btn2:hover{
    color:rgb(96, 122, 29); 
}
/*end haeder*/
/*start span2*/
.span2{
    display: flex;
    justify-content: space-between;
    font-size: 30px;
    font-weight: 20px;
    padding: 15px;
    margin: 15px;
    color: rgb(134, 126, 126);
}
/*end span2*/
/*start span3*/
.span3{
    display: flex;
    padding: 20px;
    padding: 20px;
}
.span3 span{
    background-color:rgb(185,255, 1);
    font-size: 50px;
    margin: 15px;
    border-radius: 20px;
}
.span3 p{
    margin: 20px;
    font-size: 20px;
}
/*End span3*/
/*img_section*/
.content_1{
    display: flex;
    justify-content: space-evenly;
   
}
.content_2{
    display: flex;
    justify-content: space-evenly;
    padding: 10px;
    
   
}
.vector_1{
    display: flex;
    padding: 20px;
    margin: 20px;
    border: 2px black solid;
    border-radius: 20px;
    background-color:white;
}
.imge_p1{
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin: 20px;
    border: 2px black solid;
    border-radius: 20px;
    background-color:white;
    background-color: black;
}
.imge_p2{
    display: flex;
    padding: 20px;
    margin: 20px;
    border: 2px black solid;
    border-radius: 20px;
    background-color:white;
    background-color: black;
}

.span_h span{
    font-size: 30px;
   background-color:rgb(187, 226, 88);
}
.span_h h4{
    padding: 50px;
    font-size: 20px; 
    font-weight: 20px;
    color:black;

}

.span_h1 span{
    font-size: 30px;
   background-color:white;
}
.span_h1 h4{
    padding: 50px;
    font-size: 20px; 
    font-weight: 20px;
    color:white;

}
/*img_section*/
/*start make_thing*/
.make{
    display: flex;
    justify-content: space-evenly;
    padding: 50px;
    margin: 40px;
    border-radius: 20px;
    background-color:rgb(243,243, 243);

}
.make_1{
    font-size: 20px;
    padding: 20px;
    margin: 20px;
}
.btn3{
    text-align: center;
    margin: 7px;
    padding:7px;
    font-size: 20px;
    font-weight: 20px;
    border: 2px black solid;
    border-radius: 20px;
    color: white;
    background-color: black;
    cursor: pointer;
}
.btn3:hover{
    color:rgb(96, 122, 29); 
}
/*end make_things*/
/*start main_parhap*/
.main_parhap{
    display: flex;
    justify-content: space-evenly;
    padding: 15px;
    margin: 15px;
    background-color: black;
    border-radius: 20px;
}
.parhap_1 p{
    color: white;
    padding: 20px;
    margin: 20px;
    font-size: 20px;
    font-weight: 20px;
}
.parhap_1 a{
    text-decoration: none;
    color: rgb(96, 122, 29);
    padding: 10px;
    text-align: center;
    font-size: 20px;
    display: inline-block; /* لجعل الروابط بجانب بعضها */
    margin: 0 10px;
}
.parhap_1 span{
    height: 12px;
}
/*end main_parhap*/