.block{
    width: 85%;
    height: max-content;
    margin: auto;
}
.arrow-left-container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.arrow-right-container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.arrow{
    width: 70px;
    cursor: pointer;
    transition: all 0.2s;
}
.arrow:hover{
    opacity: 42%;
}
.gridBlock{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    height: max-content;
    grid-column-gap: 1.6em;
    margin: auto;
}
.bloks{
    height: 250px;
    border-radius: 20px;
    transition: all 0.3s;
}
.scrollCircle{
    width: 68px;
    height: 16px;
    margin: auto;
    margin-top: 35px;
}
.circle{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 3px solid black;
    float: left;
    margin-left: 10px;
    cursor: pointer;
    transition: all 0.2s;
}

.circle:hover{
    border: 3px solid rgba(0, 0, 0, 0.493);
}

.comments{
    width: 100%;
    height: max-content;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 10fr 1fr;
}
#oneBloks{
    margin-left: 0px!important;
}

.all-comments-block{
    width: 100%;
    height: max-content;
    position: relative;
}