*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}
header{
    display: flex;
    justify-content: space-between;
    margin: 55px 167px;
}
.header1 ,
.header2{
    display: flex;
    gap: 30px;
}
.header1 li a{
    color: #9E9AA8;
}
.header1 li a:hover{
    color: #000000;
    transition: 1s ease-in-out ;
}
.btn{
    background-color: #76999984;
    color: #ffffff;
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 700;
    border: none;
    border-radius: 28px;
    width: 105px;
    height: 40px;
}
.btn:hover{    
    background-color: #2BD0D0;
    transition: 0.5s ease-in-out all;
}
.btn:active{
    background-color: white;
    border:1px solid #2BD0D0 ;
    color: #2BD0D0;
    transition: 1s ease-in-out all;
}
.hero{
    display: flex;
    margin: 139px 165px
}
.hero h1{
    color: rgb(52, 49, 61);
    font-size: 80px;
    font-weight: 700;
}
.hero p{
    color: rgb(158, 154, 168);
    font-size: 22px;
    font-weight: 500;
}
.hero button{
    border-radius: 28px;
    background-color: #76999984;    
    border: none;
    width: 197px;
    height: 56px;
    color: white;
    margin-top: 38px;
}
.hero button:hover{    
    background-color: #2BD0D0;
    transition: 0.5s ease-in-out all;
}
.hero button:active{
    background-color: white;
    border:1px solid #2BD0D0 ;
    color: #2BD0D0;
    transition: 1s ease-in-out all;
}
.inputbox{
    display: block;
    background-image: url(./backgroundimg.png);
    width: 1110px;
    height: 168px;
    position: relative;
    top: -84px;
    left: 165px;
}
.inputbox form input{
    width: 769px;
    height: 64px;
    border-radius: 10px;
    background: rgb(255, 255, 255);
    margin-right: 24px;
    margin-top: 52px;
    margin-left: 64px;
    font-size: 40px;
}
.inputbox form button{
    border-radius: 10px;
    background: rgb(43, 208, 208);
    width: 188px;
    height: 64px;
    border: none;
    color: white;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
.section2{
    background: #543030;
    color: white;
    width: 100%;
    height: 270px;
}
.section2 h3{
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin-top: -65px;
}
.btn2{
    border-radius: 28px;
    background: #2bd0d0;
    border: none;
    width: 197px;
    height: 60.48px;
    margin-left: 650px;
    margin-top: 30px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}
footer{
    background-color: #232127;
    display: flex;
    width: 100%;
    height: 150.2px;
    align-items: center;
    justify-content: space-between;
    padding: 55px 167px;;
}
.footer2 ,
.footer3{
    display: flex;
    gap: 50px;
}
.footer3 img{
    width: 24px;
    height: 20px;
}
.footer2 li a{
    color: #ffffff;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 700;
}