<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Faren Interior Design</title>
    <meta name="author" content="themeholy">
    <meta name="description" content="Faren   - Architecture & Interior Design Template">
    <meta name="keywords" content="Faren   - Architecture & Interior Design Template">
    <meta name="robots" content="INDEX,FOLLOW">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
    <link rel="manifest" href="assets/img/favicons/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="../../css2-1?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/fontawesome.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <script src="assets/js/auth-ui-global.js"></script>
</head>

<body id="show-grid">
    
    <?php include 'header-php.php';?>
   
    <div class="overflow-hidden space overflow-hidden" id="faq-sec">
        <div class="container">
            <div class="row gy-4 gx-80">
                <!--  -->
               <Style> 
/* ============================================
   UNIQUE & RESPONSIVE FAQ SECTION DESIGN
   ============================================ */

/* FAQ Section Spacing */
#faq-sec {
    padding: 10px 0;
    position: relative;
}

/* Title Styling */
#faq-sec .sub-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #2b8a62;
    font-weight: 600;
    letter-spacing: 1px;
}

#faq-sec .sec-title {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3;
}

#faq-sec .text-theme {
    color: #2b8a62;
}

/* ============================================
   ACCORDION CARD
   ============================================ */
#faq-sec .accordion-card {
    background: #ffffff;
    border-radius: 12px;
    margin-bottom: 18px;
    padding: 0;
    box-shadow: 0px 4px 16px rgba(0,0,0,0.06);
    overflow: hidden;
    transition: 0.3s ease;
}

#faq-sec .accordion-card.active,
#faq-sec .accordion-card:hover {
    transform: translateY(-3px);
}

/* Header Button */
#faq-sec .accordion-button {
    background: #f3f6f4;
    padding: 16px 20px;
    font-size: 17px;
    font-weight: 600;
    color: #222;
    border-radius: 0;
    border: none;
    box-shadow: none;
    transition: 0.3s ease;
}

#faq-sec .accordion-button:not(.collapsed) {
    background: #2b8a62;
    color: #fff;
}

#faq-sec .accordion-button::after {
    filter: brightness(0) invert(0.5);
}

#faq-sec .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

/* Accordion Body */
#faq-sec .accordion-body {
    padding: 18px 22px;
    background: #ffffff;
    border-left: 3px solid #2b8a62;
}

#faq-sec .faq-text {
    color: #555;
    line-height: 1.7;
    font-size: 15px;
    margin: 0;
}

/* ============================================
   RIGHT SIDE IMAGE
   ============================================ */
#faq-sec .faq-image img {
    width: 100%;
    height: auto;
    border-radius: 14px;
    object-fit: cover;
    box-shadow: 0px 6px 26px rgba(0,0,0,0.15);
    transition: transform 0.4s ease;
}

#faq-sec .faq-image:hover img {
    transform: scale(1.03);
}

/* Background Image Shape */
#faq-sec .shape-mockup img {
    width: 370px;
    opacity: 0.15;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

/* Tablet */
@media (max-width: 992px) {
    #faq-sec {
        padding: 60px 0;
    }
    #faq-sec .sec-title {
        font-size: 32px;
    }
    #faq-sec .faq-image {
        margin-top: 30px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    #faq-sec {
        padding: 45px 0;
    }
    #faq-sec .sec-title {
        font-size: 26px;
        text-align: center;
    }
    #faq-sec .sub-title {
        text-align: center;
        display: block;
        margin-bottom: 10px;
    }
    #faq-sec .accordion-button {
        font-size: 16px;
        padding: 14px 16px;
    }
    #faq-sec .accordion-body {
        font-size: 14px;
        padding: 14px 16px;
    }
    #faq-sec .faq-image img {
        border-radius: 10px;
    }
}

/* ============================================
   MOBILE TOP BLANK SPACE REMOVAL (=599px)
   ============================================ */

@media (max-width: 599px) and (min-width: 480px) {
    #faq-sec[style*="padding-top: 310px"] {
        padding-top: 80px !important;
    }
}

@media (max-width: 479px) and (min-width: 380px) {
    #faq-sec[style*="padding-top: 310px"] {
        padding-top: 70px !important;
    }
}

@media (max-width: 379px) {
    #faq-sec[style*="padding-top: 310px"] {
        padding-top: 60px !important;
    }
}

/* ============================================
   MOBILE GALLERY GRID LAYOUT (=768px)
   ============================================ */

@media (max-width: 768px) {
    #faq-sec .col-lg-6:last-child .row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }

    #faq-sec .col-lg-6:last-child .col-12 {
        grid-column: span 2 !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    #faq-sec .col-lg-6:last-child .col-sm-8 {
        grid-column: span 1 !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    #faq-sec .col-lg-6:last-child .col-sm-4 {
        grid-column: span 1 !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    #faq-sec .gallery-image {
        height: 200px;
        width: 100%;
    }

    #faq-sec .gallery-image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}

