*{
    padding: 0px;
    margin: 0px;
    font-family: PT Root UI Web;
}
/* nav bar */
#nav{
    width:100%;
    height:60px;
    background-color:#fff2cc;
    /* border: 1px solid; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
}
#nav 
p:hover,
button:hover,
h2:hover,
h4:hover{
    cursor: pointer;
    color: #3170ec;
    transition: 1s;
}
#nav>div:nth-child(1){
    display: flex;
    width:18%;
    gap:10px;
    align-items: center;
    /* border: 1px solid; */
}
#en{
    width:90px;
    font-size: normal;

    
}
#nav>div:nth-child(1) button{
    width: 100%;
    height: 40px;
    background-color:#fff2cc;
    font-weight: bold;
    display: block;
    margin: center;
    border: 1.5px solid lightgrey;
    border-radius: 5px;
    /* border: 2px solid lightgrey; */
}
/* #nav img{
    height:75px;
} */
#nav-mid{
    /* border: 1px solid; */
    width: 45%;
    display: flex;
    justify-content: space-between;
    font-size: large;
    font-family: 'Times New Roman', Times, serif;
    font-weight:lighter;
}
.logo{
    width: 80px !important;
    height: 60px !important;
}
#nav-end{
    width:15%;
    height:100%;
    /* border:1px solid; */
    display: flex;
    align-items: center;
    gap: 30px;
}
#login{
    font-size: large;
    /* font-weight: lighter; */
}
#signup{
    width:85px;
    height: 40px;
    display: block;
    margin: center;
    font-size: normal;
    font-weight: bold;
    color: #3a76ed ;
    border:2px solid #3a76ed;
    border-radius: 5px;
    background-color: #fff2cc;
}
#signup:hover{
    border: 1px solid #3a76ed;
    background: #3a76ed;
    color: white;
    transition: 1s;
}
/* part-1 */
#part1{
    height: 45vh;
    background-color: #fff2cc;
    /* border: 1px solid; */
}
#part1 h1{
    font-size: 70px;
}
#search{
    width:45%;
    height:45vh;
    /* border:1px solid; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    gap:45px;
}
#box{
    width:100%;
    /* border: 1px solid; */
    height: 50px;
}

/* #box i{
    height: 100%;
    font-size: 21px;
    padding-left: 15px;
} */
#box input{
    width:100%;
    height: 100%;
    font-size: 21px;
}
/* part-2 */
#part2 h1{
    font-size: 40px;
    text-align: center;
}
#part2 h3{
    font-size: 24px;
    text-align: center;
    color:#3a76ed ;
}
#part2 h3:hover{
    cursor: pointer;
    color: darkblue;
    transition: 1s;
}

#p2{
    display: flex;
    justify-content: space-evenly;
}
#p2 img{
    border-radius: 15px;
}
#p3h1{
    text-align: center;
    font-size: 40px;
}
/* part-3 */
#part3{
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap:20px 20px;
}
#part3>div{
    border-bottom: 1px solid;    
}
#p3div1{
    display: flex;
    gap:30px;
    /* border: 1px solid; */
}
#part3 h3{
    color: #3170ec;
    font-size: large;
}
#part3 p{
    font-size: medium;
    text-align:justify;
}
#p3div1 img{
    height: 100%;
}
#card{
    gap:30px;
}
#samplepara{
    padding: 50px 30px;
}