body {
    direction: rtl;
}

.blog-details {
    padding: 1em;

    h1 {
        text-align: center;
        margin-block: 1em;
    }

}

.blog-details .container {
    border-radius: 30px;
    padding: 1.4em;
    max-width: 990px;
    margin-inline: auto;
    margin-block-end: 3em;
    box-shadow: 0px 0px 10px 0px rgba(218.2375, 218.2375, 218.2375, 0.9);

    img {
        width: 100%;
        max-height: 400px;
        object-fit: cover;
        border-radius: 20px;
        margin-block-end: 1em;
    }

    p {
        font-size: 1rem;
        line-height: 1.8;
    }

    .review {
        display: flex;
        gap: 2em;
        width: 100%;
        border-bottom: .1px solid black;
        margin-block: 2em;

        p {
            font-size: .9rem;
            color: rgb(74, 74, 74);

            span {
                color: black;
                font-weight: bold;
            }
        }
    }
}