{"id":1525,"date":"2026-04-17T19:07:55","date_gmt":"2026-04-17T19:07:55","guid":{"rendered":"https:\/\/ruknalanaqah.ae\/?page_id=1525"},"modified":"2026-04-17T19:20:46","modified_gmt":"2026-04-17T19:20:46","slug":"faqs","status":"publish","type":"page","link":"https:\/\/ruknalanaqah.ae\/en\/faqs\/","title":{"rendered":"FAQs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1525\" class=\"elementor elementor-1525\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-be96a0f e-flex e-con-boxed e-con e-parent\" data-id=\"be96a0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c698c9 elementor-widget elementor-widget-html\" data-id=\"4c698c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"rukn-faq-section\">\r\n\r\n    <style>\r\n        #rukn-faq-section {\r\n            background-color: #fff; \r\n            color: #1A1A1A;\r\n            padding: 40px 15px; \/* Reduced padding for mobile *\/\r\n            line-height: 1.6;\r\n            display: block;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #rukn-faq-section .faq-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #rukn-faq-section .header-section {\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        #rukn-faq-section .logo-tagline {\r\n            font-size: 1rem;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            border-bottom: 1px solid #C5A47E;\r\n            display: inline-block;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        #rukn-faq-section h2.faq-title {\r\n            font-size: 2rem; \/* Scaled down *\/\r\n            margin: 10px 0 0 0;\r\n            color: #1A1A1A;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        #rukn-faq-section .faq-wrapper {\r\n            background: #ffffff;\r\n            border-radius: 12px;\r\n            padding: 5px 15px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        #rukn-faq-section .faq-item {\r\n            border-bottom: 1px solid #f0f0f0;\r\n        }\r\n\r\n        #rukn-faq-section .faq-item:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        #rukn-faq-section .faq-question {\r\n            width: 100%;\r\n            padding: 18px 0;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            cursor: pointer;\r\n            background: none;\r\n            border: none;\r\n            outline: none;\r\n            text-align: left;\r\n            font-size: 1rem;\r\n            font-weight: 500;\r\n            color: #1A1A1A;\r\n            gap: 15px; \/* Space between text and icon *\/\r\n        }\r\n\r\n        #rukn-faq-section .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease-out;\r\n            color: #444;\r\n        }\r\n\r\n        #rukn-faq-section .faq-answer p {\r\n            margin: 0 0 15px 0;\r\n            font-size: 0.9rem;\r\n            padding-right: 25px; \/* Avoid text touching the icon area *\/\r\n        }\r\n\r\n        #rukn-faq-section .icon-plus {\r\n            position: relative;\r\n            width: 12px;\r\n            height: 12px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        #rukn-faq-section .icon-plus::before, \r\n        #rukn-faq-section .icon-plus::after {\r\n            content: '';\r\n            position: absolute;\r\n            background-color: #C5A47E;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        #rukn-faq-section .icon-plus::before { width: 100%; height: 2px; top: 5px; left: 0; }\r\n        #rukn-faq-section .icon-plus::after { width: 2px; height: 100%; top: 0; left: 5px; }\r\n\r\n        #rukn-faq-section .faq-item.active .icon-plus::after {\r\n            transform: rotate(90deg);\r\n            opacity: 0;\r\n        }\r\n\r\n        #rukn-faq-section .faq-item.active .faq-answer {\r\n            max-height: 500px; \/* Increased to accommodate wrapped text on mobile *\/\r\n        }\r\n\r\n        \/* MOBILE RESPONSIVE QUERIES *\/\r\n        @media screen and (max-width: 600px) {\r\n            #rukn-faq-section {\r\n                padding: 30px 10px;\r\n            }\r\n            \r\n            #rukn-faq-section h2.faq-title {\r\n                font-size: 1.6rem;\r\n            }\r\n\r\n            #rukn-faq-section .faq-question {\r\n                font-size: 0.95rem;\r\n                padding: 15px 0;\r\n            }\r\n\r\n            #rukn-faq-section .faq-wrapper {\r\n                padding: 5px 12px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"faq-container\">\r\n        <div class=\"header-section\">\r\n            <span class=\"logo-tagline\">Rukn Al Anaqah<\/span>\r\n            <h2 class=\"faq-title\">Got Questions? We\u2019ve Got Answers!<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"faq-wrapper\">\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">What age groups do you serve? <span class=\"icon-plus\"><\/span><\/button>\r\n                <div class=\"faq-answer\"><p>We design outfits for both adults and children.<\/p><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">Can I request a custom-made design according to my size? <span class=\"icon-plus\"><\/span><\/button>\r\n                <div class=\"faq-answer\"><p>Yes, we provide tailoring services customized to your measurements and preferred fabrics.<\/p><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">Do you offer ready-made pieces? <span class=\"icon-plus\"><\/span><\/button>\r\n                <div class=\"faq-answer\"><p>Yes, we have a collection of ready-to-wear pieces in addition to tailoring services.<\/p><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">What types of fabrics do you use? <span class=\"icon-plus\"><\/span><\/button>\r\n                <div class=\"faq-answer\"><p>We use premium fabrics such as soft Italian silk and cool Swiss cotton.<\/p><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">Can I bring my own fabric for tailoring? <span class=\"icon-plus\"><\/span><\/button>\r\n                <div class=\"faq-answer\"><p>Absolutely, you can bring your preferred fabric, and we will tailor it according to your style.<\/p><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">How long does it take to complete an order? <span class=\"icon-plus\"><\/span><\/button>\r\n                <div class=\"faq-answer\"><p>It depends on the type of order; ready-made pieces are available instantly, while custom-made designs usually take from a few days up to two weeks.<\/p><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            const faqSection = document.querySelector('#rukn-faq-section');\r\n            if(!faqSection) return;\r\n            \r\n            const questions = faqSection.querySelectorAll('.faq-question');\r\n            \r\n            questions.forEach(button => {\r\n                button.addEventListener('click', (e) => {\r\n                    e.preventDefault();\r\n                    const faqItem = button.parentElement;\r\n                    const isActive = faqItem.classList.contains('active');\r\n                    \r\n                    faqSection.querySelectorAll('.faq-item').forEach(item => {\r\n                        item.classList.remove('active');\r\n                    });\r\n\r\n                    if (!isActive) {\r\n                        faqItem.classList.add('active');\r\n                    }\r\n                });\r\n            });\r\n        })();\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Rukn Al Anaqah Got Questions? We\u2019ve Got Answers! What age groups do you serve? We design outfits for both adults<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1525","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ruknalanaqah.ae\/en\/wp-json\/wp\/v2\/pages\/1525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ruknalanaqah.ae\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ruknalanaqah.ae\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ruknalanaqah.ae\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ruknalanaqah.ae\/en\/wp-json\/wp\/v2\/comments?post=1525"}],"version-history":[{"count":4,"href":"https:\/\/ruknalanaqah.ae\/en\/wp-json\/wp\/v2\/pages\/1525\/revisions"}],"predecessor-version":[{"id":1530,"href":"https:\/\/ruknalanaqah.ae\/en\/wp-json\/wp\/v2\/pages\/1525\/revisions\/1530"}],"wp:attachment":[{"href":"https:\/\/ruknalanaqah.ae\/en\/wp-json\/wp\/v2\/media?parent=1525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}