.p_main {
    .header__accounting_services{
        background: url("../../images/acc_serv.png");
        background-size: 100% auto;
        background-clip:padding-box;
        background-position: bottom;

        @media (max-width: 950px) {
            background-size: auto;
        }
    }

    .accounting_services_block{
        width: 100%;
        padding-top: 125px;
        padding-bottom: 50px;

        /*background: url("../../images/acc_serv.png");
        background-size: 100% auto;
        background-clip:padding-box;*/

        .title{
            font-size: 50px;
            font-weight: var(--b-fw);

            color: var(--accent-clr);

            text-wrap: balance;

            margin-bottom: 16px;

            @media (max-width: 580px) {
                font-size: 40px;
            } @media (max-width: 470px) {
                font-size: 29px;
            }
        }

        .description{
            font-size: var(--l-fs);
            font-weight: var(--n-fw);
            margin-bottom: 30px;
            width: 289px;

            b{
                font-size: var(--xl-fs);
                font-weight: var(--b-fw);
                color: var(--accent-clr);
            }
        }

        .advantages{
            margin-bottom: 40px;

            .advantage{
                display: flex;
                align-items: center;
                gap: 10px;

                margin-bottom: 6px;

                img{
                    width: 16px;
                    height: 16px;
                    display: block;
                }

                div{
                    font-size: var(--m-fs);
                    font-weight: var(--n-fw);

                    color: var(--black-clr);
                }
            }
        }

        button{
            --border-radius: 5px;
        }
    }

    .why_choosing_us{
        padding-top: 50px;
        padding-bottom: 50px;

        .title{
            font-size: 50px;
            font-weight: var(--b-fw);
            color: var(--accent-clr);
            text-wrap: balance;
            margin-bottom: 16px;

            text-align: center;

            margin-bottom: 40px;

            @media (max-width: 650px) {
                font-size: 40px;
            }
        }

        .advantages{
            display: grid;
            gap: 45px;

            grid-template-columns: repeat(auto-fit, 185px);
            justify-content: center;

            .advantage{
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;

                .icon{
                    width: 80px;
                    height: 80px;
                    border-radius: 100%;

                    margin-bottom: 10px;

                    display: flex;
                    align-items: center;
                    justify-content: center;

                    background: var(--accent-light-clr);
                }

                img{
                    width: 40px;
                    display: block;

                    filter: var(--filter-accent-clr);
                }

                .advantage_name{
                    font-size: var(--m-fs);
                    font-weight: var(--b-fw);

                    color: var(--accent-clr);

                    margin-bottom: 6px;

                    text-align: center;
                }

                .advantage_description{
                    font-size: var(--s-fs);
                    color: var(--grey-clr);

                    text-wrap: balance;
                }
            }
        }
    }

    .our_services{
        padding-top: 50px;
        padding-bottom: 50px;

        .title{
            font-size: 50px;
            font-weight: var(--b-fw);
            color: var(--accent-clr);
            text-wrap: balance;
            margin-bottom: 16px;

            text-align: center;

            margin-bottom: 40px;
        }

        .services__services_img{
            display: flex;
            align-items: center;

            justify-content: space-between;

            .services_img{
                height: 300px;
                display: block;

                @media (max-width: 800px) {
                    height: 222px;
                } @media (max-width: 650px) {
                    display: none;
                }
            }
        }

        .services{
            .group_services_block{
                display: flex;
                gap: 40px;

                @media (max-width: 650px) {
                    gap: 20px;
                }

                margin-bottom: 40px;
                .group_icon{
                    --size: 80px;

                    width: var(--size);
                    height: var(--size);
                    min-width: var(--size);
                    min-height: var(--size);
                    border-radius: 100%;
                    background: var(--accent-light-clr);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-bottom: 10px;

                    img{
                        width: 40px;
                        display: block;

                        /*filter: var(--filter-accent-clr);*/
                    }

                    @media (max-width: 650px) {
                        --size: 60px;
                        img{
                            width: 30px;
                        }
                    } @media (max-width: 430px) {
                        display: none;
                    }
                }
                .group_services_container{
                    .group_title{
                        font-size: var(--b-fs);
                        font-weight: var(--b-fw);
                        color: var(--accent-clr);

                        margin-bottom: 12px;
                    }
                    .group_services{
                        .service{
                            display: flex;
                            align-items: center;
                            gap: 10px;

                            font-size: var(--s-fs);
                            color: var(--grey-clr);

                            margin-bottom: 6px;

                            img{
                                height: 16px;
                                display: block;

                                filter: var(--filter-accent-clr);
                            }
                        }
                    }
                }
            }
        }
    }

    .prices{
        padding-top: 50px;
        padding-bottom: 50px;

        .title{
            font-size: 50px;
            font-weight: var(--b-fw);
            color: var(--accent-clr);
            text-wrap: balance;
            margin-bottom: 16px;

            text-align: center;

            margin-bottom: 40px;

            @media (max-width: 600px){
                font-size: 40px;
            }
        }

        .individual_title{
            margin-top: 50px;
        }

        .__scroll{
            width: 100%;
            overflow-x: auto;
        }

        table{
            min-width: 655px;

            --table-width: 100%;
            --thead-background: transparent;
            --th-border: 1px solid #fff;
            --th-padding: 14px;
            --th-font-size: var(--m-fs);
            --th-color: #fff;
            --th-font-weight: var(--b-fw);
            --td-border: 1px solid var(--border-clr);
            --td-padding: 14px;
            --tr-hover-bg: none;

            margin-bottom: 10px;

            thead{
                th{
                    background: var(--accent-lighter-clr);
                    .th_description{
                        font-size: var(--s-fs);
                        font-weight: var(--n-fw);
                    }
                }
                th:first-of-type{
                    background: transparent;
                    width: 300px;
                    border: none;

                    @media (max-width: 1095px){
                        width: 200px;
                    }
                }
                th:nth-child(2){
                    border-radius: 8px 0 0 0;
                }
                th:last-of-type{
                    border-radius: 0 8px 0 0;
                }
            }

            tbody{
                td{
                    font-size: var(--m-fs);
                    font-weight: var(--n-fw);

                    text-align: center;
                    &:first-of-type{
                        color: var(--grey-clr);
                    }

                    .blue{
                        color: var(--accent-lighter-clr);
                    }

                    .value{
                        text-align: center;
                        font-size: var(--m-fs);
                        font-weight: var(--n-fw);
                    }

                    .unit{
                        text-align: center;
                        font-size: var(--s-fs);
                        font-weight: var(--n-fw);

                        color: var(--grey-clr);
                    }

                    img{
                        height: 25px;
                        display: inline-block;
                    }
                }

                tr:first-of-type{
                    td:first-of-type{
                        border-radius: 8px 0 0 0;
                    }
                }
                tr:last-of-type{
                    td:first-of-type{
                        border-radius: 0 0 0 8px;
                    }
                    td:last-of-type{
                        border-radius: 0 0 8px 0;
                    }
                }
            }
        }
    }

    .how_do_we_work{
        padding-top: 50px;
        padding-bottom: 50px;

        .title{
            font-size: 50px;
            font-weight: var(--b-fw);
            color: var(--accent-clr);
            text-wrap: balance;
            margin-bottom: 16px;

            text-align: center;

            margin-bottom: 40px;

            @media (max-width: 600px){
                font-size: 40px;
            }
        }

        .steps__image{
            display: flex;

            .steps{
                width: 100%;
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                justify-content: center;
                gap: 10px;
                .step{
                    display: flex;
                    align-items: center;
                    gap: 10px;

                    background: var(--accent-light-clr);
                    border: 1px solid var(--border-clr);
                    padding: 10px;

                    border-radius: 8px;

                    .step_content{
                        .step_title{
                            font-size: var(--b-fs);
                            font-weight: var(--b-fw);
                            color: var(--accent-clr);

                            margin-bottom: 4px;
                        }
                        .step_description{
                            font-size: var(--s-fs);
                            font-weight: var(--n-fw);
                            color: var(--grey-clr);
                        }
                    }
                }
            }

            .how_do_we_work_image{
                display: block;
                height: max-content;
                object-fit: cover;
                object-position: left;

                width: 500px;
            }
        }
    }

    .footer{
        background: var(--accent-light-clr);
        padding: 40px 0;

        .wrapper{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            justify-content: center;
            gap: 10px;

            .logo{
                height: 65px;
                display: block;
            }

            .links{
                @media (max-width: 620px){
                    display: none;
                }
                .links_title{
                    font-size: var(--s-fs);
                    font-weight: var(--b-fw);
                    color: var(--grey-clr);
                    margin-bottom: 20px;
                }

                .links_items{
                    a{
                        font-size: var(--b-fs);
                        font-weight: var(--n-fw);
                        color: var(--black-clr);

                        margin-bottom: 10px;

                        width: fit-content;

                        &:hover{
                            text-decoration: underline 2px solid var(--grey-clr);
                        }
                    }
                }
            }

            .contacts{
                @media (max-width: 620px){
                    margin-top: 20px;
                    .contacts_title{
                        display: none;
                    }
                }

                .contacts_title{
                    font-size: var(--s-fs);
                    font-weight: var(--b-fw);
                    color: var(--grey-clr);
                    margin-bottom: 20px;
                }

                .contact{
                    display: flex;
                    align-items: center;
                    gap: 10px;

                    cursor: pointer;

                    margin-bottom: 10px;

                    &:last-of-type{
                        img{filter: var(--filter-grey-clr);width: 15px;}
                        div{color: var(--grey-clr);}
                    }

                    img{
                        width: 17px;
                        display: block;
                    }

                    div{
                        font-size: var(--m-fs);
                        font-weight: var(--n-fw);
                        color: var(--accent-clr);

                        width: fit-content;

                        &:hover{
                            text-decoration: underline 2px solid var(--grey-clr);
                        }
                    }
                }

                .messengers{
                    display: flex;
                    align-items: center;
                    gap: 10px;

                    margin-top: 20px;

                    cursor: pointer;

                    .messenger{
                        img{width: 30px;display: block;}
                        transition: 0.3s ease all;
                        &:hover{
                            scale: 1.1;
                        }
                    }
                }
            }
        }
    }
}