.hero {
    min-height:80vh;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
	z-index:1;
}
.hero__content {
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    text-align:center;
    max-width:800px;
    position: relative;
    z-index:10;
    padding: 120px 20px;
}
.hero__overlay {
    position:absolute;
	inset:0;
    background:rgba(0,0,0,0.5);
    z-index:1;
}
.hero__buttons {
    margin-top: 20px;
    display:flex;
    justify-content:center;
    gap:2rem;
}

.area-container {
    max-width:80%;
    margin-left:auto;
    margin-right:auto;
}
.area-about {
    padding:80px 30px 120px;
}
.area-about__top {
    border-top:1px solid var(--black);
    border-bottom:1px solid var(--black);
    padding:1rem 0;
    margin:0 0 4rem;
}
.area-about__middle {
    display:flex;
    align-items:stretch;
    gap:3rem;
    margin-bottom:60px;
}
.area-about__image {
    flex:1.1;
}
.area-about__image img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.area-about__content {
    flex:1;
    padding:20px 0;
}
p.area-about__text {margin-bottom:0}
.area-about__bottom {
    display:flex;
    align-items:center;
    gap:4rem;

    justify-content:center;
}
.area-about__highlights {
    flex:1.3;
    
    max-width:900px;
}
.area-about__highlights-title {margin-bottom:40px;}
.area-about__highlights-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}
.area-about__highlights-item {
    flex:30%;
}
.area-about__highlights-item-title {
    font-family:'DM Sans', sans-serif;
    font-weight:700;
    font-size:1.2rem;
    line-height:1.3;
    margin-bottom:10px;
}
.area-about__highlights-item-text {
    font-size:14px;
    line-height:1.6;
}
.area-about__blocks {
    flex:1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display:none !important;
    visibility:hidden !important;
}
.area-about__block {
    background:#E4E2E3;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    padding:60px 20px;
    text-align:center;
    min-height:12rem;
}
.area-about__block-title {
    font-size:2.5rem;
    font-weight:400;
    line-height:1;
    margin-bottom:10px;
}
.area-about__block-text {
    font-size:14px;
    line-height:1.4;
}
.area-listings__button {
    text-align:center;
    margin-top:30px;
}

.area-listings {
    padding:40px 0 120px;
}

.area-map {
    padding:40px 0 120px;
    position: relative;
    z-index: 1;
}
.area-map #search-filters {
    display: none !important;
}

.area-similar {
    padding:80px 0;
}
.area-similar__wrapper {
    align-items:stretch;
    align-content: center;
}
.area-similar__slide {
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    height: auto;
    overflow: hidden;
    position: relative;
    height:300px;
}
.area-similar__link {
    display:block;
    position: absolute;
    inset: 0;
    z-index:10;
}
.area-similar__card {
    display:block;
    text-align:center;
    height: 100%;
    position: relative;
}
.area-similar__card-overlay {
    display:block;
    position:absolute;
    inset: 0;
    background:rgba(0,0,0,0.5);
    z-index:1;
}
.area-similar__card-content {
    position:relative;
    z-index:5;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.area-similar__card-title {
    padding:30px;
    text-align:center;
}
.area-similar__slider .area-similar__wrapper {
    margin-bottom:30px;
}
.area-similar__pagination.swiper-pagination {
    bottom:0px;
}
.area-similar__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background:#000;
}

.acf-map {
    width: 100%;
    height: 600px;
    margin: 20px 0;
}
.acf-map img {max-width: inherit !important;}

@media (max-width:1280px) {
    .area-container {max-width:100%;}
    .area-about {padding-left:0;padding-right:0;}
}
@media (max-width:900px) {
    .area-about__bottom {flex-direction:column;align-items:flex-start;}
    .area-about__blocks {width:100%;}
}
@media (max-width:767px) {
    .area-about__middle {flex-direction:column;gap:2rem;}
}
@media (max-width:500px) {
    .area-about__highlights-items {
        grid-template-rows: repeat(3, 1fr);
        grid-template-columns: repeat(2, 1fr);    
    }
    .area-about__block {padding:40px 20px;}
    .hero__buttons {flex-wrap:wrap;}
}
@media (max-width:375px) {
    .area-about__highlights-items {
        display:flex;
        flex-direction:column;
    }
    .area-about__blocks {
        display:flex;
        flex-direction:column;
    }
}