/* ============================================
   ULTRA-SMALL MOBILE GRID (=480px)
   ============================================ */

@media (max-width: 480px) {
    #faq-sec .col-lg-6:last-child .row {
        grid-template-columns: 1fr !important;
    }

    #faq-sec .col-lg-6:last-child .col-12 {
        grid-column: span 1 !important;
    }

    #faq-sec .gallery-image {
        height: 180px;
    }
}

</style>
                <div class="col-lg-6">
                    <div class="faq-area3">
                        <div class="accordion-area accordion" id="faqAccordion">
                             
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-1"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-1" aria-expanded="false" aria-controls="collapse-1">1.
                                        What does an architect do?</button></div>
                                <div id="collapse-1" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-1" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card active">
                                <div class="accordion-header" id="collapse-item-2"><button class="accordion-button"
                                        type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2"
                                        aria-expanded="true" aria-controls="collapse-2">2. What is the difference
                                        between an architect and an engineer?</button></div>
                                <div id="collapse-2" class="accordion-collapse collapse show"
                                    aria-labelledby="collapse-item-2" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-3"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-3" aria-expanded="false" aria-controls="collapse-3">3.
                                        Do I need an architect for my project?</button></div>
                                <div id="collapse-3" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-3" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-4"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-4" aria-expanded="false" aria-controls="collapse-4">4.
                                        How much does it cost to hire an architect?</button></div>
                                <div id="collapse-4" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-4" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-5"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-5" aria-expanded="false" aria-controls="collapse-5">5.
                                        What is sustainable or green architecture?</button></div>
                                <div id="collapse-5" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-5" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-6"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-6" aria-expanded="false" aria-controls="collapse-6">6.
                                        What are the key skills required to be an architect?</button></div>
                                <div id="collapse-6" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-6" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-7"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-7" aria-expanded="false" aria-controls="collapse-7">7.
                                        Can architects work on interior design?</button></div>
                                <div id="collapse-7" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-7" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-8"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-8" aria-expanded="false" aria-controls="collapse-8">8.
                                        What software do architects commonly use?</button></div>
                                <div id="collapse-8" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-8" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-9"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-9" aria-expanded="false" aria-controls="collapse-9">9.
                                        How long does it take to become a licensed architect?</button></div>
                                <div id="collapse-9" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-9" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-10"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-10" aria-expanded="false"
                                        aria-controls="collapse-10">10. What trends are currently influencing
                                        architectural design?</button></div>
                                <div id="collapse-10" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-10" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-11"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-11" aria-expanded="false"
                                        aria-controls="collapse-11">11. What are the different types of
                                        architects?</button></div>
                                <div id="collapse-11" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-11" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-12"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-12" aria-expanded="false"
                                        aria-controls="collapse-12">12. How do architects collaborate with other
                                        professionals?</button></div>
                                <div id="collapse-12" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-12" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-13"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-13" aria-expanded="false"
                                        aria-controls="collapse-13">13. What role do architects play in urban
                                        planning?</button></div>
                                <div id="collapse-13" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-13" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-14"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-14" aria-expanded="false"
                                        aria-controls="collapse-14">14. What are the environmental impacts of
                                        architecture?</button></div>
                                <div id="collapse-14" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-14" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-card">
                                <div class="accordion-header" id="collapse-item-15"><button
                                        class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse-15" aria-expanded="false"
                                        aria-controls="collapse-15">15. How can I find a good architect for my
                                        needs?</button></div>
                                <div id="collapse-15" class="accordion-collapse collapse"
                                    aria-labelledby="collapse-item-15" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <p class="faq-text">Most medical centers offer charity programs, counseling, and
                                            financial assistance for those in need. Non-Muslims are welcome to visit
                                            mosques. They should dress modestly and remove their shoes upon entering.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="row gy-4">
                        <div class="col-12">
                            <div class="gallery-image global-img"><img src="assets/img/gallery/gallery_8_1.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="gallery-image global-img"><img src="assets/img/gallery/gallery_8_2.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="gallery-image global-img"><img src="assets/img/gallery/gallery_8_3.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="gallery-image global-img"><img src="assets/img/gallery/gallery_8_4.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="gallery-image global-img"><img src="assets/img/gallery/gallery_8_5.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/jquery.counterup.min.js"></script>
    <script src="assets/js/circle-progress.js"></script>
    <script src="assets/js/jquery-ui.min.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/nice-select.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/threesixty.min.js"></script>
    <script src="assets/js/panolens.min.js"></script>
    <script src="assets/js/gsap.min.js"></script>
    <script src="assets/js/ScrollTrigger.min.js"></script>
    <script src="assets/js/SplitText.js"></script>
    <script src="assets/js/SplitType.js"></script>
    <script src="assets/js/lenis.min.js"></script>
    <script src="assets/js/CustomEase.min.js"></script>
    <script src="assets/js/main.js"></script>
</body>

</html>
<?php include 'footer-section.html'; ?>
