@media only screen and (max-width: 767px) {
    #user-reviews {
        min-height: 542px;

        h4 {
            font-size: 16px !important;
        }

        .tabs {
            gap: 0.5rem;
            -ms-overflow-style: none;
            scrollbar-width: none;
            overflow-x: auto;

            .btn {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 0rem;
                font-size: 13px;
                font-weight: 700;
                min-width: fit-content;

                .icon {
                    min-width: 39px;
                    height: 39px;
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    border-radius: 50%;
                    background-color: #ECEFF0;
                    -webkit-transition: background-color 0.2s linear;
                    transition: background-color 0.2s linear;
                    background-color: #ffb500;

                    svg {
                        width: 26px;
                        height: 26px;

                        path {
                            stroke: #000;
                        }
                    }
                }
            }

            .btn:active,
            .btn.active {
                color: #185ADB;
                border: none;

                .icon {
                    background-color: #ffb500;
                }

                svg path {
                    stroke: #fff;
                }
            }
        }

        .splide {
            padding-bottom: 0px !important;

            .splide__arrows {
                display: none;
            }

            .splide__list {
                /*min-height: 360px;*/
                /*max-height: 360px;*/
                display: flex;

                .splide__slide {
                    margin-left: 24px !important;
                    padding: 15px;
                    min-width: 270px;
                    background-color: #fff;
                    max-width: 270px;

                    .item-wrapper {
                        background-color: #fff;

                        .meta {
                            margin-bottom: 0.7rem !important;
                            font-size: 10px;

                            .item:first-child {
                                display: flex;
                                gap: 0.3rem;

                                .icon_author {
                                    svg {
                                        width: 15px;
                                        height: 15px;
                                    }
                                }
                            }

                            .item:last-child {
                                a {
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    gap: 0.3rem;

                                    span {
                                        width: 26px;
                                        height: 26px;
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        background-color: #ffb500;
                                        border-radius: 100%;

                                        svg {
                                            width: 20px;
                                            height: 20px;
                                            stroke: #fff;
                                        }
                                    }
                                }
                            }
                        }

                        .content {
                            margin-bottom: 0.7rem !important;

                            h4 {
                                font-size: 14px !important;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                margin-bottom: 0.7rem !important;
                            }

                            .thumb {
                                margin-bottom: 0.7rem !important;

                                img {
                                    min-width: 80%;
                                    max-width: 80% !important;
                                    min-height: 130px;
                                    max-height: 130px;
                                    object-fit: contain;
                                }
                            }

                            .user-comment {
                                font-size: 13px;
                                text-align: justify;
                                overflow: hidden;
                                display: -webkit-box;
                                -webkit-line-clamp: 5;
                                line-clamp: 5;
                                -webkit-box-orient: vertical;
                            }
                        }

                    }

                    .meta:last-child {
                        display: flex;
                        justify-content: space-evenly;
                    }
                }
            }
        }
    }
}


