@font-face {
    font-family: 'Palmer';
    src: url('fonts/palmerlake/PalmerLakePrint-Regular.woff') format('woff'),
        url('fonts/palmerlake/PalmerLakePrint-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Praline';
    src: url('fonts/praline/praline-regular-webfont.woff2') format('woff2'),
        url('fonts/praline/praline-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('fonts/ttnorms/TTNormsProRegular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.font-palmer {
    font-family: 'Palmer', sans-serif;
}

.font-praline {
    font-family: 'Praline', sans-serif;
}

.font-ttnorms {
    font-family: 'TT Norms', sans-serif;
}

.partner-card {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(117, 85, 46, 0.08);
}

.partner-card__media {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    background: #fbfaf8;
    height: 246px;
    padding: 0 12px 0;
    border-radius: 26px 26px 0 0;
    z-index: 1;
}

.partner-card__body {
    position: relative;
    margin-top: -14px;
    min-height: 270px;
    height: 100%;
    border-radius: 22px 22px 0 0;
    background: #e8d8bc;
    padding: 22px 20px 26px;
    text-align: center;
}

.partner-card__image {
    position: absolute;
    bottom: -6px;
    max-width: none;
    height: auto;
}

.partner-card__image--icons {
    width: 83%;
    left: 48%;
    transform: translate(-50%, -4px);
}

.partner-card__image--experts {
    width: 86%;
    left: 52%;
    transform: translate(-50%, -8px);
}

.partner-card__image--advocates {
    width: 89%;
    left: 54%;
    transform: translate(-50%, -4px);
}

.partner-card__image--partner,
.partner-card__image--retailer {
    width: 78%;
    left: 50%;
    transform: translate(-50%, -4px);
}

@media (min-width: 768px) {
    .partner-card {
        max-width: none;
    }

    .partner-card__media {
        height: 260px;
    }

    .partner-card__image--icons {
        width: 84%;
        left: 47%;
        transform: translate(-50%, -8px);
    }

    .partner-card__image--experts {
        width: 87%;
        left: 52%;
        transform: translate(-50%, -14px);
    }

    .partner-card__image--advocates {
        width: 91%;
        left: 54%;
        transform: translate(-50%, -8px);
    }

    .partner-card__image--partner,
    .partner-card__image--retailer {
        transform: translate(-50%, -6px);
    }
}