* {
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
}

.nav {
    border: 1px solid black;
    width: 100vw;
    height: 45px;
    background-color: black;
}

p {
    color: rgb(154, 151, 154);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -30px;
    font-weight: 600;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

img {
    margin-left: 100vh;
    width: 100px;
    margin-top: 50px;
}

ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    gap: 70px;
    margin-top: 40px;
    font-weight: 600;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 20px;
    position: sticky;
}

li:hover {
    color: rgb(154, 151, 154);
    cursor: pointer;
}

.img1 {
    position: absolute;
    top: 0;
    margin-top: 220px;
    left: -10px;
    width: 820px;
    cursor: pointer;
}

.img2 {
    width: 820px;
    margin-left: -55px;
    position: relative;
    top: -2px;
    height: 660px;
    cursor: pointer;
}

.para1 {
    position: relative;
    top: -210px;
    margin-left: 780px;
    color: white;
    font-size: 22px;
    cursor: pointer;
}

.para2 {
    position: relative;
    top: -160px;
    margin-left: 780px;
    color: rgb(255, 255, 255);
    font-size: 50px;
    font-weight: bold;
}

.para3 {
    position: relative;
    top: -240px;
    margin-left: -880px;
    font-size: 22px;
    color: white;
    cursor: pointer;
}

.para4 {
    position: relative;
    top: -190px;
    color: rgb(255, 255, 255);
    font-size: 50px;
    font-weight: bold;
    cursor: pointer;
    margin-left: -880px;
}

