/* Round12 — Recruit — section-testimonials
   Figma: 4006:3224 (desktop) | 4006:3311 (tablet) | 4006:3376 (mobile)

   Carousel do component dùng chung [sc_cinematic_slider] render (giống
   homepage/section-switch); style của nó ở
   template-parts/compound/cinematic-slider/assets/styles.css. Ở đây chỉ là wrapper.

   Geometry copy từ .switch-inner của home: variant-switch đặt
   --cs-card-width: min(1300px, 80vw) nên card luôn 1300, phần "peek" hai bên chính là
   (bề rộng wrapper - 1300)/2. Home để 1560 và padding-inline 0 -> peek 130px.
   Heading vẫn nằm trong --container-max, chỉ riêng slider được rộng tới 1560. */

.r12-testimonials {
    /* Figma (4006:3224) section-wrapper chỉ khai báo pt-140 — không có padding-bottom
       (đây là section cuối trước footer). */
    padding: var(--var-140) 0 0;
    display: flex;
    justify-content: center;
    background: var(--color-1st-bg);
    overflow-x: clip;
    font-family: var(--font-body);
}

.r12-testimonials__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--var-40);
    width: 100%;
    max-width: 1560px; /* hard_code: 1560px — bằng .switch-inner của home */
}

/* Figma section này dùng padding ngang 20px, không phải 32px của
   --section-horizontal-padding site-wide. */
.r12-testimonials__headings {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--var-12);
    width: 100%;
    max-width: var(--container-max);
    padding-inline: var(--var-20);
    text-align: center;
}

.r12-testimonials__title {
    margin: 0;
    font-size: var(--fs-h2);
    line-height: 1.15;
    font-weight: 600;
    color: var(--color-1st-fg);
}

.r12-testimonials__desc {
    margin: 0;
    font-size: var(--fs-label-lg);
    line-height: 1.4;
    color: var(--color-1st-fg);
}

.r12-testimonials__carousel {
    width: 100%;
}