@media (min-width: 768px) {
    #user-reviews {
        .tabs {
            gap: 1rem;
            -ms-overflow-style: none;
            scrollbar-width: none;

            .btn {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: .75rem;
                font-size: 14px;
                font-weight: 700;

                .icon {
                    min-width: 59px;
                    height: 59px;
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    border-radius: 50%;
                    background-color: #ECEFF0;
                    -webkit-transition: background-color 0.2s linear;
                    transition: background-color 0.2s linear;
                    background-color: #ffb500;

                    svg path {
                        stroke: #000;
                    }
                }
            }

            .btn:active,
            .btn.active {
                color: #185ADB;
                border: none;

                .icon {
                    background-color: #ffb500;
                }

                svg path {
                    stroke: #fff;
                }
            }
        }

        .splide {
            height: 600px;

            .splide__slide {
                div:first-child {
                    .meta {
                        gap: .75rem;

                        .item:first-child {
                            display: -webkit-inline-box;
                            display: -ms-inline-flexbox;
                            display: inline-flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            gap: .5rem;
                            font-size: 10px;
                            font-weight: 500;

                            .icon_author {
                                width: 40px;
                                height: 40px;
                                border: 1px solid #e4e7f2;
                                display: flex;
                                justify-content: center;
                                align-items: end;
                                border-radius: 100%;
                                overflow: hidden;
                            }

                            cite {
                                font-style: normal;
                            }
                        }

                        .item:last-child {
                            margin-right: auto;
                            display: -webkit-inline-box;
                            display: -ms-inline-flexbox;
                            display: inline-flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            gap: .5rem;
                            font-size: 10px;
                            font-weight: 500;

                            .category_icon {
                                display: flex;
                                align-items: center;
                                gap: .5rem;

                                span {
                                    display: block;
                                    width: 40px;
                                    height: 40px;
                                    background-color: #ffb500;
                                    border-radius: 100%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;

                                    svg path {
                                        stroke: #fff;
                                    }
                                }
                            }
                        }
                    }

                    .content {
                        h4 {
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }

                        h4:hover {
                            color: #367cfe;
                            z-index: 1;
                        }

                        .thumb {
                            img {
                                min-height: 133.8px;
                                max-height: 133.8px;
                            }
                        }

                        .user-comment {
                            font-weight: 600;
                            font-size: 12px;
                            line-height: 24px;
                            text-align: justify;
                        }
                    }
                }

                .meta {
                    gap: .75rem;

                    .item {
                        display: -webkit-inline-box;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        gap: .5rem;
                        font-size: 10px;
                        font-weight: 500;
                    }

                    .item:last-child {
                        margin-right: auto;
                    }
                }
            }
        }
    }

}

@media only screen and (min-width: 1200px) {
    #user-reviews {
        .splide {
            height: 600px;

            .splide__slide {
                margin-left: 24px !important;
                width: calc(25% - 16px) !important;
                -webkit-transition: all 0.2s linear;
                transition: all 0.2s linear;
                position: relative;
            }

            .splide__slide:hover {
                background-color: #fff;
                border: 1px solid rgba(0, 0, 0, 0) !important;
                -webkit-box-shadow: 0 5.31958px 41.7967px -1.51988px rgba(158, 179, 204, .17);
                box-shadow: 0 5.31958px 41.7967px -1.51988px rgba(158, 179, 204, .17);
            }
        }
    }

}

@media (min-width: 768px) and (max-width: 1199px) {
    #user-reviews {
        .tabs {
            overflow-x: scroll;

            .btn {
                gap: .5rem;
                font-size: 12px;
                font-weight: 700;
                min-width: fit-content;
            }
        }

        .splide__slide {
            width: calc(((100% + 24px) / 2) - 24px) !important;
        }
    }
}

.tabs::-webkit-scrollbar {
    display: none;
}

.btn.active {
    pointer-events: none;
}

.splide__slide.splide__slide_ajax {
    transform: translateX(0px);
    margin-left: 24px;
}

