.b_faq{
    width: 100%;

    margin: 50px 0;

    .wrapper{
        display: grid;
        grid-template-columns: 35% calc(65% - 55px);
        gap: 55px;

        @media (max-width: 930px) {
            grid-template-columns: 1fr;
            gap: 20px 0;
        }
    }

    .faq_info{
        h2{
            font-family: "Roboto", sans-serif;

            font-size: 36px;
            line-height: 40px;
            font-weight: 900;

            color: var(--black-clr);

            margin-bottom: 23px;

            @media (max-width: 1200px) {
                font-size: 32px;
                line-height: 36px;
            } @media (max-width: 550px) {
                font-size: 28px;
                line-height: 32px;
            } @media (max-width: 450px) {
                font-size: 24px;
                line-height: 28px;
            }
        }

        .description{
            font-size: 18px;
            line-height: 29px;
            color: var(--grey-clr);

            margin-bottom: 40px;

            @media (max-width: 1200px) {
                font-size: 16px;
                line-height: 24px;
            }
        }

        .consultation{
            display: flex;
            gap: 16px;

            width: 100%;

            background: var(--second-bg-grey-clr);
            border: 1px solid var(--grey-light-clr);

            border-radius: 14px;

            padding: 25px;

            img{
                width: 24px;
                height: 24px;

                display: block;
                filter: var(--filter-green-clr);
            }

            .consultation_info{
                .consultation_title{
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 700;

                    color: var(--black-clr);

                    margin-bottom: 4px;
                }

                .consultation_description{
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: 400;

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

                    margin-bottom: 16px;
                }
            }
        }

        @media (max-width: 930px) {
            .description, .consultation {
                display: none;
            }

            h2{margin-bottom: 0;}
        }
    }

    .questions{
        .question{
            width: 100%;
            padding: 17px 25px;

            border: 1px solid var(--grey-light-clr);
            border-radius: 14px;

            margin-bottom: 10px;

            @media (max-width: 550px) {
                padding: 10px 15px;
            }

            &.expanded{
                .question_title{
                    --line-clamp: 3;
                }

                .question_body{
                    height: fit-content;
                }

                .question_header{
                    margin-bottom: 17px;
                    img{--rotate: 180deg;}
                }
            }

            .question_header{
                display: flex;
                align-items: center;
                justify-content: space-between;

                transition: 0.3s ease all;

                cursor: pointer;

                .question_title{
                    font-size: 18px;
                    line-height: 28px;
                    font-weight: 700;

                    color: var(--black-clr);

                    @media (max-width: 550px) {
                        font-size: 14px;
                        line-height: 24px;
                    }
                }

                img{
                    --rotate: 0deg;

                    width: 16px;
                    height: 16px;

                    display: block;

                    rotate: var(--rotate);

                    filter: var(--filter-black-clr);

                    transition: 0.3s ease all;
                }
            }

            .question_body{
                font-size: 14px;
                line-height: 23px;
                font-weight: 400;

                color: var(--grey-clr);

                height: 0;

                overflow: hidden;
                transition: 1s height;
            }
        }
    }
}