.nova-properties {
    padding: 150px 0 233px;
    background: url("https://cdn.hwnova.site/wp-content/uploads/2025/11/27125654/nova-properties_bg.webp") no-repeat #36404A bottom;
    color: #fff;
    border-radius: 32px
}

@media only screen and (max-width: 1000px) {
    .nova-properties {
        overflow:hidden
    }
}

@media only screen and (max-width: 836px) {
    .nova-properties {
        padding:80px 0;
        margin-top: 40px;
    }
}

.nova-properties h2 {
    margin-bottom: 40px;
    text-align: center
}

.nova-properties p {
    margin-bottom: 56px;
    text-align: center
}

.nova-properties-list {
    width: auto;
    margin: 0 auto 120px
}

@media only screen and (max-width: 451px) {
    .nova-properties-list {
        margin-bottom:150px
    }
}

.nova-properties-list>.swiper-wrapper {
    display: flex;
    gap: 36px;
    justify-content: center
}

@media only screen and (max-width: 1000px) {
    .nova-properties-list>.swiper-wrapper {
        gap:0;
        justify-content: unset
    }
}

.nova-properties-item {
    border-radius: 16px;
    width: 343px;
    position: relative
}

@media only screen and (max-width: 451px) {
    .nova-properties-item {
        width:293px
    }
}

.nova-properties-item__label {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -5px;
    right: -5px;
    backdrop-filter: blur(5px);
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    transform: rotate(15deg);
    z-index: 8
}

.th .nova-properties-item__label {
    padding: 0 10px;
}

.ms .nova-properties-item__label {
    padding: 0 5px;
}

.nova-properties-item__label:after {
    content: '';
    width: 90px;
    height: 90px;
    background-color: #22BC72;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 100%;
    z-index: -1
}

.nova-properties-item__label_resale:after {
    background-color: #EDAB00
}

.nova-properties-item__images {
    overflow: hidden;
    border-radius: 16px 16px 0 0;
    background: #fff;
    position: relative;
    height: 184px
}

@media only screen and (max-width: 451px) {
    .nova-properties-item__images {
        height:157px
    }
}

.nova-properties-item__images .swiper-wrapper {
    display: flex
}

.nova-properties-item__images .swiper-wrapper .swiper-slide {
    flex-shrink: 0;
    border-radius: 16px 16px 0 0
}

.nova-properties-item__images .swiper-wrapper .swiper-slide img {
    display: flex
}

.nova-properties-item .swiper-pagination {
    position: absolute;
    bottom: 10px;
    left: 16px;
    display: flex;
    gap: 8px
}

@media only screen and (max-width: 451px) {
    .nova-properties-item .swiper-pagination {
        bottom:8px;
        left: 8px
    }
}

.nova-properties-item .swiper-pagination .swiper-pagination-bullet {
    background: #EDEDF5;
    opacity: 0.5;
    width: 8px;
    height: 8px;
    display: flex;
    border-radius: 100%;
    cursor: pointer
}

.nova-properties-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    background: #01E58F;
    border-radius: 4px;
    opacity: 1
}

.nova-properties-item__content {
    padding: 24px 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 1px solid #DEDEE8;
    border-width: 0 1px 1px 1px;
    background-color: #fff;
    border-radius: 0 0 16px 16px
}

@media only screen and (max-width: 451px) {
    .nova-properties-item__content {
        padding:20px 12px
    }
}

.nova-properties-item__title {
    color: #212035;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px
}

.nova-properties-item__info {
    border-radius: 8px;
    border: 1px solid #DEDEE8;
    background-color: #F6F6FC;
    padding: 11px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.nova-properties-item__info-roi {
    color: #212035;
    font-size: 27px;
    font-weight: 700;
    line-height: 26px;
    padding-left: 26px;
    display: flex;
    background: url("https://cdn.hwnova.site/wp-content/uploads/2025/11/28132557/arrow-chart.svg") no-repeat transparent left center
}

.nova-properties-item__info-roi small {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    display: flex;
    line-height: 16px;
    align-self: flex-end;
    margin-left: 4px
}

.nova-properties-item__info-list {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.nova-properties-item__info-item {
    display: flex;
    justify-content: flex-end;
    color: #212035;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    gap: 4px
}

.nova-properties-item__button {
    border-radius: 12px;
    background-color: #50F9AC;
    display: flex;
    justify-content: space-between;
    padding: 17px 24px 17px 16px;
    width: 100%;
    cursor: pointer
}

.nova-properties-item__button span {
    color: #212035;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.nova-properties-item__button span small {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-left: 4px
}

.nova-properties__featured {
    position: relative
}

.nova-properties__featured h5 {
    margin-bottom: 32px;
    text-align: center
}

.nova-properties__featured .featured-slider .swiper-wrapper {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: center
}

@media only screen and (max-width: 836px) {
    .nova-properties__featured .featured-slider .swiper-wrapper {
        flex-wrap:nowrap;
        justify-content: unset;
        gap: 0
    }
}

.nova-properties__featured .featured-slider .swiper-wrapper .swiper-slide {
    flex-shrink: 0
}

.nova-properties__featured .featured__one-img {
    height: 64px;
    width: auto;
    filter: url(#white-out);
    transition: filter 0.3s ease
}

.nova-properties__featured .featured__one-img:hover {
    filter: none
}