/* section apropos */
    .container_apropos{
        display: flex;
        flex-direction: column;
        gap: 48px;   
    }

    .content_apropos{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 2rem;
    }

    .content_apropos:nth-child(even) .box_img{
        order: 2;
    }

    .content_apropos:nth-child(even) .container_text_apropos{
        order: 1;
    }

    .box_img{
        width: 350px;
        height: 300px;
        position: relative;
    }

    .img{
        width: 100%;
        height: 100%;
        position: relative;
        background: white;
        border-radius: 8px;
    }

    .img img{
        width: 100%; height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }

    .design1, .design2{
        position: absolute;
        padding: 2rem;
        width: 60%;
        height: 45%;
        border-radius: .5rem;
    }

    .design1{
        left: -10px; top: -10px;
        background: var(--blue);
    }

    .design2{
        bottom: -10px; right: -10px;
        background: var(--orange);
    }

    .container_text_apropos{
        width: 600px;
    }

    .text_apropos{
        font-size: 18px;
        max-height: 200px;
        overflow-y: auto;
        padding-right: 1rem;
        white-space: pre-line;
        text-align: justify;
    }

    .text_apropos::-webkit-scrollbar{
        width: .2rem;
        height: .2rem;
    }

    .text_apropos:hover::-webkit-scrollbar{
        width: .4rem;
        height: .4rem;
    }
    
    .text_apropos::-webkit-scrollbar-track{
        background-color: var(--light-black);
        border-radius: 1rem;
    }
    
    .text_apropos::-webkit-scrollbar-thumb{
        background-color: var(--orange);
        border-radius: 1rem;
    }
/* section apropos */


/* section faqs */
    .faqs{
        margin-top: 80px;
    }

    .content_faqs{
        width: 100%;
        margin: 0 auto;
        border: var(--border);
        border-radius: .5rem;
        padding: 15px;
    }

    .content_faqs:not(:last-child){
        margin-bottom: 1rem;
    }

    .content_faqs label{
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 18px;
        cursor: pointer;
        font-weight: 600;
    }

    .content_faqs label + input[type="radio"]{
        display: none;
    }

    .content_answer{
        line-height: 25px;
        height: 0;
        overflow: hidden;
        transition: max-height .5s;
        text-align: justify;
        white-space: pre-line;
    }

    .content_faqs label + input[type="radio"]:checked + .content_answer{
        height: auto;
    }
/* section faqs */


/* section apropos */
    @media screen and (max-width: 1126px) {
        .container_text_apropos{
            width: 100%;
        }

        .content_apropos:nth-child(even) .box_img{
            order: 1;
        }

        .content_apropos:nth-child(even) .container_text_apropos{
            order: 2;
        }
    }

    @media screen and (max-width: 610px) {
        .box_img{
            width: 280px;
            height: 230px;
        }

        .text_apropos{
            font-size: 16px;
        }
    }

    @media screen and (max-width: 480px) {
        .box_img{
            width: 250px;
            height: 200px;
        }

        .text_apropos{
            font-size: 14px;
        }
    }

    @media screen and (max-width: 380px) {
        .text_apropos{
            font-size: 13px;
        }
    }
/* section apropos */


/* section faqs */
    @media screen and (max-width: 610px) {
        .content_faqs label{
            font-size: 16px;
        }

        .content_answer{
            font-size: 15px;
        }
    }

    @media screen and (max-width: 480px) {
        .content_faqs label{
            font-size: 15px;
        }

        .content_answer{
            font-size: 14px;
        }
    }

    @media screen and (max-width: 400px) {
        .content_faqs{
            padding: 15px 10px;
        }
    }

    @media screen and (max-width: 380px) {
        .content_answer{
            font-size: 13px;
        }
    }
/* section faqs */