.ndcard {
    --color-sir-blue: #3E3634;
    --color-sir-dark-blue: #3E3634;
    --color-sir-white: #fff;
    --color-sir-gray: #666;
    --color-sri-secondary-gray: #d6d6d6;
    --color-sir-black: #000;
    --color-sir-gold: #b28e3b
}

.ndcard__content {
    background-color: var(--color-sir-white);
    border: 1px solid var(--color-sri-secondary-gray);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    padding: 20px;
    position: relative
}

.ndcard__content-info {
    margin-bottom: 10px
}

.ndcard__image {
    flex-shrink: 0;
    height: 0;
    padding-bottom: 66.66%;
    position: relative;
    width: 100%;
    background-color: var(--color-sir-blue);
    display: block
}

.ndcard__image .no-image {
    object-fit: contain !important;
    width: 50% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important
}

.ndcard__eyebrow {
    color: var(--color-sir-gray);
    display: inline-block;
    font-family: BentonSans-Medium, Arial, sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1.2px;
    line-height: 12px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.ndcard__title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
     font-family: 'LibreBaskerville';

}

.ndcard__title,
.ndcard__title-residences {
    color: var(--color-sir-blue);
    font-family: MercuryDisplay-Roman, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    display: flex;
    flex-direction: column
}

.ndcard__title-residences {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px
}

.ndcard__price {
    color: var(--color-sir-black);
    display: inline-block;
    font-family: BentonSans-Medium, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    width: 100%;
    text-transform: capitalize
}

.ndcard__availability {
    font-family: BentonSans-Book, Arial, Sans-Serif;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px
}

.ndcard__availability,
.ndcard__marketing {
    color: var(--color-sir-gray);
    font-size: 14px
}

.ndcard__marketing {
    font-family: MercuryDisplay-Roman, Arial, sans-serif;
    font-style: italic;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px
}

.ndcard__bookmark {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 14px;
    font-size: 15px;
    cursor: pointer;
    color: var(--color-sri-secondary-gray)
}

.ndcard__list-item-info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    color: var(--color-sir-gray);
    font-family: Benton-Medium, Arial, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.ndcard__list-item-circle {
    background-color: var(--color-sir-gold);
    border-radius: 50%;
    height: 4px;
    width: 4px
}

.ndcard .results-card__tags {
    position: absolute;
    top: 20px;
    left: 10px;
    right: 20px
}

.ndcard .results-card__tags-item {
    display: inline-block;
    font-size: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 8px;
    cursor: pointer;
    text-transform: uppercase;
    color: var(--color-sir-white);
    background-color: var(--color-sir-dark-blue)
}

.ndcard:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--color-sir-gold)
}

.ndcard__content a .ndcard__eyebrow {
    color: var(--color-sir-gray);
    transition: color .3s ease, transform .2s ease
}

.ndcard__content a:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--color-sir-gold);
    border-radius: 2px
}