.para5 {
    margin-top: -50px;
    color: black;
    font-size: 20px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.para6{
    margin-top: 10px;
    color: rgb(77, 74, 74);
    font-size: 14px;
}
.img3{
    width: 22%;
    margin-left:100px;
    margin-top: 50px; position: relative;
    cursor: pointer;
    left: -10px;
}
.img4{
    width: 22%;
    margin-left: -73px;
    position: relative;
    left: 70px;
    cursor: pointer;
}
.img5{
     width: 22%;
    margin-left: 15px;
     position: relative;
    left: 60px;
    cursor: pointer;
}
.img6{
     width: 22%;
    margin-left: 10px;
     position: relative;
    cursor: pointer;
    left: 55px;
    margin-top: -800px;
}
.para7{
    position: relative;
    top: 40px;
    margin-left:-1050px;
}
.para8{
     position: relative;
    top: 80px;
    margin-left:-1050px;
    font-size: 13px;
}
.para9{
    position: relative;
    top: 40px;
    margin-left:-340px;
    margin-top: -8px;
}
.para10{
     position: relative;
    top: 80px;
    margin-left:-300px;
    font-size: 13px;
}
.box1{
      position: relative;
    top: 40px;
    margin-left:370px;
    margin-top: -8px;
}
.box2{
     position: relative;
    top: 80px;
    margin-left:390px;
    font-size: 13px;
}
.box3{
     position: relative;
    top: 40px;
    margin-left:1070px;
    margin-top: -8px;
}
.box4{
     position: relative;
    top: 80px;
    margin-left:1070px;
    font-size: 13px;
}
.logo-btn{
    padding: 2px 2px 2px 2px;
    color: white;
    background-color: black;
    border: none;
    position: relative;
    top: -503px;
    left: 95px;
    font-size: 11px;
}
.logo-btn1{
    padding: 2px 2px 2px 2px;
    color: white;
    background-color: black;
    border: none;
    position: relative;
    top: -498px;
    left: 405px;
    font-size: 11px;
}
.logo-btn2{
     padding: 2px 2px 2px 2px;
    color: white;
    background-color: black;
    border: none;
    position: relative;
    top: -498px;
    left: 712px;
    font-size: 11px;
}
.logo-btn3{
    padding: 2px 2px 2px 2px;
    color: white;
    background-color: black;
    border: none;
    position: relative;
    top: -498px;
    left: 1017px;
    font-size: 11px;
}
#box5{
   margin-top: 100px;
   color: black;
   font-size: 25px;
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.logo-btn4{
    position: relative;
    top: 200px;
    margin-left: 475px;
    padding: 10px 40px 10px 40px;
    transition: 0.3s;
    border-radius: 20px;
    background-color: white;
}
.logo-btn4:hover{
    background-color: black;
    color: white;
    cursor: pointer;
    box-shadow: 2px 2px 1px black;
}
.logo-btn5{
       position: relative;
    top: 200px;
    margin-left:10px;
    padding: 10px 30px 10px 30px;
    transition: 0.3s;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border-radius: 20px;
}
.logo-btn5:hover{
    background-color: rgb(233, 229, 229);
    cursor: pointer;
}
.img7{
     width: 22%;
    margin-left:100px;
    margin-top: 160px; 
    position: relative;
    cursor: pointer;
    left: -10px;
}
.img8{
       width: 22%;
    margin-left: -73px;
    position: relative;
    left: 70px;
    cursor: pointer;
}
.img9{
     width: 22%;
    margin-left: 15px;
     position: relative;
    left: 60px;
    cursor: pointer;
}
.img10{
       width: 22%;
    margin-left: 10px;
     position: relative;
    cursor: pointer;
    left: 55px;
    margin-top: -800px;
}
.logo-btn6{
      padding: 2px 2px 2px 2px;
    color: white;
    background-color: black;
    border: none;
    position: relative;
    top: -498px;
    left: -1352px;
    font-size: 11px;
}
.logo-btn7{
     padding: 2px 2px 2px 2px;
    color: white;
    background-color: black;
    border: none;
    position: relative;
    top: -517px;
    left: 455px;
    font-size: 11px;
}
.logo-btn8{
      padding: 2px 2px 2px 2px;
    color: white;
    background-color: black;
    border: none;
    position: relative;
    top: -517px;
    left: 720px;
    font-size: 11px;
}
.logo-btn9{
      padding: 2px 2px 2px 2px;
    color: white;
    background-color: black;
    border: none;
    position: relative;
    top: -517px;
    left: 985px;
    font-size: 11px;
}
.box5{
     position: relative;
    top: 20px;
    margin-left:-1052px;
}
.box6{
      position: relative;
    top: 55px;
    margin-left:-1050px;
    font-size: 13px;
}
.box7{
     position: relative;
    top: 20px;
    margin-left:-340px;
    margin-top: -8px;
}
.box8{
      position: relative;
    top: 55px;
    margin-left:-300px;
    font-size: 13px;
}
.box9{
      position: relative;
    top: 20px;
    margin-left:370px;
    margin-top: -8px;
}
.box10{
      position: relative;
    top: 55px;
    margin-left:390px;
    font-size: 13px;
}
.box11{
      position: relative;
    top: 20px;
    margin-left:1070px;
    margin-top: -8px;
}
.box12{
     position: relative;
    top: 55px;
    margin-left:1085px;
    font-size: 13px;
}
.logo-btn10{
    position: relative;
    top: 80px;
    margin-left: 750px;
    padding: 10px 20px 10px 20px;
    transition: 0.3s;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border-radius: 20px;
}
.logo-btn10:hover{
    background-color: rgb(113, 113, 113);
    cursor: pointer;
    color: black;
}
.section2{
    margin-top: 160px;
    color: rgb(18, 17, 17);
    font-size: 22px;
    margin-left: 36px;
    font-weight: 400;
}
.img11{
    width: 20%;
    margin-left:150px ;
}
.box13{
           margin-left: -870px;
           margin-top: 5px;
           color: rgb(34, 34, 34);

}
.box13:hover{
           color: rgb(113, 113, 113);
          cursor: pointer;
}
.img12{
     width: 20%;
    margin-left: 470px;
    position: relative;
    top: -395px;
}
#box14{
     margin-left: -240px;
           color: rgb(34, 34, 34);
           margin-top: -390px;
           
}
#box14:hover{
           color: rgb(113, 113, 113);
          cursor: pointer;
}
#img13{
      width: 20%;
    margin-left: 790px;
    position: relative;
    top: -395px;
}
#box15{
      margin-left: 440px;
           color: rgb(34, 34, 34);
           margin-top: -390px;
}
#box15:hover{
           color: rgb(113, 113, 113);
          cursor: pointer;
}
#img14{
      width: 20%;
    margin-left: 1110px;
    position: relative;
    top: -395px;
    height: 316px;
}
#box16{
    margin-left: 1050px;
           color: rgb(34, 34, 34);
           margin-top: -390px;
}
#box16:hover{
           color: rgb(113, 113, 113);
          cursor: pointer;
}
.logo-btn11{
    position: relative;
    top: 30px;
    margin-left: 750px;
    padding: 10px 30px 10px 30px;
    transition: 0.3s;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border-radius: 20px;
}
.logo-btn11:hover{
    background-color: rgb(113, 113, 113);
    cursor: pointer;
    color: black;
}

