#reviews_rating_list {
    display: grid;
    background: var(--Grey-50, #FAFAFA);
    border-radius: 12px;
    margin-bottom: 24px;
    grid-template-columns:1fr;
}

@media (min-width: 576px) {
    #reviews_rating_list {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }

}

@media (min-width: 1025px) {
    #reviews_rating_list {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }
    .review-summary:after {
        content: '';
        position: absolute;
        width: 2px;
        height: 96px;
        background: var(--Grey-200, #DEDFE3);
        top: 50%;
        right: 24px;
        transform: translateY(-50%);
    }
}

@media (max-width: 1024px) {
    #reviews_rating_list {
        grid-template-columns: 1fr !important;
    }
    .review-summary {
        border-bottom: 1px solid var(--Grey-200, #DEDFE3);
    }
}

.review-summary {
    position: relative;
}

.slick-prev {
    left: -30px;
    z-index: 1;
    width: 24px;
    height: 25px;
    background-size: contain;
}
.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.slick-next {
    right: -30px;
    z-index: 1;
    width: 32px;
    height: 33px;
    background-size: contain;
}
.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.slick-prev:before,
.slick-next:before {
    content: '';
}
.slick-prev:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M7.48862 10.9868L11.5252 6.83326C11.6228 6.73626 11.7007 6.62023 11.7542 6.49194C11.8078 6.36365 11.836 6.22567 11.8372 6.08605C11.8383 5.94643 11.8125 5.80797 11.7611 5.67874C11.7097 5.54951 11.6338 5.43211 11.5379 5.33337C11.4419 5.23464 11.3278 5.15657 11.2022 5.10369C11.0766 5.05082 10.9421 5.02422 10.8064 5.02543C10.6707 5.02664 10.5366 5.05565 10.4119 5.11076C10.2872 5.16587 10.1745 5.24598 10.0802 5.34641L4.2992 11.2949C4.10762 11.4921 4 11.7595 4 12.0383C4 12.3171 4.10762 12.5845 4.2992 12.7817L10.0802 18.7302C10.2729 18.9218 10.5311 19.0277 10.799 19.0254C11.067 19.023 11.3233 18.9124 11.5128 18.7174C11.7022 18.5224 11.8097 18.2587 11.812 17.983C11.8144 17.7073 11.7114 17.4417 11.5252 17.2434L7.48862 13.0898L18.9781 13.0898C19.2491 13.0898 19.509 12.9791 19.7007 12.7819C19.8923 12.5847 20 12.3172 20 12.0383C20 11.7594 19.8923 11.492 19.7007 11.2948C19.509 11.0976 19.2491 10.9868 18.9781 10.9868L7.48862 10.9868Z' fill='%233B3D45'/%3E%3C/svg%3E") !important;
}
.slick-next:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M16.5114 13.064L12.4748 17.2175C12.3772 17.3145 12.2993 17.4305 12.2458 17.5588C12.1922 17.6871 12.164 17.8251 12.1628 17.9647C12.1617 18.1043 12.1875 18.2428 12.2389 18.372C12.2903 18.5013 12.3662 18.6187 12.4621 18.7174C12.5581 18.8161 12.6722 18.8942 12.7978 18.9471C12.9234 19 13.0579 19.0266 13.1936 19.0254C13.3293 19.0241 13.4634 18.9951 13.5881 18.94C13.7128 18.8849 13.8255 18.8048 13.9198 18.7044L19.7008 12.7559C19.8924 12.5587 20 12.2913 20 12.0125C20 11.7336 19.8924 11.4662 19.7008 11.269L13.9198 5.32057C13.7271 5.12902 13.4689 5.02304 13.201 5.02543C12.933 5.02783 12.6767 5.13842 12.4872 5.33338C12.2978 5.52834 12.1903 5.79207 12.188 6.06778C12.1856 6.34349 12.2886 6.6091 12.4748 6.80742L16.5114 10.9609L5.02192 10.9609C4.75089 10.9609 4.49096 11.0717 4.29931 11.2689C4.10767 11.4661 4 11.7336 4 12.0125C4 12.2914 4.10767 12.5588 4.29931 12.756C4.49096 12.9532 4.75089 13.064 5.02192 13.064L16.5114 13.064Z' fill='%233B3D45'/%3E%3C/svg%3E") !important;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    background: none;
}

.review-summary:last-child:after {
    display: none !important;
}
.review-summary h5 {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: rgb(17, 17, 17);
}
.review-header turbo-frame {
    position: relative;
}
.review-summary .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}
.average-rating-count {
    font-size: 14px;
    margin-left: 8px;
    margin-right: 8px;
}
.review-header turbo-frame svg {
    position: absolute;
    bottom: -8px;
    right: -10px;
}
.review-summary .count {
    font-size: 14px;
    font-weight: 600;
    color: var(--Grey-400, #8C909C);
}
.showcase-preview-rate {
    color: var(--Blue-600, #0284C7);
    font-size: 16px !important;
    font-weight: normal !important;
}
.showcase-preview-rate:hover {
    text-decoration: none;
}


.head-summary {
    font-weight: 700;
    font-size: 20px;
    color: rgb(17, 17, 17);
}
.review-header img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.review-meta {
    margin-left: 12px;
    max-width: 60%;
}
.review-body a {
    color: #0284C7;
}
.review-meta h4 {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    min-width: 30%;
    margin-bottom: 4px;
}

.review-meta p {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--Grey-500, #656A76);
}
.review-list-card {
    display: grid;
    gap: 10px;
    grid-auto-flow: column;
    padding: 0 20px;
}
.review-card {
    background: var(--Grey-50, #FAFAFA);
    height: 230px;
    border-radius: 12px;
}
.my-content {
    font-size: 16px;
    line-height: 23px;
    color: #0C0C0E;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--read-more-line-clamp, 2);
}

#readmoreModal .my-content {
    -webkit-line-clamp: var(--read-more-line-clamp, 2);
}

#readmoreModal .review-card {
    height: auto !important;
    background: white;
    margin: 0 !important;
}

#readmoreModal .close {
    padding-top: 15px;
    padding-bottom: 15px;
}

#readmoreModal .modal-body {
    padding: 0 !important;
}

#readmoreModal .modal-body p {
    margin-bottom: 0 !important;
}

.modal .close {
    position: absolute;
    right: 12px;
    z-index: 1000;
    top: 10px;
}

#readmoreModal .modal-header {
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
}

@media only screen and (max-width: 767px) {
    .head-summary {
        font-size: 14px;
    }
    .review-summary {
        padding: 24px 12px;
    }
    .review-summary .showcase-preview-rate {
        white-space: nowrap;
        display: inline-block;
        font-size: 9px;
        border: none;
        padding: 9px 5px;
    }
    .review-summary h5 {
        font-size: 17px;
    }
}

.slick-list {
    margin: 0 -10px; /* Adjust this value to half of the desired spacing */
}

.slick-slide {
    padding: 0 12px; /* This value should be the same as the absolute value of the margin above */
}
 [data-component="reviews"]{
     padding: 12px 0;
 }