
.blog-detail-wrapper{
    .qoutes{
        padding: clamp(20px, 1.667vw, 48px);
        .author-name{
            display: flex;
            align-items: center;
            gap: $gap-12;
            &::before{
                content: '';
                background: $accent-1;
                width: clamp(16px, 1.25vw, 48px);
                height: 1px;
            }
        }
    }
}
.review-area{
    .review-block{
        display: flex;
        align-items: flex-start;
        gap: $gap-16;
        
        &.block-2{
            padding-left: clamp(32px, 4.3vw, 120px);
        }
        .image-box{
            display: flex;
            flex-shrink: 0;
            img{
                border-radius: 5px;
                width: clamp(48px, 3.646vw, 96px);
            }
        }
        .text-box{
            .reply-btn{
                color: $accent-1;
                transition: $transition;
                &:hover{
                    transition: $transition;
                    color: $accent-2;
                }
            }
        }
    }
}