.soderganie {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    margin-bottom: 42px;
}

.soderganie .item {
        border-radius: 26px;
        background-color: white;
        padding: 18px;
        flex: 1 1 18%;
        color: rgba(51, 51, 51, 0.8);
        font-size: 16px;
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

:is(.soderganie .item) span {
            font-weight: 400;
            line-height: 124%;
            letter-spacing: -0.02em;
            color: inherit;
            height: 62px;
        }

:is(.soderganie .item) a {
            background: #FFFFFF;
            border-radius: 12px;
            text-align: center;
            line-height: 36px;
            width: 100%;
            display: block;
                        
            font-weight: 500;
            font-size: 16px;
            letter-spacing: -0.02em;
            color: #1084F9;
            text-decoration: none;
            background-color: #E7F2FE;
        }

:is(.soderganie .item):hover {
            background-color: #1084F9;
            color: white;
        }

:is(.soderganie .item):hover span {

            }

:is(.soderganie .item):hover a {
                color: #1084F9;
                background-color: white;
            }

.section {
    margin-bottom: 42px;
}

.section h2 {
        font-weight: 500;
        font-size: 24px;
        line-height: 1.2;
        color: rgba(51, 51, 51, 0.9);
        margin-bottom: 26px;
    }

.section h3 {
        font-weight: 500;
        font-size: 20px;
        line-height: 1.2;
        color: rgba(51, 51, 51, 0.9);
        margin-bottom: 20px;
    }

.section .documents-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 24px;
    }

.section a.document {
        color: #1084F9;
        padding-left: 30px;
        line-height: 20px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -0.02em;

        background: url(../img/icons/document-blue-20.webp) no-repeat left center;
        text-decoration: none;
    }

:is(.section a.document):hover {
            text-decoration: underline;
        }

.typo__p + .typo__h3 {
    margin-top: 30px;
}

.typo__list + .typo__h3 {
    margin-top: 30px;
}


@media screen and (min-width: 1401px) {
}

@media screen and (min-width: 1201px) and (max-width: 1400px) {
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
}

@media screen and (min-width: 768px) and (max-width: 991px) {
}

@media screen and (max-width: 767px) {
    h1 {
        margin-bottom: 28px;
        font-size: 22px;
    }

    .soderganie {
        flex-direction: column;
        border-radius: 22px;
        padding: 16px;
        background-color: white;
        gap: unset;
        margin-bottom: 24px;
    }

        .soderganie .item {
            position: relative;
            padding: 16px 0;
            border-bottom: 1px solid #eee;
            height: unset;
            flex: unset;
            display: block;
            border-radius: 0;
        }

            :is(.soderganie .item):first-child {
                padding-top: 0;
            }

            :is(.soderganie .item):last-child {
                padding-bottom: 0;
                border-bottom: none;
            }

            :is(.soderganie .item) span {
                position: relative;
                z-index: var(--zIndexContent1);
                font-size: 12px;
                font-weight: 500;
                height: unset;
            }

            :is(.soderganie .item) a {
                display: block;
                font-size: 0;
                width: 100%;
                height: 100%;
                left:0;
                top:0;
                z-index: var(--zIndexContent2);
                background: none;
                position: absolute;
            }

    
    .section {
        margin-bottom: 24px;
    }
        
        .section h2 {
            font-size: 18px;
            margin-bottom: 16px;
        }
        .section h3 {
            font-size: 14px;
            margin-bottom: 16px;
        }

        .section a.document {
            font-size: 12px;
            line-height: 1.2;
            background-size: 16px;
            padding-left: 22px;
        }
}

@media screen and (max-width: 575px) {
}