#reviews-block {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}


#reviews-block .wrapper {
    width: 100%;
    padding: 65px;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    background-repeat: no-repeat;
}

#reviews-block .reviews-holder {
    width: 100%;
    max-width: 830px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    z-index: 1;
}
#reviews-block .revs-wrapper {
    display: flex;
    gap: 30px;
}

#reviews-block .reviews-holder .rev {
    border-radius: 10px;
    padding: 20px;
    background: var(--bg-primary-main);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#reviews-block .next-btn {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: var(--text-primary-head);
}

#reviews-block .svg-holder {
    border: 1.50px solid var(--bg-alt-stroke);
    border-radius: 10px;
    background: var(--bg-primary-second);
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#reviews-block .info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#reviews-block .subtitle {
    color: var(--text-primary-main);
}

#reviews-block .star-number {
    display: flex;
    align-items: center;
    gap: 10px;
}

#reviews-block .rev-top {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#reviews-block .rev-top span {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: var(--text-primary-head);
}

#reviews-block .rev-top .number {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    color: var(--text-primary-second);
}

#reviews-block .all-revs {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--text-primary-second);
}

#reviews-block .next-btn * {
    transition: .3s ease-in;
}

#reviews-block .next-btn:hover .svg-holder {
    background: var(--colors-main);
}

#reviews-block .next-btn:hover .svg-holder svg path {
    stroke: var(--bg-primary-main);
}

@media (max-width: 1440px) {
    #reviews-block .wrapper {
        background-position: -130px;
    }
}


@media (max-width: 1300px) {
    #reviews-block .wrapper {
        background-position: -250px;
    }
}

@media (max-width: 1180px) {
    #reviews-block .wrapper {
        background: var(--bg-alt-main);
        justify-content: center;
    }
}

@media (max-width: 1000px) {
    #reviews-block .revs-wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }
    #reviews-block .wrapper {
        padding: 10px;
    }
}