.offer-wrapper {
    display: grid;
    grid-template-columns: auto auto auto;
    row-gap: 20px;
}
.single-offer {
    border: var(--beon-unit-offer-border);
    border-radius: var(--beon-unit-offer-border-radius);
    background-color: var(--beon-unit-offer-bg-color);
    width: 240px;
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.single-offer img {
    border-radius: 10px 10px 0px 0px;
    max-height: 130px;
    object-fit: cover;
}
.offer-details {
    display: flex;
    flex-direction: column;
    padding: 15px;
    gap: 15px;
}
h3.offer-title {
    font: var(--beon-unit-offer-title-font);
    color: var(--beon-unit-offer-title-text-color);
    margin: 0px;
}
.offer-facts {
    border: var(--beon-unit-offer-facts-border);
    border-radius: var(--beon-unit-offer-facts-border-radius);
    background-color: var(--beon-unit-offer-facts-bg-color);
    display: flex;
    flex-direction: row;
    gap: 5px;
    min-height: 32px;
    align-items: center;
    width: fit-content;
    padding: 0px 10px;
}
.offer-facts img {
    filter: var(--beon-unit-offer-facts-icon-filter);
    height: 20px;
    width: 20px;
}
.offer-facts p {
    font: var(--beon-unit-offer-facts-font);
    color: var(--beon-unit-offer-facts-text-color);
    margin-bottom: 0px;
    line-height: 1.15;
    padding: 7px 0px 5px;
}
#show_moreoffers p {
    margin-bottom: 0;
}

.offer-wrapper>div:nth-of-type(1n+4) {
    /* display: flex; */
    display: none;
}
.beon-unit-popup-content.beon-unit-popup-offer-wrapper {
    display: grid;
    grid-template-columns: auto auto auto;
    /* row-gap: 20px; */
    gap: 20px;
}
.wrap-offers-content p {
    font-size: 16px;
}
@media only screen and (max-width: 1300px) {
    .beon-unit-popup-content.beon-unit-popup-offer-wrapper {
        display: grid;
        grid-template-columns: auto auto;
        /* row-gap: 20px; */
        gap: 20px;
    }
}
@media only screen and (max-width: 1200px) {

	.wrap-offers-content {
		display: none;
        margin-bottom: 10px;
	}
}
@media only screen and (max-width: 767px) {
    .offer-wrapper {
        grid-template-columns: auto;
    }
    .beon-unit-popup-content.beon-unit-popup-offer-wrapper {
        display: grid;
        grid-template-columns: auto;
        /* row-gap: 20px; */
        gap: 20px;
    }
}