.hero {
    padding: 50px 0 100px;
    background: #263E47;
    position: relative;
}
.hero h1 {
    color: #FFF;
    text-align: center;
    font-family: "Playfair Display";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
}
.hero .location,
.hero .type {
    color: #FEA500;
    text-align: center;
    font-family: Inter;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 30.4px;
}

.hero .wave {
    height: 56px;
    width: 100%;
    object-fit: cover;
    bottom: 0;
    left: 0;
    position: absolute;
}

.hero .click {
    margin-top: 50px;
}
.hero .click .btn {
    margin: 0 auto;
    display: block;
    width: fit-content;
}