/* ===== Google Font Import - Poppins ===== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    transition: all 0.4s ease;
}



.header-area{
  padding:15px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  height: 100vh;
  width: 100%;
  overflow-y: auto;
}

.top-content{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-content .logo{
  cursor:pointer;
}
.top-content .logo img{
  width:100px;
}
.header-area h1{
  float:right;
  margin-left:15px;
  font-weight:400;
  color: #fff;
}
.top-content .top-menu ul{
  padding:0;
  list-style:none;
  display: flex;
  justify-content: end;
}
.top-content .top-menu ul li{
  margin-left:25px;
  cursor:pointer;
  color: #fff;
}
.cm-text{
  text-align:center;
}
.cm-text img{
  width:120px;
}
.cm-text p{
  letter-spacing:8px;
  font-weight:400;
  color: #fff;

}
.cm-text p:nth-of-type(1){
  font-size:70px;
  margin:0;
}
.cm-text p:nth-of-type(2){
}
.cm-text form{
  display:inline-block;
  margin:150px auto 84px;
}
.cm-text form input[type="submit"]{
  float:right;
  padding:10px;
  background:#678aca;
  color:#fff;
  border:1px solid #678aca;
  cursor:pointer;
}
.cm-text form input[type="email"]{
  padding:10px;
  border:1px solid #678aca;
  width:250px;
}

.cm-text img:nth-of-type(2){
  width: 160px;
  position: absolute;
  top: 60%;
  left: 10%;
}
.cm-text img:nth-of-type(3){
  width: 160px;
  position: absolute;
  top: 60%;
  right: 10%;
}