{"id":263,"date":"2026-04-25T12:01:56","date_gmt":"2026-04-25T12:01:56","guid":{"rendered":"https:\/\/iconicstudio.net\/?page_id=263"},"modified":"2026-05-05T10:23:58","modified_gmt":"2026-05-05T10:23:58","slug":"services","status":"publish","type":"page","link":"https:\/\/iconicstudio.net\/en\/services\/","title":{"rendered":"Services"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"263\" class=\"elementor elementor-263\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f7dd1a e-con-full e-flex e-con e-parent\" data-id=\"4f7dd1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae12522 elementor-widget elementor-widget-html\" data-id=\"ae12522\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n        :root {\r\n            --gold: #CCA44C;\r\n            --dark: #050505;\r\n            --surface: #0a0a0a;\r\n            --text-gray: #999;\r\n            --border: rgba(255, 255, 255, 0.04);\r\n            --border-hover: rgba(204, 164, 76, 0.3);\r\n        }\r\n\r\n        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n        body {\r\n            background: var(--dark);\r\n            font-family: 'Tajawal', sans-serif;\r\n            color: #fff;\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* \u2500\u2500 STAGGERED ANIMATION \u2500\u2500 *\/\r\n        .stagger {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n        }\r\n\r\n        @keyframes fadeUp {\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .d-1 { animation-delay: 0.1s; }\r\n        .d-2 { animation-delay: 0.2s; }\r\n        .d-3 { animation-delay: 0.3s; }\r\n        .d-4 { animation-delay: 0.4s; }\r\n        .d-5 { animation-delay: 0.5s; }\r\n        .d-6 { animation-delay: 0.6s; }\r\n\r\n        \/* \u2500\u2500 SECTION STYLES \u2500\u2500 *\/\r\n        .iconic-services {\r\n            padding: 120px 0;\r\n            position: relative;\r\n            text-align: start;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .iconic-services::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background-image: linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),\r\n                              linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);\r\n            background-size: 60px 60px;\r\n            z-index: 0;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1350px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n        .sec-header {\r\n            margin-bottom: 60px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-end;\r\n        }\r\n\r\n        .sec-title h2 {\r\n            font-size: clamp(38px, 5vw, 55px);\r\n            font-weight: 900;\r\n            margin: 0;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0643\u0644\u0645\u0629 \u0627\u0644\u0630\u0647\u0628\u064a\u0629 \u0628\u062e\u0637 \u0643\u0644\u0627\u0633\u064a\u0643\u064a \u0645\u0627\u0626\u0644 *\/\r\n        .sec-title h2 em {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-style: italic;\r\n            font-weight: 300;\r\n            color: var(--gold);\r\n            font-size: 1.1em;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .sec-title span {\r\n            font-family: 'Montserrat', sans-serif;\r\n            color: var(--gold);\r\n            font-size: 14px;\r\n            letter-spacing: 5px;\r\n            text-transform: uppercase;\r\n            display: block;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        \/* \u2500\u2500 BENTO GRID LAYOUT \u2500\u2500 *\/\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(6, 1fr);\r\n            gap: 30px;\r\n        }\r\n\r\n        .srv-1, .srv-2 { grid-column: span 3; } \r\n        .srv-3, .srv-4, .srv-5 { grid-column: span 2; } \r\n\r\n        \/* \u2500\u2500 SERVICE CARD \u2500\u2500 *\/\r\n        .srv-card {\r\n            background: var(--surface);\r\n            border: 1px solid var(--border);\r\n            border-radius: 16px;\r\n            padding: 50px 40px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: flex-start;\r\n        }\r\n\r\n        .srv-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            inset-inline-start: 0;\r\n            height: 3px;\r\n            width: 0;\r\n            background: var(--gold);\r\n            transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        .srv-card:hover {\r\n            border-color: var(--border-hover);\r\n            transform: translateY(-8px);\r\n            background: rgba(204, 164, 76, 0.02);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n        }\r\n\r\n        .srv-card:hover::after { width: 100%; }\r\n\r\n        .srv-number {\r\n            position: absolute;\r\n            top: 20px;\r\n            inset-inline-end: 30px;\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-size: 80px;\r\n            font-weight: 900;\r\n            color: rgba(255,255,255,0.03);\r\n            line-height: 1;\r\n            transition: all 0.5s ease;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .srv-card:hover .srv-number {\r\n            color: rgba(204, 164, 76, 0.08);\r\n            transform: translateY(-10px);\r\n        }\r\n\r\n        \/* \u2500\u2500 ICONS \u2500\u2500 *\/\r\n        .srv-icon {\r\n            width: 55px;\r\n            height: 55px;\r\n            margin-bottom: 30px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .srv-icon svg {\r\n            width: 100%;\r\n            height: 100%;\r\n            stroke: var(--text-gray); \/* \u0631\u0645\u0627\u062f\u064a\u0629 \u0628\u0627\u0644\u0623\u0633\u0627\u0633 *\/\r\n            stroke-width: 1.2;\r\n            fill: none;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        \/* \u062a\u062a\u062d\u0648\u0644 \u0644\u0644\u0630\u0647\u0628\u064a \u0648\u062a\u0631\u062a\u0641\u0639 \u0644\u0644\u0623\u0639\u0644\u0649 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 *\/\r\n        .srv-card:hover .srv-icon svg {\r\n            stroke: var(--gold);\r\n            transform: translateY(-6px);\r\n        }\r\n\r\n        \/* \u2500\u2500 TEXT \u2500\u2500 *\/\r\n        .srv-card h3 {\r\n            font-size: 24px;\r\n            font-weight: 800;\r\n            color: #fff;\r\n            margin-bottom: 20px;\r\n            position: relative;\r\n            z-index: 2;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .srv-card:hover h3 { color: var(--gold); }\r\n\r\n        .srv-card p {\r\n            font-size: 15.5px;\r\n            color: var(--text-gray);\r\n            line-height: 1.8;\r\n            margin: 0;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n        @media (max-width: 1100px) {\r\n            .srv-1, .srv-2, .srv-3, .srv-4 { grid-column: span 3; }\r\n            .srv-5 { grid-column: span 6; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .services-grid { display: flex; flex-direction: column; gap: 20px; }\r\n            .iconic-services { padding: 80px 0; }\r\n            .container { padding: 0 25px; }\r\n            .sec-header { flex-direction: column; align-items: flex-start; gap: 20px; }\r\n            .srv-card { padding: 40px 30px; }\r\n            .srv-number { font-size: 60px; top: 15px; inset-inline-end: 20px; }\r\n        }\r\n    <\/style>\r\n\r\n<section class=\"iconic-services\">\r\n    <div class=\"container\">\r\n        \r\n        <div class=\"sec-header stagger d-1\">\r\n            <div class=\"sec-title\">\r\n                <span>Our Expertise<\/span>\r\n                <h2>Fields of <em>Creativity<\/em><\/h2>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"services-grid\">\r\n            \r\n            <div class=\"srv-card srv-1 stagger d-2\">\r\n                <div class=\"srv-number\">01<\/div>\r\n                <div class=\"srv-icon\">\r\n                    <svg viewbox=\"0 0 24 24\">\r\n                        <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\r\n                        <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\r\n                        <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Design Consultation<\/h3>\r\n                <p>We provide specialized consultations to help you make the right decisions before starting your project by analyzing your needs and offering tailored design solutions that suit your taste and the nature of the space, with the goal of achieving the best result that combines beauty and functionality.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"srv-card srv-2 stagger d-3\">\r\n                <div class=\"srv-number\">02<\/div>\r\n                <div class=\"srv-icon\">\r\n                    <svg viewbox=\"0 0 24 24\">\r\n                        <path d=\"M5 10v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4\"\/>\r\n                        <path d=\"M3 10h18v4H3z\"\/>\r\n                        <path d=\"M5 6v4\"\/>\r\n                        <path d=\"M19 6v4\"\/>\r\n                        <path d=\"M7 6h10V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2z\"\/>\r\n                        <path d=\"M7 16v4\"\/>\r\n                        <path d=\"M17 16v4\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Interior Design<\/h3>\r\n                <p>We transform interiors into elegant, comfortable environments that reflect your lifestyle, focusing on every detail from colors to lighting for a harmonious visual experience.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"srv-card srv-3 stagger d-4\">\r\n                <div class=\"srv-number\">03<\/div>\r\n                <div class=\"srv-icon\">\r\n                    <svg viewbox=\"0 0 24 24\">\r\n                        <path d=\"M4 22v-8\"\/>\r\n                        <path d=\"M20 22v-8\"\/>\r\n                        <path d=\"M9 22V10\"\/>\r\n                        <path d=\"M15 22V10\"\/>\r\n                        <path d=\"M4 14h16\"\/>\r\n                        <path d=\"M4 18h16\"\/>\r\n                        <path d=\"M9 10L12 4l3 6\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Project Execution<\/h3>\r\n                <p>We turn designs into reality with high precision and quality, ensuring full adherence to approved plan details for results that match the design vision and reflect the strength of the design.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"srv-card srv-4 stagger d-5\">\r\n                <div class=\"srv-number\">04<\/div>\r\n                <div class=\"srv-icon\">\r\n                    <svg viewbox=\"0 0 24 24\">\r\n                        <path d=\"M12 2v4\"\/>\r\n                        <path d=\"M7 6h10l2 6H5l2-6z\"\/>\r\n                        <path d=\"M10 12v10\"\/>\r\n                        <path d=\"M14 12v10\"\/>\r\n                        <path d=\"M8 22h8\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Furnishing &amp; Fit-Out<\/h3>\r\n                <p>We carefully select and provide furniture that suits the nature of the space and design character, ensuring complete visual and functional harmony that completes the identity of the place.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"srv-card srv-5 stagger d-6\">\r\n                <div class=\"srv-number\">05<\/div>\r\n                <div class=\"srv-icon\">\r\n                    <svg viewbox=\"0 0 24 24\">\r\n                        <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2\"\/>\r\n                        <rect x=\"9\" y=\"3\" width=\"6\" height=\"4\" rx=\"2\"\/>\r\n                        <path d=\"M9 14l2 2 4-4\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Project Supervision<\/h3>\r\n                <p>We monitor execution quality and details at every stage, addressing any observations immediately to ensure the project is completed with high efficiency and results aligned with the design.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Our Expertise \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0625\u0628\u062f\u0627\u0639 01 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u062a\u0635\u0645\u064a\u0645 \u0646\u0642\u062f\u0651\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0635\u062d\u064a\u062d \u0642\u0628\u0644 \u0627\u0644\u0628\u062f\u0621 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u062d\u064a\u062b \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0628\u062f\u0642\u0629 \u0648\u0641\u0647\u0645 \u0631\u0624\u064a\u062a\u0643 \u062b\u0645 \u0646\u0642\u062a\u0631\u062d \u062d\u0644\u0648\u0644 \u062a\u0635\u0645\u064a\u0645\u064a\u0629 \u0645\u062f\u0631\u0648\u0633\u0629 \u062a\u0646\u0627\u0633\u0628 \u0630\u0648\u0642 \u0648\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629\u060c \u0628\u0647\u062f\u0641 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0623\u0641\u0636\u0644 \u0646\u062a\u064a\u062c\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062c\u0645\u0627\u0644 \u0648\u0627\u0644\u0648\u0638\u064a\u0641\u0629. 02 \u062a\u0635\u0645\u064a\u0645 \u062f\u0627\u062e\u0644\u064a \u0646\u062d\u0648\u0651\u0644 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0625\u0644\u0649 \u0628\u064a\u0626\u0627\u062a \u0623\u0646\u064a\u0642\u0629 \u0648\u0645\u0631\u064a\u062d\u0629 \u062a\u0639\u0643\u0633 [&hellip;]<\/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-263","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/pages\/263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/comments?post=263"}],"version-history":[{"count":8,"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/pages\/263\/revisions"}],"predecessor-version":[{"id":730,"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/pages\/263\/revisions\/730"}],"wp:attachment":[{"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/media?parent=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}