.reviewer-name::before{
    content:"★";
    margin-right:5px;

    font-size:11px;

    color:#ffd700;
}

/* =========================================
   REVIEW TEXT
========================================= */
.review-text{
    position:relative;

    padding:0 3px;

    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:1.55;

    color:#333333;

    font-style:normal;
}

/* =========================================
   FAQ SECTION
========================================= */
.faq-section{
    position:relative;
    overflow:hidden;

    margin:15px 0;
    padding:12px;

    background:#ffffff;

    border-top:2px solid #d4af37;
    border-left:2px solid #d4af37;
    border-right:2px solid #8d160f;
    border-bottom:3px solid #8d160f;

    border-radius:2px;

    box-shadow:
        inset 1px 1px 0 #ffffff,
        1px 1px 0 #111111;

    animation:none;
}

/* garis header FAQ */
.faq-section::before{
    content:"";

    position:absolute;

    top:0;
    left:0;
    right:0;

    height:3px;

    background:
        linear-gradient(
            90deg,
            #8d160f,
            #ff2a1a,
            #d4af37,
            #ff2a1a,
            #8d160f
        );

    box-shadow:none;
    animation:none;
}

.faq-section::after{
    display:none;
}

/* =========================================
   FAQ TITLE
========================================= */
.faq-section .section-title{
    margin:0 0 10px;

    padding:8px 10px;

    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:bold;

    color:#ffd700;

    text-align:left;

    background:
        linear-gradient(
            180deg,
            #4e4e4e 0%,
            #242424 18%,
            #111111 50%,
            #000000 100%
        );

    border-top:1px solid #777777;
    border-left:1px solid #d4af37;
    border-right:1px solid #8d160f;
    border-bottom:2px solid #8d160f;

    border-radius:1px;

    text-shadow:
        1px 1px 0 #000000;
}

.faq-section .section-title::before{
    content:"»";

    margin-right:6px;

    color:#ff2a1a;

    background:none;
}

.faq-section .section-title::after{
    display:none;
}

/* =========================================
   FAQ CONTAINER
========================================= */
.faq-container{
    position:relative;

    display:flex;
    flex-direction:column;

    gap:6px;
}

/* =========================================
   FAQ ITEM
========================================= */
.faq-item{
    position:relative;

    padding:9px 10px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ffffff 48%,
            #eeeeee 50%,
            #e5e5e5 100%
        );

    border-top:1px solid #d4af37;
    border-left:4px solid #d44537;
    border-right:1px solid #8d160f;
    border-bottom:2px solid #8d160f;

    border-radius:1px;

    box-shadow:
        inset 0 1px 0 #ffffff,
        1px 1px 0 rgba(0,0,0,.25);

    transition:none;

    animation:none!important;
    opacity:1!important;
    transform:none!important;
}

.faq-item::before,
.faq-item::after{
    display:none;
}

.faq-item:hover{
    transform:none;

    background:
        linear-gradient(
            180deg,
            #fff9dc 0%,
            #f5e7c8 47%,
            #e5cd86 50%,
            #d4af37 100%
        );

    border-left-color:#ff2a1a;

    box-shadow:
        inset 0 1px 0 #ffffff,
        1px 1px 0 #000000;
}

/* =========================================
   FAQ QUESTION
========================================= */
.faq-question{
    position:relative;

    display:flex;
    align-items:flex-start;

    gap:5px;

    margin:0 0 6px;

    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:bold;
    line-height:1.45;

    color:#111111;
}

.faq-question::before{
    content:"Q:";

    flex-shrink:0;

    margin:0;

    color:#d44537;

    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:bold;

    text-shadow:none;
}

/* =========================================
   FAQ ANSWER
========================================= */
.faq-answer{
    position:relative;

    padding-left:22px;
}

.faq-answer::before{
    content:"A:";

    position:absolute;
    left:0;
    top:0;

    color:#8d160f;

    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;

    text-shadow:none;
}