.approach {
padding: 25px 0 15px;
} .approach__content {
display: flex;
justify-content: space-between;
gap: 30px;
} .approach_left {
max-width: 484px;
width: 100%;
} .approach_center {
max-width: 614px;
width: 100%;
} .approach_center img {
width: 100%;
} .approach_right {
max-width: 397px;
width: 100%;
} .approach__content h2 {
font-size: 24px;
font-weight: 400;
line-height: 100%;
letter-spacing: 5%;
vertical-align: middle;
text-transform: uppercase;
color: var(--dark);
} .approach__content .line {
max-width: 148px;
width: 100%;
height: 2px;
background: var(--light2);
margin: 10px 0;
} .approach__content ul {
display: flex;
flex-direction: column;
gap: 5px;
} .approach__content ul li {
display: flex;
align-items: flex-start;
font-size: 24px;
font-weight: 400;
line-height: 100%;
letter-spacing: 5%;
vertical-align: middle;
color: var(--dark);
} .approach__content ul li::before {
content: '';
display: inline-block;
min-width: 7px;
min-height: 7px;
width: 7px;
height: 7px;
background: var(--dark);
border-radius: 50%;
margin: 10px 15px 0;
} .approach__content p {
font-size: 24px;
font-weight: 400;
line-height: 100%;
letter-spacing: 5%;
vertical-align: middle;
color: var(--light2);
margin-bottom: 10px;
} .approach_right ul li {
font-size: 20px;
}
@media (max-width: 1480px) {
.approach__content {
flex-wrap: wrap;
gap: 0 30px;
}
} @media (max-width: 1160px) {
.approach__content {
gap: 30px;
} .approach_center {
max-width: 400px;
}
} @media (max-width: 940px) {
.approach__content {
flex-direction: column;
align-items: center;
gap: 20px;
} .approach_left,
.approach_right,
.approach_center {
max-width: 100%;
}
} @media (max-width: 600px) {
.approach {
padding: 15px 0 15px;
} .approach .container {
padding: 0 25px;
} .approach__content {
gap: 15px;
} .approach__content h2 {
font-size: 20px;
} .approach__content ul li {
font-size: 16px;
} .approach__content ul li::before {
min-width: 5px;
min-height: 5px;
width: 5px;
height: 5px;
margin: 6px 8px 0;
} .approach__content p {
font-size: 20px;
}
}