.circle {
    position: absolute;
    top: 0;
    width: 1920px;
    height: 100%;
    max-width: 1920px;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
}

.circle__item {
    position: absolute;
    border-radius: 50%;
}

.circle__item_1 {
    background-color: #c6e0d3;
    width: 700px;
    height: 700px;
    left: -60px;
    top: -70px;
}

.circle__item_2 {
    background-color: #d9ebe2;
    width: 361px;
    height: 361px;
    left: 520px;
    top: -50px;
}

.circle__item_3 {
    background-color: #fffaee;
    width: 489px;
    height: 489px;
    left: 660px;
    top: 130px;
}

.circle__item_4 {
    background-color: #ffda89;
    width: 519px;
    height: 519px;
    right: -80px;
    top: 420px;
}

.circle__item_5 {
    background-color: #ddece5;
    width: 398px;
    height: 398px;
    right: 490px;
    bottom: -20px;
}

.circle__item_6 {
    background-color: #ffebbc;
    width: 231px;
    height: 231px;
    left: 720px;
    bottom: 10px;
}

.circle_doc .circle__item_1 {
    left: 110px;
    top: 20px;
    width: 600px;
    height: 600px;
}

.circle_doc .circle__item_2 {
    left: 670px;
    top: 60px;
}

.circle_doc .circle__item_3 {
    left: 780px;
    top: 170px;
}