.about-block {}

.about-block .about-block__wrapper {
    display: flex;
    flex-direction: row;
    gap: 160px;
    align-items: center;
}

.about-block .about-block__wrapper.withoutimage {
    display: flex;
    flex-direction: row;
    gap: 160px;
    align-items: flex-start;
}

.about-block .wrapper__left-side {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 620px;
}

.about-block .wrapper__left-side.withoutimage {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 750px;
}

.about-block .block_title {
    margin-bottom: 0px;
}

.about-block .block_desc {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.about-block .block_desc ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.about-block .block_desc ul li {
    padding-left: 20px;
    position: relative;
}

.about-block .block_desc ul li::before {
    width: 10px;
    height: 4px;
    position: absolute;
    content: '';
    background: var(--hover-main);
    top: 9px;
    left: 0;
}

.about-block .block_desc * {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: var(--text-primary-main);
}

.about-block .about-block__advantages {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;

}

.about-block .advant__item {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}

.about-block .advant__item-value {
    color: var(--bg-primary-third);
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 10px;

}

.about-block .advant__item-value span {
    color: var(--hover-main);
    font-weight: 700;
    font-size: 44px;
    line-height: 130%;
    letter-spacing: 0%;

}

.about-block .advant__item-desc {
    color: var(--text-primary-main);
    max-width: 230px;
}

.about-block .about_btn {
    background: var(--bg-primary-fourth);
    color: var(--text-primary-head);
    border: 1px solid var(--bg-primary-third);

}


.about-block .about_btn:hover {
    background: var(--hover-main);
    color: var(--bg-primary-fourth);
    border: 1px solid var(--hover-main);

}

.about-block .wrapper__right-side {
    width: 750px;
    height: 544px;

}

.about-block .wrapper__right-side.withoutimage {
    width: 620px;
    height: unset;
    flex-shrink: 0;

}

.about-block .wrapper__right-side img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 1350px) {
    .about-block .wrapper__left-side {
        max-width: 500px;
    }

    .about-block .about-block__wrapper {
        gap: 30px;
    }
    .about-block .about-block__wrapper.withoutimage{
        gap: 30px;
    }
}

@media (max-width: 1100px) {
    .about-block .wrapper__right-side {
        width: 50%;
        height: 450px;
    }

    .about-block .about-block__wrapper {
        align-items: flex-start;
    }
    .about-block .about-block__wrapper.withoutimage{
        flex-direction: column;
        gap: 20px;
    }
    .about-block .wrapper__right-side.withoutimage{
        width: 100%;
    }
    .about-block .wrapper__left-side.withoutimage{
        max-width: 100%;
    }
}

@media (max-width: 850px) {
    .about-block .wrapper__right-side {
        width: 100%;
        height: 450px;
    }

    .about-block .about-block__wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .about-block .wrapper__left-side {
        max-width: 100%;
    }

    .about-block .about-block__advantages {
        max-width: 620px;
    }
}

@media (max-width: 600px) {
    .about-block .wrapper__right-side {
        width: 100%;
        height: 325px;
    }

    .about-block .about-block__wrapper {
        gap: 10px;
    }
}

@media (max-width: 520px) {
    .about-block .advant__item {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }

    .about-block .wrapper__left-side {
        gap: 10px;
    }

    .about-block .block_desc {
        margin: 0;
    }

    .about-block .wrapper__right-side {
        height: 270px;
    }
}