{"id":20,"date":"2023-03-21T19:14:34","date_gmt":"2023-03-21T19:14:34","guid":{"rendered":"https:\/\/softstudiokw.tanglebuild.com\/?page_id=20"},"modified":"2026-02-24T12:47:32","modified_gmt":"2026-02-24T09:47:32","slug":"home","status":"publish","type":"page","link":"https:\/\/dndstudioskw.com\/ar\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-00506c4 wd-section-stretch e-flex e-con-boxed e-con e-parent\" data-id=\"00506c4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-667f64a elementor-widget elementor-widget-image\" data-id=\"667f64a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1900\" height=\"1267\" src=\"https:\/\/dndstudioskw.com\/wp-content\/themes\/woodmart-2\/images\/lazy.svg\" class=\"attachment-full size-full wp-image-7089\" alt=\"\" srcset=\"\" sizes=\"(max-width: 1900px) 100vw, 1900px\" data-src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/StudioA2.webp\" data-srcset=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/StudioA2.webp 1900w, https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/StudioA2-300x200.webp 300w, https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/StudioA2-1024x683.webp 1024w, https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/StudioA2-768x512.webp 768w, https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/StudioA2-1536x1024.webp 1536w, https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/StudioA2-18x12.webp 18w, https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/StudioA2-600x400.webp 600w, https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/StudioA2-150x100.webp 150w\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-f5fc801 e-flex e-con-boxed e-con e-parent\" data-id=\"f5fc801\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-949c898 elementor-widget elementor-widget-html\" data-id=\"949c898\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"perfume-wrapper\">\r\n\r\n  <div class=\"perfume-section\">\r\n    <a href=\"https:\/\/dndstudioskw.com\/ar\/studio-a\/\" class=\"card-link\">\r\n      <div class=\"image-container\">\r\n\r\n        <div class=\"carousel\" id=\"carousel-a\">\r\n          <div class=\"carousel-track\" id=\"track-a\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2025\/08\/StudioA.webp\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-1.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-2.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-3.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-4.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-5.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-6.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-7.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-8.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-9.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-10.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-11.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-12.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-13.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-14.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-15.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-16.jpeg\" alt=\"Studio A\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sa-17.jpeg\" alt=\"Studio A\">\r\n\r\n\r\n          <\/div>\r\n          <button class=\"carousel-btn carousel-prev\" data-id=\"a\" aria-label=\"Previous\">&#10094;<\/button>\r\n          <button class=\"carousel-btn carousel-next\" data-id=\"a\" aria-label=\"\u0627\u0644\u062a\u0627\u0644\u064a\">&#10095;<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"overlay-text\">\r\n          <h2>\u0633\u062a\u0648\u062f\u064a\u0648 A<\/h2>\r\n          <p>\u0627\u0633\u062a\u0648\u062f\u064a\u0648 \u0648\u0627\u0633\u0639 \u0645\u0639 \u0634\u0631\u0641\u0629 \u062a\u0648\u0641\u0631 \u0625\u0637\u0644\u0627\u0644\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0628\u0631\u062c \u0627\u0644\u062a\u062d\u0631\u064a\u0631<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"perfume-section\">\r\n    <a href=\"https:\/\/dndstudioskw.com\/ar\/studio-b\/\" class=\"card-link\">\r\n      <div class=\"image-container\">\r\n\r\n        <div class=\"carousel\" id=\"carousel-b\">\r\n          <div class=\"carousel-track\" id=\"track-b\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sb-3.jpeg\" alt=\"Studio B\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sb-1.jpeg\" alt=\"Studio B\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sb-2.jpeg\" alt=\"Studio B\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sb-4.jpeg\" alt=\"Studio B\">\r\n            <img decoding=\"async\" src=\"https:\/\/dndstudioskw.com\/wp-content\/uploads\/2026\/02\/sb-5.jpeg\" alt=\"Studio B\">\r\n          <\/div>\r\n          <button class=\"carousel-btn carousel-prev\" data-id=\"b\" aria-label=\"Previous\">&#10094;<\/button>\r\n          <button class=\"carousel-btn carousel-next\" data-id=\"b\" aria-label=\"\u0627\u0644\u062a\u0627\u0644\u064a\">&#10095;<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"overlay-text\">\r\n          <h2>\u0633\u062a\u0648\u062f\u064a\u0648 B<\/h2>\r\n          <p>\u064a\u062a\u0645\u064a\u0632 \u0628\u062a\u0635\u0645\u064a\u0645 \u0643\u0644\u0627\u0633\u064a\u0643\u064a \u0623\u0646\u064a\u0642 \u0648\u0639\u0645\u0644\u064a \u064a\u0644\u0628\u064a \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0628\u0643\u0641\u0627\u0621\u0629<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* \u2500\u2500 Grid wrapper \u2500\u2500 *\/\r\n.perfume-wrapper {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n  padding: 20px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* \u2500\u2500 Card \u2500\u2500 *\/\r\n.perfume-section {\r\n  width: 100%;\r\n  direction: rtl;\r\n  font-family: 'Almarai', Arial, sans-serif;\r\n  padding-bottom: 60px;\r\n}\r\n\r\n.card-link {\r\n  text-decoration: none;\r\n  color: inherit;\r\n  display: block;\r\n}\r\n\r\n\/* \u2500\u2500 Image container \u2500\u2500 *\/\r\n.image-container {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: visible;\r\n}\r\n\r\n\/* \u2500\u2500 Carousel shell \u2014 FORCE LTR so translateX works correctly \u2500\u2500 *\/\r\n.carousel {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  aspect-ratio: 4 \/ 3;\r\n  background: #e8e8e8;\r\n  direction: ltr;  \/* critical: overrides parent RTL *\/\r\n}\r\n\r\n\/* \u2500\u2500 Sliding track \u2500\u2500 *\/\r\n.carousel-track {\r\n  display: flex;\r\n  width: 100%;\r\n  height: 100%;\r\n  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  will-change: transform;\r\n}\r\n\r\n.carousel-track img {\r\n  flex: 0 0 100%;   \/* each image takes exactly 100% of the carousel width *\/\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  pointer-events: none;\r\n  user-select: none;\r\n}\r\n\r\n\/* \u2500\u2500 Arrow buttons \u2500\u2500 *\/\r\n.carousel-btn {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  background: rgba(255, 255, 255, 0.88);\r\n  color: #000;\r\n  border: none;\r\n  width: 36px;\r\n  min-height: 36px;\r\n  border-radius: 50%;\r\n  font-size: 18px;\r\n  line-height: 36px;\r\n  cursor: pointer;\r\n  z-index: 20;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);\r\n  transition: background 0.2s, transform 0.2s;\r\n  padding: 0;\r\n}\r\n\r\n.carousel-btn:hover {\r\n  background: #fff;\r\n  transform: translateY(-50%) scale(1.1);\r\n}\r\n\r\n.carousel-prev { left: 10px; }   \/* \u2039 on left *\/\r\n.carousel-next { right: 10px; }  \/* \u203a on right *\/\r\n\r\n\/* \u2500\u2500 Overlay text box \u2500\u2500 *\/\r\n.overlay-text {\r\n  position: absolute;\r\n  bottom: -50px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: calc(95% - 30px);\r\n  max-width: 500px;\r\n  background: #fff;\r\n  padding: 5px;\r\n  text-align: center;\r\n  box-sizing: border-box;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.overlay-text h2 {\r\n  margin: 0;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  color: #000;\r\n}\r\n\r\n.overlay-text p {\r\n  font-size: 14px;\r\n  color: #666;\r\n  line-height: 1.3;\r\n  margin: 4px 0 0;\r\n  padding-bottom: 10px;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 992px) {\r\n  .perfume-wrapper { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 600px) {\r\n  .perfume-wrapper { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  \/* index tracker per carousel id *\/\r\n  var idx   = { a: 0, b: 0 };\r\n  var total = {};\r\n\r\n  function goTo(id, n) {\r\n    var t = total[id];\r\n    idx[id] = ((n % t) + t) % t;\r\n    document.getElementById('track-' + id).style.transform =\r\n      'translateX(-' + (idx[id] * 100) + '%)';\r\n  }\r\n\r\n  function setup(id) {\r\n    var track = document.getElementById('track-' + id);\r\n    total[id] = track.querySelectorAll('img').length;\r\n\r\n    \/* prev button *\/\r\n    document.querySelector('#carousel-' + id + ' .carousel-prev')\r\n      .addEventListener('click', function (e) {\r\n        e.preventDefault();\r\n        goTo(id, idx[id] - 1);\r\n      });\r\n\r\n    \/* next button *\/\r\n    document.querySelector('#carousel-' + id + ' .carousel-next')\r\n      .addEventListener('click', function (e) {\r\n        e.preventDefault();\r\n        goTo(id, idx[id] + 1);\r\n      });\r\n\r\n    \/* touch swipe *\/\r\n    var sx = 0;\r\n    var carousel = document.getElementById('carousel-' + id);\r\n    carousel.addEventListener('touchstart', function (e) {\r\n      sx = e.touches[0].clientX;\r\n    }, { passive: true });\r\n    carousel.addEventListener('touchend', function (e) {\r\n      var dx = sx - e.changedTouches[0].clientX;\r\n      if (Math.abs(dx) > 40) goTo(id, idx[id] + (dx > 0 ? 1 : -1));\r\n    });\r\n  }\r\n\r\n  \/* run after DOM is ready *\/\r\n  function ready(fn) {\r\n    if (document.readyState === 'loading') {\r\n      document.addEventListener('DOMContentLoaded', fn);\r\n    } else {\r\n      fn();\r\n    }\r\n  }\r\n\r\n  ready(function () {\r\n    setup('a');\r\n    setup('b');\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>&#10094; &#10095; STUDIO A Spacious Studio with a balcony offering a direct view of the Liberation Tower &#10094; &#10095; STUDIO<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/dndstudioskw.com\/ar\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dndstudioskw.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dndstudioskw.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dndstudioskw.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dndstudioskw.com\/ar\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":1151,"href":"https:\/\/dndstudioskw.com\/ar\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":7202,"href":"https:\/\/dndstudioskw.com\/ar\/wp-json\/wp\/v2\/pages\/20\/revisions\/7202"}],"wp:attachment":[{"href":"https:\/\/dndstudioskw.com\/ar\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}