{"id":23,"date":"2026-05-12T20:38:29","date_gmt":"2026-05-12T20:38:29","guid":{"rendered":"https:\/\/alnoor-supplies.com\/?page_id=23"},"modified":"2026-06-05T01:56:25","modified_gmt":"2026-06-05T01:56:25","slug":"home","status":"publish","type":"page","link":"https:\/\/alnoor-supplies.com\/en\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23\" class=\"elementor elementor-23\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d05c04 e-flex e-con-boxed e-con e-parent\" data-id=\"5d05c04\" 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-8cfa28e elementor-widget elementor-widget-html\" data-id=\"8cfa28e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .alnoor-quick-collections-v4 {\r\n    direction: rtl;\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 8px 0 4px;\r\n    font-family: inherit;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .alnoor-quick-collections-v4 * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .alnoor-qc-v4-shell {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .alnoor-qc-v4-track {\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 12px;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    padding: 6px 46px 10px;\r\n    scroll-snap-type: x proximity;\r\n    scroll-behavior: smooth;\r\n    -webkit-overflow-scrolling: touch;\r\n    cursor: grab;\r\n  }\r\n\r\n  .alnoor-qc-v4-track:active {\r\n    cursor: grabbing;\r\n  }\r\n\r\n  .alnoor-qc-v4-track::-webkit-scrollbar {\r\n    height: 5px;\r\n  }\r\n\r\n  .alnoor-qc-v4-track::-webkit-scrollbar-track {\r\n    background: rgba(17, 28, 61, 0.04);\r\n    border-radius: 999px;\r\n  }\r\n\r\n  .alnoor-qc-v4-track::-webkit-scrollbar-thumb {\r\n    background: rgba(17, 28, 61, 0.16);\r\n    border-radius: 999px;\r\n  }\r\n\r\n  .alnoor-qc-v4-card {\r\n    flex: 0 0 92px;\r\n    scroll-snap-align: start;\r\n    text-decoration: none !important;\r\n    color: #111c3d;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 7px;\r\n    -webkit-tap-highlight-color: transparent;\r\n    user-select: none;\r\n  }\r\n\r\n  .alnoor-qc-v4-imgbox {\r\n    width: 86px;\r\n    height: 86px;\r\n    border-radius: 26px;\r\n    display: grid;\r\n    place-items: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(circle at 20% 15%, rgba(201,151,53,0.10), transparent 35%),\r\n      linear-gradient(145deg, #ffffff 0%, #f8f9fd 100%);\r\n    border: 1px solid rgba(17, 28, 61, 0.065);\r\n    box-shadow:\r\n      0 10px 24px rgba(17, 28, 61, 0.075),\r\n      inset 0 1px 0 rgba(255,255,255,0.92);\r\n    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;\r\n  }\r\n\r\n  .alnoor-qc-v4-imgbox::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: auto -18px -28px auto;\r\n    width: 70px;\r\n    height: 70px;\r\n    border-radius: 999px;\r\n    background: rgba(17, 28, 61, 0.045);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .alnoor-qc-v4-card:hover .alnoor-qc-v4-imgbox {\r\n    transform: translateY(-3px);\r\n    border-color: rgba(201,151,53,0.28);\r\n    box-shadow:\r\n      0 15px 32px rgba(17, 28, 61, 0.12),\r\n      0 0 0 3px rgba(201,151,53,0.05);\r\n  }\r\n\r\n  .alnoor-qc-v4-imgbox img {\r\n    width: 92%;\r\n    height: 92%;\r\n    object-fit: contain;\r\n    display: block;\r\n    position: relative;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n    filter: drop-shadow(0 8px 10px rgba(17, 28, 61, 0.12));\r\n  }\r\n\r\n  .alnoor-qc-v4-title {\r\n    display: block;\r\n    width: 96px;\r\n    min-height: 32px;\r\n    color: #111c3d;\r\n    text-align: center;\r\n    font-size: 11.2px;\r\n    font-weight: 850;\r\n    line-height: 1.45;\r\n    white-space: normal;\r\n    overflow: visible;\r\n  }\r\n\r\n  \/* Minimal premium arrows - no background *\/\r\n  .alnoor-qc-v4-arrow {\r\n    position: absolute;\r\n    top: 45px;\r\n    transform: translateY(-50%);\r\n    z-index: 10;\r\n    width: 34px;\r\n    height: 54px;\r\n    border: 0 !important;\r\n    border-radius: 0 !important;\r\n    background: transparent !important;\r\n    color: #111c3d !important;\r\n    display: grid;\r\n    place-items: center;\r\n    cursor: pointer;\r\n    font-size: 34px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n    opacity: 0.86;\r\n    transition: color 0.18s ease, opacity 0.18s ease, transform 0.18s ease;\r\n  }\r\n\r\n  .alnoor-qc-v4-arrow:hover {\r\n    background: transparent !important;\r\n    color: #c99735 !important;\r\n    opacity: 1;\r\n    transform: translateY(-50%) scale(1.08);\r\n  }\r\n\r\n  .alnoor-qc-v4-arrow:focus,\r\n  .alnoor-qc-v4-arrow:active {\r\n    background: transparent !important;\r\n    color: #c99735 !important;\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .alnoor-qc-v4-arrow.prev {\r\n    right: 6px;\r\n  }\r\n\r\n  .alnoor-qc-v4-arrow.next {\r\n    left: 6px;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .alnoor-quick-collections-v4 {\r\n      padding-top: 8px;\r\n      padding-bottom: 6px;\r\n    }\r\n\r\n    .alnoor-qc-v4-track {\r\n      gap: 16px;\r\n      padding: 8px 54px 12px;\r\n    }\r\n\r\n    .alnoor-qc-v4-card {\r\n      flex: 0 0 112px;\r\n    }\r\n\r\n    .alnoor-qc-v4-imgbox {\r\n      width: 104px;\r\n      height: 104px;\r\n      border-radius: 30px;\r\n    }\r\n\r\n    .alnoor-qc-v4-title {\r\n      width: 112px;\r\n      font-size: 12.1px;\r\n      min-height: 36px;\r\n    }\r\n\r\n    .alnoor-qc-v4-arrow {\r\n      top: 58px;\r\n      font-size: 38px;\r\n      height: 64px;\r\n      width: 38px;\r\n    }\r\n\r\n    .alnoor-qc-v4-arrow.prev {\r\n      right: 8px;\r\n    }\r\n\r\n    .alnoor-qc-v4-arrow.next {\r\n      left: 8px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .alnoor-qc-v4-arrow {\r\n      display: none;\r\n    }\r\n\r\n    .alnoor-qc-v4-track {\r\n      padding: 5px 12px 8px;\r\n      scrollbar-width: none;\r\n    }\r\n\r\n    .alnoor-qc-v4-track::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 390px) {\r\n    .alnoor-qc-v4-track {\r\n      gap: 10px;\r\n      padding-right: 12px;\r\n      padding-left: 12px;\r\n    }\r\n\r\n    .alnoor-qc-v4-card {\r\n      flex-basis: 86px;\r\n    }\r\n\r\n    .alnoor-qc-v4-imgbox {\r\n      width: 80px;\r\n      height: 80px;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .alnoor-qc-v4-title {\r\n      width: 88px;\r\n      font-size: 10.5px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"alnoor-quick-collections-v4\" aria-label=\"\u0623\u0642\u0633\u0627\u0645 AL NOOR SUPPLIES\">\r\n  <div class=\"alnoor-qc-v4-shell\">\r\n\r\n    <button class=\"alnoor-qc-v4-arrow prev\" type=\"button\" aria-label=\"\u0627\u0644\u0633\u0627\u0628\u0642\">\u2039<\/button>\r\n    <button class=\"alnoor-qc-v4-arrow next\" type=\"button\" aria-label=\"\u0627\u0644\u062a\u0627\u0644\u064a\">\u203a<\/button>\r\n\r\n    <div class=\"alnoor-qc-v4-track\">\r\n\r\n      <a class=\"alnoor-qc-v4-card\" href=\"\/product-category\/school-supplies\/\">\r\n        <span class=\"alnoor-qc-v4-imgbox\">\r\n          <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0627\u062f\u0648\u0627\u062a-\u0648\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a-\u0645\u062f\u0631\u0633\u064a\u0629-1.png\" alt=\"\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0648\u0627\u0644\u0645\u062f\u0631\u0633\u0629\">\r\n        <\/span>\r\n        <span class=\"alnoor-qc-v4-title\">\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0648\u0627\u0644\u0645\u062f\u0631\u0633\u0629<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-qc-v4-card\" href=\"\/product-category\/kids-toys\/\">\r\n        <span class=\"alnoor-qc-v4-imgbox\">\r\n          <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0627\u0644\u0639\u0627\u0628-\u0627\u0637\u0641\u0627\u0644-1.png\" alt=\"\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\">\r\n        <\/span>\r\n        <span class=\"alnoor-qc-v4-title\">\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-qc-v4-card\" href=\"\/product-category\/party-birthday-supplies\/\">\r\n        <span class=\"alnoor-qc-v4-imgbox\">\r\n          <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0647\u062f\u0627\u064a\u0627-\u0648\u0645\u0646\u0627\u0633\u0628\u0627\u062a-1.png\" alt=\"\u0647\u062f\u0627\u064a\u0627 \u0648\u0645\u0646\u0627\u0633\u0628\u0627\u062a\">\r\n        <\/span>\r\n        <span class=\"alnoor-qc-v4-title\">\u0647\u062f\u0627\u064a\u0627 \u0648\u0645\u0646\u0627\u0633\u0628\u0627\u062a<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-qc-v4-card\" href=\"\/product-category\/beach-summer-toys\/\">\r\n        <span class=\"alnoor-qc-v4-imgbox\">\r\n          <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0627\u0644\u0639\u0627\u0628-\u0627\u0644\u0628\u062d\u0631-1.png\" alt=\"\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0628\u062d\u0631\">\r\n        <\/span>\r\n        <span class=\"alnoor-qc-v4-title\">\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0628\u062d\u0631<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-qc-v4-card\" href=\"\/product-category\/educational-brain-games\/\">\r\n        <span class=\"alnoor-qc-v4-imgbox\">\r\n          <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0627\u0644\u0639\u0627\u0628-\u0630\u0643\u0627\u0621-\u0648\u062a\u0646\u0645\u064a\u0629-\u0645\u0647\u0627\u0631\u0627\u062a-1.png\" alt=\"\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0630\u0643\u0627\u0621 \u0648\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a\">\r\n        <\/span>\r\n        <span class=\"alnoor-qc-v4-title\">\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0630\u0643\u0627\u0621 \u0648\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-qc-v4-card\" href=\"\/product-category\/art-coloring-supplies\/\">\r\n        <span class=\"alnoor-qc-v4-imgbox\">\r\n          <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0627\u062f\u0648\u0627\u062a-\u0627\u0644\u0631\u0633\u0645-\u0648\u0627\u0644\u0627\u0644\u0648\u0627\u0646-1-1.png\" alt=\"\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0631\u0633\u0645 \u0648\u0627\u0644\u062a\u0644\u0648\u064a\u0646\">\r\n        <\/span>\r\n        <span class=\"alnoor-qc-v4-title\">\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0631\u0633\u0645 \u0648\u0627\u0644\u062a\u0644\u0648\u064a\u0646<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-qc-v4-card\" href=\"\/product-category\/office-organization-files\/\">\r\n        <span class=\"alnoor-qc-v4-imgbox\">\r\n          <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a-\u0627\u0644\u0645\u0643\u062a\u0628-1.png\" alt=\"\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0643\u062a\u0628 \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a\">\r\n        <\/span>\r\n        <span class=\"alnoor-qc-v4-title\">\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0643\u062a\u0628 \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-qc-v4-card\" href=\"\/product-category\/mobile-computer-accessories\/\">\r\n        <span class=\"alnoor-qc-v4-imgbox\">\r\n          <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0627\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a-\u0627\u0644\u0647\u0627\u062a\u0641-\u0648\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631-1.png\" alt=\"\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631\">\r\n        <\/span>\r\n        <span class=\"alnoor-qc-v4-title\">\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-qc-v4-card\" href=\"\/product-category\/men-car-accessories\/\">\r\n        <span class=\"alnoor-qc-v4-imgbox\">\r\n          <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a-\u0631\u062c\u0627\u0644\u064a-\u0648\u0633\u064a\u0627\u0631\u0627\u062a-1.png\" alt=\"\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0631\u062c\u0627\u0644\u064a \u0648\u0639\u0631\u0628\u064a\u0627\u062a\">\r\n        <\/span>\r\n        <span class=\"alnoor-qc-v4-title\">\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0631\u062c\u0627\u0644\u064a \u0648\u0639\u0631\u0628\u064a\u0627\u062a<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-qc-v4-card\" href=\"\/product-category\/new-arrivals\/\">\r\n        <span class=\"alnoor-qc-v4-imgbox\">\r\n          <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0645\u0646\u062a\u062c\u0627\u062a-\u0648\u0635\u0644\u062a-\u062d\u062f\u064a\u062b\u0627\u064b-1.png\" alt=\"\u0648\u0635\u0644 \u062d\u062f\u064a\u062b\u064b\u0627\">\r\n        <\/span>\r\n        <span class=\"alnoor-qc-v4-title\">\u0648\u0635\u0644 \u062d\u062f\u064a\u062b\u064b\u0627<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-qc-v4-card\" href=\"\/product-category\/best-sellers\/\">\r\n        <span class=\"alnoor-qc-v4-imgbox\">\r\n          <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a-\u0627\u0644\u0627\u0643\u062b\u0631-\u0645\u0628\u064a\u0639\u0627-1.png\" alt=\"\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627\">\r\n        <\/span>\r\n        <span class=\"alnoor-qc-v4-title\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    const section = document.querySelector('.alnoor-quick-collections-v4');\r\n    if (!section) return;\r\n\r\n    const track = section.querySelector('.alnoor-qc-v4-track');\r\n    const prev = section.querySelector('.alnoor-qc-v4-arrow.prev');\r\n    const next = section.querySelector('.alnoor-qc-v4-arrow.next');\r\n\r\n    if (!track) return;\r\n\r\n    function scrollAmount() {\r\n      return Math.min(520, Math.max(260, track.clientWidth * 0.65));\r\n    }\r\n\r\n    if (prev) {\r\n      prev.addEventListener('click', function () {\r\n        track.scrollBy({ left: scrollAmount(), behavior: 'smooth' });\r\n      });\r\n    }\r\n\r\n    if (next) {\r\n      next.addEventListener('click', function () {\r\n        track.scrollBy({ left: -scrollAmount(), behavior: 'smooth' });\r\n      });\r\n    }\r\n\r\n    let isDown = false;\r\n    let startX = 0;\r\n    let scrollLeft = 0;\r\n    let moved = false;\r\n\r\n    track.addEventListener('mousedown', function (e) {\r\n      isDown = true;\r\n      moved = false;\r\n      startX = e.pageX - track.offsetLeft;\r\n      scrollLeft = track.scrollLeft;\r\n    });\r\n\r\n    track.addEventListener('mouseleave', function () {\r\n      isDown = false;\r\n    });\r\n\r\n    track.addEventListener('mouseup', function () {\r\n      isDown = false;\r\n      setTimeout(function () {\r\n        moved = false;\r\n      }, 0);\r\n    });\r\n\r\n    track.addEventListener('mousemove', function (e) {\r\n      if (!isDown) return;\r\n      e.preventDefault();\r\n      moved = true;\r\n      const x = e.pageX - track.offsetLeft;\r\n      const walk = (x - startX) * 1.2;\r\n      track.scrollLeft = scrollLeft - walk;\r\n    });\r\n\r\n    track.addEventListener('click', function (e) {\r\n      if (moved) {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n      }\r\n    }, true);\r\n  })();\r\n<\/script>\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-0ac638c e-flex e-con-boxed e-con e-parent\" data-id=\"0ac638c\" 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-d90ecc9 elementor-widget elementor-widget-html\" data-id=\"d90ecc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .alnoor-life-banner-slider {\r\n    direction: rtl;\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 4px 0 14px;\r\n    overflow: hidden;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .alnoor-life-banner-slider * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .alnoor-life-banner-track {\r\n    display: flex;\r\n    gap: 14px;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    scroll-snap-type: x mandatory;\r\n    -webkit-overflow-scrolling: touch;\r\n    padding: 6px 14px 10px;\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  .alnoor-life-banner-track::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .alnoor-life-banner-card {\r\n    flex: 0 0 calc(100% - 28px);\r\n    max-width: 720px;\r\n    aspect-ratio: 2.4 \/ 1;\r\n    scroll-snap-align: center;\r\n    border-radius: 28px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    display: block;\r\n    text-decoration: none !important;\r\n    background: #f7f8fc;\r\n    border: 1px solid rgba(17, 28, 61, 0.08);\r\n    box-shadow:\r\n      0 14px 34px rgba(17, 28, 61, 0.10),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.75);\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition:\r\n      transform 0.22s ease,\r\n      box-shadow 0.22s ease,\r\n      border-color 0.22s ease;\r\n  }\r\n\r\n  .alnoor-life-banner-card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .alnoor-life-banner-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: inherit;\r\n    box-shadow:\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.16),\r\n      inset 0 -22px 44px rgba(17, 28, 61, 0.035);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .alnoor-life-banner-card:hover {\r\n    transform: translateY(-2px);\r\n    border-color: rgba(201, 151, 53, 0.30);\r\n    box-shadow:\r\n      0 18px 42px rgba(17, 28, 61, 0.14),\r\n      0 0 0 3px rgba(201, 151, 53, 0.055);\r\n  }\r\n\r\n  .alnoor-life-banner-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-top: 2px;\r\n    direction: ltr;\r\n  }\r\n\r\n  .alnoor-life-banner-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 999px;\r\n    background: rgba(17, 28, 61, 0.18);\r\n    transition: all 0.25s ease;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .alnoor-life-banner-dot.is-active {\r\n    width: 18px;\r\n    background: #c99735;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .alnoor-life-banner-slider {\r\n      padding: 8px 0 20px;\r\n    }\r\n\r\n    .alnoor-life-banner-track {\r\n      padding: 8px 24px 14px;\r\n      gap: 18px;\r\n      justify-content: flex-start;\r\n    }\r\n\r\n    .alnoor-life-banner-card {\r\n      flex: 0 0 min(790px, 78vw);\r\n      border-radius: 32px;\r\n      aspect-ratio: 2.45 \/ 1;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 1200px) {\r\n    .alnoor-life-banner-track {\r\n      justify-content: center;\r\n    }\r\n\r\n    .alnoor-life-banner-card {\r\n      flex-basis: 820px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 430px) {\r\n    .alnoor-life-banner-card {\r\n      aspect-ratio: 2.28 \/ 1;\r\n      border-radius: 25px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 390px) {\r\n    .alnoor-life-banner-track {\r\n      padding-right: 12px;\r\n      padding-left: 12px;\r\n      gap: 12px;\r\n    }\r\n\r\n    .alnoor-life-banner-card {\r\n      flex-basis: calc(100% - 24px);\r\n      border-radius: 24px;\r\n      aspect-ratio: 2.18 \/ 1;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"alnoor-life-banner-slider\" aria-label=\"\u0628\u0627\u0646\u0631\u0627\u062a \u0633\u0646\u062a\u0631 \u0627\u0644\u0646\u0648\u0631\">\r\n  <div class=\"alnoor-life-banner-track\" id=\"alnoorLifeBannerTrack\">\r\n\r\n    <a class=\"alnoor-life-banner-card\" href=\"\/product-category\/school-supplies\/\" aria-label=\"\u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u062f\u0631\u0627\u0633\u0629\">\r\n      <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/05\/\u0627\u0644\u0639\u0648\u062f\u0629-\u0644\u0644\u062f\u0631\u0627\u0633\u0629-1.png\" alt=\"\u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u062f\u0631\u0627\u0633\u0629\">\r\n    <\/a>\r\n\r\n    <a class=\"alnoor-life-banner-card\" href=\"\/product-category\/kids-toys\/\" aria-label=\"\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\">\r\n      <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/05\/\u0623\u0644\u0639\u0627\u0628-\u0627\u0644\u0627\u0637\u0641\u0627\u0644.png\" alt=\"\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\">\r\n    <\/a>\r\n\r\n    <a class=\"alnoor-life-banner-card\" href=\"\/product-category\/art-coloring-supplies\/\" aria-label=\"\u0631\u0643\u0646 \u0627\u0644\u0631\u0633\u0645 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639\">\r\n      <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/05\/\u0631\u0643\u0646-\u0627\u0644\u0631\u0633\u0645-\u0648-\u0627\u0644\u0627\u0628\u062f\u0627\u0639.png\" alt=\"\u0631\u0643\u0646 \u0627\u0644\u0631\u0633\u0645 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639\">\r\n    <\/a>\r\n\r\n    <a class=\"alnoor-life-banner-card\" href=\"\/product-category\/educational-brain-games\/\" aria-label=\"\u0623\u0644\u0639\u0627\u0628 \u0648\u062a\u0646\u0645\u064a\u0629 \u0645\u0647\u0627\u0631\u0627\u062a\">\r\n      <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/05\/\u0623\u0644\u0639\u0627\u0628-\u0648-\u062a\u0646\u0645\u064a\u0629-\u0645\u0647\u0627\u0631\u0627\u062a.png\" alt=\"\u0623\u0644\u0639\u0627\u0628 \u0648\u062a\u0646\u0645\u064a\u0629 \u0645\u0647\u0627\u0631\u0627\u062a\">\r\n    <\/a>\r\n\r\n    <a class=\"alnoor-life-banner-card\" href=\"\/product-category\/party-birthday-supplies\/\" aria-label=\"\u0647\u062f\u0627\u064a\u0627 \u0648\u0645\u0646\u0627\u0633\u0628\u0627\u062a\">\r\n      <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/05\/\u0647\u062f\u0627\u064a\u0627-\u0648\u0645\u0646\u0627\u0633\u0628\u0627\u062a.png\" alt=\"\u0647\u062f\u0627\u064a\u0627 \u0648\u0645\u0646\u0627\u0633\u0628\u0627\u062a\">\r\n    <\/a>\r\n\r\n    <a class=\"alnoor-life-banner-card\" href=\"\/product-category\/offers-bundles\/\" aria-label=\"\u0639\u0631\u0648\u0636 \u0648\u0628\u0627\u0642\u0627\u062a \u0645\u0648\u0641\u0631\u0629\">\r\n      <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/05\/\u0639\u0631\u0648\u0636-\u0648-\u0628\u0627\u0642\u0627\u062a-\u0645\u0648\u0641\u0631\u0629.png\" alt=\"\u0639\u0631\u0648\u0636 \u0648\u0628\u0627\u0642\u0627\u062a \u0645\u0648\u0641\u0631\u0629\">\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"alnoor-life-banner-dots\" aria-hidden=\"true\">\r\n    <span class=\"alnoor-life-banner-dot is-active\"><\/span>\r\n    <span class=\"alnoor-life-banner-dot\"><\/span>\r\n    <span class=\"alnoor-life-banner-dot\"><\/span>\r\n    <span class=\"alnoor-life-banner-dot\"><\/span>\r\n    <span class=\"alnoor-life-banner-dot\"><\/span>\r\n    <span class=\"alnoor-life-banner-dot\"><\/span>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    const track = document.getElementById(\"alnoorLifeBannerTrack\");\r\n    if (!track) return;\r\n\r\n    const slider = track.closest(\".alnoor-life-banner-slider\");\r\n    const slides = Array.from(track.querySelectorAll(\".alnoor-life-banner-card\"));\r\n    const dots = Array.from(slider.querySelectorAll(\".alnoor-life-banner-dot\"));\r\n\r\n    if (!slides.length || !dots.length) return;\r\n\r\n    let currentIndex = 0;\r\n    let autoTimer = null;\r\n    let userInteracting = false;\r\n\r\n    function getScrollLeftForSlide(index) {\r\n      const slide = slides[index];\r\n      const trackRect = track.getBoundingClientRect();\r\n      const slideRect = slide.getBoundingClientRect();\r\n      const currentScroll = track.scrollLeft;\r\n      const offset = slideRect.left - trackRect.left;\r\n      return currentScroll + offset - (track.clientWidth - slide.clientWidth) \/ 2;\r\n    }\r\n\r\n    function updateDots(index) {\r\n      dots.forEach((dot, i) => {\r\n        dot.classList.toggle(\"is-active\", i === index);\r\n      });\r\n    }\r\n\r\n    function goToSlide(index) {\r\n      currentIndex = (index + slides.length) % slides.length;\r\n      track.scrollTo({\r\n        left: getScrollLeftForSlide(currentIndex),\r\n        behavior: \"smooth\"\r\n      });\r\n      updateDots(currentIndex);\r\n    }\r\n\r\n    function detectCurrentSlide() {\r\n      const trackRect = track.getBoundingClientRect();\r\n      const trackCenter = trackRect.left + track.clientWidth \/ 2;\r\n\r\n      let closestIndex = 0;\r\n      let closestDistance = Infinity;\r\n\r\n      slides.forEach((slide, index) => {\r\n        const rect = slide.getBoundingClientRect();\r\n        const slideCenter = rect.left + rect.width \/ 2;\r\n        const distance = Math.abs(trackCenter - slideCenter);\r\n\r\n        if (distance < closestDistance) {\r\n          closestDistance = distance;\r\n          closestIndex = index;\r\n        }\r\n      });\r\n\r\n      currentIndex = closestIndex;\r\n      updateDots(currentIndex);\r\n    }\r\n\r\n    function startAutoSlide() {\r\n      stopAutoSlide();\r\n      autoTimer = setInterval(() => {\r\n        if (!userInteracting) {\r\n          goToSlide(currentIndex + 1);\r\n        }\r\n      }, 4200);\r\n    }\r\n\r\n    function stopAutoSlide() {\r\n      if (autoTimer) clearInterval(autoTimer);\r\n    }\r\n\r\n    dots.forEach((dot, index) => {\r\n      dot.addEventListener(\"click\", function () {\r\n        goToSlide(index);\r\n        startAutoSlide();\r\n      });\r\n    });\r\n\r\n    let scrollTimeout = null;\r\n    track.addEventListener(\"scroll\", function () {\r\n      window.clearTimeout(scrollTimeout);\r\n      scrollTimeout = window.setTimeout(detectCurrentSlide, 90);\r\n    }, { passive: true });\r\n\r\n    [\"touchstart\", \"mousedown\", \"pointerdown\"].forEach(eventName => {\r\n      track.addEventListener(eventName, function () {\r\n        userInteracting = true;\r\n        stopAutoSlide();\r\n      }, { passive: true });\r\n    });\r\n\r\n    [\"touchend\", \"mouseup\", \"pointerup\", \"mouseleave\"].forEach(eventName => {\r\n      track.addEventListener(eventName, function () {\r\n        userInteracting = false;\r\n        detectCurrentSlide();\r\n        startAutoSlide();\r\n      }, { passive: true });\r\n    });\r\n\r\n    updateDots(0);\r\n    startAutoSlide();\r\n  })();\r\n<\/script>\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-f53f737 e-flex e-con-boxed e-con e-parent\" data-id=\"f53f737\" 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-b43aa21 elementor-widget elementor-widget-shortcode\" data-id=\"b43aa21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <section class=\"alnoor-new-arrivals-premium\" dir=\"rtl\" aria-label=\"\u0648\u0635\u0644 \u062d\u062f\u064a\u062b\u064b\u0627\">\n      <div class=\"alnoor-na-wrap\">\n\n        <div class=\"alnoor-na-head\">\n          <div class=\"alnoor-na-title-side\">\n            <span class=\"alnoor-na-pill\">\u062c\u062f\u064a\u062f \u0627\u0644\u0645\u062a\u062c\u0631<\/span>\n            <h2>\u0648\u0635\u0644 \u062d\u062f\u064a\u062b\u064b\u0627<\/h2>\n            <p>\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0644\u064a \u062a\u0645 \u0625\u0636\u0627\u0641\u062a\u0647\u0627 \u0641\u064a AL NOOR SUPPLIES.<\/p>\n          <\/div>\n\n          <a class=\"alnoor-na-view-all\" href=\"https:\/\/alnoor-supplies.com\/en\/shop\/\">\n            \u0639\u0631\u0636 \u0627\u0644\u0643\u0644\n          <\/a>\n        <\/div>\n\n        \n          <div class=\"alnoor-na-scroller\" aria-label=\"\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0635\u0644\u062a \u062d\u062f\u064a\u062b\u064b\u0627\">\n\n            \n              <article class=\"alnoor-na-card\">\n                <a class=\"alnoor-na-image-link\" href=\"https:\/\/alnoor-supplies.com\/en\/product\/ghareeb-56-sheets-ruled-notebook-dora\/\" aria-label=\"\u0643\u0634\u0643\u0648\u0644 \u0645\u0633\u0637\u0631 56 \u0648\u0631\u0642\u0629 \u063a\u0631\u064a\u0628 \u062a\u0635\u0645\u064a\u0645 \u062f\u0648\u0631\u0627\">\n                  <span class=\"alnoor-na-badge\">\u062c\u062f\u064a\u062f<\/span>\n                  <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u062f\u0633\u062a\u0629-10-\u0643\u0634\u0627\u0643\u064a\u0644-\u0645\u0633\u0637\u0631-\u0645\u0648\u0636\u0648\u0647-\u0627\u0644\u062f\u0631\u0633-\u0623\u0648\u0644\u0627\u062f-\u063a\u0631\u064a\u0628-300x300.jpg\" alt=\"\u0643\u0634\u0643\u0648\u0644 \u0645\u0633\u0637\u0631 56 \u0648\u0631\u0642\u0629 \u063a\u0631\u064a\u0628 \u062a\u0635\u0645\u064a\u0645 \u062f\u0648\u0631\u0627\">\n                <\/a>\n\n                <div class=\"alnoor-na-info\">\n                  <div class=\"alnoor-na-cat\">\n                    <a href=\"https:\/\/alnoor-supplies.com\/en\/product-category\/school-supplies\/notebooks-copybooks\/\" rel=\"tag\">\u0643\u0634\u0627\u0643\u064a\u0644 \u0648\u0643\u0631\u0627\u0633\u0627\u062a<\/a>, <a href=\"https:\/\/alnoor-supplies.com\/en\/product-category\/school-supplies\/\" rel=\"tag\">\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0648\u0627\u0644\u0645\u062f\u0631\u0633\u0629<\/a>                  <\/div>\n\n                  <a class=\"alnoor-na-title\" href=\"https:\/\/alnoor-supplies.com\/en\/product\/ghareeb-56-sheets-ruled-notebook-dora\/\">\n                    \u0643\u0634\u0643\u0648\u0644 \u0645\u0633\u0637\u0631 56 \u0648\u0631\u0642\u0629 \u063a\u0631\u064a\u0628 \u062a\u0635\u0645\u064a\u0645 \u062f\u0648\u0631\u0627                  <\/a>\n\n                  <div class=\"alnoor-na-price\">\n                    <span class=\"woocommerce-Price-amount amount\">12.50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">EGP<\/span><\/span>                  <\/div>\n\n                                      <form class=\"alnoor-na-cart-form cart\" action=\"\/en\/wp-json\/wp\/v2\/pages\/23?add-to-cart=189\" method=\"post\" enctype=\"multipart\/form-data\">\n                      <div class=\"alnoor-na-cart-row\">\n                        <div class=\"alnoor-na-qty\" dir=\"ltr\">\n                          <button type=\"button\" class=\"alnoor-na-qty-btn alnoor-na-minus\" aria-label=\"\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0643\u0645\u064a\u0629\">\u2212<\/button>\n                          <input type=\"number\" name=\"quantity\" value=\"1\" min=\"1\" step=\"1\" class=\"alnoor-na-qty-input\" aria-label=\"\u0643\u0645\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\">\n                          <button type=\"button\" class=\"alnoor-na-qty-btn alnoor-na-plus\" aria-label=\"\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0643\u0645\u064a\u0629\">+<\/button>\n                        <\/div>\n\n                        <button type=\"submit\" name=\"add-to-cart\" value=\"189\" class=\"alnoor-na-add-btn\">\n                          \u0625\u0636\u0627\u0641\u0629 \u0644\u0644\u0633\u0644\u0629\n                        <\/button>\n                      <\/div>\n                    <\/form>\n                                  <\/div>\n              <\/article>\n\n            \n          <\/div>\n\n        \n      <\/div>\n    <\/section>\n\n    <script>\n      document.addEventListener('click', function(e) {\n        const plus = e.target.closest('.alnoor-na-plus');\n        const minus = e.target.closest('.alnoor-na-minus');\n\n        if (!plus && !minus) return;\n\n        const wrap = e.target.closest('.alnoor-na-qty');\n        if (!wrap) return;\n\n        const input = wrap.querySelector('.alnoor-na-qty-input');\n        if (!input) return;\n\n        let value = parseInt(input.value, 10);\n        const min = parseInt(input.getAttribute('min') || '1', 10);\n        const step = parseInt(input.getAttribute('step') || '1', 10);\n\n        if (isNaN(value) || value < min) {\n          value = min;\n        }\n\n        if (plus) {\n          value += step;\n        }\n\n        if (minus) {\n          value = Math.max(min, value - step);\n        }\n\n        input.value = value;\n        input.setAttribute('value', value);\n      });\n    <\/script>\n\n    <\/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-a8694c6 e-flex e-con-boxed e-con e-parent\" data-id=\"a8694c6\" 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-d6c7882 elementor-widget elementor-widget-html\" data-id=\"d6c7882\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .alnoor-needs-premium{\r\n    direction:rtl;\r\n    width:100%;\r\n    background:#fff;\r\n    padding:18px 14px 20px;\r\n    font-family:inherit;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .alnoor-needs-premium *{\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .alnoor-needs-wrap{\r\n    width:100%;\r\n    max-width:1120px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .alnoor-needs-head{\r\n    text-align:center;\r\n    margin-bottom:18px;\r\n  }\r\n\r\n  .alnoor-needs-pill{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:30px;\r\n    padding:5px 15px;\r\n    border-radius:999px;\r\n    background:rgba(201,151,53,.10);\r\n    border:1px solid rgba(201,151,53,.22);\r\n    color:#a87418;\r\n    font-size:13px;\r\n    font-weight:900;\r\n    margin-bottom:10px;\r\n  }\r\n\r\n  .alnoor-needs-title{\r\n    color:#111c3d;\r\n    font-size:34px;\r\n    font-weight:950;\r\n    line-height:1.35;\r\n    margin:0 0 10px;\r\n    letter-spacing:-.4px;\r\n  }\r\n\r\n  .alnoor-needs-subtitle{\r\n    color:rgba(17,28,61,.64);\r\n    font-size:17px;\r\n    font-weight:750;\r\n    line-height:1.85;\r\n    max-width:720px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .alnoor-needs-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n    gap:16px;\r\n    margin-top:18px;\r\n  }\r\n\r\n  .alnoor-need-card{\r\n    --card-bg: radial-gradient(circle at 12% 14%, rgba(201,151,53,.08), transparent 30%), linear-gradient(145deg,#ffffff 0%,#f8f9fd 100%);\r\n    --card-border: rgba(17,28,61,.075);\r\n    --card-shadow: 0 14px 34px rgba(17,28,61,.07), inset 0 1px 0 rgba(255,255,255,.9);\r\n\r\n    --title-color:#111c3d;\r\n    --text-color:rgba(17,28,61,.66);\r\n\r\n    --badge-bg:rgba(201,151,53,.10);\r\n    --badge-border:rgba(201,151,53,.24);\r\n    --badge-color:#a87418;\r\n\r\n    --icon-bg:#111c3d;\r\n    --icon-shadow:0 12px 24px rgba(17,28,61,.15);\r\n\r\n    --arrow-bg:#111c3d;\r\n    --arrow-color:#ffffff;\r\n    --arrow-border:rgba(255,255,255,.18);\r\n    --arrow-shadow:0 10px 22px rgba(17,28,61,.16);\r\n\r\n    position:relative;\r\n    min-height:182px;\r\n    border-radius:28px;\r\n    padding:18px 18px 58px;\r\n    text-decoration:none !important;\r\n    overflow:hidden;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:flex-start;\r\n    border:1px solid var(--card-border);\r\n    background:var(--card-bg);\r\n    box-shadow:var(--card-shadow);\r\n    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;\r\n  }\r\n\r\n  .alnoor-need-card:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:0 20px 44px rgba(17,28,61,.11), 0 6px 16px rgba(201,151,53,.07);\r\n  }\r\n\r\n  .alnoor-need-card::after{\r\n    content:none !important;\r\n    display:none !important;\r\n  }\r\n\r\n  .alnoor-need-top{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    justify-content:space-between;\r\n    gap:12px;\r\n    margin-bottom:14px;\r\n  }\r\n\r\n  .alnoor-need-badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:28px;\r\n    padding:4px 12px;\r\n    border-radius:999px;\r\n    background:var(--badge-bg);\r\n    border:1px solid var(--badge-border);\r\n    color:var(--badge-color);\r\n    font-size:12.5px;\r\n    font-weight:900;\r\n    white-space:nowrap;\r\n  }\r\n\r\n  .alnoor-need-icon{\r\n    width:56px;\r\n    height:56px;\r\n    min-width:56px;\r\n    border-radius:18px;\r\n    display:grid;\r\n    place-items:center;\r\n    background:var(--icon-bg);\r\n    box-shadow:var(--icon-shadow);\r\n    overflow:hidden;\r\n  }\r\n\r\n  .alnoor-need-icon img{\r\n    width:78%;\r\n    height:78%;\r\n    object-fit:contain;\r\n    display:block;\r\n  }\r\n\r\n  .alnoor-need-body{\r\n    position:relative;\r\n    z-index:2;\r\n  }\r\n\r\n  .alnoor-need-card h3{\r\n    color:var(--title-color);\r\n    font-size:21px;\r\n    font-weight:950;\r\n    line-height:1.45;\r\n    margin:0 0 8px;\r\n  }\r\n\r\n  .alnoor-need-card p{\r\n    color:var(--text-color);\r\n    font-size:14.5px;\r\n    font-weight:750;\r\n    line-height:1.75;\r\n    margin:0;\r\n  }\r\n\r\n  .alnoor-need-arrow{\r\n    position:absolute;\r\n    left:16px;\r\n    bottom:16px;\r\n    width:34px;\r\n    height:34px;\r\n    border-radius:999px;\r\n    display:grid;\r\n    place-items:center;\r\n    background:var(--arrow-bg);\r\n    color:var(--arrow-color);\r\n    border:1px solid var(--arrow-border);\r\n    box-shadow:var(--arrow-shadow);\r\n    font-size:17px;\r\n    font-weight:950;\r\n    line-height:1;\r\n    z-index:5;\r\n    transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;\r\n  }\r\n\r\n  .alnoor-need-card:hover .alnoor-need-arrow{\r\n    transform:translateX(-2px);\r\n  }\r\n\r\n  \/* Desktop chess layout: 1 \u0623\u0628\u064a\u0636 - 2 \u0646\u064a\u0641\u064a - 3 \u0623\u0628\u064a\u0636 - 4 \u0646\u064a\u0641\u064a ... *\/\r\n  @media (min-width: 901px){\r\n    .alnoor-needs-grid .alnoor-need-card:nth-child(even){\r\n      --card-bg: radial-gradient(circle at 14% 16%, rgba(255,255,255,.10), transparent 28%), linear-gradient(145deg,#111c3d 0%,#16254e 100%);\r\n      --card-border: rgba(255,255,255,.10);\r\n      --card-shadow: 0 16px 36px rgba(17,28,61,.12);\r\n\r\n      --title-color:#ffffff;\r\n      --text-color:rgba(255,255,255,.82);\r\n\r\n      --badge-bg:rgba(255,255,255,.06);\r\n      --badge-border:rgba(255,255,255,.14);\r\n      --badge-color:#f1d082;\r\n\r\n      --icon-bg:#c99735;\r\n      --icon-shadow:0 12px 24px rgba(0,0,0,.18);\r\n\r\n      --arrow-bg:rgba(255,255,255,.10);\r\n      --arrow-color:#ffffff;\r\n      --arrow-border:rgba(255,255,255,.14);\r\n      --arrow-shadow:0 10px 22px rgba(0,0,0,.16);\r\n    }\r\n\r\n    .alnoor-needs-grid .alnoor-need-card:nth-child(even):hover{\r\n      box-shadow:0 22px 48px rgba(17,28,61,.18);\r\n    }\r\n\r\n    .alnoor-needs-grid .alnoor-need-card:nth-child(even):hover .alnoor-need-arrow{\r\n      background:#c99735;\r\n      color:#111c3d;\r\n      border-color:#c99735;\r\n      box-shadow:0 12px 26px rgba(201,151,53,.28);\r\n    }\r\n  }\r\n\r\n  \/* Tablet & Mobile chess layout for 2 columns:\r\n     row1: \u0623\u0628\u064a\u0636 \/ \u0646\u064a\u0641\u064a\r\n     row2: \u0646\u064a\u0641\u064a \/ \u0623\u0628\u064a\u0636\r\n     row3: \u0623\u0628\u064a\u0636 \/ \u0646\u064a\u0641\u064a\r\n  *\/\r\n  @media (max-width: 900px){\r\n    .alnoor-needs-grid{\r\n      grid-template-columns:repeat(2,minmax(0,1fr));\r\n      gap:14px;\r\n    }\r\n\r\n    .alnoor-needs-grid .alnoor-need-card:nth-child(4n+2),\r\n    .alnoor-needs-grid .alnoor-need-card:nth-child(4n+3){\r\n      --card-bg: radial-gradient(circle at 14% 16%, rgba(255,255,255,.10), transparent 28%), linear-gradient(145deg,#111c3d 0%,#16254e 100%);\r\n      --card-border: rgba(255,255,255,.10);\r\n      --card-shadow: 0 16px 36px rgba(17,28,61,.12);\r\n\r\n      --title-color:#ffffff;\r\n      --text-color:rgba(255,255,255,.82);\r\n\r\n      --badge-bg:rgba(255,255,255,.06);\r\n      --badge-border:rgba(255,255,255,.14);\r\n      --badge-color:#f1d082;\r\n\r\n      --icon-bg:#c99735;\r\n      --icon-shadow:0 12px 24px rgba(0,0,0,.18);\r\n\r\n      --arrow-bg:rgba(255,255,255,.10);\r\n      --arrow-color:#ffffff;\r\n      --arrow-border:rgba(255,255,255,.14);\r\n      --arrow-shadow:0 10px 22px rgba(0,0,0,.16);\r\n    }\r\n\r\n    .alnoor-needs-grid .alnoor-need-card:nth-child(4n+2):hover .alnoor-need-arrow,\r\n    .alnoor-needs-grid .alnoor-need-card:nth-child(4n+3):hover .alnoor-need-arrow{\r\n      background:#c99735;\r\n      color:#111c3d;\r\n      border-color:#c99735;\r\n      box-shadow:0 12px 26px rgba(201,151,53,.28);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px){\r\n    .alnoor-needs-premium{\r\n      padding:14px 14px 16px;\r\n    }\r\n\r\n    .alnoor-needs-head{\r\n      margin-bottom:14px;\r\n    }\r\n\r\n    .alnoor-needs-title{\r\n      font-size:28px;\r\n      line-height:1.35;\r\n    }\r\n\r\n    .alnoor-needs-subtitle{\r\n      font-size:15.5px;\r\n      line-height:1.8;\r\n    }\r\n\r\n    .alnoor-needs-grid{\r\n      grid-template-columns:repeat(2,minmax(0,1fr));\r\n      gap:12px;\r\n      margin-top:15px;\r\n    }\r\n\r\n    .alnoor-need-card{\r\n      min-height:176px;\r\n      border-radius:24px;\r\n      padding:14px 13px 52px;\r\n    }\r\n\r\n    .alnoor-need-top{\r\n      gap:8px;\r\n      margin-bottom:12px;\r\n    }\r\n\r\n    .alnoor-need-badge{\r\n      min-height:25px;\r\n      padding:3px 9px;\r\n      font-size:11.5px;\r\n    }\r\n\r\n    .alnoor-need-icon{\r\n      width:48px;\r\n      height:48px;\r\n      min-width:48px;\r\n      border-radius:16px;\r\n    }\r\n\r\n    .alnoor-need-card h3{\r\n      font-size:17px;\r\n      line-height:1.45;\r\n      margin-bottom:6px;\r\n    }\r\n\r\n    .alnoor-need-card p{\r\n      font-size:13px;\r\n      line-height:1.65;\r\n    }\r\n\r\n    .alnoor-need-arrow{\r\n      width:31px;\r\n      height:31px;\r\n      left:13px;\r\n      bottom:13px;\r\n      font-size:15px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 390px){\r\n    .alnoor-need-card{\r\n      min-height:184px;\r\n      padding:13px 12px 52px;\r\n    }\r\n\r\n    .alnoor-need-card h3{\r\n      font-size:16px;\r\n    }\r\n\r\n    .alnoor-need-card p{\r\n      font-size:12.5px;\r\n    }\r\n\r\n    .alnoor-need-icon{\r\n      width:44px;\r\n      height:44px;\r\n      min-width:44px;\r\n    }\r\n\r\n    .alnoor-need-arrow{\r\n      width:30px;\r\n      height:30px;\r\n      left:12px;\r\n      bottom:12px;\r\n      font-size:14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"alnoor-needs-premium\" aria-label=\"\u0627\u0628\u062f\u0623 \u062d\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0643\">\r\n  <div class=\"alnoor-needs-wrap\">\r\n\r\n    <div class=\"alnoor-needs-head\">\r\n      <div class=\"alnoor-needs-pill\">\u0645\u0633\u0627\u0631\u0627\u062a \u0633\u0631\u064a\u0639\u0629<\/div>\r\n      <h2 class=\"alnoor-needs-title\">\u0627\u0628\u062f\u0623 \u062d\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0643<\/h2>\r\n      <p class=\"alnoor-needs-subtitle\">\r\n        \u0633\u0648\u0627\u0621 \u0628\u062a\u062c\u0647\u0632 \u0644\u0644\u062f\u0631\u0627\u0633\u0629\u060c \u0628\u062a\u0646\u0638\u0645 \u0645\u0643\u062a\u0628\u0643\u060c \u0623\u0648 \u0628\u062a\u062f\u0648\u0631 \u0639\u0644\u0649 \u0647\u062f\u064a\u0629\u2026 \u0648\u0635\u0644\u0646\u0627 \u0644\u0643 \u0627\u0644\u0637\u0631\u064a\u0642 \u0627\u0644\u0623\u0633\u0631\u0639.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"alnoor-needs-grid\">\r\n\r\n      <a class=\"alnoor-need-card\" href=\"\/product-category\/offers-bundles\/\">\r\n        <div class=\"alnoor-need-top\">\r\n          <span class=\"alnoor-need-badge\">\u0645\u0648\u0641\u0631<\/span>\r\n          <span class=\"alnoor-need-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a-\u0627\u0644\u0627\u0643\u062b\u0631-\u0645\u0628\u064a\u0639\u0627-1.png\" alt=\"\u0639\u0631\u0648\u0636 \u0645\u0648\u0641\u0631\u0629\">\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"alnoor-need-body\">\r\n          <h3>\u0639\u0627\u064a\u0632 \u0623\u0648\u0641\u0631<\/h3>\r\n          <p>\u0628\u0627\u0642\u0627\u062a \u0648\u0639\u0631\u0648\u0636 \u0639\u0645\u0644\u064a\u0629 \u0628\u0623\u0633\u0639\u0627\u0631 \u0623\u062d\u0633\u0646 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0627\u0644\u064a\u0648\u0645\u064a\u0629.<\/p>\r\n        <\/div>\r\n        <span class=\"alnoor-need-arrow\">\u2190<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-need-card\" href=\"\/product-category\/school-supplies\/\">\r\n        <div class=\"alnoor-need-top\">\r\n          <span class=\"alnoor-need-badge\">\u0627\u0644\u0623\u0647\u0645 \u0644\u0644\u062f\u0631\u0627\u0633\u0629<\/span>\r\n          <span class=\"alnoor-need-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0627\u062f\u0648\u0627\u062a-\u0648\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a-\u0645\u062f\u0631\u0633\u064a\u0629-1.png\" alt=\"\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u0629\">\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"alnoor-need-body\">\r\n          <h3>\u0628\u062c\u0647\u0632 \u0644\u0644\u0645\u062f\u0631\u0633\u0629<\/h3>\r\n          <p>\u0623\u0642\u0644\u0627\u0645\u060c \u0643\u0634\u0627\u0643\u064a\u0644\u060c \u0643\u062a\u0628 \u0648\u0623\u062f\u0648\u0627\u062a \u064a\u0648\u0645\u064a\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.<\/p>\r\n        <\/div>\r\n        <span class=\"alnoor-need-arrow\">\u2190<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-need-card\" href=\"\/product-category\/office-organization-files\/\">\r\n        <div class=\"alnoor-need-top\">\r\n          <span class=\"alnoor-need-badge\">\u0644\u0644\u062a\u0631\u062a\u064a\u0628<\/span>\r\n          <span class=\"alnoor-need-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a-\u0627\u0644\u0645\u0643\u062a\u0628-1.png\" alt=\"\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0643\u062a\u0628 \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a\">\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"alnoor-need-body\">\r\n          <h3>\u0639\u0627\u064a\u0632 \u0623\u0646\u0638\u0645 \u0645\u0643\u062a\u0628\u064a<\/h3>\r\n          <p>\u0641\u0627\u064a\u0644\u0627\u062a\u060c \u0634\u0627\u0646\u0648\u0646\u060c \u0647\u0648\u0644\u062f\u0631\u0632 \u0648\u0645\u0646\u0638\u0645\u0627\u062a \u062a\u062e\u0644\u064a \u064a\u0648\u0645\u0643 \u0623\u0631\u062a\u0628.<\/p>\r\n        <\/div>\r\n        <span class=\"alnoor-need-arrow\">\u2190<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-need-card\" href=\"\/product-category\/art-coloring-supplies\/\">\r\n        <div class=\"alnoor-need-top\">\r\n          <span class=\"alnoor-need-badge\">\u0644\u0644\u0625\u0628\u062f\u0627\u0639<\/span>\r\n          <span class=\"alnoor-need-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0627\u062f\u0648\u0627\u062a-\u0627\u0644\u0631\u0633\u0645-\u0648\u0627\u0644\u0627\u0644\u0648\u0627\u0646-1-1.png\" alt=\"\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0631\u0633\u0645 \u0648\u0627\u0644\u062a\u0644\u0648\u064a\u0646\">\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"alnoor-need-body\">\r\n          <h3>\u0639\u0627\u064a\u0632 \u0623\u0631\u0633\u0645 \u0648\u0623\u0644\u0648\u0651\u0646<\/h3>\r\n          <p>\u0623\u0644\u0648\u0627\u0646\u060c \u0643\u0631\u0627\u0633\u0627\u062a \u0631\u0633\u0645 \u0648\u0623\u062f\u0648\u0627\u062a \u0641\u0646\u064a\u0629 \u0644\u0643\u0644 \u0645\u0648\u0647\u0628\u0629.<\/p>\r\n        <\/div>\r\n        <span class=\"alnoor-need-arrow\">\u2190<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-need-card\" href=\"\/product-category\/party-birthday-supplies\/\">\r\n        <div class=\"alnoor-need-top\">\r\n          <span class=\"alnoor-need-badge\">\u0644\u0644\u0641\u0631\u062d<\/span>\r\n          <span class=\"alnoor-need-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0647\u062f\u0627\u064a\u0627-\u0648\u0645\u0646\u0627\u0633\u0628\u0627\u062a-1.png\" alt=\"\u0647\u062f\u0627\u064a\u0627 \u0648\u0645\u0646\u0627\u0633\u0628\u0627\u062a\">\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"alnoor-need-body\">\r\n          <h3>\u0639\u0646\u062f\u064a \u0645\u0646\u0627\u0633\u0628\u0629<\/h3>\r\n          <p>\u0647\u062f\u0627\u064a\u0627\u060c \u0632\u064a\u0646\u0629\u060c \u062a\u063a\u0644\u064a\u0641 \u0648\u0644\u0645\u0633\u0627\u062a \u0628\u0633\u064a\u0637\u0629 \u062a\u0641\u0631\u0651\u062d.<\/p>\r\n        <\/div>\r\n        <span class=\"alnoor-need-arrow\">\u2190<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"alnoor-need-card\" href=\"\/product-category\/educational-brain-games\/\">\r\n        <div class=\"alnoor-need-top\">\r\n          <span class=\"alnoor-need-badge\">\u0644\u0644\u062a\u0631\u0643\u064a\u0632<\/span>\r\n          <span class=\"alnoor-need-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/alnoor-supplies.com\/wp-content\/uploads\/2026\/06\/\u0643\u0648\u0644\u064a\u0643\u0634\u0646-\u0627\u0644\u0639\u0627\u0628-\u0630\u0643\u0627\u0621-\u0648\u062a\u0646\u0645\u064a\u0629-\u0645\u0647\u0627\u0631\u0627\u062a-1.png\" alt=\"\u0623\u0644\u0639\u0627\u0628 \u0630\u0643\u0627\u0621 \u0648\u062a\u0646\u0645\u064a\u0629 \u0645\u0647\u0627\u0631\u0627\u062a\">\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"alnoor-need-body\">\r\n          <h3>\u0628\u062f\u0648\u0631 \u0639\u0644\u0649 \u0623\u0644\u0639\u0627\u0628 \u0645\u0641\u064a\u062f\u0629<\/h3>\r\n          <p>\u0623\u0644\u0639\u0627\u0628 \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u0643\u064a\u0632\u060c \u0627\u0644\u062e\u064a\u0627\u0644 \u0648\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a.<\/p>\r\n        <\/div>\r\n        <span class=\"alnoor-need-arrow\">\u2190<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a13733 elementor-widget elementor-widget-html\" data-id=\"4a13733\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .alnoor-why-compact {\r\n    direction: rtl;\r\n    width: 100%;\r\n    padding: 10px 12px 18px;\r\n    background: #fff;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .alnoor-why-compact * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .alnoor-why-compact-wrap {\r\n    width: 100%;\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .alnoor-why-compact-head {\r\n    text-align: center;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .alnoor-why-compact-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 6px 16px;\r\n    min-height: 30px;\r\n    border-radius: 999px;\r\n    background: rgba(201, 151, 53, 0.10);\r\n    border: 1px solid rgba(201, 151, 53, 0.22);\r\n    color: #a87418;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .alnoor-why-compact-title {\r\n    margin: 0 0 8px;\r\n    color: #111c3d;\r\n    font-size: 34px;\r\n    font-weight: 950;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.3px;\r\n  }\r\n\r\n  .alnoor-why-compact-subtitle {\r\n    margin: 0 auto;\r\n    max-width: 780px;\r\n    color: rgba(17, 28, 61, 0.67);\r\n    font-size: 17px;\r\n    font-weight: 760;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .alnoor-why-compact-banner {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 30px;\r\n    padding: 22px 20px 18px;\r\n    background:\r\n      radial-gradient(circle at 12% 20%, rgba(255,255,255,0.10), transparent 24%),\r\n      radial-gradient(circle at 88% 18%, rgba(201,151,53,0.14), transparent 28%),\r\n      linear-gradient(145deg, #111c3d 0%, #162754 100%);\r\n    border: 1px solid rgba(255,255,255,0.10);\r\n    box-shadow: 0 16px 38px rgba(17, 28, 61, 0.14);\r\n  }\r\n\r\n  .alnoor-why-compact-banner::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -55px;\r\n    bottom: -70px;\r\n    width: 170px;\r\n    height: 170px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.06);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .alnoor-why-compact-banner::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -40px;\r\n    top: -40px;\r\n    width: 130px;\r\n    height: 130px;\r\n    border-radius: 999px;\r\n    background: rgba(201,151,53,0.08);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .alnoor-why-compact-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .alnoor-why-compact-copy {\r\n    text-align: center;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .alnoor-why-compact-copy h3 {\r\n    margin: 0 0 8px;\r\n    color: #fff;\r\n    font-size: 24px;\r\n    font-weight: 950;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .alnoor-why-compact-copy p {\r\n    margin: 0 auto;\r\n    max-width: 880px;\r\n    color: rgba(255,255,255,0.80);\r\n    font-size: 15px;\r\n    font-weight: 760;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .alnoor-why-compact-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 12px;\r\n  }\r\n\r\n  .alnoor-why-feature {\r\n    border-radius: 20px;\r\n    padding: 12px 12px 11px;\r\n    min-height: 108px;\r\n    background: rgba(255,255,255,0.06);\r\n    border: 1px solid rgba(255,255,255,0.10);\r\n    backdrop-filter: blur(3px);\r\n    text-align: right;\r\n    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;\r\n  }\r\n\r\n  .alnoor-why-feature:hover {\r\n    transform: translateY(-2px);\r\n    border-color: rgba(201,151,53,0.32);\r\n    background: rgba(255,255,255,0.075);\r\n  }\r\n\r\n  .alnoor-why-feature-top {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  \/* Icon background fixed:\r\n     \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0646\u0641\u0633\u0647\u0627 \u0645\u0645\u0643\u0646 \u062a\u0643\u0648\u0646 \u062c\u0648\u0644\u062f\u060c \u0644\u0630\u0644\u0643 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0647\u0646\u0627 \u0641\u0627\u062a\u062d\u0629 \u0648\u0644\u064a\u0633\u062a \u062c\u0648\u0644\u062f *\/\r\n  .alnoor-why-feature-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    min-width: 38px;\r\n    border-radius: 14px;\r\n    display: grid;\r\n    place-items: center;\r\n    background:\r\n      radial-gradient(circle at 25% 18%, rgba(201,151,53,0.12), transparent 36%),\r\n      linear-gradient(145deg, #ffffff 0%, #f8f3e8 100%);\r\n    color: #111c3d;\r\n    border: 1px solid rgba(201,151,53,0.34);\r\n    font-size: 18px;\r\n    font-weight: 900;\r\n    box-shadow:\r\n      0 8px 18px rgba(0,0,0,0.12),\r\n      inset 0 1px 0 rgba(255,255,255,0.90);\r\n  }\r\n\r\n  .alnoor-why-feature-title {\r\n    margin: 0;\r\n    color: #fff;\r\n    font-size: 15px;\r\n    font-weight: 900;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .alnoor-why-feature p {\r\n    margin: 0;\r\n    color: rgba(255,255,255,0.76);\r\n    font-size: 12.8px;\r\n    font-weight: 740;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .alnoor-why-compact-note {\r\n    margin-top: 14px;\r\n    text-align: center;\r\n    color: rgba(255,255,255,0.78);\r\n    font-size: 13px;\r\n    font-weight: 780;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .alnoor-why-compact-note strong {\r\n    color: #f1d082;\r\n    font-weight: 950;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .alnoor-why-compact-features {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .alnoor-why-compact {\r\n      padding: 8px 10px 16px;\r\n    }\r\n\r\n    .alnoor-why-compact-head {\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .alnoor-why-compact-title {\r\n      font-size: 27px;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    .alnoor-why-compact-subtitle {\r\n      font-size: 15px;\r\n      line-height: 1.8;\r\n    }\r\n\r\n    .alnoor-why-compact-banner {\r\n      border-radius: 24px;\r\n      padding: 18px 14px 14px;\r\n    }\r\n\r\n    .alnoor-why-compact-copy {\r\n      margin-bottom: 13px;\r\n    }\r\n\r\n    .alnoor-why-compact-copy h3 {\r\n      font-size: 20px;\r\n      line-height: 1.45;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    .alnoor-why-compact-copy p {\r\n      font-size: 13.5px;\r\n      line-height: 1.8;\r\n    }\r\n\r\n    .alnoor-why-compact-features {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 10px;\r\n    }\r\n\r\n    .alnoor-why-feature {\r\n      min-height: 98px;\r\n      border-radius: 17px;\r\n      padding: 10px 10px 9px;\r\n    }\r\n\r\n    .alnoor-why-feature-top {\r\n      margin-bottom: 7px;\r\n      gap: 7px;\r\n    }\r\n\r\n    .alnoor-why-feature-icon {\r\n      width: 34px;\r\n      height: 34px;\r\n      min-width: 34px;\r\n      border-radius: 12px;\r\n      font-size: 16px;\r\n    }\r\n\r\n    .alnoor-why-feature-title {\r\n      font-size: 13.8px;\r\n    }\r\n\r\n    .alnoor-why-feature p {\r\n      font-size: 11.7px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .alnoor-why-compact-note {\r\n      margin-top: 12px;\r\n      font-size: 12.2px;\r\n      line-height: 1.75;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .alnoor-why-compact-features {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 9px;\r\n    }\r\n\r\n    .alnoor-why-feature {\r\n      min-height: 94px;\r\n      padding: 9px 9px 8px;\r\n    }\r\n\r\n    .alnoor-why-feature-title {\r\n      font-size: 13.2px;\r\n    }\r\n\r\n    .alnoor-why-feature p {\r\n      font-size: 11.2px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"alnoor-why-compact\" aria-label=\"\u0644\u064a\u0647 \u062a\u062e\u062a\u0627\u0631 AL NOOR SUPPLIES\">\r\n  <div class=\"alnoor-why-compact-wrap\">\r\n\r\n    <div class=\"alnoor-why-compact-head\">\r\n      <div class=\"alnoor-why-compact-pill\">\u062b\u0642\u0629 \u0648\u062a\u062c\u0631\u0628\u0629 \u0623\u0633\u0647\u0644<\/div>\r\n      <h2 class=\"alnoor-why-compact-title\">\u0644\u064a\u0647 \u062a\u062e\u062a\u0627\u0631 AL NOOR SUPPLIES\u061f<\/h2>\r\n      <p class=\"alnoor-why-compact-subtitle\">\r\n        \u0644\u0623\u0646\u0646\u0627 \u0628\u0646\u062c\u0645\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0648\u0627\u0644\u0645\u0643\u062a\u0628 \u0648\u0627\u0644\u0647\u062f\u0627\u064a\u0627 \u0641\u064a \u062a\u062c\u0631\u0628\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u0646\u0638\u0645\u0629\u060c \u0633\u0647\u0644\u0629\u060c \u0648\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"alnoor-why-compact-banner\">\r\n      <div class=\"alnoor-why-compact-inner\">\r\n\r\n        <div class=\"alnoor-why-compact-copy\">\r\n          <h3>\u0645\u0634 \u0645\u062c\u0631\u062f \u0645\u062a\u062c\u0631... \u062a\u062c\u0631\u0628\u0629 \u0645\u0646\u0638\u0645\u0629 \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0633\u0631\u0639<\/h3>\r\n          <p>\r\n            \u0628\u062f\u0644 \u0645\u0627 \u062a\u062f\u0648\u0631 \u0628\u064a\u0646 \u0623\u0642\u0633\u0627\u0645 \u0643\u062a\u064a\u0631\u060c\r\n            AL NOOR SUPPLIES \u0628\u064a\u0642\u062f\u0645\u0644\u0643 \u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u062d\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0643: \u062f\u0631\u0627\u0633\u0629\u060c \u0645\u0643\u062a\u0628\u060c \u0647\u062f\u0627\u064a\u0627\u060c \u0623\u0644\u0639\u0627\u0628\u060c \u0648\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"alnoor-why-compact-features\">\r\n\r\n          <div class=\"alnoor-why-feature\">\r\n            <div class=\"alnoor-why-feature-top\">\r\n              <div class=\"alnoor-why-feature-icon\">\ud83d\udecd\ufe0f<\/div>\r\n              <h4 class=\"alnoor-why-feature-title\">\u062a\u0634\u0643\u064a\u0644\u0629 \u0645\u062a\u0646\u0648\u0639\u0629<\/h4>\r\n            <\/div>\r\n            <p>\u0623\u062f\u0648\u0627\u062a \u0645\u062f\u0631\u0633\u064a\u0629\u060c \u0645\u0643\u062a\u0628\u064a\u0629\u060c \u0623\u0644\u0639\u0627\u0628\u060c \u0647\u062f\u0627\u064a\u0627 \u0648\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"alnoor-why-feature\">\r\n            <div class=\"alnoor-why-feature-top\">\r\n              <div class=\"alnoor-why-feature-icon\">\ud83d\udcf1<\/div>\r\n              <h4 class=\"alnoor-why-feature-title\">\u0633\u0647\u0644\u0629 \u0645\u0646 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644<\/h4>\r\n            <\/div>\r\n            <p>\u062a\u0635\u0641\u062d \u0633\u0631\u064a\u0639 \u0648\u062a\u0635\u0645\u064a\u0645 \u0645\u0631\u064a\u062d \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u062e\u062a\u0627\u0631 \u0648\u062a\u0637\u0644\u0628 \u0628\u0633\u0647\u0648\u0644\u0629.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"alnoor-why-feature\">\r\n            <div class=\"alnoor-why-feature-top\">\r\n              <div class=\"alnoor-why-feature-icon\">\ud83c\udff7\ufe0f<\/div>\r\n              <h4 class=\"alnoor-why-feature-title\">\u0639\u0631\u0648\u0636 \u0645\u0648\u0641\u0631\u0629<\/h4>\r\n            <\/div>\r\n            <p>\u0628\u0627\u0642\u0627\u062a \u0648\u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0645\u0648\u0627\u0633\u0645 \u0648\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a\u0629.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"alnoor-why-feature\">\r\n            <div class=\"alnoor-why-feature-top\">\r\n              <div class=\"alnoor-why-feature-icon\">\ud83d\ude9a<\/div>\r\n              <h4 class=\"alnoor-why-feature-title\">\u0634\u062d\u0646 \u0644\u0643\u0644 \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0629<\/h4>\r\n            <\/div>\r\n            <p>\u0646\u0648\u0635\u0644 \u0637\u0644\u0628\u0643 \u0644\u0623\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u062f\u0627\u062e\u0644 \u0645\u0635\u0631 \u0628\u062e\u0637\u0648\u0627\u062a \u0628\u0633\u064a\u0637\u0629 \u0648\u0648\u0627\u0636\u062d\u0629.<\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"alnoor-why-compact-note\">\r\n          <strong>AL NOOR SUPPLIES<\/strong> \u0645\u0639\u0645\u0648\u0644 \u0639\u0634\u0627\u0646 \u064a\u062e\u0644\u064a \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0634\u0631\u0627\u0621 \u0623\u0633\u0647\u0644\u060c \u0623\u0648\u0636\u062d\u060c \u0648\u0623\u0643\u062b\u0631 \u062a\u0646\u0638\u064a\u0645\u064b\u0627.\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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>\u2039 \u203a \u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0648\u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0647\u062f\u0627\u064a\u0627 \u0648\u0645\u0646\u0627\u0633\u0628\u0627\u062a \u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0628\u062d\u0631 \u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0630\u0643\u0627\u0621 \u0648\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0631\u0633\u0645 \u0648\u0627\u0644\u062a\u0644\u0648\u064a\u0646 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0643\u062a\u0628 [&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":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry","desktop-align-center","tablet-align-left","mobile-align-left"],"_links":{"self":[{"href":"https:\/\/alnoor-supplies.com\/en\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alnoor-supplies.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alnoor-supplies.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alnoor-supplies.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alnoor-supplies.com\/en\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":40,"href":"https:\/\/alnoor-supplies.com\/en\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":245,"href":"https:\/\/alnoor-supplies.com\/en\/wp-json\/wp\/v2\/pages\/23\/revisions\/245"}],"wp:attachment":[{"href":"https:\/\/alnoor-supplies.com\/en\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}