{"id":2452,"date":"2025-10-16T14:51:25","date_gmt":"2025-10-16T10:51:25","guid":{"rendered":"https:\/\/baitjeddisoap.com\/about-us\/"},"modified":"2025-11-25T21:09:08","modified_gmt":"2025-11-25T17:09:08","slug":"about-us","status":"publish","type":"page","link":"https:\/\/baitjeddisoap.com\/en\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2452\" class=\"elementor elementor-2452 elementor-29\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-19fc3ac e-flex e-con-boxed e-con e-parent\" data-id=\"19fc3ac\" 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-9332736 elementor-widget elementor-widget-html\" data-id=\"9332736\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"bjs-about\" dir=\"ltr\">\r\n  <div class=\"bjs-shell\">\r\n\r\n    <!-- HERO -->\r\n    <section class=\"bjs-hero bjs-reveal\" data-animate=\"fade\" data-direction=\"up\">\r\n      <div class=\"bjs-hero-media bjs-reveal\" data-animate=\"fade\" data-direction=\"right\" style=\"--delay:.08s\">\r\n        <figure class=\"bjs-hero-figure\">\r\n          <img decoding=\"async\" src=\"https:\/\/baitjeddisoap.com\/wp-content\/uploads\/2025\/11\/about-hero-baitjeddisoap.webp\" alt=\"A product by Beit Jeddi Soap\" loading=\"lazy\">\r\n          <span class=\"bjs-hero-badge\">Handcrafted with care<\/span>\r\n        <\/figure>\r\n      <\/div>\r\n\r\n      <div class=\"bjs-hero-content bjs-reveal\" data-animate=\"fade\" data-direction=\"left\" style=\"--delay:.12s\">\r\n        <span class=\"bjs-eyebrow\">About Beit Jeddi Soap<\/span>\r\n        <h1 class=\"bjs-hero-title\">\r\n Natural soap inspired by the spirit<br>of the old Arab home\r\n        <\/h1>\r\n        <p class=\"bjs-lead\">\r\n Bayt Jeddy Soap is a return to simple home-crafted recipes\u2014refined with precise workmanship, purer ingredients, and thoughtful details from the first drop of oil to the final bar that reaches your hands.  \r\n        <\/p>\r\n        <ul class=\"bjs-list\">\r\n          <li>Small-batch handcrafted production to ensure consistent quality.<\/li>\r\n          <li>100% Natural ingredients, with clear and straightforward formulations.<\/li>\r\n        <\/ul>\r\n        <div class=\"bjs-actions\">\r\n          <a href=\"\/en\/products\/\" class=\"bjs-btn bjs-btn-primary\">Explore Products<\/a>\r\n<a href=\"\/en\/contact-us\/\" class=\"bjs-btn bjs-btn-ghost\">Contact Us<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- STORY -->\r\n    <section class=\"bjs-section bjs-reveal\" data-animate=\"fade\" data-direction=\"up\">\r\n      <div class=\"bjs-grid\">\r\n        <div class=\"bjs-block-text\">\r\n          <h2 class=\"bjs-section-title\">A story that began in my grandfather\u2019s kitchen<\/h2>\r\n          <p class=\"bjs-body\">\r\n It started in a humble kitchen with countless trials blending natural oils and herbs, until we reached formulas we were confident to use on our own skin before offering them to anyone else. \r\n          <\/p>\r\n          <p class=\"bjs-body\">\r\n From here, the idea of Bayt Jeddy Soap was born: a product with a calming look, a gentle scent, and honest ingredients\u2014free from unrealistic promises or empty marketing terms.  \r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"bjs-block-media bjs-reveal\" data-animate=\"fade\" data-direction=\"left\" style=\"--delay:.06s\">\r\n          <figure class=\"bjs-card-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/baitjeddisoap.com\/wp-content\/uploads\/2025\/11\/about-handmade-process.webp\" alt=\"Handcrafted personal-care products\" loading=\"lazy\">\r\n          <\/figure>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- VALUES -->\r\n    <section class=\"bjs-section bjs-reveal\" data-animate=\"fade\" data-direction=\"up\">\r\n      <div class=\"bjs-center-block\">\r\n        <h2 class=\"bjs-section-title bjs-center\">What makes Bayt Jeddy Soap different?<\/h2>\r\n        <p class=\"bjs-body bjs-body-narrow bjs-center\">\r\n The market is crowded with products labeled \u201cnatural\u201d in name only, we chose to commit to a set of simple yet uncompromising rules. \r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"bjs-cards\">\r\n        <article class=\"bjs-card bjs-reveal\" data-animate=\"fade\" data-direction=\"up\" style=\"--delay:.04s\">\r\n          <h3 class=\"bjs-card-title\">Components that are easy to read and understand<\/h3>\r\n          <p class=\"bjs-card-body\">\r\n Plant oils, clear extracts, and understandable additives, without unnecessary fillers or names with unknown effects on the skin.   \r\n          <\/p>\r\n        <\/article>\r\n        <article class=\"bjs-card bjs-reveal\" data-animate=\"fade\" data-direction=\"up\" style=\"--delay:.08s\">\r\n          <h3 class=\"bjs-card-title\">Small, calculated payments<\/h3>\r\n          <p class=\"bjs-card-body\">\r\n Producing in limited batches allows us to review everything calmly,\r\nand eliminate pieces that do not meet our standards.\r\n          <\/p>\r\n        <\/article>\r\n        <article class=\"bjs-card bjs-reveal\" data-animate=\"fade\" data-direction=\"up\" style=\"--delay:.12s\">\r\n          <h3 class=\"bjs-card-title\">Respecting the skin before marketing<\/h3>\r\n          <p class=\"bjs-card-body\">\r\n We don't make exaggerated promises or promise \"miracles\"; our goal is a product that fits into your daily routine\r\nwithout stressing your skin. \r\n          <\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- INGREDIENTS -->\r\n    <section class=\"bjs-section bjs-section-soft bjs-reveal\" data-animate=\"fade\" data-direction=\"up\">\r\n      <div class=\"bjs-grid bjs-grid-reverse\">\r\n        <div class=\"bjs-block-text\">\r\n          <h2 class=\"bjs-section-title\">The ingredients\u2026 where do they come from and how?<\/h2>\r\n          <p class=\"bjs-body\">\r\n Every product starts with one question: Who is this product designed for? Then we choose the ingredients that serve this purpose without overloading the formula.  \r\n          <\/p>\r\n          <ul class=\"bjs-feature-list\">\r\n            <li>\r\n              <h3>Essential oils<\/h3>\r\n              <p>Carefully selected plant oils to provide effective and gentle cleansing without excessive dryness.<\/p>\r\n            <\/li>\r\n            <li>\r\n              <h3>Thoughtful additions<\/h3>\r\n              <p>Herbs, extracts, or supporting ingredients for each recipe depending on its intended use. <\/p>\r\n            <\/li>\r\n            <li>\r\n              <h3>Calming scents<\/h3>\r\n              <p>A general trend towards relaxing scents that accompany you daily without boredom or annoyance.<\/p>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"bjs-block-media bjs-reveal\" data-animate=\"fade\" data-direction=\"left\" style=\"--delay:.06s\">\r\n          <figure class=\"bjs-card-image bjs-card-image-soft\">\r\n            <img decoding=\"async\" src=\"https:\/\/baitjeddisoap.com\/wp-content\/uploads\/2025\/11\/about-natural-ingredients.webp\" alt=\"Natural ingredients for making my grandfather's soap products\" loading=\"lazy\">\r\n          <\/figure>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- LIFESTYLE -->\r\n    <section class=\"bjs-section bjs-reveal\" data-animate=\"fade\" data-direction=\"up\">\r\n      <div class=\"bjs-lifestyle\">\r\n        <div class=\"bjs-lifestyle-media bjs-reveal\" data-animate=\"fade\" data-direction=\"right\" style=\"--delay:.06s\">\r\n          <figure class=\"bjs-lifestyle-figure\">\r\n            <img decoding=\"async\" src=\"https:\/\/baitjeddisoap.com\/wp-content\/uploads\/2025\/11\/about-lifestyle-bath.webp\" alt=\"A relaxing bath routine\" loading=\"lazy\">\r\n          <\/figure>\r\n        <\/div>\r\n        <div class=\"bjs-lifestyle-text\">\r\n          <h2 class=\"bjs-section-title\">A more peaceful and simpler bath time<\/h2>\r\n          <p class=\"bjs-body\">\r\n We are not selling the idea of \u200b\u200ba luxurious five-star resort; the idea is simpler than that: a clean, comfortable, and clear daily routine.  \r\n A stylishly shaped product, pleasantly scented, and with a consistent experience time and time again.  \r\n          <\/p>\r\n          <ul class=\"bjs-bullet-list\">\r\n            <li>Products that should be left visible on the bathroom sink, not hidden away in drawers. <\/li>\r\n            <li>There is enough variety to find something that suits your skin type and the nature of your day.<\/li>\r\n            <li>A practical design that respects your time and your way of using it.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- STATS -->\r\n    <section class=\"bjs-section bjs-reveal\" data-animate=\"fade\" data-direction=\"up\">\r\n      <h2 class=\"bjs-section-title bjs-center\">What's behind every bar of soap<\/h2>\r\n      <div class=\"bjs-stats\">\r\n        <div class=\"bjs-stat\">\r\n          <span class=\"bjs-stat-number\">+3<\/span>\r\n<span class=\"bjs-stat-label\">Years of testing before the official release of the first batch.<\/span>\r\n        <\/div>\r\n        <div class=\"bjs-stat\">\r\n          <span class=\"bjs-stat-number\">Limited batches<\/span>\r\n<span class=\"bjs-stat-label\">Calculated production instead of a race for quantities.<\/span>\r\n        <\/div>\r\n        <div class=\"bjs-stat\">\r\n          <span class=\"bjs-stat-number\">One soul.<\/span>\r\n<span class=\"bjs-stat-label\">From the first recipe to the last order delivered to your door.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA -->\r\n    <section class=\"bjs-section bjs-reveal\" data-animate=\"fade\" data-direction=\"up\">\r\n      <div class=\"bjs-cta\">\r\n        <h2>Are you ready to incorporate Beit Jeddi soap into your routine?<\/h2>\r\n        <p>\r\n Choose products that suit your skin and the nature of your day, and make your daily showering moment simpler and closer to your heart. \r\n        <\/p>\r\n        <div class=\"bjs-actions bjs-cta-actions\">\r\n          <a href=\"\/en\/products\/\" class=\"bjs-btn bjs-btn-primary\">Go to the store<\/a>\r\n<a href=\"\/en\/contact-us\/\" class=\"bjs-btn bjs-btn-ghost\">Ask about the product that's best for you.<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u0646\u0641\u0633 \u0627\u0644\u0640 CSS \u0648 \u0627\u0644\u0640 JS \u0627\u0644\u0644\u064a \u0639\u0646\u062f\u0643 \u0628\u062f\u0648\u0646 \u062a\u063a\u064a\u064a\u0631 -->\r\n\r\n\r\n\r\n<style>\r\n:root {\r\n  --bjs-primary: #2E5B3C;     \/* \u0623\u062e\u0636\u0631 \u0639\u0645\u064a\u0642 \u0623\u0633\u0627\u0633\u064a *\/\r\n  --bjs-primary-soft: #CFE4D4;\r\n  --bjs-primary-tint: #F4F8F4;\r\n  --bjs-gold: #C89A4C;        \/* \u0644\u0645\u0633\u0629 \u062f\u0627\u0641\u0626\u0629 *\/\r\n  --bjs-text-main: #1F342A;\r\n  --bjs-text-muted: #4A5A4A;\r\n  --bjs-white: #FFFFFF;\r\n}\r\n\r\n\/* GLOBAL *\/\r\n.bjs-about {\r\n  font-family: \"Tajawal\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  background: radial-gradient(circle at top right, #E3F1E7 0, #F9FAF9 45%, #FFFFFF 100%);\r\n  color: var(--bjs-text-main);\r\n  padding: 40px 0 60px;\r\n}\r\n\r\n.bjs-shell {\r\n  max-width: 1140px;\r\n  margin: 0 auto;\r\n  padding: 0 18px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.bjs-section {\r\n  margin-bottom: 56px;\r\n}\r\n\r\n\/* TYPOGRAPHY *\/\r\n.bjs-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 6px 14px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,.85);\r\n  border: 1px solid rgba(46,91,60,.15);\r\n  font-size: 0.78rem;\r\n  font-weight: 600;\r\n  color: var(--bjs-text-muted);\r\n}\r\n\r\n.bjs-hero-title {\r\n  font-size: clamp(2.4rem, 3vw + 1.6rem, 3rem);\r\n  font-weight: 800;\r\n  line-height: 1.25;\r\n  margin: 12px 0 12px;\r\n  color: var(--bjs-text-main);\r\n}\r\n\r\n.bjs-lead {\r\n  font-size: 1.02rem;\r\n  line-height: 1.9;\r\n  margin: 0 0 12px;\r\n  color: var(--bjs-text-muted);\r\n}\r\n\r\n.bjs-section-title {\r\n  font-size: clamp(1.7rem, 1.4vw + 1.3rem, 1.9rem);\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n  margin: 0 0 12px;\r\n  color: var(--bjs-text-main);\r\n}\r\n\r\n.bjs-body,\r\n.bjs-card-body,\r\n.bjs-feature-list p {\r\n  font-size: 0.96rem;\r\n  line-height: 1.9;\r\n  margin: 0 0 8px;\r\n  color: var(--bjs-text-muted);\r\n}\r\n\r\n.bjs-body-narrow {\r\n  max-width: 560px;\r\n  margin-inline: auto;\r\n}\r\n\r\n.bjs-center { text-align: center; }\r\n\r\n\/* HERO LAYOUT *\/\r\n.bjs-hero {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.15fr);\r\n  gap: 32px;\r\n  align-items: center;\r\n  padding: 28px 26px;\r\n  border-radius: 34px;\r\n  background: radial-gradient(circle at 5% 15%, #DCEBDD 0, transparent 55%),\r\n              radial-gradient(circle at 100% 100%, #EEF5EF 0, transparent 60%),\r\n              var(--bjs-white);\r\n  box-shadow: 0 26px 60px rgba(16, 43, 30, 0.18);\r\n  overflow: hidden;\r\n}\r\n\r\n.bjs-hero::before,\r\n.bjs-hero::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  border-radius: 999px;\r\n  filter: blur(26px);\r\n  opacity: 0.7;\r\n}\r\n.bjs-hero::before {\r\n  width: 180px;\r\n  height: 180px;\r\n  inset-inline-start: -80px;\r\n  inset-block-start: -40px;\r\n  background: radial-gradient(circle, #CFE4D4, transparent 70%);\r\n}\r\n.bjs-hero::after {\r\n  width: 220px;\r\n  height: 220px;\r\n  inset-inline-end: -60px;\r\n  inset-block-end: -80px;\r\n  background: radial-gradient(circle, #F6E6C8, transparent 75%);\r\n}\r\n\r\n.bjs-hero-media {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.bjs-hero-figure {\r\n  max-width: 430px;\r\n  width: 100%;\r\n  border-radius: 26px;\r\n  overflow: hidden;\r\n  background: #E6EAE6;\r\n  box-shadow: 0 24px 68px rgba(9, 35, 20, 0.45);\r\n  position: relative;\r\n}\r\n.bjs-hero-figure img {\r\n  display: block;\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.bjs-hero-badge {\r\n  position: absolute;\r\n  inset-inline-start: 16px;\r\n  inset-block-end: 14px;\r\n  padding: 6px 12px;\r\n  border-radius: 999px;\r\n  background: rgba(35, 52, 42, 0.9);\r\n  color: var(--bjs-white);\r\n  font-size: 0.8rem;\r\n  font-weight: 500;\r\n}\r\n\r\n.bjs-hero-content {\r\n  position: relative;\r\n  z-index: 1;\r\n  min-width: 0;\r\n}\r\n\r\n\/* LISTS *\/\r\n.bjs-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0 0 18px;\r\n  font-size: 0.95rem;\r\n}\r\n.bjs-list li {\r\n  position: relative;\r\n  padding-inline-start: 18px;\r\n  margin-bottom: 4px;\r\n}\r\n.bjs-list li::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  inset-block-start: 9px;\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--bjs-gold);\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.bjs-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n}\r\n\r\n.bjs-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 9px 22px;\r\n  border-radius: 999px;\r\n  font-size: 0.93rem;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  border: 1px solid transparent;\r\n  transition: background .22s ease, color .22s ease,\r\n              box-shadow .22s ease, transform .22s ease, border-color .22s ease;\r\n}\r\n\r\n.bjs-btn-primary {\r\n  background: linear-gradient(135deg, var(--bjs-primary) 0, #24452F 100%);\r\n  color: var(--bjs-white);\r\n  border-color: rgba(13, 33, 22, .7);\r\n  box-shadow: 0 12px 28px rgba(14, 40, 24, 0.55);\r\n}\r\n.bjs-btn-primary:hover {\r\n  background: linear-gradient(135deg, #24452F 0, #172C1E 100%);\r\n  color: var(--bjs-white); \/* \u064a\u0641\u0636\u0644 \u064a\u0641\u0636\u0644 \u0623\u0628\u064a\u0636 \u0641\u064a \u0627\u0644\u0640 hover *\/\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 16px 34px rgba(10, 28, 18, 0.7);\r\n}\r\n\r\n.bjs-btn-ghost {\r\n  background: rgba(255,255,255,.9);\r\n  color: var(--bjs-text-main);\r\n  border-color: rgba(46, 91, 60, 0.25);\r\n  box-shadow: 0 8px 20px rgba(21, 47, 31, 0.12);\r\n}\r\n.bjs-btn-ghost:hover {\r\n  background: var(--bjs-primary-soft);\r\n  color: var(--bjs-text-main);\r\n}\r\n\r\n\/* GRID SECTIONS *\/\r\n.bjs-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);\r\n  gap: 28px;\r\n  align-items: center;\r\n}\r\n.bjs-grid-reverse {\r\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);\r\n}\r\n\r\n\/* IMAGES \/ CARDS *\/\r\n.bjs-card-image,\r\n.bjs-lifestyle-figure {\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 52px rgba(15, 41, 26, 0.28);\r\n  background: #E5ECE5;\r\n}\r\n.bjs-card-image-soft {\r\n  box-shadow: 0 18px 42px rgba(17, 48, 30, 0.18);\r\n}\r\n.bjs-card-image img,\r\n.bjs-lifestyle-figure img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n\/* VALUES CARDS *\/\r\n.bjs-cards {\r\n  margin-top: 22px;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n.bjs-card {\r\n  position: relative;\r\n  padding: 18px 16px 16px;\r\n  border-radius: 22px;\r\n  background: linear-gradient(145deg, #F5F8F6 0, #E3EFE6 40%, #FDFBF7 100%);\r\n  box-shadow: 0 14px 40px rgba(12, 35, 22, 0.16);\r\n  border: 1px solid rgba(39, 78, 54, 0.07);\r\n  overflow: hidden;\r\n}\r\n.bjs-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset-inline-end: -30px;\r\n  inset-block-end: -40px;\r\n  width: 140px;\r\n  height: 140px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(200,154,76,0.26), transparent 70%);\r\n}\r\n\r\n.bjs-card-title {\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  margin: 0 0 6px;\r\n  color: var(--bjs-primary);\r\n}\r\n\r\n\/* INGREDIENTS BLOCK *\/\r\n.bjs-section-soft {\r\n  padding: 26px 22px;\r\n  border-radius: 30px;\r\n  background: linear-gradient(135deg, var(--bjs-primary-soft), #F7FBF7);\r\n  border: 1px solid rgba(33, 72, 49, 0.12);\r\n}\r\n\r\n.bjs-feature-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 16px 0 0;\r\n}\r\n.bjs-feature-list li {\r\n  margin-bottom: 12px;\r\n}\r\n.bjs-feature-list h3 {\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  margin: 0 0 3px;\r\n  color: var(--bjs-primary);\r\n}\r\n\r\n\/* LIFESTYLE *\/\r\n.bjs-lifestyle {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.1fr);\r\n  gap: 26px;\r\n  align-items: center;\r\n}\r\n.bjs-lifestyle-media {\r\n  max-width: 390px;\r\n}\r\n\r\n.bjs-bullet-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 10px 0 0;\r\n  font-size: 0.95rem;\r\n}\r\n.bjs-bullet-list li {\r\n  position: relative;\r\n  padding-inline-start: 18px;\r\n  margin-bottom: 6px;\r\n}\r\n.bjs-bullet-list li::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  inset-block-start: 9px;\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  border: 2px solid var(--bjs-primary);\r\n}\r\n\r\n\/* STATS *\/\r\n.bjs-stats {\r\n  margin-top: 18px;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0,1fr));\r\n  gap: 16px;\r\n}\r\n.bjs-stat {\r\n  text-align: center;\r\n  padding: 16px 14px;\r\n  border-radius: 24px;\r\n  background: radial-gradient(circle at top, #FFFFFF 0, #E6F0E7 70%);\r\n  border: 1px solid rgba(24, 56, 37, 0.14);\r\n  box-shadow: 0 16px 40px rgba(13, 36, 23, 0.16);\r\n}\r\n.bjs-stat-number {\r\n  display: block;\r\n  font-size: 1.3rem;\r\n  font-weight: 800;\r\n  margin-bottom: 4px;\r\n  color: var(--bjs-primary);\r\n}\r\n.bjs-stat-label {\r\n  font-size: 0.88rem;\r\n  color: var(--bjs-text-muted);\r\n}\r\n\r\n\/* CTA *\/\r\n.bjs-cta {\r\n  text-align: center;\r\n  padding: 24px 22px 26px;\r\n  border-radius: 30px;\r\n  background: linear-gradient(135deg, #F3F9F3, #E3F0E5);\r\n  border: 1px solid rgba(23, 52, 34, 0.18);\r\n  box-shadow: 0 22px 48px rgba(9, 30, 19, 0.26);\r\n}\r\n.bjs-cta h2 {\r\n  margin: 0 0 8px;\r\n  font-size: 1.6rem;\r\n  font-weight: 800;\r\n}\r\n.bjs-cta p {\r\n  margin: 0 0 14px;\r\n  font-size: 0.96rem;\r\n  color: var(--bjs-text-muted);\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n.bjs-reveal[data-animate] {\r\n  opacity: 0;\r\n  transform: translate3d(0, 24px, 0);\r\n  transition:\r\n    opacity 0.7s ease-out,\r\n    transform 0.7s ease-out;\r\n  transition-delay: var(--delay, 0s);\r\n}\r\n.bjs-reveal[data-direction=\"left\"] {\r\n  transform: translate3d(-26px, 0, 0);\r\n}\r\n.bjs-reveal[data-direction=\"right\"] {\r\n  transform: translate3d(26px, 0, 0);\r\n}\r\n.bjs-reveal.is-visible {\r\n  opacity: 1;\r\n  transform: translate3d(0,0,0);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 992px) {\r\n  .bjs-hero {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    padding: 22px 18px;\r\n    border-radius: 26px;\r\n  }\r\n  .bjs-hero-media {\r\n    order: -1;\r\n  }\r\n  .bjs-grid,\r\n  .bjs-grid-reverse,\r\n  .bjs-lifestyle {\r\n    grid-template-columns: minmax(0,1fr);\r\n  }\r\n  .bjs-lifestyle-media {\r\n    max-width: 100%;\r\n  }\r\n  .bjs-section-soft {\r\n    padding-inline: 18px;\r\n  }\r\n  .bjs-cards {\r\n    grid-template-columns: repeat(2, minmax(0,1fr));\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .bjs-shell { padding-inline: 12px; }\r\n  .bjs-section { margin-bottom: 44px; }\r\n  .bjs-hero { padding: 18px 14px; }\r\n  .bjs-cards {\r\n    grid-template-columns: minmax(0,1fr);\r\n  }\r\n  .bjs-stats {\r\n    grid-template-columns: minmax(0,1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n  .bjs-actions,\r\n  .bjs-cta-actions {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  var items = document.querySelectorAll('.bjs-reveal[data-animate]');\r\n  if (!items.length) return;\r\n\r\n  if (!('IntersectionObserver' in window)) {\r\n    items.forEach(function (el) { el.classList.add('is-visible'); });\r\n    return;\r\n  }\r\n\r\n  var observer = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('is-visible');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.18 });\r\n\r\n  items.forEach(function(el) { observer.observe(el); });\r\n})();\r\n<\/script>\r\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Handcrafted with care About Beit Jeddi Soap Natural soap inspired by the spiritof the old Arab home Bayt Jeddy Soap<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2452","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/baitjeddisoap.com\/en\/wp-json\/wp\/v2\/pages\/2452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baitjeddisoap.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/baitjeddisoap.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/baitjeddisoap.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baitjeddisoap.com\/en\/wp-json\/wp\/v2\/comments?post=2452"}],"version-history":[{"count":0,"href":"https:\/\/baitjeddisoap.com\/en\/wp-json\/wp\/v2\/pages\/2452\/revisions"}],"wp:attachment":[{"href":"https:\/\/baitjeddisoap.com\/en\/wp-json\/wp\/v2\/media?parent=2452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}