.home{
    margin-left: 150px;
}
.contact{
    margin-right: 300px;

}
.num{
    margin-right: 150px;
}
nav,ul,li a{
    text-decoration: none;  
     
}
nav,ul,li h1{
    margin-left: 30px;
}
nav, ul,li,button{
    margin-left: -4px;
    border-radius: 50px;
}
.img1{
    border: solid;
    border-radius: 500px;
    margin-left: 400px;
    background-color:rgb(235, 231, 236);
    box-shadow: 10px 10px 10px 10px black;

}

.img4{
    background-image: url("/html/image/img4\ copy.jpg");
    height: 600px;
    margin-top: -100px;
}

img{
    margin-left: 20px;
    z-index: 1px;
    
}
.content1{
    margin-left: 120px;
    margin-top: 150px;
}
.content1,h1{
    margin-right: 10px;
}

.bgimg1{
    background-image: url("./img\ 3\ copy.jpg");
 
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
    color: white;
}
.bynow{
      margin-left: 1280px;
     
      width: 100px;
      height: 30px;
      color: rgb(248, 248, 250);
      background-color: blue;
}
.btn1{
    margin-left: 100px;
    width: 100px;
}

.bgimg2{
    background-image: url("/img1.jpg");
    
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -180px;


}



.content2{
    border: solid;
    background-color:rgb(15, 3, 27, 0.882);
    height: 250px;
    width: 1400px;
    border-radius: 50px;
    margin-left: 50px;
    margin-top: 100px;
    display: flex;
    padding: 20px;
    gap: 150px;
    color: white;
}
.choose1{
    margin-left: 80px;
    margin-top: 40px;
}
.choose2{
    margin-top: 40px;
}
.child1{
    /* border: solid; */
    height: 330px ;
    width: 250px;
    padding: 20px;
    border-radius: 20px;
    background-color: rgba(217, 96, 63, 0.912);
    margin-left:    780px;
    margin-top: -300px;
}
.img2{
    border: solid;
    border: none;
    background-color: rgb(225, 153, 90, 0.788);
    border-radius: 500px;
    height: 400px;
    width: 400px;
    margin-top: 200px;
    margin-left: 200px;
    box-shadow: 10px 10px 10px rgba(13, 13, 13, 0.547);
    padding-top: 100px;
}
.content3{
    margin-left: 900px;
    margin-top: -380px;
}
.child2{
    border: solid;
    border: none;
    background-color: rgba(137, 43, 226, 0.666);
    width: 450px;
    padding: 20px;
    border-radius: 50px;
}
.div1{
    height: 800px;
    background-color: rgb(15, 3, 27, 0.882);
    
}
.content4{
    text-align: center;
    margin-top: 50px;
    color: white;
    }
    .content4 p{
        color: rgba(250, 249, 249, 0.699);
    }
    .child3,.child4,.child5,.child6,.child7{
        border: solid;
        border-radius: 30px;
        width: 300px;
        padding: 20px;
        background-color: rgba(255, 255, 255, 0.555);
        box-shadow: 5px 5px 5px 5px rgb(60, 56, 100);
        border: none;
    }
    .fdiv2{
        gap: 100px;
        margin-bottom: 100px;
        margin-left: 200px;
        

    }
    .m1{
        margin-top: 30px;
        
    }
    .m1 img{
        border-radius: 20px;
    }
    .child5,.child6,.child7{
        margin-left: 15px;
    }
    .child8{
        margin-left: 100px;
        margin-top: 40px;
    }
    .content5{
        text-align: center;
        margin-top: 200px;
    }
    .content6,.content8{
        border: solid;
        border-radius: 50px;
        height: 500px;
        width: 300px;
        text-align: center;
        padding: 60px;
        border: white;
        box-shadow: 5px 5px 5px 5px black;
    }
    .content7{
        border: solid;
        border: none;
        background-color: rgba(137, 43, 226, 0.508);
        padding: 30px;
        width: 300px;
        height: 550px;
        border-radius: 50px;
        text-align: center;
        z-index: -1;
        box-shadow: 5px 5px 5px 5px black;
        margin-top: -50px;
    }
    .div2{
        margin-left: 350px;
        margin-top: 90px;
    }
.div3{
    background-color: rgba(15, 3, 27, 0.882);
    color: white;
    height: 350px;
    gap: 400px;
    padding: 80px;
}

.img3 img{
    border-radius: 30px;
    margin-left: 100px;
    margin-top: -90px;
    box-shadow: 10px 10px 10px 10px rgba(0, 119, 255, 0.603);
}
.content9{
    margin-left: 100px;
    margin-top: 100px;
}
.color1,.color2,.color3,.color4{
    border: solid;
    border: none;
    height: 150px;
    width: 200px;
    text-align: center;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 10px 10px 10px 10px black;
}
.color1,.color4{
    background-color: rgba(225, 153, 90, 0.788);
}
.color2,.color3{
    background-color: rgba(137, 43, 226, 0.584);
}
.fulcnf9{
    margin-left: 150px;
    
}
.colorful1{
    margin-left: 750px;
    margin-top: -250px;
}
.color1{
    margin-top: -10px;
    
}
.color2{
    margin-top: -12px;
    margin-left:25px;
    
}
.color4{
    margin-left: 25px;
    margin-top: 20px;
}
.color3{
    margin-top: 20px;
}
.div4{
    height: 750px;
    background-color: rgb(25, 4, 45);
    margin-top: 1px;
    color: white;
    padding: 100px;
}
.content10{
    margin-left: 400px;
}
.content11{
    margin-left: 100px;
    margin-top: 100px;
}
.content11 img{
    margin-left: 100px;
}
.content12{
    margin-left: 200px;
}
.content12 h2 , h4{
    margin-left: -100px;
    color: rgba(255, 68, 0, 0.747);
}
.content13{
    text-align: center;
    padding: 100px;
}
.content14{
    margin-left: 100px;
}
.content15{
    margin-left: 100px;
}
/* .content14,.content15,.content16{
    border-radius: 50px;
} */

i{
    color: rgb(230, 71, 39)    ;
}
.bgcolor1{
    height: 370px;
    background-color: rgb(25, 4, 45);
    margin-top: 100px;
    color: white    ;
   padding: 100px;
   display: grid;
   
}
button:hover{
    color: rgb(231, 229, 232);
    background-color: rgb(25, 4, 45);
    text-size-adjust: 10px  ;

}
button{
    border-radius: 10px;
}

.content19{
    margin-left: 200px;
}
.content18{
    margin-left: 200px;
}
.content17{
    margin-left: 270px;
}