You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

131 lines
2.5 KiB

.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: 650px;
justify-content: space-between;
&--right {
align-items: center;
width: 35%;
.right-top {
h1 {
display: inline;
letter-spacing: -2px;
font-family: numeralBold;
background-color: #00CC69;
color: white;
}
p {
margin-top: 10px;
text-align: justify;
font-family: numeralLight;
color: #6d6d6d;
letter-spacing: -1px;
}
}
.right-bottom {
margin-top: 20px;
h2 {
display: inline;
font-family: numeralBold;
background-color: #00CC69;
color: white;
}
ul {
margin: 0px;
list-style: none;
padding: 0px;
margin-top: 5px;
li {
display: inline;
border-bottom: 2px solid #00CC69;
font-family: numeralLight;
color: #6d6d6d;
}
}
}
}
&--left {
width: 60%;
height: 100%;
position: relative;
& img{
position: absolute;
}
&__1{
top:0px;
left: 100px;
z-index: 100;
height: 470px;
width: 470px
}
&__2{
left: 430px;
bottom: 80px;
z-index: 150;
height: 235px;
width: 235px;
}
&__3{
bottom: 0px;
left: 310px;
z-index: 200;
height: 200px;
width: 200px;
}
&__4{
top: 50px;
left: 0px;
z-index: 150;
height: 200px;
width: 200px;
}
}
}
&__advantages {
width: 100%;
height: 300px;
margin-top: 50px;
margin-bottom: 50px;
justify-content: space-around;
&--right {
width: 48%;
height: 100%;
}
&--left {
padding-top: 20px;
width: 48%;
height: 100%;
align-items: flex-end;
margin-top: 20px;
h1 {
display: inline;
font-family: numeralBold;
background-color: #00CC69;
color: white;
}
ul {
margin: 0px;
list-style: none;
padding: 0px;
margin-top: 5px;
li {
display: inline;
text-align: justify;
font-family: numeralLight;
color: #6d6d6d;
}
}
}
}
}