.kreo .section-about__block {
    position: relative;
}

.kreo .section-about__background {
    position: relative;
    width: 100%;
    height: 100%;
}

.kreo .section-about__background img {
    object-fit: contain;
    object-position: right;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.kreo .section-about__content {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;
    padding: 56px 67px;
    max-width: 762px;
    color: #fff;
}

.kreo .section-about__content h2 {
    margin-bottom: 30px;
    border-left: 2px solid #fff;
    padding: 9px 0 7px 25px;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0.001rem;
}

.kreo .section-about__content .section__text {
    padding-left: 25px;
    margin-bottom: 70px;
    opacity: 0.7;
    font-size: 18px;
    line-height: 25px;
}

.kreo .section-about__content .section-about__list {
    padding: 0;
    margin-bottom: 26px;
    max-width: 475px;
    width: 100%;
}

.kreo .section-about__content .section-about__list li {
    width: 100%;
    padding: 24px 0 0 0;
    border-bottom: none;
    display: flex;
    align-items: center;
    gap: 32px;
    justify-content: space-between;
}

.kreo .section-about__content .section-about__list li a {
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 24px;
}

.kreo .section-about__content .section-about__list li:last-child a {
    border-bottom: none;
}

.kreo .section-about__content .section-about__list li svg {
    padding-bottom: 24px;
}

.kreo .section-about__social {
    margin-top: 24px;
    display: flex;
    align-items: center;
}

.kreo .section-about__social .about__social {
    display: flex;
    align-items: center;
}

.kreo .section-about__social .about__social .about__social-title {
    padding-right: 16px;
    opacity: 0.7;
    font-size: 18px;
    line-height: 170%;
}

.kreo .section-about__background:before {
    content: none;
    display: none;
}

.kreo .mobile-picture {
    display: none;
}

@media (max-width: 1340px) {
    .kreo .section-about__content {
        max-width: 500px;
    }

    .kreo .section-about__content .section__text {
        margin-bottom: 20px;
    }

    .kreo .section-about__social {
        margin-top: 0;
    }

    .kreo .section-about__content h2 {
        margin-bottom: 20px;
    }
}

@media (max-width: 1090px) {
    .container.kreo {
        padding: 0;
        margin-top: 50px;
    }

    .kreo .section-about__block {
        background-color: unset !important;
    }

    .kreo .section-about__background {
        display: none;
    }

    .kreo .mobile-picture {
        display: block;
        max-height: 250px;
        overflow: hidden;
        background-color: #060606;
    }

    .kreo .mobile-picture img {
        object-fit: contain;
        object-position: center;
        display: block;
        height: auto;
        width: 500px;
        margin: -40px auto 0;
    }

    .kreo .section-about__content {
        max-width: 100%;
        position: unset;
        padding: 0;
    }

    .kreo .section-about__content h2 {
        background-color: #060606;
        margin: 0;
        padding-bottom: 7px;
        border: none;
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 700;
        font-size: 18px;
        line-height: 100%;
        padding-top: 20px;
    }

    .kreo .section-about__content h2::before {
        content: '';
        display: block;
        width: 2px;
        height: 32px;
        background-color: #fff;
    }

    .kreo .section-about__content .section__text {
        padding: 0 37px;
        margin: 0;
        background-color: #060606;
        opacity: 1;
        font-size: 12px;
        line-height: 130%;
    }

    .kreo .section-about__content .section-about__list {
        max-width: 100%;
        margin-bottom: 17px;
    }

    .kreo .section-about__content .section-about__list li {
        padding: 17px 24px;
        border-bottom: 1px solid #BDBDBD;
    }

    .kreo .section-about__content .section-about__list li a {
        color: #060606 !important;
        font-weight: 600;
        font-size: 16px;
        line-height: 130%;
    }

    .kreo .section-about__content .section-about__list li a,
    .kreo .section-about__content .section-about__list li svg {
        border: none;
        padding: 0;
    }

    .kreo .section-about__content .section-about__list li svg path {
        stroke: #060606;
    }

    .kreo .section-about__social {
        padding: 0 24px;
    }

    .kreo .section-about__social .about__social {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }

    .kreo .section-about__social .about__social .about__social-title {
        padding: 0;
        opacity: 1;
        color: #8D8E8E !important;
        font-size: 14px;
        line-break: 130%;
    }

    .kreo .about__social .soc .item a {
        border: none;
        padding: 0;
        width: 24px;
        height: 24px;
    }

    .kreo .about__social .soc .item a.vk {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='16' viewBox='0 0 25 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.9541 12.4559C23.2128 11.5648 22.3339 10.8009 21.5079 9.98406C20.7561 9.25205 20.7137 8.8277 21.3173 7.9896C21.9738 7.06664 22.6833 6.18611 23.3399 5.27375C23.9541 4.41444 24.5894 3.56573 24.9177 2.53668C25.1295 1.88954 24.9389 1.59249 24.2717 1.48641C24.1553 1.46519 24.0388 1.46519 23.9223 1.46519H19.9618C19.4747 1.45458 19.1994 1.66676 19.03 2.10172C18.797 2.6852 18.5534 3.26869 18.2781 3.84156C17.6533 5.12523 16.9439 6.35585 15.959 7.40612C15.7472 7.63951 15.5037 7.92595 15.1331 7.80926C14.6777 7.63951 14.5401 6.8969 14.5506 6.64229V2.05928C14.4659 1.40154 14.3177 1.1151 13.6717 0.987793H9.56301C9.01236 0.987793 8.73704 1.19997 8.45112 1.53945C8.28169 1.74102 8.22875 1.86832 8.5782 1.93198C9.26651 2.05928 9.64773 2.50485 9.75362 3.18382C9.91247 4.27652 9.90188 5.37984 9.81716 6.48315C9.78539 6.80142 9.73244 7.11968 9.60537 7.42734C9.40417 7.90473 9.08649 7.9896 8.66291 7.70317C8.28169 7.43795 8.01696 7.06664 7.75222 6.69533C6.74622 5.30558 5.96261 3.79913 5.31665 2.21841C5.12604 1.76224 4.80836 1.48641 4.33183 1.4758C3.14581 1.45458 1.9598 1.45458 0.763191 1.4758C0.0536981 1.48641 -0.16868 1.8365 0.127824 2.48363C1.41974 5.36923 2.8599 8.16995 4.73423 10.7267C5.69787 12.0422 6.80976 13.1985 8.23934 14.0154C9.85952 14.949 11.6068 15.2248 13.4493 15.1399C14.3071 15.0975 14.5718 14.8747 14.6142 14.0154C14.6459 13.4319 14.7095 12.8378 14.9954 12.318C15.2813 11.7982 15.7049 11.7027 16.2026 12.021C16.4461 12.1801 16.6579 12.3923 16.8591 12.6044C17.3463 13.1349 17.8122 13.6865 18.3205 14.1958C18.9558 14.8429 19.6971 15.2248 20.6396 15.1399H24.2823C24.8648 15.0975 25.1718 14.3761 24.833 13.729C24.6 13.2622 24.2823 12.8484 23.9541 12.4559Z' fill='%23C9C9C9'/%3e%3c/svg%3e");
    }

    .kreo .about__social .soc .item a.tg {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='17' viewBox='0 0 22 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.515 0.111779L1.02726 7.03576C-0.302696 7.52794 -0.295002 8.21153 0.783255 8.51636L5.78654 9.95443L17.3627 3.22489C17.9101 2.91803 18.4102 3.08311 17.9991 3.41933L8.62013 11.2183H8.61793L8.62013 11.2193L8.275 15.971C8.78061 15.971 9.00373 15.7573 9.28731 15.5052L11.7175 13.3278L16.7725 16.768C17.7045 17.241 18.3739 16.9979 18.6058 15.973L21.9241 1.56402C22.2638 0.30926 21.4042 -0.258877 20.515 0.111779Z' fill='%23C9C9C9'/%3e%3c/svg%3e");
    }
}

@media (max-width: 500px) {
    .kreo .mobile-picture img {
        width: 300px;
    }

    .kreo .mobile-picture {
        max-height: 150px;
    }
}