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.

102 lines
2.2 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: 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;
}
}
}
}
}