#advants-block {
padding-top: 100px;
padding-bottom: 100px;
}
#advants-block .advants__container {
display: flex;
gap: 50px;
justify-content: space-between;
}
#advants-block .advants-left .advants__title {
margin-bottom: 50px;
}
#advants-block .advants-left .advants__title span {
color: var(--colors-second);
}
#advants-block .advants-left .advants {
display: flex;
flex-direction: column;
gap: 30px;
}
#advants-block .advants-left .advants .advant {
display: flex;
gap: 30px;
max-width: 600px;
}
#advants-block .advants-left .advants .advant .advant-icon {
width: 40px;
height: 40px;
flex-shrink: 0;
}
#advants-block .advants-left .advants .advant .advant-text {
display: flex;
flex-direction: column;
gap: 10px;
}
#advants-block .advants-left .advants .advant .advant-text .advant-desc {
color: var(--text-primary-main);
}
@media(max-width: 1200px) {
#advants-block .advants__container {
flex-direction: column;
}
#advants-block .advants-left .advants .advant {
max-width: unset;
}
}
@media(max-width: 768px) {
#advants-block {
padding-top: 0px;
padding-bottom: 0px;
}
#advants-block .advants__container {
gap: 20px;
}
#advants-block .advants-left .advants {
gap: 15px;
}
#advants-block .advants-left .advants .advant {
gap: 15px;
}
}