#box17{
       margin-top: 100px;
       margin-left: 60px;
       font-size: 19px;
       color: rgb(24, 23, 23);
       font-weight: 200px;
}
.box18{
      margin-top: 6px;
       margin-left: 60px;
      color: rgb(113, 113, 113);
      font-weight: 100;
      font-size: 15px;
       font-style: italic;
}
.img15{
         width: 28%;
    margin-left: 140px;
    position: relative;
    top: 10px;
    height: 550px;
}
.img16{
        width: 28%;
    margin-left: 10px;
    position: relative;
    top: 10px;
    height: 550px;
}
.img17{
     width: 28%;
    margin-left: 5px;
    position: relative;
    top: 10px;
    height: 570px;
}
.box19{
    margin-top: 50px;
       margin-left: 60px;
      color: rgb(4, 4, 4);
      font-size: 20px;
}
.one{
    border: 0px solid rgb(17, 17, 17);
    width: 100vw;
    height: 700px;
    margin-top: 100px;
    background-color: rgb(245, 245, 245);
}
.two{
    width: 100vw;
    margin-top: -710px;
    background-color: rgb(17, 17, 17);
    height: 220px;
}
.footer-img{
    position: relative;
    top: -220px;
    background-color: white;
    border-radius: 50%;
    width: 40px;
}
.img-para{
     position: relative;
    top: -140px;
    left: 20px;
    color: white;
    font-size: 20px;
    font-weight: 600;
}
.footer-img1{
    position: relative;
    top: -310px;
    background-color: white;
    border-radius: 30%;
    width: 40px;   
    margin-left: 160px;  
}
.img-para1{
     position: relative;
    top: -230px;
    left: -590px;
    color: white;
    font-size: 20px;
    font-weight: 600;
}
.footer-img2{
    position: relative;
    top: -393px;
    background-color: white;
    border-radius: 30%;
    width: 40px;   
    margin-left: 1350px;  
}
.img-para2{
     position: relative;
    top: -310px;
    left: 600px;
    color: white;
    font-size: 20px;
    font-weight: 600;
}
.img-para3{
     position: relative;
    top: -198px;
    color: white;
    font-size: 17px;
    font-weight: 400;
    color: black;
}
.img-para4{
    position: relative;
    top: -160px;
    color: white;
    font-size: 15px;
    font-weight: 400;
    color: rgb(113, 113, 113);

}
.img-para5{
    position: relative;
    top: -130px;
    color: white;
    font-size: 15px;
    font-weight: 400;
    color: rgb(113, 113, 113);
}
ol{
    color: rgb(113, 113, 113);
    margin-left: 70px;
    list-style: none;
    font-size: 15px;
    margin-top:-40px;
}
.img-para6{
    color: black;
    margin-left: -1320px;
    position: relative;
    top: -30px;
}
#img-para7{
     color: black;
    position: relative;
    top: -190px;
    margin-left: -700px;
}
.footer{
    margin-left: 390px;
     color: rgb(113, 113, 113);
     position: relative;
    top: -130px;
}
#three{
      color: black;
    position: relative;
    top: -61px;
    margin-left: -480px;
}
.footer1{
     margin-left: 670px;
     color: rgb(113, 113, 113);
     position: relative;
    top: -130px;
}
#four{
     color: black;
    position: relative;
    top: -280px;
    margin-left: 570px;
}
#five{
     margin-left: 860px;
     color: rgb(113, 113, 113);
     position: relative;
    top: -230px;
}
.footer-place{
    width: 480px;
     margin-left: 985px;
     color: rgb(113, 113, 113);
     position: relative;
    top: -200px;
    padding: 13px 10px 13px 10px;
    border: none;
    font-size: 17px;
}
#btn-3{
    background-color: rgb(34, 34, 34);
    color: white;
    padding: 10px 15px 10px 15px;
    position: relative;
    top: -240px;
    margin-left: 1350px;
    cursor: pointer;
}
h1{
    margin-top: -150px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: rgb(34, 34, 34);
     margin-left: 600px;
}