//стили пользовательское соглашение  


.agreement-page-title {
    margin: 0;
    padding-bottom: 48px;
    font-size: 36px;

    @media (max-width: 639px) { 
        font-size: 28px;
        padding-bottom: 32px;
    }

}
.agreement__title {
    margin-bottom: 32px;
    text-align: left;
}

.agreement_list {
    list-style: none;
    max-width:746px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #001F2D;
    padding-left: 0;

   
    li:last-child {
        margin-bottom: 0;
    }


    h2 {
        color: var(--Text-Black-01, #001F2D);

        /* Headline/Desktop/H2 */
        font-family: 'NT Somic', sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 28px */
        padding-bottom: 16px;

        @media (max-width: 639px) { 
            font-size: 26px;
        }
    }

    p {
        color: var(--Text-Black-01, #001F2D);

        /* Text/400 */
        font-family: 'Inter', sans-serif;
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 25.5px */
        padding-bottom: 24px;
    }

    .agreement_list__nested_list {
        display: flex;
        max-width: 750px;
        padding: 8px 0px 48px 0px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;

        li {
            display: flex;
            
            align-items: flex-start;
            gap: 20px;
            align-self: stretch;

            ul {
        
                padding-left: 0;
                 padding-top: 16px;
                li {
                    
                    padding-bottom: 12px;
                    //display: inline-block;
                    display: flex;
                    gap: 12px;
                    &::before {
                        content: "●";
                        font-size: 10px;
                        line-height: normal;
                        padding-top: 4px;
                        
                        color: var(--System-Primary-01, #1463A3);
                        //padding-right: 12px;
                    }

                    a {
                        color: inherit;
                    }
            
                }
               
            }

            b {
                color: var(--Text-Black-02, rgba(0, 31, 45, 0.70));

                /* Text/400 */
                font-family: Inter, sans-serif;
                font-size: 17px;
                font-style: normal;
                font-weight: 400;
                line-height: 150%; /* 25.5px */
            }
        }
    }

}
.simple_two_col {
    display: grid;
    grid-template-columns:49% 49%;
    justify-content: space-between;
    @media (max-width: 992px) {
        grid-template-columns: 100%;
        grid-row-gap:24px;
        
    }

}
.container_blog{
    max-width: 1296px;
    margin: auto;
    background: #fff;
    @media (max-width: 1360px){
        max-width: 1140px;
    }   
    @media (max-width: 1200px){
        max-width: 960px;
        padding-left: 32px;
        padding-right:31px;
        // max-width: 100%;
    }  
    @media (max-width: 768px){
        padding-left: 16px;
        padding-right:16px;
    }
    &>h1{
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 56px;
        line-height: 100%;
        letter-spacing: -0.04em;
        color: #001F2D;
        margin-bottom: 48px;
        @media (max-width: 992px) {
            font-weight: 400;
            font-size: 32px;
            line-height: 110%;
            letter-spacing: -0.04em;
            margin-bottom:32px;
        }        
        @media (max-width: 576px) {
            font-weight: 400;
            font-size: 24px;
            line-height: 110%;
            letter-spacing: -0.04em;
            margin-bottom:24px;
        }
    }
    &>h2 {
        font-weight: 300;
        font-size: 56px;
        line-height: 100%;
        letter-spacing: -0.04em;
        color: #001F2D;
        margin-bottom: 0.8em;
        @media (max-width: 992px){
            font-size: 32px;
            line-height: 110%;
        }
    }
}