.graphic-visualization-module {
    margin: 0 auto;
}
.graphic-visualization-module h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 800;
    line-height: normal;
}
.graphic-visualization-module h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 800;
    line-height: normal;
}
.graphic-visualization-module span {
    color: #FF0C0C;
}
.graphic-visualization-module h1{
    font-weight: 700;
    font-size: 32px;
    line-height: 1.37;
}
.graphic-visualization-module h3{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}
.graphic-visualization-module h4{
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
}
.graphic-visualization-module p span{
    font-weight: 700;
}

.graphic-visualization-module ol, .graphic-visualization-module ol li {
    list-style: auto;

}

.graphic-visualization-module ul, .graphic-visualization-module ul li {
    list-style: disc;

}

.graphic-visualization-module ol {
    padding-left: 20px;
}

.graphic-visualization-module ul {
    margin-bottom: 30px;
    padding-left: 30px;
}
.graphic-visualization-module__registry-wrap {
    display: inline-block;
    background: #EAF6EF;
    border-radius: 30px;
    padding: 10px 15px;
}

.graphic-visualization-module__registry {
    display: flex;
    gap: 10px;
    align-items: center;
}
.graphic-visualization-module__registry p {
    color: #2DAA5C;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}
.graphic-visualization-module__navigate-page {
    border-top: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
    display: flex;
    justify-content: center;
}
.graphic-visualization-module__navigate-page-wrap {
    display: flex;
    gap: 40px;
    padding: 20px;
}
.graphic-visualization-module__navigate-page-wrap a {
    color: #6B7280;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}

.graphic-visualization-module__big_margin {
    margin: 40px 0
}
.graphic-visualization-module__item-image {
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 15px;
}
.graphic-visualization-module__item-image p {
    color: #6B7280;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    text-align: left;
}
[data-style-body] .header-2r {
    padding-top: 0
}

.graphic-visualization-module__operating-documentation {
    /*display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 40px), 1fr));*/
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.graphic-visualization-module__operating-documentation-item{
    width: 100%;
    display: flex;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #F7F8FA;
    margin-bottom: 15px;
    gap: 15px;
}
.graphic-visualization-module__operating-documentation-item:last-child {
    margin-right: 0;
}
.graphic-visualization-module__operating-documentation-item-filename {
    display: flex;
    align-items: center;
    gap: 15px;
}
.graphic-visualization-module__operating-documentation-item img {
    width: auto;
    height: auto;
}
.graphic-visualization-module__operating-documentation-item a {
    font-size: 14px;
    color: #000;
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #E5E7EB;
    background: #FFF;
}

.graphic-visualization-module__operating-documentation-wrap {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
}
.graphic-visualization-module__operating-documentation-wrap h3.green{
    color: #2DAA5C;
}
.graphic-visualization-module__operating-documentation-wrap h3.size{
    font-size: 14px;
}
.graphic-visualization-module__operating-documentation-wrap h3.custom-align {
    text-align: center;
}
.graphic-visualization-module__operating-documentation-wrap h3.center{
    text-align: center;
}
.graphic-visualization-module__expanded-paragraph {
    color: #2DAA5C;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
}
.graphic-visualization-module__about-project {
    margin-left: auto;
    margin-right: auto;
}
.graphic-visualization-module__about-project h2, p {
    text-align: center;
}
.graphic-visualization-module__about-project p {
    color: #6B7280;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}
.graphic-visualization-module__about-project p.green {
    color: #2DAA5C;
    font-size: 14px;
    font-weight: 700;
}
.graphic-visualization-module__key-features-item {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #E5E7EB;
    background: #F7F8FA;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    box-sizing: border-box;
}
.graphic-visualization-module__key-features-item ul li {
    margin-bottom: 15px;
}
.graphic-visualization-module__key-features-item ul li::marker{
    color: #2DAA5C;
}
.graphic-visualization-module__key-features-item ul li span {
    color: #6B7280;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin-top: 10px;
}
.graphic-visualization-module__features-item-title {
    display: flex;
    align-items: center;
    gap: 15px;
}
.graphic-visualization-module__features-item-title h4 {
    text-align: left;
}
.graphic-visualization-module__features-item-circle {
    background: #EAF6EF;
    min-width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.graphic-visualization-module__faq {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}
.graphic-visualization-module__advantages-items {
    display: flex;
    gap: 15px;
    justify-content: center;
}
.graphic-visualization-module__advantages-item {
    border-radius: 12px;
    border: 1px solid #E5E7EB;
    background: #FFF;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.04);
    padding: 40px;
    max-width: 575px;
}
.graphic-visualization-module__advantages-item h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
}
.graphic-visualization-module__advantages-item p {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.46;
    text-align: left;
}
.graphic-visualization-module__advantages-item-circle {
    background: #EAF6EF;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.graphic-visualization-module__application-cases p {
    color: #6B7280;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}
.graphic-visualization-module__application-cases-head {
    width: 78%;
    margin-left: auto;
    margin-right: auto;
}
.graphic-visualization-module__application-cases-items {
    display: flex;
    gap: 15px;
}
.graphic-visualization-module__application-cases-item {
    border-radius: 12px;
    border: 1px solid #FF0C0C;
    padding: 30px;
}
.graphic-visualization-module__application-cases-item--symmetry {
    width: 50%;
}
.graphic-visualization-module__application-cases-item h5 {
    margin-bottom: 10px;
}
.graphic-visualization-module__application-cases-item p {
    text-align: left;
    font-size: 15px;
}
.graphic-visualization-module__application-case-bg-icon {
    border-radius: 8px;
    background: #FFEBEB;
    width: 55px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}
.graphic-visualization-module__product-inventory {
    border-radius: 12px;
    background: #04100D;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.07);
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
    box-sizing: border-box;
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='411' height='280' viewBox='0 0 411 280' fill='none'%3E%3Cg opacity='0.72' filter='url(%23filter0_f_3209_425)'%3E%3Cpath d='M109.582 -69.1055L-19.1248 -47.9972L-58.4224 -16.7237L-79.3828 41.1319L-77.0907 124.788L-46.9614 133.779L-12.2467 157.234L33.6029 184.598L125.957 197.107L171.152 157.234L195.387 41.1319L179.994 -38.2241L109.582 -69.1055Z' fill='%2336D721'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_3209_425' x='-294.483' y='-284.205' width='704.97' height='696.413' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='107.55' result='effect1_foregroundBlur_3209_425'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");*/
    /*background-repeat: no-repeat;*/
    /*background-size: 50%;*/
    background-image: radial-gradient(circle 345px at 83px 74px, #36D721 -78%, black 83%);
}
.graphic-visualization-module__product-inventory h4 {
    color: #FFF;
    text-align: left;
}
.graphic-visualization-module__product-inventory-point {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}
.graphic-visualization-module__product-inventory-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
}
.graphic-visualization-module__product-inventory-body p {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}
.graphic-visualization-module__product-inventory-body h3 {
    color: #2DAA5C;
    font-size: 28px;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 15px;
}
.graphic-visualization-module__product-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.graphic-visualization-module__product-price-button {
    display: flex;
    justify-content: center;
}
.graphic-visualization-module__product-price-button button {
    border-radius: 30px;
    border: 1px solid #2DAA5C;
    outline: none;
    background: transparent;
    color: white;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    padding: 10px 40px;
    box-sizing: border-box;
    width: 215px;
    cursor: pointer;
}
/*.graphic-visualization-module__product-inventory-body button {*/
/*    border-radius: 30px;*/
/*    border: 1px solid #2DAA5C;*/
/*    outline: none;*/
/*    background: transparent;*/
/*    color: white;*/
/*    font-size: 16px;*/
/*    font-weight: 700;*/
/*    line-height: normal;*/
/*    padding: 10px 40px;*/
/*    box-sizing: border-box;*/
/*    width: 215px;*/
/*    cursor: pointer;*/
/*}*/
.graphic-visualization-module__product-inventory-point:last-child {
    margin-right: 0;
}
.graphic-visualization-module__product-inventory-point p {
    color: white;
}
.graphic-visualization-module__possibilities {
    border-radius: 12px;
    border: 1px solid #FF0C0C;
    padding: 50px 30px 0 60px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
.graphic-visualization-module__possibilities button {
    border-radius: 30px;
    background: #FF0C0C;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.04);
    border: none;
    outline: none;
    padding: 15px 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}
.graphic-visualization-module__possibilities h2, p {
    text-align: left;
}
.graphic-visualization-module__possibilities h2 span {
    color: #FF0C0C;
    display: block;
}
.graphic-visualization-module__possibilities p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
}
.graphic-visualization-module__faq-questions-wrap {
    padding: 100px 0;
    background: #F5F5F7;
}
@media only screen and (min-width: 0) and (max-width: 1140px) and (max-height: 8124px) {
    .graphic-visualization-module__faq {
        flex-wrap: wrap;
    }
    .graphic-visualization-module__advantages-item {

        padding: 25px;
    }
}
.graphic-visualization-module__faq-question-wrap {
    margin-bottom: 15px;
}
.graphic-visualization-module__faq-question-wrap:last-child {
    margin-bottom: 0;
}
.graphic-visualization-module__faq-question {
    border-radius: 8px;
    border: 1.5px solid #E5E7EB;
    background: #FFF;
    padding: 25px;
    cursor: pointer;
}
.graphic-visualization-module__faq-question.active {
    border-radius: 8px;
    border: 1.5px solid #2DAA5C;
    background: #FFF;
}
@media only screen and (min-width: 0) and (max-width: 1580px) and (max-height: 8124px) {
    .graphic-visualization-module__faq-question {
        padding: 20px;
    }
}
.graphic-visualization-module__faq-question.active .graphic-visualization-module__faq-question-answer {
    display: block;
}
.graphic-visualization-module__faq-question.active .graphic-visualization-module__faq-question-title {
    margin-bottom: 15px;
}

.graphic-visualization-module__faq-question h5 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}
@media only screen and (min-width: 0) and (max-width: 740px) and (max-height: 8124px) {
    .graphic-visualization-module__faq-question h5 {
        font-size: 18px;
    }
}
.graphic-visualization-module__faq-question p {
    font-size: 20px;
    line-height: 1.3;
}
.graphic-visualization-module__faq-question ol {
    list-style: decimal;
    width: 68%;
    padding-left: 23px;
}
.graphic-visualization-module__faq-question ol li {

    margin-bottom: 10px;
}
.graphic-visualization-module__faq-question ol li:last-child {
    margin-bottom: 0;
}
.graphic-visualization-module__faq-question ol li a.blue-link-decoration {
    color: #2196f3;
    text-decoration: underline;
}
@media only screen and (min-width: 0) and (max-width: 1580px) and (max-height: 8124px) {
    .graphic-visualization-module__faq-questions {
        width: 60%;
    }
}
@media only screen and (min-width: 0) and (max-width: 1500px) and (max-height: 8124px) {
    .graphic-visualization-module__faq-questions {
        width: 57.75%;
    }
}

@media only screen and (min-width: 0) and (max-width: 1280px) and (max-height: 8124px) {
    .graphic-visualization-module__application-cases-head {
        width: 90%;
    }
    .graphic-visualization-module__product-inventory {
        padding: 30px;
    }
}
@media only screen and (min-width: 0) and (max-width: 1220px) and (max-height: 8124px) {
    .graphic-visualization-module__faq-questions {
        width: 100%;
    }
}
@media only screen and (min-width: 0) and (max-width: 1120px) and (max-height: 8124px) {

    .graphic-visualization-module h1 {
        font-size: 28px;
    }
    .graphic-visualization-module h2 {
        font-size: 26px;
    }
    .graphic-visualization-module h3 {
        font-size: 20px;
    }
    .graphic-visualization-module__item-image img{
        width: 100%;
    }
}
@media only screen and (min-width: 0) and (max-width: 1080px) and (max-height: 8124px) {

    .graphic-visualization-module__key-features-item img {
        display: none;
    }
}
@media only screen and (min-width: 0) and (max-width: 980px) and (max-height: 8124px) {
    .graphic-visualization-module__possibilities {
        padding: 30px;
    }
    .graphic-visualization-module__possibilities img{
        display: none;
    }
    .graphic-visualization-module__application-cases-items:first-child {
        flex-wrap: wrap;
    }
    .graphic-visualization-module__product-inventory {
        width: 85%;
    }

}

@media only screen and (min-width: 0) and (max-width: 920px) and (max-height: 8124px) {
    .graphic-visualization-module__item-image img{
        display: none;
    }
}
@media only screen and (min-width: 0) and (max-width: 820px) and (max-height: 8124px) {
    .graphic-visualization-module__product-inventory-body {
        flex-wrap: wrap;
        justify-content: center;
    }
    .graphic-visualization-module__product-price-button {
        align-items: center;
    }
    .graphic-visualization-module__product-inventory h4 {
        text-align: center;
    }
}
@media only screen and (min-width: 0) and (max-width: 640px) and (max-height: 8124px) {
    .graphic-visualization-module__application-cases-items {
        flex-wrap: wrap;
    }
    .graphic-visualization-module__application-cases-item--symmetry {
        width: 100%;
    }
    .graphic-visualization-module__advantages-items {
        flex-wrap: wrap;
    }
    .graphic-visualization-module__navigate-page-wrap {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .graphic-visualization-module__registry-wrap-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }
    .graphic-visualization-module__registry-wrap-button {
        width: 100%;
    }
    .graphic-visualization-module__product-inventory {
        width: 95%;
    }
    .graphic-visualization-module h3 {
        text-align: center;
    }
    .graphic-visualization-module h1 {
        font-size: 24px;
    }
    .graphic-visualization-module h2 {
        font-size: 20px;
    }
    .graphic-visualization-module h3 {
        font-size: 18px;
    }
    .graphic-visualization-module h4 {
        font-size: 16px;
    }
    .graphic-visualization-module p {
        font-size: 14px;
    }
    .graphic-visualization-module__key-features-item {
        padding: 20px 15px;
    }
}
.graphic-visualization-module__faq-title h2 {
    content: '';
}
/*.graphic-visualization-module__faq-question-wrap:hover:not(.active) {*/
/*    background: #f8f8f8;*/
/*}*/
.graphic-visualization-module__faq-question-title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 20px;
}
.graphic-visualization-module__faq-question-title h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
}
.graphic-visualization-module__faq-question-item-btn {
    transform: rotate(0);
    transition: transform .25s;
}
.graphic-visualization-module__faq-question-item-btn.active {
    transform: rotate(180deg);
    transition: transform .25s;
}
.graphic-visualization-module__faq-question-item-btn path {
    stroke: #6B7280;
    transition:  stroke .25s;
}
.graphic-visualization-module__faq-question-item-btn.active path {
    stroke: #2DAA5C;
    transition: stroke .25s;
}
.graphic-visualization-module__faq-question-answer {
    height: 0;
    overflow: hidden;
    transition: height 0.25s;
}
.graphic-visualization-module__faq-question-answer p, li {
    color: #6B7280;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.466
}
@media only screen and (min-width:0) and (max-width:1920px) {
    [data-style-body] header:after {
        left: calc(31.7% + 17px);
    }
}
@media only screen and (min-width:0) and (max-width:1080px) {
    [data-style-body] header:after {
        width: calc(68% - 10px);
    }
}

@media only screen and (min-width:0) and (max-width:900px) {
    [data-style-body] header:after {
        width: calc(68% - 10px);
    }
}


@media only screen and (min-width:0) and (max-width:1169px) {

    .about-us__company-directions-item {
        padding: 50px 25px 30px;
    }
    .about-us__company-directions-item p {
        font-size: 18px
    }
    .about-us__blocks-info{
        justify-content: center;
        flex-wrap: wrap
    }

    .about-us__blocks-info.directions-items{
        display: flex;
        justify-content: space-between;
        margin: 65px 0;
    }

    .about-us__block-item-info {
        margin: 20px
    }
}

@media only screen and (min-width:0) and (max-width:980px) {
    .header-r__elements-menu, .news, .vacancies, .about-us{ /* попробовать section использовать уневерсально*/
        max-width: 880px;
    }

    .about-us__blocks-info {
        flex-wrap: wrap;
    }
    .about-us__company-directions-item {
        padding: 50px 30px 30px;
        min-width: 40%;
        margin-bottom: 60px;
    }
}

@media only screen and (min-width:0) and (max-width:899px) {
    .header-r.main-menu{
        height: 120px;
        background: none;
        box-shadow: none;
    }
    .header-r__elements-menu{
        flex: 1 0 auto;
    }
    [data-style-body].open-menu .nv-ctn-show{
        height: auto;
    }
    .news__view-item img{
        display: none;
    }
}

@media only screen and (min-width:0) and (max-width:739px) {
    .about-us__company-directions-item {
        min-width: unset;
        margin-bottom: 60px;
        width: 100%
    }
    .about-us__block-item-info{
        height: auto;
        padding: 22px 35px;
        min-width: 250px

    }
    .about-us__block-item-info p span{
        font-size: 40px
    }
    .about-us__block-item-info {
        margin: 10px
    }
    .about-us__blocks-info {
        margin: 30px 0
    }
    .about-us p{
        font-size: 16px
    }
    .about-us__company-directions-item svg{
        max-width: 60px;
        max-height: 60px;
    }
}


[data-style-body="news"] header.header-custom{
    height: auto;
    min-height: unset;
}

[data-style-body="news"] header.header-custom:before{
    background: none
}
[data-style-body="news"] header.header-custom:after{
    background: none
}
[data-style-body="news"] .menu{
    background-image: url(./images/menu-black.svg);
}


@media only screen and (min-width:0) and (max-width:680px) {
    .news h1{
        font-weight: 700;
        font-size: 32px;
    }
    .municipal-budget h1 {
        font-size: 28px;
    }

    .news__item {
        max-width: 95%;
    }
    .news__item h3{
        font-weight: 700;
        font-size: 18px;
    }
    .news__item p{
        font-size: 16px;
    }
    .news__item h3 +  p {
        margin: 10px 0
    }

    .vacancies__item h3 {
        font-size: 18px
    }

    .vacancies__item p{
        font-size: 16px;
    }
}

.menu-items > span{
    font-size: 14px;
}
.graphic-visualization-module__advantages {
    width: 100%;
    background: #F5F5F7;
    padding: 100px 0;
}
.graphic-visualization-module__operating-documentation {
    /*display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 40px), 1fr));*/
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.graphic-visualization-module__operating-documentation-item{
    width: 100%;
    display: flex;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #F7F8FA;
    margin-bottom: 15px;
    gap: 15px;
}
.graphic-visualization-module__operating-documentation-item:last-child {
    margin-right: 0;
}
.graphic-visualization-module__operating-documentation-item-filename {
    display: flex;
    align-items: center;
    gap: 15px;
}
.graphic-visualization-module__operating-documentation-item img {
    width: auto;
    height: auto;
}
.graphic-visualization-module__operating-documentation-item a {
    font-size: 14px;
    color: #000;
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #E5E7EB;
    background: #FFF;
}

.graphic-visualization-module__operating-documentation-wrap {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
}
.graphic-visualization-module__operating-documentation-wrap h3.green{
    color: #2DAA5C;
}
.graphic-visualization-module__operating-documentation-wrap h3.size{
    font-size: 14px;
}
.graphic-visualization-module__operating-documentation-wrap h3.custom-align {
    text-align: center;
}
.graphic-visualization-module__operating-documentation-wrap h3.center{
    text-align: center;
}
/*@media only screen and (min-width:0) and (max-width:1480px) {*/
/*    .graphic-visualization-module__operating-documentation {*/
/*        !*display: grid;*/
/*        grid-template-columns: repeat(auto-fill, minmax(calc(50% - 40px), 1fr));*!*/
/*        width: 100%;*/
/*        margin-left: auto;*/
/*        margin-right: auto;*/
/*    }*/
/*}*/
@media only screen and (min-width:0) and (max-width:1280px) {
    .graphic-visualization-module__operating-documentation-wrap {
        width: 70%;
    }
    .footer__items {
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer__item {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;

    }
    .footer__item a, h6 {
        text-align: center;
    }
    .footer__item:last-child {
        display: unset;
    }
    .footer__contact-item {
        display: flex;
        justify-content: center;
    }
    .footer {
        padding: 40px 60px 20px;
    }
}
@media only screen and (min-width:0) and (max-width:980px) {
    .graphic-visualization-module__operating-documentation-wrap {
        width: 80%;
    }
    .footer__menu-items {
        flex-wrap: wrap;
    }
    .footer__wrap {
        width: 100%;
    }
    .footer__copyright {
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer__copyright p{
        text-align: center;
    }
    .footer__menu-items {

        gap: 15px;
    }
}
@media only screen and (min-width:0) and (max-width:680px) {
    .graphic-visualization-module__operating-documentation {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(calc(100% - 25px), 1fr));
        gap: 25px
    }
    .graphic-visualization-module__operating-documentation-wrap {
        width: 90.5%;
    }
    .footer {
        padding: 20px 40px 10px;
    }
}
@media only screen and (min-width:0) and (max-width:480px) {
    .graphic-visualization-module__operating-documentation-item {
        flex-wrap: wrap;
    }
    .graphic-visualization-module__operating-documentation-item-filename {
        width: 100%;
    }
}
