body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    box-sizing: border-box;
}

#header-bg {
    /* background-image: url("../images/nano_tech.jpg"); */
    background-image: linear-gradient(rgba(0, 0, 0, 0.658), rgba(0, 0, 0, 0.582)), url("../images/bot_img.jpg");
    /* background-image: linear-gradient(rgba(0, 0, 0, 0.658), rgba(0, 0, 0, 0.514), rgba(0, 0, 0, 0.233)), url(../images/nano_tech.jpg); */
    background-position: center;
    background-size: cover;
    height: 100vh;
    padding: 2rem 10rem;
    margin: auto;
}

#logo {
    text-decoration: none;
    color: rgb(248, 154, 46);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40pt;
    font-weight: bolder;


}

#nav-links {
    display: flex;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.466);
}


#ul-list {
    display: flex;
    gap: 50px;
    text-decoration: none;
    list-style-type: none;


}

.nav-item {
    text-decoration: none;
    color: rgb(228, 121, 33);
    font-weight: bold;
    font-size: 20px;
}

.nav-item:hover {
    color: rgb(120, 94, 145);
}

.btn {
    background-color: transparent;
    padding: 4px 20px;
    border-radius: 1rem;
    border: 2px solid rgb(187, 90, 11);
}

.btn a {
    text-decoration: none;
    color: white;
    font-size: 20px;
}

.h-btn {
    text-align: center;
}

.header-text {
    color: white;
    font-size: 40px;
    margin-top: 10rem;
    /* background-color: rgba(0, 0, 0, 0.452); */
    text-align: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.toarrive {
    color: rgba(233, 126, 3, 0.979);
}

.about-section {
    padding-top: 2rem;
    height: 50vh;

}

.about-section .btnreadmore {
    background-color: rgba(233, 126, 3, 0.979);

}

.about-text {
    text-align: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 50px;

}


.about-text h3 {
    color: rgba(233, 126, 3, 0.979);
    font-size: 30px;
}

.about-text p {
    font-size: 30px;
    line-height: 3rem;
}

.images img {
    width: 60%;
}

.btnreadmore {
    /* background-color: rgb(187, 90, 11); */
    color: white;
    padding: 20px 20px;
    border-radius: 30px;
    border-color: rgb(255, 94, 0);
    text-align: center;
    background-color: transparent;
}

.btnreadmore a {
    text-decoration: none;
    color: white;
}

.btnreadmore:hover {
    background-color: rgb(189, 173, 123);
}

.serve-section {
    /* margin: 4rem 10rem; */
    
}

.serve-images {
    display: flex;
    gap: 30px;

}

.image {
    width: 70%;
}

.image img {
    width: 100%;
}

.serve-text {
    text-align: center;
padding-top: 4rem;
}


.serve-text h1 {
    font-size: 35px;
}

/* .serve-text p {
    width: 80%;
    font-size: 20px;
    line-height: 2rem;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
} */

.image a {
    text-decoration: none;
    color: rgb(119, 87, 87);
}
.image img{
    border-radius: 2rem;
}

.serve-btn {
    text-align: center;
    margin-top: 2rem;
}