section {
    margin-bottom: 8em;
    color: #3e5463;
}

section#finder-block .finder {
    background-color: white;
}

section#finder-block h5 {
    color: darkgrey;
}

section#finder-block .banner {
    width: 50%;
}

section#finder-block .tab-content {
    width: 100%;
    padding: 15px;
    background-color: #d5f8e5;
}

section#finder-block .nav-link{
    color: #3e5463;
}

section#finder-block .nav-item .active{
    background-color: #3e5463;
    color: white;
}

section#finder-block .search-box .input-group-text {
    color: #3e5463;
}

section#finder-block .selector-property-label i {
    padding: 5px;
}

@media (max-width: 500px) {
    section#finder-block .banner {
        width: 90%;
    }
}

section#what-need h2 {
    text-align: center;
}

section#what-need .looking-for-box {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background-color: #F9FAFE;
    background-repeat: no-repeat;
    background-position: top left;
    border: 1px solid #E5F1FB;
    border-radius: 8px;
    transition: all 0.5s;
}

section#what-need .looking-for-box:hover {
    background-color: #3E5463;
    border: 1px solid #E5F1FB;
    transform: translateY(-70px);
    z-index: 9999;
    position: relative;
}

section#what-need .looking-for-box a{
    text-decoration: none;
}
section#what-need .looking-for-box:hover a{
    color:white;
}
section#what-need .looking-for-box i {
    padding: 5px;
}
section#what-need .looking-for-box p {
    padding: 1em 0;
}
section#what-need .looking-box-count {
    position: absolute;
    top: 20px;
    left: 30px;
    transition: all 0.5s;
}
section#what-need .looking-box-count h2 {
    font-size: 64px;
    font-weight: 700;
    color: #fff;
    transition: all 0.5s;
    text-shadow: 1px 0 #3e5463, -1px 0 #3e5463, 0 1px #3e5463, 0 -1px #3e5463,1px 1px #3e5463, -1px -1px #3e5463, 1px -1px #3e5463, -1px 1px #3e5463;
}
section#what-need .looking-for-box:hover .looking-box-count h2 {
    color: #3e5463;
    text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
section#what-need .btn-primary-outline i {
    color: #02b1f1;
}

/* header mobile */
header#mobileHeader {
    border-top: 5px solid #00d0b6;
    padding-top: 5px;
}

/* section onboard */
section#onboard .onboard-owner,
section#onboard .onboard-manager {
    color: whitesmoke;
    background-color: #3e5463;
    border: 1px solid #3e5463;
    border-radius: 15px;
    text-align: center;
    padding: 3em;
}

section#onboard .separator-onboard {
    background-image: url('../img/home/onboard.png') ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}