.offersCards-card {
    width: 300px !important;          
    flex: 0 0 300px !important;  
    max-width: 300px;
    text-align: left;
    appearance: none;

    box-sizing: border-box;

    @media (min-width: 1024px) {
            width: 420px !important;
            flex: 0 0 420px !important;
            max-width: 420px;
    }

    @media (min-width: 640px) and (max-width: 1023px) {
            width: 360px !important;  
            flex: 0 0 360px !important;
            max-width: 360px;
    }
}

.offersListing-priceDetails {
    display: flex;
    max-width: 280px;
    flex-direction: column;
    align-items: flex-start;

    @media (min-width: 960px) {
        max-width: 400px;
    }
}

.offersListing-priceDetails h3, .offersListing-priceDetails  p {
    margin-bottom: 0;
}

.tcOffersListing-cardHeader {
    display: flex;
    width: 100%;
    padding-top: 16px;

    @media (min-width: 960px) {         
        padding-top: 20px;
    }
}

.tcOffersListing-cardHeading {
    font: var(--font-display-md);
    color: var( --color-iceland-1200, #030303);
    width: 100%;
    font-weight: 500;

    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    @media (max-width: 520px) {
        height: auto; 
        min-height: 28px;   
    }
}

.offersListing-cardFrom {
    padding-top: 12px;
    font: var(--font-display-sm);
    color: var( --color-iceland-800, #524F48)
}

.offersListing-cardPrice {
    padding-top: 8px;
    font: var(--font-display-lg);
    color: var( --color-iceland-1200, #030303)
}

.offersListing-cardPriceContainer {
    display: flex;
    gap: 8px;
}

.offersListing-cardPriceText {
    display: flex;
    align-self: flex-end;
}

.offersListing-cardImage {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
}

.offersListing-imageContainer {
    width: 100%;
    overflow: hidden;
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.offersListing-imageContainer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        33deg,
        rgba(0, 0, 0, 0) 75.15%,
        rgba(0, 0, 0, 0.30) 94.37%
    );
    pointer-events: none;
}

.offersCards-card:nth-of-type(3n + 2) .offersListing-imageContainer {
    border-radius: 0 0 120px 0;
}

.offersListing-whiteArrowContainer {
    display: flex;
    width: 56px;
    height: 56px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    z-index: 2;
}