.about { width: 100vw; max-width: 1250px; margin: 0px auto; padding: 0px 10px; direction: rtl; min-height: calc(100vh - 288px); &__fury { margin-top: 30px; width: 100%; height: 400px; justify-content: space-between; &--right { align-items: center; width: 35%; .right-top { h1 { display: inline; letter-spacing: -2px; font-family: numeralBold; font-size: calc(100vw / 55); background-color: #7dc241; color: white; } p { margin-top: 10px; text-align: justify; font-family: numeralLight; font-size: calc(100vw / 90); color: #6d6d6d; } } .right-bottom { margin-top: 20px; h1 { display: inline; font-family: numeralBold; font-size: calc(100vw / 85); background-color: #7dc241; color: white; } ul { margin: 0px; list-style: none; padding: 0px; margin-top: 5px; li { display: inline; border-bottom: 2px solid #7dc241; font-family: numeralLight; font-size: calc(100vw / 95); color: #6d6d6d; } } } } &--left { width: 60%; background-color: #eee; height: 100%; } } &__advantages { width: 100%; height: 300px; margin-top: 50px; margin-bottom: 50px; justify-content: space-around; &--right { width: 48%; height: 100%; } &--left { padding-top: 80px; width: 48%; height: 100%; align-items: flex-end; margin-top: 20px; h1 { display: inline; font-family: numeralBold; font-size: calc(100vw / 55); background-color: #7dc241; color: white; } ul { margin: 0px; list-style: none; padding: 0px; margin-top: 5px; li { display: inline; text-align: justify; font-family: numeralLight; font-size: calc(100vw / 90); color: #6d6d6d; } } } } }