@media (orientation: landscape) { .amg2{ width: 60%; } } .login1{display: flex;justify-content: space-around;align-items: center;background: white} .login2{box-shadow: rgba(0, 0, 0, 0.05) 10px 4px 125px 0px;padding: 29px;} .login3{color:black;text-align:center} .login4{color:black;text-align:center} .login5{text-align: right;direction: rtl;}
.login6{color:black} .login7{color: #FF5722; font-size: 13px !important;} .login8{color: black !important; font-size: 15px !important;}
h1 {font-size: 30px;}
.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;}
.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    content: var(--bs-breadcrumb-divider, "/");
    padding-right: 0.5rem;
}