.recent_house_wrapper {
    margin: 100px 40px;
}

.recent_house_header {
    text-align: center;
    font-family: var(--font-header);
    margin-bottom: 30px;
}

.recent_houses {
    /* display: flex;
    flex-wrap: wrap; */
    /* background-color: #efefef; */
    border-radius: 10px;
    /* This is for the scrolling container */
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    /* end scrolling container */

    font-family: var(--font-body);
    font-size: 1rem;
}

.recent_houses_card_image_helper{
    height: 100px;
    width: 150px;
}

.recent_houses::-webkit-scrollbar {
    height: 2px;
    background: #efefef;
    color: white;
}

.recent_houses::-webkit-scrollbar-thumb {
    background: black;
}

.left_button {
    position: absolute;
    z-index: 100;
    left: 0;
    margin-left: 10px;
    transform: translateY(175px);
}

.right_button {
    position: absolute;
    z-index: 100;
    right: 0;
    margin-right: 10px;
    transform: translateY(175px);
}

.left_button, .right_button {
    border-radius: 10px;
    border-color: transparent;
    text-align: center;
    font-size: 20px;
    background-color: #efefef;
    color: black;
}

.card_link_wrapper {
    text-decoration: none;
    color: black;
}

.recent_house_card_header {
    font-family: var(--font-header);
    text-align: start;
    font-weight: bold;
}

.recent_houses_card {
    /* for scrolling container */
    flex: 0 0 auto;
    /* end scrolling container */

    margin: 20px 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}