.blog1{direction: rtl; text-align: right;} .blog2{border: 1px solid #e2e3e4; padding: 0.5%;} .blog3{font-size: 18px;} .blog4{direction: ltr;} .breadcrumbAbout{ display: flex; background: #f3f3f3; padding: 8px 22px; border: solid 1px #ebebeb;margin-right: 1%;font-weight: 900;margin-top: 1%;direction:rtl} .breadcrumb{display: flex;flex-direction: row-reverse;} .breadcrumb li a {color: currentColor;padding: unset;}
h1 {font-size: 30px;}
.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    content: var(--bs-breadcrumb-divider, "/");
    padding-right: 0.5rem;
}