.reviews {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    font-family: "Poppins", Sans-serif;
}
.reviews .slider {
    display: flex;
    flex-direction: column;
    max-width: 1520px;
    position: relative;
    width: 100%;
}
.reviews .sliders {
    display: flex;
    gap: 24px;
    will-change: transform;
}
.reviews .slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    padding: 48px 40px;
    background: white;
    border-radius: 24px;
    filter: drop-shadow(0px 4px 16px rgba(93, 95, 105, 0.25));
    cursor: -webkit-grab;
    cursor: grab;
}
.reviews .slide .review-content {
    font-size: 18px;
    color: #646C77;
    margin: 0;
    line-height: 1.4em;
    max-height:156px;
    overflow:hidden;
    user-select: none;
}
.review-footer {
    display: flex;
    align-items: center;
    gap: 12px;
    user-select: none;
}
.profile-img, .platform-icon {
    min-width: 40px;
}
.profile-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-width: 440px;
    width: 100%;
}
.profile-details .name {
    font-size: 18px;
    margin: 0;
    line-height: 1.4em;
    color: #000712;
}
.profile-details .date {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    line-height: 1.4em;
    color: #646C77;
}
.profile-details .stars .verified-review {
    display: inline-block;
    background: url(https://cdn.trustindex.io/assets/icon/ti-verified.svg);
    background-size: contain;
    width: 19px;
    height: 19px;
    margin: 0 !important;
    margin-top: 1px !important;
    position: relative;
    z-index: 2;
}
.reviews .prev,
.reviews .next {
    display: flex;
    cursor: pointer;
    user-select: none;
}
.reviews .prev:not(.inactive) svg path,
.reviews .next:not(.inactive) svg path { 
    stroke: #000712; 
}
.reviews .controls {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    max-width: 544px;
    width: 100%;
    align-self: center;
}
.reviews .pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.reviews .dot {
    width: 48px;
    height: 4px;
    background-color: #D2D4DB;
    cursor: pointer;
    transition: background-color 0.3s;
    border-radius: 2px;
}
.reviews.dark .dot {
    background-color: #646C77;
}
.reviews .dot.active,
.reviews.dark .dot.active{
    background-color: #E8B931!important;
}
.reviews.dark .slide {
    background: #191F2B;
    filter: none;
}
.reviews.dark .slide .review-content {
    color: #AEB6BD;
}
.reviews.dark .profile-details .name {
    color: white;
}
.reviews.dark .profile-details .stars {
    display: flex;
    gap: 2px;
}
.reviews.dark .prev rect,
.reviews.dark .next rect {
    fill: #191F2B;
}
.reviews.dark .prev:not(.inactive) svg path,
.reviews.dark .next:not(.inactive) svg path { 
    stroke: white; 
}

@media only screen and (max-width: 767px) {
    .reviews .slide {padding:28px 16px;background:white;}
    .reviews .slide .review-content {font-size: 14px;}
    .profile-details {max-width:100%;}
    .profile-details .name {font-size:14px;}
    .profile-details .date {font-size:12px;}
    .reviews .pagination {gap:6px;}
    .reviews .controls {justify-content:center;max-width:100%;gap:4px;}
    .reviews .dot {width: 36px;}
    .reviews .review-content{max-height:136px;}
}