@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

.jakad-dynamic-section,
.jakad-dynamic-section *,
.jakad-dynamic-section *::before,
.jakad-dynamic-section *::after {
    box-sizing: border-box;
}

.jakad-dynamic-section {
    --jakad-primary: #302D78;
    --jakad-primary-dark: #25235F;
    --jakad-accent: #665BD4;
    --jakad-accent-light: #DCD8FF;
    --jakad-soft: #F0EEFF;
    --jakad-soft-two: #F8F7FC;
    --jakad-text: #19192B;
    --jakad-muted: #70717F;
    --jakad-border: #E6E4EE;
    --jakad-white: #FFFFFF;

    width: 100%;
    padding: 100px 0;
    font-family: "Poppins", Arial, sans-serif;
}

.jakad-dynamic-container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.jakad-dynamic-heading {
    max-width: 960px;
    margin: 0 auto 50px;
    text-align: center;
}

.jakad-dynamic-heading-compact {
    margin-bottom: 40px;
}

.jakad-dynamic-breadcrumb {
    min-height: 39px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 23px;
    padding: 0 16px;
    border-radius: 10px;
    color: var(--jakad-primary);
    background: #F0EEFF;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}

.jakad-dynamic-breadcrumb > span {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: var(--jakad-accent);
}

.jakad-dynamic-heading h2 {
    max-width: 980px;
    margin: 0 auto;
    color: var(--jakad-text);
    font-size: clamp(38px, 4.8vw, 58px);
    line-height: 1.13;
    font-weight: 700;
    letter-spacing: -1.8px;
    font-style: normal;
}

.jakad-dynamic-heading h2 em {
    color: var(--jakad-accent);
    font-style: normal;
}

.jakad-dynamic-heading p {
    max-width: 860px;
    margin: 22px auto 0;
    color: var(--jakad-muted);
    font-size: 14px;
    line-height: 1.85;
    font-weight: 400;
}

.jakad-dynamic-heading p strong {
    color: var(--jakad-text);
    font-weight: 600;
}

.jakad-testimonials {
    background: linear-gradient(180deg, #FFFFFF 0%, #FAF9FE 100%);
}

.jakad-testimonial-composition {
    display: grid;
    grid-template-columns: minmax(350px, .88fr) minmax(0, 1.55fr);
    gap: 18px;
    align-items: stretch;
}

.jakad-testimonial-featured-card {
    position: relative;
    min-height: 620px;
    display: flex;
    flex-direction: column;
    padding: 34px;
    border-radius: 22px;
    color: #FFFFFF;
    background: linear-gradient(145deg, #25235F, #302D78 55%, #4A43A4);
    box-shadow: 0 18px 45px rgba(48,45,120,.16);
    overflow: hidden;
}

.jakad-testimonial-featured-card::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    right: -180px;
    bottom: -185px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow:
        0 0 0 50px rgba(255,255,255,.03),
        0 0 0 100px rgba(255,255,255,.02);
}

.jakad-testimonial-featured-person {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 14px;
}

.jakad-testimonial-photo-wrap {
    width: 76px;
    height: 76px;
    flex: 0 0 76px;
    border-radius: 18px;
    overflow: hidden;
    border: 3px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.08);
}

.jakad-testimonial-photo {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.jakad-image-placeholder {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: var(--jakad-soft);
    color: var(--jakad-primary);
    font-weight: 700;
}

.jakad-testimonial-person-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jakad-testimonial-stars {
    color: #FFD46B;
    font-size: 12px;
    letter-spacing: 1.5px;
}

.jakad-testimonial-person-copy > strong {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
}

.jakad-testimonial-person-copy > span {
    color: rgba(255,255,255,.63);
    font-size: 9px;
    line-height: 1.5;
}

.jakad-testimonial-featured-quote {
    position: relative;
    z-index: 2;
    height: 46px;
    margin-top: 32px;
    color: #BFB9FF;
    font-family: Georgia, serif;
    font-size: 72px;
    line-height: .8;
}

.jakad-testimonial-featured-card blockquote {
    position: relative;
    z-index: 2;
    margin: 12px 0 35px;
    color: #FFFFFF;
    font-size: 22px;
    line-height: 1.65;
    font-weight: 500;
    letter-spacing: -.3px;
}

.jakad-testimonial-book {
    position: relative;
    z-index: 3;
    margin-top: auto;
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    color: #FFFFFF !important;
    background: rgba(255,255,255,.08);
    text-decoration: none !important;
}

.jakad-testimonial-book-cover {
    width: 92px;
    height: 126px;
    border-radius: 8px;
    overflow: hidden;
    background: rgba(255,255,255,.08);
}

.jakad-testimonial-book-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.jakad-testimonial-book > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.jakad-testimonial-book small {
    color: #C8C3FF;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .9px;
}

.jakad-testimonial-book strong {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
}

.jakad-testimonial-book span {
    margin-top: 3px;
    color: rgba(255,255,255,.66);
    font-size: 8px;
}

.jakad-testimonial-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.jakad-testimonial-mini-card {
    min-width: 0;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    padding: 22px;
    border: 1px solid var(--jakad-border);
    border-radius: 18px;
    background: #FFFFFF;
}

.jakad-testimonial-mini-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.jakad-testimonial-mini-person {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.jakad-testimonial-mini-photo {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: block;
    object-fit: cover;
    border-radius: 12px;
}

.jakad-testimonial-mini-person > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.jakad-testimonial-mini-person strong {
    color: var(--jakad-text);
    font-size: 10.5px;
    line-height: 1.4;
    font-weight: 600;
}

.jakad-testimonial-mini-person span {
    color: #8A8B98;
    font-size: 7.5px;
    line-height: 1.45;
}

.jakad-testimonial-mini-rating {
    flex: 0 0 auto;
    color: #E3A532;
    font-size: 8px;
    letter-spacing: .6px;
}

.jakad-testimonial-mini-card > p {
    margin: 20px 0;
    color: #555664;
    font-size: 10.5px;
    line-height: 1.75;
}

.jakad-testimonial-mini-book {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #ECEAF1;
    color: inherit !important;
    text-decoration: none !important;
}

.jakad-testimonial-mini-book-image {
    width: 48px;
    height: 64px;
    display: block;
    object-fit: cover;
    border-radius: 5px;
}

.jakad-testimonial-mini-book > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.jakad-testimonial-mini-book small {
    color: var(--jakad-accent);
    font-size: 6.5px;
    font-weight: 700;
    letter-spacing: .7px;
}

.jakad-testimonial-mini-book strong {
    display: -webkit-box;
    overflow: hidden;
    color: var(--jakad-text);
    font-size: 9px;
    line-height: 1.45;
    font-weight: 600;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.jakad-section-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 30px;
    margin-top: 20px;
    padding: 25px 28px;
    border-radius: 18px;
    color: #FFFFFF;
    background: linear-gradient(120deg, #25235F, #302D78);
}

.jakad-section-cta > div > small {
    display: block;
    margin-bottom: 5px;
    color: #BDB6FF;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 1px;
}

.jakad-section-cta h3 {
    margin: 0 0 5px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
}

.jakad-section-cta p {
    margin: 0;
    color: rgba(255,255,255,.63);
    font-size: 9.5px;
    line-height: 1.65;
}

.jakad-section-cta > a {
    min-width: 245px;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 9px 15px;
    border-radius: 11px;
    color: var(--jakad-primary) !important;
    background: #FFFFFF;
    text-decoration: none !important;
}

.jakad-section-cta > a > span {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.jakad-section-cta > a small {
    color: #9A99A5;
    font-size: 6.5px;
    font-weight: 600;
    letter-spacing: .7px;
}

.jakad-section-cta > a strong {
    color: var(--jakad-primary);
    font-size: 10.5px;
    font-weight: 600;
}

.jakad-section-cta > a b {
    font-size: 18px;
    font-weight: 500;
}

.jakad-collaborations {
    background: linear-gradient(145deg, #292665 0%, #302D78 45%, #3E378C 100%);
}

.jakad-collaborations .jakad-dynamic-breadcrumb {
    color: #FFFFFF;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.12);
}

.jakad-collaborations .jakad-dynamic-breadcrumb > span {
    background: #AFA7FF;
}

.jakad-collaborations .jakad-dynamic-heading h2 {
    color: #FFFFFF;
}

.jakad-collaborations .jakad-dynamic-heading h2 em {
    color: #BDB6FF;
}

.jakad-collaborations .jakad-dynamic-heading p {
    color: rgba(255,255,255,.74);
}

.jakad-collab-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.jakad-collab-card {
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0 18px 40px rgba(13,12,45,.13);
}

.jakad-collab-card.is-featured {
    border: 3px solid #BDB6FF;
}

.jakad-collab-top {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
}

.jakad-collab-logo {
    width: 86px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid var(--jakad-border);
    border-radius: 14px;
    background: #FFFFFF;
}

.jakad-collab-logo-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.jakad-collab-meta {
    min-width: 0;
}

.jakad-collab-featured-badge {
    display: inline-flex;
    margin-bottom: 7px;
    padding: 6px 8px;
    border-radius: 7px;
    color: var(--jakad-primary);
    background: var(--jakad-soft);
    font-size: 6.5px;
    font-weight: 700;
    letter-spacing: .8px;
}

.jakad-collab-meta h3 {
    margin: 0 0 4px;
    color: var(--jakad-text);
    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
}

.jakad-collab-meta p {
    margin: 0;
    color: #8B8C98;
    font-size: 8.5px;
    line-height: 1.5;
}

.jakad-collab-description {
    margin: 22px 0 0;
    color: #60616E;
    font-size: 10.5px;
    line-height: 1.75;
}

.jakad-collab-services {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 18px;
}

.jakad-collab-services span {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 9px;
    border-radius: 7px;
    color: var(--jakad-primary);
    background: var(--jakad-soft);
    font-size: 7px;
    line-height: 1;
    font-weight: 600;
}

.jakad-collab-output-heading {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #ECEAF1;
}

.jakad-collab-output-heading small {
    display: block;
    margin-bottom: 3px;
    color: var(--jakad-accent);
    font-size: 6.5px;
    font-weight: 700;
    letter-spacing: .8px;
}

.jakad-collab-output-heading strong {
    color: var(--jakad-text);
    font-size: 11px;
    font-weight: 600;
}

.jakad-collab-outputs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.jakad-collab-output {
    min-width: 0;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 9px;
    border: 1px solid #ECEAF1;
    border-radius: 10px;
    background: #FAF9FE;
}

.jakad-collab-output-image {
    width: 52px;
    height: 64px;
    display: block;
    object-fit: cover;
    border-radius: 5px;
}

.jakad-collab-output > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.jakad-collab-output strong {
    color: var(--jakad-text);
    font-size: 8.5px;
    line-height: 1.45;
    font-weight: 600;
}

.jakad-collab-output span {
    color: #8A8B97;
    font-size: 7px;
    line-height: 1.4;
}

.jakad-section-cta-soft {
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(19,17,63,.28);
}

.jakad-partner-logos {
    background: #FFFFFF;
}

.jakad-logo-wall {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.jakad-logo-card {
    min-width: 0;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 20px;
    border: 1px solid var(--jakad-border);
    border-radius: 16px;
    background: #FFFFFF;
}

.jakad-logo-wall-image {
    width: 100%;
    max-width: 128px;
    height: 62px;
    display: block;
    object-fit: contain;
}

.jakad-logo-card > span {
    max-width: 180px;
    color: #777885;
    font-size: 8px;
    line-height: 1.45;
    font-weight: 500;
    text-align: center;
}

.jakad-empty-state {
    padding: 32px;
    border: 1px dashed var(--jakad-border);
    border-radius: 16px;
    color: #777885;
    background: #FFFFFF;
    text-align: center;
    font-size: 12px;
}

@media (max-width: 1000px) {
    .jakad-testimonial-composition {
        grid-template-columns: 1fr;
    }

    .jakad-testimonial-featured-card {
        min-height: 0;
    }

    .jakad-collab-grid {
        grid-template-columns: 1fr;
    }

    .jakad-logo-wall {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .jakad-dynamic-section {
        padding: 70px 0;
    }

    .jakad-dynamic-container {
        width: calc(100% - 28px);
    }

    .jakad-dynamic-heading {
        margin-bottom: 35px;
    }

    .jakad-dynamic-breadcrumb {
        min-height: 35px;
        margin-bottom: 18px;
        padding: 0 13px;
        font-size: 10px;
    }

    .jakad-dynamic-heading h2 {
        font-size: 34px;
        line-height: 1.18;
        letter-spacing: -1px;
    }

    .jakad-dynamic-heading p {
        margin-top: 17px;
        font-size: 11px;
        line-height: 1.75;
    }

    .jakad-testimonial-featured-card {
        padding: 24px;
        border-radius: 18px;
    }

    .jakad-testimonial-featured-person {
        align-items: flex-start;
    }

    .jakad-testimonial-photo-wrap {
        width: 62px;
        height: 62px;
        flex-basis: 62px;
    }

    .jakad-testimonial-featured-card blockquote {
        font-size: 18px;
        line-height: 1.65;
    }

    .jakad-testimonial-book {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .jakad-testimonial-book-cover {
        width: 72px;
        height: 98px;
    }

    .jakad-testimonial-list {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .jakad-testimonial-mini-card {
        min-height: 0;
    }

    .jakad-section-cta {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 22px;
    }

    .jakad-section-cta > a {
        min-width: 0;
        width: 100%;
    }

    .jakad-collab-card {
        padding: 22px;
        border-radius: 18px;
    }

    .jakad-collab-top {
        grid-template-columns: 70px minmax(0, 1fr);
    }

    .jakad-collab-logo {
        width: 70px;
        height: 70px;
    }

    .jakad-collab-outputs {
        grid-template-columns: 1fr;
    }

    .jakad-logo-wall {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .jakad-logo-card {
        min-height: 125px;
        padding: 14px;
    }

    .jakad-logo-wall-image {
        max-width: 100px;
        height: 52px;
    }
}

@media (max-width: 380px) {
    .jakad-logo-wall {
        grid-template-columns: 1fr;
    }
}


.jakad-testimonial-books {
    position: relative;
    z-index: 3;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.jakad-testimonial-books-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 12px;
}

.jakad-testimonial-books-head small {
    color: #C8C3FF;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .9px;
}

.jakad-testimonial-books-head strong {
    color: rgba(255,255,255,.72);
    font-size: 8px;
    font-weight: 600;
}

.jakad-testimonial-books-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.jakad-testimonial-books-grid .jakad-testimonial-book {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 0;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 10px;
    background: rgba(255,255,255,.07);
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.jakad-testimonial-books-grid .jakad-testimonial-book-cover {
    width: 100%;
    height: 116px;
    border-radius: 6px;
    overflow: hidden;
}

.jakad-testimonial-books-grid .jakad-testimonial-book > strong {
    display: -webkit-box;
    overflow: hidden;
    color: #FFFFFF;
    font-size: 7.5px;
    line-height: 1.4;
    font-weight: 600;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.jakad-testimonial-more-books {
    margin-top: 9px;
    color: rgba(255,255,255,.58);
    font-size: 7.5px;
}

.jakad-testimonial-mini-books {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #ECEAF1;
}

.jakad-testimonial-mini-books-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.jakad-testimonial-mini-books-head small {
    color: var(--jakad-accent);
    font-size: 6.5px;
    font-weight: 700;
    letter-spacing: .7px;
}

.jakad-testimonial-mini-books-head strong {
    color: #8A8B97;
    font-size: 7px;
    font-weight: 600;
}

.jakad-testimonial-mini-books-row {
    display: flex;
    align-items: center;
    gap: 7px;
}

.jakad-testimonial-mini-books-row .jakad-testimonial-mini-book {
    width: 46px;
    height: 62px;
    flex: 0 0 46px;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

.jakad-testimonial-mini-books-row .jakad-testimonial-mini-book-image {
    width: 46px;
    height: 62px;
    border-radius: 5px;
}

.jakad-testimonial-mini-book-count {
    width: 46px;
    height: 62px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E7E4F1;
    border-radius: 7px;
    color: var(--jakad-primary);
    background: var(--jakad-soft);
    font-size: 9px;
    font-weight: 700;
}

@media (max-width: 700px) {
    .jakad-testimonial-books-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .jakad-testimonial-books-grid .jakad-testimonial-book-cover {
        height: 110px;
    }
}


a.jakad-collab-output {
    color: inherit !important;
    text-decoration: none !important;
}


/* =========================================================
   TESTIMONIAL REDESIGN v1.3.0
   ========================================================= */

.jakad-testimonial-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}

.jakad-testimonial-box {
    min-width: 0;
    border: 1px solid var(--jakad-border);
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 10px 28px rgba(48,45,120,.045);
    overflow: hidden;
}

.jakad-testimonial-box.is-featured {
    border-color: #CFC9F3;
    box-shadow: 0 12px 30px rgba(48,45,120,.07);
}

.jakad-testimonial-box-head {
    min-height: 105px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 22px 18px;
}

.jakad-testimonial-box-person {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 13px;
}

.jakad-testimonial-box-photo {
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    overflow: hidden;
    border: 1px solid #DDD9EC;
    border-radius: 14px;
    background: #F5F3FD;
}

.jakad-testimonial-person-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.jakad-testimonial-box-person-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jakad-testimonial-featured-label {
    width: max-content;
    max-width: 100%;
    margin-bottom: 1px;
    padding: 5px 7px;
    border-radius: 6px;
    color: var(--jakad-primary);
    background: var(--jakad-soft);
    font-size: 6px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .7px;
}

.jakad-testimonial-box-person-copy > strong {
    color: var(--jakad-text);
    font-size: 11.5px;
    line-height: 1.45;
    font-weight: 600;
}

.jakad-testimonial-box-person-copy > span {
    max-width: 300px;
    color: #888A98;
    font-size: 8px;
    line-height: 1.5;
    font-weight: 400;
}

.jakad-testimonial-box-rating {
    flex: 0 0 auto;
    padding-top: 3px;
    color: #E0A12C;
    font-size: 9px;
    line-height: 1;
    letter-spacing: .8px;
    white-space: nowrap;
}

.jakad-testimonial-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    margin: 0 22px;
    padding: 4px;
    border-radius: 10px;
    background: #F5F3FB;
}

.jakad-testimonial-tab {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    color: #777887;
    background: transparent;
    font-family: inherit;
    font-size: 9px;
    line-height: 1;
    font-weight: 600;
    cursor: pointer;
}

.jakad-testimonial-tab span {
    min-width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border-radius: 999px;
    color: #818291;
    background: #FFFFFF;
    font-size: 7px;
}

.jakad-testimonial-tab.is-active {
    color: #FFFFFF;
    background: var(--jakad-primary);
}

.jakad-testimonial-tab.is-active span {
    color: var(--jakad-primary);
}

.jakad-testimonial-panels {
    padding: 20px 22px 22px;
}

.jakad-testimonial-panel[hidden] {
    display: none !important;
}

.jakad-testimonial-quote-mark {
    height: 30px;
    color: var(--jakad-accent);
    font-family: Georgia, serif;
    font-size: 48px;
    line-height: .8;
}

.jakad-testimonial-review-text {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 8px;
    color: #50515F;
    font-size: 11.5px;
    line-height: 1.8;
    font-weight: 400;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.jakad-testimonial-review-text.is-expanded {
    display: block;
    overflow: visible;
}

.jakad-testimonial-readmore {
    min-height: 35px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 0;
    border: 0;
    color: var(--jakad-primary);
    background: transparent;
    font-family: inherit;
    font-size: 8.5px;
    font-weight: 600;
    cursor: pointer;
}

.jakad-testimonial-readmore b {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--jakad-primary);
    background: var(--jakad-soft);
    font-size: 12px;
    font-weight: 500;
}

.jakad-testimonial-books-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.jakad-testimonial-books-heading > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.jakad-testimonial-books-heading small {
    color: var(--jakad-accent);
    font-size: 6.5px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .8px;
}

.jakad-testimonial-books-heading strong {
    color: var(--jakad-text);
    font-size: 11px;
    line-height: 1.4;
    font-weight: 600;
}

.jakad-testimonial-books-heading > span {
    color: #A0A1AB;
    font-size: 7px;
    line-height: 1.4;
    text-align: right;
}

.jakad-testimonial-books-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.jakad-testimonial-book-item {
    min-width: 0;
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 9px;
    border: 1px solid #E8E6EF;
    border-radius: 11px;
    color: inherit !important;
    background: #FBFAFD;
    text-decoration: none !important;
}

.jakad-testimonial-book-item-cover {
    width: 62px;
    height: 82px;
    overflow: hidden;
    border-radius: 6px;
    background: #F0EEFF;
}

.jakad-testimonial-book-item-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.jakad-testimonial-book-item-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jakad-testimonial-book-item-copy small {
    color: var(--jakad-accent);
    font-size: 5.8px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .6px;
}

.jakad-testimonial-book-item-copy strong {
    display: -webkit-box;
    overflow: hidden;
    color: var(--jakad-text);
    font-size: 8.5px;
    line-height: 1.45;
    font-weight: 600;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.jakad-testimonial-book-item-copy span {
    color: #898A97;
    font-size: 7px;
    line-height: 1.4;
}

.jakad-testimonial-no-books {
    min-height: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 24px;
    border: 1px dashed #DDD9E9;
    border-radius: 12px;
    background: #FAF9FD;
    text-align: center;
}

.jakad-testimonial-no-books > div {
    margin-bottom: 3px;
    font-size: 24px;
}

.jakad-testimonial-no-books strong {
    color: var(--jakad-text);
    font-size: 10px;
    font-weight: 600;
}

.jakad-testimonial-no-books span {
    max-width: 310px;
    color: #8D8E99;
    font-size: 8px;
    line-height: 1.55;
}

@media (max-width: 900px) {

    .jakad-testimonial-card-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 700px) {

    .jakad-testimonial-box-head {
        min-height: 0;
        align-items: flex-start;
        padding: 18px 18px 15px;
    }

    .jakad-testimonial-box-person {
        align-items: flex-start;
    }

    .jakad-testimonial-box-photo {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
    }

    .jakad-testimonial-box-rating {
        font-size: 7.5px;
    }

    .jakad-testimonial-nav {
        margin: 0 18px;
    }

    .jakad-testimonial-panels {
        padding: 18px;
    }

    .jakad-testimonial-books-list {
        grid-template-columns: 1fr;
    }

    .jakad-testimonial-books-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .jakad-testimonial-books-heading > span {
        text-align: left;
    }

}


/* =========================================================
   TESTIMONIAL PREMIUM REDESIGN v1.4.0
   ========================================================= */

.jakad-testimonial-modern-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
}

.jakad-testimonial-modern-card {
    min-width: 0;
    border: 1px solid #E5E2EF;
    border-radius: 22px;
    background: #FFFFFF;
    box-shadow: 0 14px 35px rgba(35,31,91,.055);
    overflow: hidden;
}

.jakad-testimonial-modern-card.is-featured {
    border-color: #CFC9F4;
    box-shadow: 0 15px 38px rgba(48,45,120,.085);
}

.jakad-testimonial-modern-card button {
    appearance: none !important;
    -webkit-appearance: none !important;
    box-shadow: none !important;
    text-transform: none !important;
}

.jakad-testimonial-modern-top {
    min-height: 124px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 26px 20px;
}

.jakad-testimonial-modern-profile {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.jakad-testimonial-modern-photo {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    padding: 3px;
    border: 1px solid #DDD9EC;
    border-radius: 18px;
    background: #FFFFFF;
}

.jakad-testimonial-modern-photo-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 14px;
}

.jakad-testimonial-modern-person {
    min-width: 0;
}

.jakad-testimonial-modern-badge {
    width: max-content;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-bottom: 7px;
    padding: 0 9px;
    border-radius: 7px;
    color: var(--jakad-primary);
    background: #F0EEFF;
    font-size: 6.5px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .65px;
    text-transform: uppercase;
}

.jakad-testimonial-modern-person h3 {
    margin: 0 0 5px !important;
    color: var(--jakad-text) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: -.15px;
}

.jakad-testimonial-modern-person p {
    margin: 0 !important;
    color: #858694 !important;
    font-size: 8.5px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
}

.jakad-testimonial-modern-rating {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
}

.jakad-testimonial-modern-rating > div {
    color: #E4A52A;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 1px;
    white-space: nowrap;
}

.jakad-testimonial-modern-rating > span {
    min-width: 31px;
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: #7A7B88;
    background: #F5F4F8;
    font-size: 7.5px;
    font-weight: 600;
}

.jakad-testimonial-modern-review {
    position: relative;
    margin: 0 26px;
    padding: 23px 0 21px;
    border-top: 1px solid #EEECF3;
}

.jakad-testimonial-modern-quote {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 10px;
    color: var(--jakad-primary);
    background: #F0EEFF;
    font-family: Georgia, serif;
    font-size: 33px;
    line-height: 1;
    font-weight: 700;
}

.jakad-testimonial-modern-review-copy {
    display: -webkit-box;
    overflow: hidden;
    color: #4F5060;
    font-size: 11.5px;
    line-height: 1.85;
    font-weight: 400;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.jakad-testimonial-modern-review-copy.is-expanded {
    display: block;
    overflow: visible;
}

.jakad-testimonial-modern-readmore {
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--jakad-primary) !important;
    background: transparent !important;
    font-family: inherit !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    cursor: pointer;
}

.jakad-testimonial-modern-readmore:hover,
.jakad-testimonial-modern-readmore:focus {
    color: var(--jakad-primary-dark) !important;
    background: transparent !important;
}

.jakad-testimonial-modern-readmore svg {
    width: 15px;
    height: 15px;
    transition: transform .2s ease;
}

.jakad-testimonial-modern-readmore.is-expanded svg {
    transform: rotate(180deg);
}

.jakad-testimonial-modern-footer {
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 26px;
    border-top: 1px solid #ECEAF1;
    background: #FAF9FD;
}

.jakad-testimonial-modern-books-summary {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 13px;
}

.jakad-testimonial-modern-covers {
    min-width: 86px;
    display: flex;
    align-items: center;
    padding-left: 2px;
}

.jakad-testimonial-modern-cover {
    width: 34px;
    height: 46px;
    display: block;
    margin-left: -8px;
    overflow: hidden;
    border: 2px solid #FFFFFF;
    border-radius: 5px;
    background: #F0EEFF;
    box-shadow: 0 3px 9px rgba(48,45,120,.11);
}

.jakad-testimonial-modern-cover:first-child {
    margin-left: 0;
}

.jakad-testimonial-modern-cover.is-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.jakad-testimonial-modern-cover-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.jakad-testimonial-modern-books-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.jakad-testimonial-modern-books-copy small {
    color: #9A9BA7;
    font-size: 6px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .7px;
}

.jakad-testimonial-modern-books-copy strong {
    color: var(--jakad-text);
    font-size: 9px;
    line-height: 1.45;
    font-weight: 600;
}

.jakad-testimonial-modern-books-toggle {
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 12px !important;
    border: 1px solid #DCD8EA !important;
    border-radius: 9px !important;
    color: var(--jakad-primary) !important;
    background: #FFFFFF !important;
    font-family: inherit !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    cursor: pointer;
}

.jakad-testimonial-modern-books-toggle:hover,
.jakad-testimonial-modern-books-toggle:focus,
.jakad-testimonial-modern-books-toggle.is-open {
    border-color: var(--jakad-primary) !important;
    color: #FFFFFF !important;
    background: var(--jakad-primary) !important;
}

.jakad-testimonial-modern-books-toggle:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.jakad-testimonial-modern-books-toggle svg {
    width: 14px;
    height: 14px;
    transition: transform .2s ease;
}

.jakad-testimonial-modern-books-toggle.is-open svg {
    transform: rotate(180deg);
}

.jakad-testimonial-modern-books-panel {
    padding: 22px 26px 26px;
    border-top: 1px solid #E8E5EF;
    background: #FFFFFF;
}

.jakad-testimonial-modern-books-panel[hidden] {
    display: none !important;
}

.jakad-testimonial-modern-books-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 15px;
}

.jakad-testimonial-modern-books-panel-head > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.jakad-testimonial-modern-books-panel-head small {
    color: var(--jakad-accent);
    font-size: 6.5px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .8px;
}

.jakad-testimonial-modern-books-panel-head strong {
    color: var(--jakad-text);
    font-size: 11px;
    line-height: 1.4;
    font-weight: 600;
}

.jakad-testimonial-modern-books-close {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #E1DFE9 !important;
    border-radius: 50% !important;
    color: #686A78 !important;
    background: #FFFFFF !important;
    font-family: inherit !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    cursor: pointer;
}

.jakad-testimonial-modern-books-close:hover,
.jakad-testimonial-modern-books-close:focus {
    border-color: #D2CEE3 !important;
    color: var(--jakad-primary) !important;
    background: #F6F4FC !important;
}

.jakad-testimonial-modern-books-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.jakad-testimonial-modern-book {
    min-width: 0;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 10px;
    border: 1px solid #E9E7F0;
    border-radius: 12px;
    color: inherit !important;
    background: #FAF9FD;
    text-decoration: none !important;
}

.jakad-testimonial-modern-book-cover {
    width: 64px;
    height: 86px;
    overflow: hidden;
    border-radius: 6px;
    background: #F0EEFF;
}

.jakad-testimonial-modern-book-cover-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.jakad-testimonial-modern-book-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jakad-testimonial-modern-book-copy small {
    color: var(--jakad-accent);
    font-size: 5.8px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .65px;
}

.jakad-testimonial-modern-book-copy strong {
    display: -webkit-box;
    overflow: hidden;
    color: var(--jakad-text);
    font-size: 8.8px;
    line-height: 1.45;
    font-weight: 600;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.jakad-testimonial-modern-book-copy span {
    color: #858693;
    font-size: 7px;
    line-height: 1.4;
}

@media (max-width: 900px) {

    .jakad-testimonial-modern-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 700px) {

    .jakad-testimonial-modern-card {
        border-radius: 18px;
    }

    .jakad-testimonial-modern-top {
        min-height: 0;
        padding: 19px 19px 16px;
    }

    .jakad-testimonial-modern-profile {
        align-items: flex-start;
    }

    .jakad-testimonial-modern-photo {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
        border-radius: 14px;
    }

    .jakad-testimonial-modern-photo-image {
        border-radius: 11px;
    }

    .jakad-testimonial-modern-rating {
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }

    .jakad-testimonial-modern-rating > div {
        font-size: 8px;
    }

    .jakad-testimonial-modern-review {
        margin: 0 19px;
        padding: 19px 0 18px;
    }

    .jakad-testimonial-modern-review-copy {
        font-size: 10.5px;
        line-height: 1.8;
    }

    .jakad-testimonial-modern-footer {
        align-items: flex-start;
        flex-direction: column;
        padding: 14px 19px 17px;
    }

    .jakad-testimonial-modern-books-toggle {
        width: 100%;
    }

    .jakad-testimonial-modern-books-panel {
        padding: 19px;
    }

    .jakad-testimonial-modern-books-grid {
        grid-template-columns: 1fr;
    }

}


.jakad-author-testimonials,
.jakad-author-testimonials *,
.jakad-author-testimonials *::before,
.jakad-author-testimonials *::after {
    box-sizing: border-box;
}


.jakad-author-testimonials {
    --jakad-primary: #302D78;
    --jakad-primary-dark: #24215F;
    --jakad-accent: #665BD4;

    --jakad-text: #17172B;
    --jakad-muted: #747582;

    --jakad-soft: #F0EEFF;
    --jakad-border: #E7E5ED;

    width: 100%;

    padding:
        90px
        20px;

    background:
        #F4F4F6;

    font-family:
        "Poppins",
        Arial,
        sans-serif;
}



/* =========================================================
   MAIN CONTAINER
========================================================= */

.jakad-author-testimonials-box {
    position: relative;

    width:
        min(
            1240px,
            100%
        );

    min-height:
        720px;

    margin:
        0
        auto;

    border:
        1px solid
        var(--jakad-border);

    border-radius:
        30px;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FCFCFD 100%
        );

    box-shadow:
        0
        20px
        55px
        rgba(22,21,50,.065);

    overflow:
        hidden;
}



/* =========================================================
   FOTO PENULIS
========================================================= */

.jakad-author-photo {
    position:
        absolute;

    z-index:
        3;

    width:
        86px;

    height:
        106px;

    margin:
        0;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        14px !important;

    background:
        #EFEFF2 !important;

    box-shadow:
        0
        10px
        25px
        rgba(31,29,71,.11);

    overflow:
        hidden;

    cursor:
        pointer;

    appearance:
        none;

    -webkit-appearance:
        none;
}


.jakad-author-photo img {
    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;
}



/* =========================================================
   FOTO KIRI — 5
========================================================= */

.jakad-author-photo-1 {
    top:
        125px;

    left:
        55px;
}


.jakad-author-photo-2 {
    top:
        52px;

    left:
        155px;
}


.jakad-author-photo-3 {
    top:
        190px;

    left:
        155px;
}


.jakad-author-photo-4 {
    top:
        95px;

    left:
        255px;
}


.jakad-author-photo-5 {
    top:
        235px;

    left:
        255px;
}



/* =========================================================
   FOTO KANAN — 5
========================================================= */

.jakad-author-photo-6 {
    top:
        235px;

    right:
        255px;
}


.jakad-author-photo-7 {
    top:
        95px;

    right:
        255px;
}


.jakad-author-photo-8 {
    top:
        190px;

    right:
        155px;
}


.jakad-author-photo-9 {
    top:
        52px;

    right:
        155px;
}


.jakad-author-photo-10 {
    top:
        125px;

    right:
        55px;
}



/* =========================================================
   LOGO INSTANSI
========================================================= */

.jakad-inst-logo {
    position:
        absolute;

    z-index:
        2;

    width:
        76px;

    height:
        76px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        11px;

    border:
        1px solid
        #E3E1EA;

    border-radius:
        50%;

    background:
        #FFFFFF;

    box-shadow:
        0
        9px
        24px
        rgba(37,34,76,.07);

    overflow:
        hidden;
}


.jakad-inst-logo img {
    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        contain;
}



/* =========================================================
   LOGO KIRI
========================================================= */

.jakad-inst-logo-1 {
    left:
        80px;

    bottom:
        175px;
}


.jakad-inst-logo-2 {
    left:
        190px;

    bottom:
        120px;
}


.jakad-inst-logo-3 {
    left:
        120px;

    bottom:
        38px;
}



/* =========================================================
   LOGO KANAN
========================================================= */

.jakad-inst-logo-4 {
    right:
        190px;

    bottom:
        120px;
}


.jakad-inst-logo-5 {
    right:
        80px;

    bottom:
        175px;
}


.jakad-inst-logo-6 {
    right:
        120px;

    bottom:
        38px;
}



/* =========================================================
   CENTER CONTENT
========================================================= */

.jakad-testimonial-center {
    position:
        absolute;

    z-index:
        5;

    top:
        49%;

    left:
        50%;

    width:
        min(
            525px,
            44%
        );

    text-align:
        center;

    transform:
        translate(
            -50%,
            -47%
        );
}


.jakad-section-breadcrumb {
    min-height:
        37px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    margin-bottom:
        21px;

    padding:
        0
        14px;

    border-radius:
        9px;

    color:
        var(--jakad-primary);

    background:
        var(--jakad-soft);

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        600;
}


.jakad-section-breadcrumb > span {
    width:
        7px;

    height:
        7px;

    flex:
        0 0
        7px;

    border-radius:
        50%;

    background:
        var(--jakad-accent);
}


.jakad-testimonial-center h2 {
    margin:
        0;

    color:
        var(--jakad-text);

    font-size:
        clamp(
            39px,
            4vw,
            53px
        );

    line-height:
        1.08;

    font-weight:
        700;

    letter-spacing:
        -1.8px;
}


.jakad-heading-line {
    display:
        block;
}


.jakad-testimonial-center h2 strong {
    display:
        block;

    margin-top:
        5px;

    color:
        #9999A0;

    font-weight:
        500;
}


.jakad-testimonial-center p {
    max-width:
        505px;

    margin:
        21px
        auto
        0;

    color:
        var(--jakad-muted);

    font-size:
        10.5px;

    line-height:
        1.8;

    font-weight:
        400;
}


.jakad-testimonial-main-button {
    min-height:
        48px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        13px;

    margin:
        26px
        0
        0;

    padding:
        0
        20px !important;

    border:
        0 !important;

    border-radius:
        999px !important;

    color:
        #FFFFFF !important;

    background:
        var(--jakad-primary) !important;

    box-shadow:
        none !important;

    font-family:
        inherit !important;

    font-size:
        9px !important;

    line-height:
        1 !important;

    font-weight:
        600 !important;

    text-transform:
        none !important;

    cursor:
        pointer;
}


.jakad-testimonial-main-button:hover {
    color:
        #FFFFFF !important;

    background:
        var(--jakad-primary-dark) !important;
}


.jakad-testimonial-main-button > span {
    font-size:
        16px;

    line-height:
        1;
}



/* =========================================================
   DIALOG
========================================================= */

.jakad-testimonial-dialog {
    width:
        min(
            780px,
            calc(100% - 32px)
        );

    max-width:
        780px;

    margin:
        auto;

    padding:
        0;

    border:
        0;

    border-radius:
        22px;

    color:
        var(--jakad-text);

    background:
        #FFFFFF;

    box-shadow:
        0
        35px
        100px
        rgba(20,18,60,.30);

    overflow:
        hidden;
}


.jakad-testimonial-dialog::backdrop {
    background:
        rgba(19,17,49,.62);

    backdrop-filter:
        blur(6px);

    -webkit-backdrop-filter:
        blur(6px);
}


.jakad-dialog-close {
    position:
        absolute;

    z-index:
        20;

    top:
        16px;

    right:
        16px;

    width:
        38px !important;

    height:
        38px !important;

    min-width:
        38px !important;

    min-height:
        38px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        50% !important;

    color:
        #51525E !important;

    background:
        #F2F1F5 !important;

    box-shadow:
        none !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size:
        21px !important;

    line-height:
        1 !important;

    font-weight:
        400 !important;

    cursor:
        pointer;
}


.jakad-dialog-layout {
    display:
        grid;

    grid-template-columns:
        275px
        minmax(0,1fr);

    min-height:
        440px;
}


.jakad-dialog-photo {
    min-height:
        440px;

    background:
        #ECECEF;
}


.jakad-dialog-photo img {
    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;
}


.jakad-dialog-content {
    position:
        relative;

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    padding:
        44px
        44px
        35px;
}


.jakad-dialog-label {
    width:
        max-content;

    margin-bottom:
        12px;

    padding:
        7px
        9px;

    border-radius:
        7px;

    color:
        var(--jakad-primary);

    background:
        var(--jakad-soft);

    font-size:
        6.5px;

    line-height:
        1;

    font-weight:
        700;

    letter-spacing:
        .8px;
}


.jakad-dialog-stars {
    margin-bottom:
        19px;

    color:
        #DEA12D;

    font-size:
        11px;

    line-height:
        1;

    letter-spacing:
        2px;
}


.jakad-dialog-quote {
    height:
        40px;

    color:
        var(--jakad-accent);

    font-family:
        Georgia,
        serif;

    font-size:
        60px;

    line-height:
        .9;
}


.jakad-dialog-content blockquote {
    margin:
        12px
        0
        30px;

    color:
        #333442;

    font-size:
        15.5px;

    line-height:
        1.78;

    font-weight:
        500;
}


.jakad-dialog-person {
    display:
        flex;

    flex-direction:
        column;

    gap:
        4px;

    margin-top:
        auto;
}


.jakad-dialog-person strong {
    color:
        var(--jakad-text);

    font-size:
        13px;

    line-height:
        1.4;

    font-weight:
        700;
}


.jakad-dialog-person span {
    color:
        #888995;

    font-size:
        9px;

    line-height:
        1.5;
}


.jakad-dialog-footer {
    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

    margin-top:
        22px;

    padding-top:
        17px;

    border-top:
        1px solid
        #ECEAF1;
}


.jakad-dialog-footer span {
    color:
        #9697A2;

    font-size:
        7px;
}


.jakad-dialog-footer strong {
    color:
        var(--jakad-primary);

    font-size:
        9px;

    font-weight:
        600;
}



/* =========================================================
   LAPTOP
========================================================= */

@media
(max-width: 1180px) {

    .jakad-author-photo {
        width:
            74px;

        height:
            92px;
    }


    .jakad-author-photo-1 {
        left:
            34px;
    }


    .jakad-author-photo-2 {
        left:
            118px;
    }


    .jakad-author-photo-3 {
        left:
            118px;
    }


    .jakad-author-photo-4 {
        left:
            202px;
    }


    .jakad-author-photo-5 {
        left:
            202px;
    }


    .jakad-author-photo-6 {
        right:
            202px;
    }


    .jakad-author-photo-7 {
        right:
            202px;
    }


    .jakad-author-photo-8 {
        right:
            118px;
    }


    .jakad-author-photo-9 {
        right:
            118px;
    }


    .jakad-author-photo-10 {
        right:
            34px;
    }


    .jakad-inst-logo {
        width:
            68px;

        height:
            68px;

        padding:
            10px;
    }


    .jakad-inst-logo-1 {
        left:
            45px;
    }


    .jakad-inst-logo-2 {
        left:
            135px;
    }


    .jakad-inst-logo-3 {
        left:
            75px;
    }


    .jakad-inst-logo-4 {
        right:
            135px;
    }


    .jakad-inst-logo-5 {
        right:
            45px;
    }


    .jakad-inst-logo-6 {
        right:
            75px;
    }


    .jakad-testimonial-center {
        width:
            46%;
    }

}



/* =========================================================
   TABLET
========================================================= */

@media
(max-width: 900px) {

    .jakad-author-testimonials-box {
        min-height:
            735px;
    }


    .jakad-author-photo {
        width:
            64px;

        height:
            80px;
    }


    .jakad-author-photo-1 {
        top:
            120px;

        left:
            20px;
    }


    .jakad-author-photo-2 {
        top:
            50px;

        left:
            92px;
    }


    .jakad-author-photo-3 {
        top:
            178px;

        left:
            92px;
    }


    .jakad-author-photo-4 {
        top:
            98px;

        left:
            164px;
    }


    .jakad-author-photo-5 {
        top:
            218px;

        left:
            164px;
    }


    .jakad-author-photo-6 {
        top:
            218px;

        right:
            164px;
    }


    .jakad-author-photo-7 {
        top:
            98px;

        right:
            164px;
    }


    .jakad-author-photo-8 {
        top:
            178px;

        right:
            92px;
    }


    .jakad-author-photo-9 {
        top:
            50px;

        right:
            92px;
    }


    .jakad-author-photo-10 {
        top:
            120px;

        right:
            20px;
    }


    .jakad-inst-logo {
        width:
            58px;

        height:
            58px;

        padding:
            9px;
    }


    .jakad-inst-logo-1 {
        left:
            30px;

        bottom:
            160px;
    }


    .jakad-inst-logo-2 {
        left:
            105px;

        bottom:
            105px;
    }


    .jakad-inst-logo-3 {
        left:
            55px;

        bottom:
            30px;
    }


    .jakad-inst-logo-4 {
        right:
            105px;

        bottom:
            105px;
    }


    .jakad-inst-logo-5 {
        right:
            30px;

        bottom:
            160px;
    }


    .jakad-inst-logo-6 {
        right:
            55px;

        bottom:
            30px;
    }


    .jakad-testimonial-center {
        top:
            53%;

        width:
            55%;
    }


    .jakad-testimonial-center h2 {
        font-size:
            38px;
    }


    .jakad-testimonial-center p {
        max-width:
            440px;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media
(max-width: 700px) {

    .jakad-author-testimonials {
        padding:
            70px
            14px;
    }


    .jakad-author-testimonials-box {
        min-height:
            0;

        display:
            grid;

        grid-template-columns:
            repeat(
                5,
                minmax(0,1fr)
            );

        gap:
            7px;

        padding:
            30px
            18px
            23px;

        border-radius:
            22px;
    }


    .jakad-testimonial-center {
        position:
            static;

        width:
            100%;

        grid-column:
            1
            / -1;

        grid-row:
            1;

        margin-bottom:
            18px;

        transform:
            none;
    }


    .jakad-testimonial-center h2 {
        font-size:
            33px;

        letter-spacing:
            -1px;
    }


    .jakad-testimonial-center p {
        font-size:
            10px;

        line-height:
            1.7;
    }


    .jakad-author-photo {
        position:
            static;

        width:
            100%;

        height:
            auto;

        aspect-ratio:
            .82;

        border-radius:
            9px !important;
    }


    .jakad-inst-logo {
        position:
            static;

        width:
            52px;

        height:
            52px;

        margin:
            9px
            auto
            0;

        padding:
            7px;
    }


    .jakad-dialog-layout {
        grid-template-columns:
            1fr;
    }


    .jakad-dialog-photo {
        min-height:
            230px;

        height:
            250px;
    }


    .jakad-dialog-content {
        padding:
            27px
            23px;
    }


    .jakad-dialog-content blockquote {
        font-size:
            14px;
    }

}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media
(max-width: 480px) {

    .jakad-author-testimonials-box {
        grid-template-columns:
            repeat(
                5,
                minmax(0,1fr)
            );

        gap:
            5px;

        padding-left:
            12px;

        padding-right:
            12px;
    }


    .jakad-section-breadcrumb {
        min-height:
            34px;

        font-size:
            9px;
    }


    .jakad-testimonial-center h2 {
        font-size:
            30px;
    }


    .jakad-testimonial-main-button {
        min-height:
            44px;

        padding:
            0
            16px !important;
    }


    .jakad-inst-logo {
        width:
            46px;

        height:
            46px;

        padding:
            6px;
    }

}


/* Dynamic author-wall additions */
.jakad-author-photos-layer,
.jakad-inst-logos-layer {
    display: contents;
}

.jakad-author-photo {
    transition: transform .24s ease, box-shadow .24s ease, opacity .24s ease;
}

button.jakad-author-photo:hover {
    transform: translateY(-5px) scale(1.025);
    box-shadow: 0 15px 32px rgba(31,29,71,.16);
}

.jakad-author-photo.is-template {
    cursor: default;
    opacity: .7;
}

.jakad-author-photo-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6257C7;
    background:
        radial-gradient(circle at 72% 18%, rgba(255,255,255,.82), transparent 27%),
        linear-gradient(145deg, #F1EFFF, #E8E5F5);
    font-size: 22px;
    font-weight: 700;
}

.jakad-author-photo-placeholder svg {
    width: 34px;
    height: 34px;
}

.jakad-inst-logo.is-template {
    color: #8A85AE;
    background: #F7F6FB;
    opacity: .72;
}

.jakad-inst-logo > svg {
    width: 31px;
    height: 31px;
}

.jakad-testimonial-main-button.is-disabled {
    cursor: default;
    opacity: .72;
    background: #77739E !important;
}

.jakad-dialog-photo {
    position: relative;
}

.jakad-dialog-photo-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6257C7;
    background: linear-gradient(145deg, #F0EEFF, #E4E1F5);
    font-size: 72px;
    font-weight: 700;
}

.jakad-dialog-photo-placeholder[hidden] {
    display: none !important;
}

@media (max-width: 700px) {
    .jakad-author-testimonials-box {
        display: flex !important;
        flex-direction: column;
        min-height: 0;
        gap: 18px;
        padding: 30px 14px 24px;
    }

    .jakad-testimonial-center {
        order: 1;
        position: static;
        width: 100%;
        margin: 0 0 4px;
        transform: none;
    }

    .jakad-author-photos-layer {
        order: 2;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(5, minmax(0,1fr));
        gap: 6px;
    }

    .jakad-inst-logos-layer {
        order: 3;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(6, minmax(0,1fr));
        gap: 6px;
        align-items: center;
        padding-top: 4px;
    }

    .jakad-author-photo {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: .82;
        border-radius: 10px !important;
    }

    .jakad-inst-logo {
        position: static !important;
        width: min(48px, 100%) !important;
        height: auto !important;
        aspect-ratio: 1;
        margin: 0 auto !important;
        padding: 7px !important;
    }

    .jakad-author-photo-placeholder {
        font-size: 15px;
    }

    .jakad-author-photo-placeholder svg {
        width: 25px;
        height: 25px;
    }

    .jakad-dialog-layout {
        grid-template-columns: 1fr;
    }

    .jakad-dialog-photo {
        min-height: 230px;
        height: 250px;
    }

    .jakad-dialog-content {
        padding: 27px 23px;
    }
}

@media (max-width: 480px) {
    .jakad-author-photos-layer {
        gap: 5px;
    }

    .jakad-inst-logos-layer {
        gap: 4px;
    }

    .jakad-inst-logo {
        width: min(43px, 100%) !important;
        padding: 6px !important;
    }
}