.splide__list_ajax {
    overflow-x: scroll;
    transition: all 0.2s linear;
    scroll-behavior: smooth;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.splide__list_ajax::-webkit-scrollbar {
    display: none;
}

.php-last-analysis-user {
    display: flex;

    margin: auto;
    width: 100%;
    padding: var(--Spaces-S13-32, 32px) 0px var(--Spaces-S16-48, 48px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spaces-S16-48, 48px);
}

.php-last-analysis-user__continer {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: var(--Spaces-S10-20, 20px);
}

.php-last-analysis-user__card {
    display: flex;
    width: 23%;
    padding: var(--Spaces-S11-24, 24px);
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
    gap: var(--Spaces-S10-20, 20px);
    flex-shrink: 0;
    border-radius: var(--Radius-R6-12, 12px);
    border: 1px solid var(--Border-Neutral-B, #ebf0f5);
    background: var(--BG-Neutral-White, #fff);
}

.php-last-analysis-user__card-title {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    align-self: stretch;
}

.php-last-analysis-user__card-title img {
    border-radius: var(--Radius-R5-10, 10px);
}

.php-last-analysis-user__card-auther {
    display: flex;
    align-items: center;
    gap: var(--Spaces-S8-16, 16px);
    flex: 1 0 0;
}

.php-last-analysis-user__card-cata {
    display: flex;
    padding: var(--Spaces-S2-4, 4px) var(--Spaces-S4-8, 8px);
    align-items: center;
    gap: 8px;
    border-radius: var(--Radius-R6-12, 12px);
    border: 1px solid var(--Border-Neutral-C, #e2e8f0);
    background: var(--BG-Neutral-White, #fff);
    color: var(--text-icon-fg-neutral-e, #64748b);
    text-align: right;

    /* Body/B4 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F3-12, 12px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Typography-LineHeight-L2-16, 16px); /* 133.333% */
}

.php-last-analysis-user__card-timeandname {
    display: flex;
    flex-direction: column;
    gap: var(--Spaces-S2-4, 4px);
}

.php-last-analysis-user__card-timeandname cite {
    color: var(--text-icon-fg-neutral-c, #334155);
    text-align: right;

    /* Body/B3 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F4-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Typography-LineHeight-L3-20, 20px); /* 142.857% */
}

.php-last-analysis-user__card-timeandname time {
    color: var(--text-icon-fg-neutral-f, #94a3b8);
    text-align: right;

    /* Body/B3 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F4-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Typography-LineHeight-L3-20, 20px); /* 142.857% */
}

.php-last-analysis-user__card-content {
    color: var(--text-icon-fg-neutral-c, #334155);
    text-align: right;
    /* Paragraph/P3 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F4-14, 14px);
    font-style: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-weight: 400;
    font-variation-settings: "wght" 500;
    line-height: var(--Typography-LineHeight-L6-32, 32px); /* 228.571% */
}

.php-last-analysis-user__card-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

.php-last-analysis-user__card-footer a {
    color: var(--text-icon-fg-brand-blue-b-main, #185adb) !important;

    /* Body/B3 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F4-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Typography-LineHeight-L3-20, 20px); /* 142.857% */
}

.php-last-analysis-user__card-footer-comment {
    display: flex;
    align-items: center;
    gap: var(--Spaces-S4-8, 8px);
    color: var(--text-icon-fg-neutral-f, #94a3b8);

    /* Body/B3 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F4-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Typography-LineHeight-L3-20, 20px); /* 142.857% */
}

.php-last-analysis-user__card-footer-show {
    display: flex;
    align-items: center;
    gap: var(--Spaces-S2-4, 4px);
    color: var(--text-icon-fg-brand-blue-b-main, #185adb);
    /* Body/B3 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F4-14, 14px);
    font-style: normal;
    font-weight: 400;
    font-variation-settings: "wght" 500;
    line-height: var(--Typography-LineHeight-L3-20, 20px); /* 142.857% */
}

.php-moment__title {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: var(--text-icon-fg-neutral-a, #0f172a);
    text-align: right;
    align-items: center;
    /* Headline/H4 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F8-28, 28px);
    font-style: normal;
    font-weight: 400;
    font-variation-settings: "wght" 500;
    line-height: var(--Typography-LineHeight-L6-32, 32px); /* 114.286% */
}

.php-moment__title a {
    color: var(--text-icon-fg-neutral-e, #64748b);

    /* Body/B2 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F5-16, 16px);
    font-style: normal;
    font-weight: 400;
    font-variation-settings: "wght" 500;
    line-height: var(--Typography-LineHeight-L3-20, 20px); /* 125% */
}

.php-moment-cata {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: var(--Spaces-S13-32, 20px);
    align-self: stretch;
    border-bottom: 1px solid var(--Border-Neutral-C, #e2e8f0);
    padding-bottom: 18px;
}

.php-analysis-container {
    height: auto !important;
}

.php-last-analysis-user {
    display: flex;

    margin: auto;
    width: 100%;
    padding: var(--Spaces-S13-32, 32px) 0px var(--Spaces-S16-48, 48px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spaces-S16-48, 48px);
}

.php-active-analyis {
    color: var(--text-icon-fg-brand-blue-b-main, #185adb) !important;

    /* Body/B2 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F5-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Typography-LineHeight-L3-20, 20px); /* 125% */
}

.php-active-analyis:before {
    content: "";
    width: var(--js-width-analyis);
    height: 2px;
    background-color: #185adb;
    position: absolute;
    bottom: -1.1rem;
    right: 0;
    -webkit-transition: width 0.2s linear;
    transition: width 0.2s linear;
}

.php-news-cata-btn-analyis {
    position: relative;
    color: var(--text-icon-fg-neutral-f, #94a3b8);
    border: none;
    padding: 0px;
    background: transparent;
    /* Body/B2 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F5-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Typography-LineHeight-L3-20, 20px); /* 125% */
}

.php-last-analysis__img {
    margin: 0
}

.php-last-analysis__img img {
    border-radius: 10px;
}

@media screen and (max-width: 1300px) {
    .php-moment-cata {
        display: flex;
        padding-bottom: 18px;
        align-items: flex-start;
        gap: var(--Spaces-S8-16, 16px);
        align-self: stretch;
    }

    .php-last-analysis-user {
        display: flex;

        margin: auto;
        /*width: 90%;*/
        padding: var(--Spaces-S13-32, 32px) 0px var(--Spaces-S16-48, 48px) 0px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Spaces-S16-48, 48px);
    }

    .php-last-analysis-user__card-content {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        align-self: stretch;
        overflow: hidden;
        color: var(--text-icon-fg-neutral-c, #334155) !important;
        text-align: right;

        /* Paragraph/P3 */
        font-family: var(--Typography-Font-family, "EstedadVF");
        font-size: var(--Typography-Font-Size-F4-14, 14px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--Typography-LineHeight-L6-32, 32px); /* 228.571% */
    }
}

@media screen and (max-width: 861px) {
    .php-moment-cata {
        overflow-x: scroll;
        white-space: nowrap;
    }

    .php-last-analysis-user {
        width: 100%;
        padding: 24px 0;
        gap: 16px
        /*padding: var(--Spaces-S11-24, 24px) var(--Spaces-S8-16, 16px);*/
    }

    .php-last-analysis-user__card {
        width: 275px !important;
    }

    .php-last-analysis-user__card-content {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        align-self: stretch;
        color: var(--text-icon-fg-neutral-c, #334155);
        text-align: right;
        text-overflow: ellipsis;

        /* Paragraph/P3 */
        font-family: var(--Typography-Font-family, "EstedadVF");
        font-size: var(--Typography-Font-Size-F4-14, 14px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--Typography-LineHeight-L6-32, 32px); /* 228.571% */
    }

    .php-moment__title {
        color: var(--text-icon-fg-neutral-a, #0f172a);
        text-align: right;
        margin-bottom: 16px;
        font-family: var(--Typography-Font-family, "EstedadVF");
        font-size: var(--Typography-Font-Size-F6-20, 20px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--Typography-LineHeight-L4-24, 24px); /* 120% */
    }

    .php-moment__title a {
        color: var(--text-icon-fg-neutral-e, #64748b);

        /* Body/B3 */
        font-family: var(--Typography-Font-family, "EstedadVF");
        font-size: var(--Typography-Font-Size-F4-14, 14px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--Typography-LineHeight-L3-20, 20px); /* 142.857% */
    }

    .php-moment__title a span {
        display: none;
    }

    .php-news-cata-btn-analyis {
        font-size: 14px;
    }

    .php-active-analyis {
        font-size: 14px;
    }

    .php-moment-cata::-webkit-scrollbar {
        display: none;
    }

    .php-last-analysis-user__card-auther {
        gap: 12px
    }

    .php-last-analysis-user__card-auther img {
        width: 36px;
        height: 36px
    }

    .php-last-analysis-user__card-timeandname time {
        font-size: 12px
    }

    .php-last-analysis-user__card {
        gap: 16px
    }

    .php-last-analysis__img {
        margin: 0
    }

    .php-last-analysis__img img {
        border-radius: 10px;
    }
}