{"id":1138,"date":"2026-09-29T15:00:43","date_gmt":"2026-09-29T15:00:43","guid":{"rendered":"https:\/\/sqoce.com\/?page_id=1138"},"modified":"2026-10-14T09:15:53","modified_gmt":"2026-10-14T09:15:53","slug":"architectural-design","status":"publish","type":"page","link":"https:\/\/sqoce.com\/en\/architectural-design\/","title":{"rendered":"Architectural Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1138\" class=\"elementor elementor-1138 elementor-632\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43013fc e-flex e-con-boxed e-con e-parent\" data-id=\"43013fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-655b28a elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"655b28a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1\" height=\"25\" viewBox=\"0 0 1 25\" fill=\"none\"><line x1=\"0.5\" y1=\"-2.18557e-08\" x2=\"0.500001\" y2=\"25\" stroke=\"#D0D0D0\"><\/line><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDistinctive Services We Offer to Our Clients\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f968042 e-flex e-con-boxed e-con e-parent\" data-id=\"f968042\" 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-9d53d3f elementor-widget elementor-widget-html\" data-id=\"9d53d3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SQOCE Clean Architecture Page Template -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n  :root {\r\n    --primary-blue: #183F72;\r\n    --accent-blue: #02A0CE;\r\n    --card-bg: #ffffff;\r\n    --text-dark: #2b3648;\r\n    --text-muted: #64748b;\r\n    --border-color: #e2e8f0;\r\n  }\r\n\r\n  .sq-clean-wrapper {\r\n    font-family: 'Cairo', sans-serif !important;\r\n    direction: ltr;\r\n    text-align: left;\r\n    background-color: transparent; \/* Remove wrapper background *\/\r\n    color: var(--text-dark);\r\n    padding: 10px 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sq-clean-wrapper * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sq-clean-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* --- HERO SECTION --- *\/\r\n  .sq-hero-box {\r\n    background: linear-gradient(135deg, var(--primary-blue) 0%, #0f2c52 100%);\r\n    border-radius: 12px;\r\n    padding: 35px 30px;\r\n    color: #ffffff;\r\n    margin-bottom: 25px;\r\n    border-left: 5px solid var(--accent-blue);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  .sq-hero-box:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 25px rgba(24, 63, 114, 0.15);\r\n  }\r\n\r\n  .sq-hero-title {\r\n    font-size: 24px;\r\n    font-weight: 600; \/* Max bold 600 *\/\r\n    color: #ffffff;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  .sq-hero-desc {\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    color: #e2e8f0;\r\n    line-height: 1.8;\r\n    margin: 0 0 20px 0;\r\n    max-width: 850px;\r\n  }\r\n\r\n  \/* --- BUTTONS --- *\/\r\n  .sq-btn-whatsapp {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background-color: #25d366;\r\n    color: #ffffff !important;\r\n    padding: 10px 22px;\r\n    border-radius: 6px;\r\n    font-size: 15px;\r\n    font-weight: 500; \/* Button font smoothing *\/\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .sq-btn-whatsapp:hover {\r\n    background-color: #1ebd59;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 15px rgba(37, 211, 102, 0.25);\r\n  }\r\n\r\n  \/* --- CARD SECTIONS --- *\/\r\n  .sq-card-section {\r\n    background: var(--card-bg);\r\n    border: 1px solid var(--border-color);\r\n    border-radius: 10px;\r\n    padding: 30px;\r\n    margin-bottom: 25px;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n  }\r\n\r\n  .sq-card-section:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);\r\n    border-color: rgba(2, 160, 206, 0.3);\r\n  }\r\n\r\n  .sq-section-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .sq-section-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background-color: var(--accent-blue);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .sq-section-title {\r\n    font-size: 20px;\r\n    font-weight: 600; \/* Max bold 600 *\/\r\n    color: var(--primary-blue);\r\n    margin: 0;\r\n  }\r\n\r\n  .sq-text-content {\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.8;\r\n    color: var(--text-dark);\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- GRID SERVICES --- *\/\r\n  .sq-grid-container {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n    gap: 18px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .sq-service-item {\r\n    background: #ffffff;\r\n    border: 1px solid var(--border-color);\r\n    border-radius: 8px;\r\n    padding: 22px 18px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .sq-service-item:hover {\r\n    transform: translateY(-5px);\r\n    border-color: var(--accent-blue);\r\n    box-shadow: 0 8px 20px rgba(2, 160, 206, 0.12);\r\n  }\r\n\r\n  .sq-item-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n    background: #edf8fc;\r\n    color: var(--accent-blue);\r\n    border-radius: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n    margin-bottom: 12px;\r\n    transition: background 0.3s ease, color 0.3s ease;\r\n  }\r\n\r\n  .sq-service-item:hover .sq-item-icon {\r\n    background: var(--accent-blue);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .sq-service-item h3 {\r\n    font-size: 17px;\r\n    font-weight: 600; \/* Max bold 600 *\/\r\n    color: var(--primary-blue);\r\n    margin: 0 0 8px 0;\r\n  }\r\n\r\n  .sq-service-item p {\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: var(--text-muted);\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- STEPS --- *\/\r\n  .sq-steps-flex {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .sq-step-box {\r\n    flex: 1 1 200px;\r\n    background: #f8fafc;\r\n    border: 1px solid var(--border-color);\r\n    border-radius: 8px;\r\n    padding: 18px;\r\n    text-align: center;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .sq-step-box:hover {\r\n    transform: translateY(-4px);\r\n    background: #ffffff;\r\n    border-color: var(--accent-blue);\r\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  .sq-step-num {\r\n    display: inline-block;\r\n    width: 28px;\r\n    height: 28px;\r\n    line-height: 28px;\r\n    background: var(--primary-blue);\r\n    color: #ffffff;\r\n    border-radius: 50%;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .sq-step-box h4 {\r\n    font-size: 16px;\r\n    font-weight: 600; \/* Max bold 600 *\/\r\n    color: var(--primary-blue);\r\n    margin: 0 0 6px 0;\r\n  }\r\n\r\n  .sq-step-box p {\r\n    font-size: 13.5px;\r\n    font-weight: 400;\r\n    color: var(--text-muted);\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* --- CTA BANNER --- *\/\r\n  .sq-cta-banner {\r\n    background: var(--primary-blue);\r\n    border-radius: 10px;\r\n    padding: 30px 20px;\r\n    text-align: center;\r\n    color: #ffffff;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  .sq-cta-banner:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 10px 25px rgba(24, 63, 114, 0.2);\r\n  }\r\n\r\n  .sq-cta-banner h2 {\r\n    font-size: 20px;\r\n    font-weight: 600; \/* Max bold 600 *\/\r\n    color: #ffffff;\r\n    margin: 0 0 10px 0;\r\n  }\r\n\r\n  .sq-cta-banner p {\r\n    font-size: 14.5px;\r\n    font-weight: 400;\r\n    color: #e2e8f0;\r\n    margin: 0 0 18px 0;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .sq-hero-title { font-size: 21px; }\r\n    .sq-section-title { font-size: 18px; }\r\n    .sq-card-section { padding: 20px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"sq-clean-wrapper\">\r\n  <div class=\"sq-clean-container\">\r\n\r\n    <!-- Hero Header -->\r\n    <div class=\"sq-hero-box\">\r\n      <h1 class=\"sq-hero-title\">Architectural Design Services<\/h1>\r\n      <p class=\"sq-hero-desc\">At Superior Quality For Consulting Engineering, we offer integrated architectural solutions that balance aesthetics, space utilization, and compliance with the Saudi Building Code.<\/p>\r\n      <a href=\"https:\/\/wa.me\/966505237709\" class=\"sq-btn-whatsapp\" target=\"_blank\">\r\n        <i class=\"fab fa-whatsapp\"><\/i> Contact Us via WhatsApp\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- About Section -->\r\n    <div class=\"sq-card-section\">\r\n      <div class=\"sq-section-header\">\r\n        <div class=\"sq-section-dot\"><\/div>\r\n        <h2 class=\"sq-section-title\">About the Service<\/h2>\r\n      <\/div>\r\n      <p class=\"sq-text-content\">\r\n        Building engineering design starts with the architectural design stage, where we transform needs and aspirations into well-studied architectural spaces. We are keen to provide modern designs suitable for residential and commercial projects in the Kingdom, with a focus on lighting distribution, ventilation, and movement efficiency within the building.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Services Grid -->\r\n    <div class=\"sq-card-section\">\r\n      <div class=\"sq-section-header\">\r\n        <div class=\"sq-section-dot\"><\/div>\r\n        <h2 class=\"sq-section-title\">What We Offer in Architectural Design<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"sq-grid-container\">\r\n        \r\n        <div class=\"sq-service-item\">\r\n          <div class=\"sq-item-icon\"><i class=\"fas fa-home\"><\/i><\/div>\r\n          <h3>Residential Design<\/h3>\r\n          <p>Designing villas and residential complexes with an excellent utilization vision that meets the requirements of the modern family.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sq-service-item\">\r\n          <div class=\"sq-item-icon\"><i class=\"fas fa-building\"><\/i><\/div>\r\n          <h3>Commercial & Service Design<\/h3>\r\n          <p>Developing architectural plans for showrooms and offices in a way that enhances functionality and investment value.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sq-service-item\">\r\n          <div class=\"sq-item-icon\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n          <h3>Site Studies & Analysis<\/h3>\r\n          <p>Analyzing sun and wind patterns to ensure a healthy, energy-efficient architectural orientation.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sq-service-item\">\r\n          <div class=\"sq-item-icon\"><i class=\"fas fa-file-contract\"><\/i><\/div>\r\n          <h3>Working Drawings<\/h3>\r\n          <p>Preparing detailed, execution-ready plans compliant with government authority requirements.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Steps -->\r\n    <div class=\"sq-card-section\">\r\n      <div class=\"sq-section-header\">\r\n        <div class=\"sq-section-dot\"><\/div>\r\n        <h2 class=\"sq-section-title\">Workflow Stages<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"sq-steps-flex\">\r\n        <div class=\"sq-step-box\">\r\n          <span class=\"sq-step-num\">1<\/span>\r\n          <h4>Requirements Gathering<\/h4>\r\n          <p>Defining owner needs, budget, and spaces.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sq-step-box\">\r\n          <span class=\"sq-step-num\">2<\/span>\r\n          <h4>Initial Concept<\/h4>\r\n          <p>Preparing proposals and preliminary spatial distribution.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sq-step-box\">\r\n          <span class=\"sq-step-num\">3<\/span>\r\n          <h4>Development & Approval<\/h4>\r\n          <p>Developing elevations and details until final approval.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sq-step-box\">\r\n          <span class=\"sq-step-num\">4<\/span>\r\n          <h4>Final Plans<\/h4>\r\n          <p>Delivering comprehensive execution and permit files.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CTA Banner -->\r\n    <div class=\"sq-cta-banner\">\r\n      <h2>Do you need an architectural consultation for your project?<\/h2>\r\n      <p>Our engineering team is ready to help you turn your idea into a well-studied reality.<\/p>\r\n      <a href=\"https:\/\/wa.me\/966505237709\" class=\"sq-btn-whatsapp\" target=\"_blank\">\r\n        <i class=\"fab fa-whatsapp\"><\/i> Get a Consultation Now\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\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>Distinctive Services We Offer to Our Clients Architectural Design Services At Superior Quality For Consulting Engineering, we offer integrated architectural solutions that balance aesthetics, space utilization, and compliance with the Saudi Building Code. Contact Us via WhatsApp About the Service Building engineering design starts with the architectural design stage, where we transform needs and aspirations [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1138","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sqoce.com\/en\/wp-json\/wp\/v2\/pages\/1138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sqoce.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sqoce.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sqoce.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sqoce.com\/en\/wp-json\/wp\/v2\/comments?post=1138"}],"version-history":[{"count":4,"href":"https:\/\/sqoce.com\/en\/wp-json\/wp\/v2\/pages\/1138\/revisions"}],"predecessor-version":[{"id":1142,"href":"https:\/\/sqoce.com\/en\/wp-json\/wp\/v2\/pages\/1138\/revisions\/1142"}],"wp:attachment":[{"href":"https:\/\/sqoce.com\/en\/wp-json\/wp\/v2\/media?parent=1138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}