body,
html {
    font-family: "ProximaNovaRegular", sans-serif;
    font-size: 16px;

    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
body::-webkit-scrollbar {
    width: 4px;
}
body::-webkit-scrollbar-track {
    background: var(--white);
}
body::-webkit-scrollbar-thumb {
    background-color: var(--prime);
}
h1,
h2,
h3,
h4,
p,
a,
span {
    padding: 0;
    margin: 0 !important;
}
a.not-btn {
    text-decoration: none !important;
    color: var(--white);
}

/*Блок с файлом  */
.file-pages-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
/*Блок Шапки  */
.header {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 70px;
    .header_block-element {
        display: flex;
        justify-content: space-between;
        align-items: center;
        .header_button {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        &.header_block_title {
            padding-bottom: 7px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.5);
            p {
                @media screen and (max-width: 600px) {
                    font-size: 0.5rem;
                }
            }
            a {
                @media screen and (max-width: 600px) {
                    font-size: 0.75rem;
                }
                &.header_href {
                    cursor: pointer;
                }
            }
        }
        &.header_block_contacts {
            padding-top: 16px;
            p {
                @media screen and (max-width: 600px) {
                    font-size: 0.9rem;
                }
            }
        }
    }
    a {
        color: var(--white);
        text-decoration: none;
    }
    @media screen and (max-width: 1000px) {
        gap: 50px;
    }
    @media screen and (max-width: 500px) {
        gap: 30px;
    }
}

/*Блок начальный экран */
.th_welcome_slide {
    position: relative;
    display: block;
    height: 100vh;
    width: 100%;
    background-image: url(../assets/img/background.jpg);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    color: var(--white);

    .welcome_slide_text {
        p {
            @media screen and (max-width: 600px) {
                font-size: 0.7rem;
            }
        }
    }
    @media screen and (max-width: 600px) {
        background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url('../assets/img/background.jpg');
        background-position: -990px;
    }
}

/*Блок преимуществ */
.th_advantages_slide {
    .advantages_slide_blocks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 25px;
        .advantages_slide_blocks-element {
            display: flex;
            flex-direction: column;
            gap: 15px;
            @media screen and (max-width: 600px) {
                gap: 8px;
                svg{
                    width: 40px;
                    height: 40px;
                }
                h4{
                    font-size: 0.8rem !important;
                }
                p{
                    font-size: 0.70rem;
                }
            }

        }
        
    }
    @media screen and (max-width: 600px) {
        p{
            font-size: 0.70rem;
        }
    }
    img {
        position: relative;
        width: 100%;
    }
}

/*Блок процедур*/
.th_procedures_slide {
    .procedures_slide_blocks {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0px 12px;
        .procedures_slide_blocks-element {
            background-color: rgba(255, 255, 255, 0.1);

            padding: 60px 20px;
            display: flex;
            flex-direction: column;
            justify-content: start;
            text-align: center;
            align-items: center;

            gap: 10px;

            border-radius: 15px;
            backdrop-filter: blur(3px);
        }
        @media screen and (max-width: 1200px) {
            gap: 32px 0px;
            grid-template-columns: 1fr;
        }
    }
}

/*Блок Что вас ждет */
.th_waiting_slide {
    .waiting_slide_blocks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 45px 10px;
        .waiting_slide_blocks-element {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        @media screen and (max-width: 1200px) {
            gap: 32px 0px;
            grid-template-columns: 1fr;
        }
    }
}

/*Блок Почему именно мы */
.th_reasons_slide {
    .reasons_slide_blocks {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 45px;
        .reasons_slide_blocks-element {
            background-color: rgba(255, 255, 255, 0.1);

            padding: 30px 5px;
            display: flex;
            flex-direction: column;
            justify-content: start;
            text-align: center;
            align-items: center;

            gap: 25px;

            border-radius: 15px;
            backdrop-filter: blur(3px);
            @media screen and (max-width: 500px) {
                svg{
                    width: 35px;
                    height: 35px;
                }
                h4{
                    font-size: 1rem !important;      
                }
                p{
                    font-size: 0.7rem !important;
                }
            }
        }
        @media screen and (max-width: 1200px) {
            gap: 16px 16px;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr 1fr;
        }
    }
}

/*Блок Вопросы */
.th_questions_slide {
    .accordion-item {
        background-color: rgba(0, 119, 216, 0.05);
        border-radius: 15px;
        border: none !important;
        outline: none !important;
        .accordion-header {
            border-radius: 15px;
            border: none !important;
            outline: none !important;
            .accordion-button {
                padding: 26px 20px;
                border-radius: 15px;
                background-color: rgba(0, 119, 216, 0.05);
                color: var(--secondary) !important;
                &:not(.collapsed) {
                    border: none !important;
                    outline: none !important;
                    border-radius: 0px;
                    color: inherit;
                }
                &:focus {
                    color: var(--prime) !important;
                    border: none !important;
                    outline: none !important;
                    box-shadow: inherit;
                }
                &:hover {
                    color: var(--prime) !important;
                }
            }
            &:active {
                border: none !important;
                outline: none !important;
            }
        }

        .accordion-body {
            background-color: rgba(0, 119, 216, 0.05);
            border: none !important;
            outline: none !important;
            font-size: 1.25rem;
            ul {
                display: flex;
                flex-direction: column;
                gap: 15px;
            }
            li::marker {
                color: var(--prime);
                font-size: 18px;
            }
        }
    }
}

/*Блок Контакты */
.th_contacts_slide {
    .contacts_slide {
        display: flex;

        .contacts_slide_blocks {
            display: flex;
            gap: 60px;
            .contacts_slide_blocks-element {
                display: flex;
                flex-direction: column;
                gap: 15px;
                a {
                    color: var(--secondary);
                    text-decoration: none;
                }
                h4 {
                    color: var(--prime);
                }
                p{
                    @media screen and (max-width: 600px) {
                        font-size: 0.7rem;
                    }
                }
                @media screen and (max-width: 400px) {
                    gap: 8px;
                }
            }
            @media screen and (max-width: 600px) {
                gap: 15px;
            }
            @media screen and (max-width: 400px) {
                h4{
                    font-size: 0.8rem !important;
                }
            }
        }

        .contacts_slide_documents {
            display: flex;
            flex-direction: column;
            gap: 40px;
            .contacts_slide_documents-element {
                position: relative;
                box-sizing: content-box;
                display: flex;
                justify-content: start;
                gap: 10px;
                a {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                }
                h4 {
                    color: var(--prime);
                }
                @media screen and (max-width: 600px) {
                    svg{
                        width: 22px;
                        height: 22px;
                    }
                    h4{
                        font-size: 0.7rem !important;
                    }
                    p{
                        font-size: 0.5rem !important; 
                    }
                }
            }
            @media screen and (max-width: 600px) {
                gap: 20px;
            }
            @media screen and (max-width: 400px) {
                gap: 10px;
            }
        }
    }

    img {
        width: 100%;

    }
}

/*Блок Модальное окно на оплату услуг */

.modal form {
    display: flex;
    flex-direction: column;
    gap: 20px 0px;
}
.modal form div {
    display: flex;
    flex-direction: column;
}

footer{
.th_section{
    &.blue{
        @media screen and (max-width: 600px) {
            padding: 20px 0px !important; 
        }
    }
}
.header{
    @media screen and (max-width: 600px) {
        padding: 0px !important;
    }
}
.footer-documents{
    @media screen and (max-width: 500px) {
        font-size: 0.6rem;
    }
}
}