.afraid2 {
opacity: 1;
position: relative;
background: #F2F5F8;
border-radius: 0 60px 0 60px;
padding: 80px 0;
}
@media screen and (max-width: 960px) {
.afraid2 {
padding: 60px 0 320px;
}
}
@media screen and (max-width: 780px) {
.afraid2 {
padding: 37px 0 284px;
border-radius: 0 40px;
}
}
.afraid2__img {
position: absolute;
right: 0;
bottom: 0;
}
@media screen and (max-width: 1700px) {
.afraid2__img {
max-width: 60vw;
}
}
@media screen and (max-width: 1300px) {
.afraid2__img {
max-width: unset;
width: 750px;
right: auto;
left: 500px;
}
}
@media screen and (max-width: 1100px) {
.afraid2__img {
width: 700px;
left: 450px;
}
}
@media screen and (max-width: 960px) {
.afraid2__img {
right: 0;
left: auto;
width: 440px;
}
}
@media screen and (max-width: 780px) {
.afraid2__img {
width: 390px;
}
}
@media screen and (max-width: 780px) {
.afraid2__title {
margin-bottom: 30px;
}
}
.afraid2__list {
padding: 0;
margin: 0;
list-style: none;
}
.afraid2__list li {
margin-bottom: 40px;
font-weight: 700;
font-size: 24px;
padding-left: 34px;
position: relative;
}
@media screen and (max-width: 1500px) {
.afraid2__list li {
font-size: 20px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 780px) {
.afraid2__list li {
margin-bottom: 20px;
padding-left: 30px;
font-size: 14px;
}
}
.afraid2__list li::before {
content: "";
display: block;
position: absolute;
width: 19px;
height: 3px;
left: 0;
top: 0.5em;
background: #7a95c0;
border-radius: 10px;
}
@media screen and (max-width: 780px) {
.afraid2__list li::before {
width: 15px;
}
}
.afraid2__list li:last-child {
margin-bottom: 0;
}