.hero{
    background-image: url(../../resources/images/property3.jpg);
    background-color: var(--white);
    background-position: top;
    height: 400px;
    position: relative;
}

.hero .overlay{
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg,rgba(0, 195, 255, 0.6) 0%, rgba(183, 106, 255, 0.6) 100%);
    position: relative;
}

.hero .inner-container{
    text-align: center;
}

.hero .inner-container h1{
    font-size: 50px;
    font-weight: var(--fw-bold);
    color: var(--white);
    margin: 0px auto 20px auto;
}

.hero .inner-container p{
    font-size: var(--fs-semi-large);
    font-weight: var(--fw-medium);
    color: var(--white);
    max-width: 700px;
    line-height: 30px;
    margin: 0px auto;
}

.custom-shape-divider-bottom-1721559778 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1721559778 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 76px;
}

.custom-shape-divider-bottom-1721559778 .shape-fill {
    fill: #FFFFFF;
}