.xiancai-credentials { min-width: 0; overflow: hidden; background: #FFF9F7; }
.credentials-heading { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.credentials-heading .lead { margin-inline: auto; }
body.home .credentials-heading, .credentials-home-layout .credentials-heading { margin-inline: 0; text-align: left; }
body.home .credentials-heading .lead, .credentials-home-layout .credentials-heading .lead { margin-inline: 0; }
@media (min-width: 768px) {
    body.home .credentials-heading, .credentials-home-layout .credentials-heading { max-width: none; position: relative; padding-right: 260px; }
    body.home .credentials-heading > .text-link, .credentials-home-layout .credentials-heading > .text-link { position: absolute; right: 0; top: calc(50% + 20px); transform: translateY(-50%); }
}
.credentials-carousel { position: relative; --certificate-count: 5; --certificate-gap: 24px; }
.credentials-viewport { overflow: hidden; }
.credentials-gallery { display: flex; gap: var(--certificate-gap); }
.credential-card { flex: 0 0 calc((100% - (var(--certificate-count) - 1)*var(--certificate-gap))/var(--certificate-count)); min-width: 0; padding: 12px; overflow: hidden; border: 1px solid var(--blush); background: var(--ivory); }
.credential-card__content { transition: transform .3s ease; }
.credential-card:hover .credential-card__content, .credential-card:focus-within .credential-card__content { transform: scale(1.02); }
.credential-card__image { position: relative; display: block; aspect-ratio: 3 / 4; padding: 0; overflow: hidden; background: var(--paper); }
.credential-card__image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.credential-card__name { display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; background: rgba(241,213,224,.12); font: 400 24px/1 Arial, Helvetica, sans-serif; transition: background-color .3s ease; }
.credential-card:hover .credential-card__name, .credential-card:focus-within .credential-card__name { background: rgba(241,213,224,.22); }
@media (prefers-reduced-motion: reduce) { .credential-card__content, .credential-card__name { transition: none; } }
.credentials-arrow { position: absolute; top: calc((100% - 50px)/2); transform: translateY(-50%); width: 50px; height: 50px; padding: 12px; border: 0; border-radius: 50%; background: rgba(55,55,55,.6); color: #fff; display: grid; place-items: center; z-index: 2; }
.credentials-arrow:hover { background: rgba(55,55,55,.8); }
.credentials-arrow svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2; }
.credentials-prev { left: 0; }
.credentials-next { right: 0; }
@media (max-width: 1199px) { .credentials-carousel { --certificate-count: 3; } }
@media (max-width: 767px) { .credentials-heading { margin-bottom: 30px; text-align: left; } .credentials-carousel { --certificate-count: 1; --certificate-gap: 16px; } .credentials-arrow { width: 44px; height: 44px; } }