*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.contact{
    height: auto;
    /* border: 2px solid red; */
    padding: 50px 240px;
}
.contact .contect-first{
    height: 35vh;
    /* border: 2px solid yellow; */
}
.contact .contect-first h1{
    text-align: center;
    font-size: 4vmax;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.contact .contect-first h2{
    text-align: center;
    font-size: 1.5vmax;
    /* padding: 2px 2px; */
}

.contact .contect-first .form{
    width: 45vw;
    /* border: 2px solid blue; */
    height: 10vh;
    margin: 15px 160px;
    display: flex;
}
.contact .contect-first .form .email{
    width: 50%;
    height: 100%;
    /* border: 2px solid yellow; */
    font-weight: bold;
}
.contact .contect-first .form .email input{
    width: 85%;
    height: 60%;
    border-radius: 20px;
    border: none;
    background-color: rgb(230, 224, 224);
    margin: 5px 0px;
}
.contact .contect-first .form .email input::placeholder{
    padding: 0px 10px;
    font-size: 1vmax;
}
.contact .contect-first .form .name{
    width: 50%;
    height: 100%;
    /* border: 2px solid yellow; */
    font-weight: bold;
}
.contact .contect-first .form .name input{
    width: 85%;
    height: 60%;
    border-radius: 20px;
    border: none;
    background-color: rgb(230, 224, 224);
    margin: 5px 0px;
}
.contact .contect-first .form .name input::placeholder{
    padding: 0px 10px;
    font-size: 1vmax;
}
.contact .contect-first .submit{
    width: 41vw;
    height: 6vh;
    margin: 10px 160px;
    background-color: rgb(8, 206, 206);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.contact .contect-first .submit h1{
    /* text-align: center; */
    color: #f3efef;
    font-size: 1.2vmax;
}
.contact .contect-second{
    height: 50vh;
    /* border: 2px solid rgb(20, 207, 98); */
}
.contact .contect-second .location{
    width: 100%;
    height: 25vh;
    background-color: rgb(8, 206, 206);
    position: relative;
    top: 170px;
    left: 0;
}

.contact .contect-second .first{
    width: 56%;
    height: 25vh;
    /* border: 2px solid red; */
    margin: 130px 60px;
    position: absolute;
    z-index: 9;
    background-color: rgb(245, 240, 240);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.contact .contect-second .first .first-one{
     width: 25%;
     height: 100%;
     /* border: 2px solid green; */
     margin: 0px 0px 100px 0px;
    
}
.contact .contect-second .first .first-one .img{
    width: 50%;
    height: 10vh;
    /* border: 2px solid red; */
    background-color: rgb(8, 206, 206);
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    margin: 0px 50px;
}
.contact .contect-second .first .first-one .img i{
   font-size: 4vmax;
   color: #ffff;
}
.contact .contect-second .first .first-one .text{
    width: 100%;
    height: 10vh;
    /* border: 2px solid yellow; */
    margin: 20px 0px;
}
.contact .contect-second .first .first-one .text h1{
    font-size: 1.5vmax;
    font-weight: bold;
    text-align: center;
}
.contact .contect-second .first .first-one .text h2{
    font-size: 1vmax;
    text-align: center;
}