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

/* Navigation bar */
#navbar {
    position: sticky;
    background-color: transparent;
    position: relative;
    display: flex;
    align-items: center;
}

#navbar::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;

}

/* Navigation Bar:  Logo and Image */
#logo {
    margin: 10px 25px;
}

#logo img {
    height: 45px;
    margin: 2px 3px;
}

/* Navigation Bar:  Logo and Image */
#logo {
    margin: 10px 25px;
}

#logo img {
    height: 50px;
    margin: 2px 3px;
}

/* Navigation Bar:  List Styling */
#navbar ul {
    position: absolute;
    right: 20px;
    display: flex;
}


#navbar ul li {
    list-style: none;
    /* font-size: 1.3rem; */
}

#navbar ul li a {
    color: black;
    display: block;
    padding: 5px 7px;
    border-radius: 20px;
    text-decoration: none;
}

#navbar ul li a:hover {
    color: blue;
    background-color: lightgray;
    cursor: pointer;
}



/* home  */
.container h1 {
    text-align: center;
    font-size: 3.8rem;
    position: absolute;
    top: 90px;
    left: 10px;
    padding: 10px 130px;
    font-weight: bold;
    color: red;
    text-shadow: 1px 2px 7px black;
}

 #home .container .prime {
    position: absolute;
    width: 75%;
    top:235px;
    height: 0.2rem;
    left: 160px;
    background-color: black;
    box-shadow: 1px 1px 3px white;
}

 #home .container p {
    position: absolute;
    top: 260px;
    left: 450px;
    background-color: white;
    padding: 2px 3px;
    color: black;
    font-size: 35px;
    text-align: center;
    text-shadow: 1px 2px 3px black;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

 #home .container abbr {
    position: absolute;
    top: 330px;
    left: 375px;
    color: black;
    background-color: white;
    padding: 5px 7px;
    font-size: 25px;
    text-align: center;
    text-shadow: 1px 2px 3px black;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

 #home .container .btn {
    position: absolute;
    top: 380px;
    left: 520px;
    padding: 7px 15px;
    background-color: crimson;
    margin: 15px;
    font-size: 1.2rem;
    border-radius: 10px;
    cursor: pointer;
}

 #home .container .btn a {

    color: white;
    text-decoration: none;
    font-weight: bold;
    /* text-align: center; */
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}


/* secomnd home section  */

.home1 {
    border: 0.0rem solid black;
    display: flex;
    flex-direction: column;
    margin: 30px 10px;
    height: 320px;
    justify-content: center;
    box-shadow: -3px 3px 4px black;
    /* background-image: linear-gradient(to right top, #dcf638, #60ec91); */
}

.home1 .row {
    display: flex;
    flex-direction: row;
}

.home1 .row img {
    margin-top: 15px;
    height: 150px;
    width: 200px;
}

.home1 h2 {
    padding: 10px 20px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    text-align: center;
}

.home1 p {
    width: 75%;
    padding: 10px 70px;
    font-family: 'Times New Roman', Times, serif;
    text-align: justify;
}
/* Home2  */

#home2 {
    display: flex;
    flex-direction: column;
    background-color: black;
    margin: 30px 0px;
    width: 100vw;
    height: 550px;
}
#home2 h2 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 50px;
  color: white;
  text-align: center;
  margin: 10px 10px;
}


/* home3  */
#home3 {
    /* border: 2px solid red; */
    font-family: 'Times New Roman', Times, serif;
    height: 760px;
    margin: 20px 0px;
}

#home3 h2 {
    text-align: center;
}

#home3 p {
    text-align: justify;
    padding: 7x 7px;
}


#home3 .row {
    /* border: 2px solid blue; */
    display: flex;
    flex-direction: row;
    height: 240px;
    margin: 10px 15px;
}

#home3 .row .box {
    margin: 10PX 5px;
    /* border: 2px solid darkmagenta; */
    width: 400px;
    height: 220px
}

#home3 .row .box1 {
    margin: 10PX 420px;
    /* border: 2px solid darkmagenta; */
    width: 400px;
    height: 220px
}

#home3 .row .box h2 {
    font-size: 25px;
    margin: 5px 4px;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

#home3 .row .box1 h2 {
    font-size: 25px;
    padding: 1px 10px;
    margin: 5px 4px;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

#home3 .row .box img {
    padding: 3px 3px;
    margin: 4px 120px;
    width: 150px;
    height: 90px;
    transition: all 1s 1;
}

#home3 .row .box img:hover{
    width: 160px;
    height: 100px;
}

#home3 .row .box1 img {
    padding: 3px 3px;
    margin: 4px 120px;
    width: 150px;
    height: 90px;
    transition: all 1s 1;
}

#home3 .row .box1 img:hover{
    width: 160px;
    height: 100px;
}


/* Home4  */


/* Home4  */


#home4 {
    color: white;
    font-weight: bold;
    background-image: url('https://t3.ftcdn.net/jpg/03/55/60/70/360_F_355607062_zYMS8jaz4SfoykpWz5oViRVKL32IabTP.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 575px;
    margin: 40px 20px;
    /* position: relative; */
}

#home4 h2 {
    font-size: 50px;
    text-align: center;
    padding: 30px 20px;
}


.typewriter {
    display: inline-block;
  }
  
  .typewriter h2 {
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
    color: black;
    font-size: 50px;
    text-align: center;
    margin: 0px 370px;
    padding: 5px 25px;
    text-shadow: 1px 1px 5px black;
    overflow: hidden;
    border-right: .10em;
    white-space: nowrap;
    letter-spacing: .15em;
    animation: typing 3s infinite, blink-caret .5s step-end infinite;
  }
  
  @keyframes typing {
    from { width: 0 }
    to { width: 40% }
  }
  
  /* @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange }
  }
   */


#home4 .box {
    font-family: 'Times New Roman', Times, serif;
    background-color: transparent;
    border: 1px solid black;
    box-shadow: -1px 1px 6px black;
    height: 410px;
    width: 390px;
    margin: 5px auto;
}

#home4 .box .box1 {
    color: black;
    margin: 0px 55px;
}

#home4 .box .box1 input {
    color: black;
    margin:0px auto;
    text-align: center;
    width: 250px;
    height: 20px;
    padding:0px 2px;
}

#home4 .box .box1 button {
    margin: 5px 350px;
    text-align: center;
    width: 30px;
    height: 25px;
}
 
/* #home5  */
.home5 {
    background-image: url('https://t3.ftcdn.net/jpg/02/43/36/88/360_F_243368800_iYenQw8k85GTsJ39VHFxanBkj3MQxzKW.jpg');
    height: 300px;
    margin: 10px 10px;
    color: white;
    font-family: 'Times New Roman', Times, serif;
}


.home5 img {
    margin: 15px 50px 0px 490px;
    width: 250px;
    height: 70px;
}

.home5 ul {
    display: flex;
    flex-direction: row;
    padding: 0px 265px;
}

.home5 ul a {
    margin: 0px 10px;
    color: white;
    text-decoration: none;
    border-radius: 7px;
    padding: 0px 5px;
    text-align: center;
}

.home5 ul a:hover {
    text-decoration: none;
    background-color: white;
    color: blue;
}

.home5 h2 {
    color: white;
    padding: 2px;
    margin: 0px auto;
    text-align: center;
}

.home5 p {
    margin: 0px auto;
    color: white;
    padding: 1px;
    text-align: center;
}

/* hoe 6  */

.home6 {
    margin: 20px auto;
    text-align: center;
    padding: 12px 2px;
    background-color: white;
    color: black;
    height: 50px;
    box-shadow: -1px 1px 4px gray;
}