.elementor-17144 .elementor-element.elementor-element-473f27fa{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* ============================================================
   RPODS Dubai About Page CSS
   File: rpods-about.css
   Scope-safe class: .rpods-about
============================================================ */

.rpods-about {
  --rp-cream: #fff8ef;
  --rp-white: #ffffff;
  --rp-ink: #111117;
  --rp-body: #2d2d35;
  --rp-muted: #686875;
  --rp-line: #ede5d8;
  --rp-soft: #fffdf9;
  --rp-red: #fe2119;
  --rp-orange: #fe581c;
  --rp-yellow: #ffbb15;
  --rp-flame: linear-gradient(135deg, #fe2119 0%, #fe581c 42%, #fc8413 72%, #ffbb15 100%);
  --rp-radius: 22px;
  --rp-radius-sm: 14px;
  --rp-shadow: 0 18px 48px -30px rgba(0, 0, 0, .35);
  background: var(--rp-cream);
  color: var(--rp-body);
  font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.7;
}

.rpods-about *,
.rpods-about *::before,
.rpods-about *::after { box-sizing: border-box; }

.rpods-about__container {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

.rpods-about__hero {
  position: relative;
  overflow: hidden;
  padding: clamp(64px, 9vw, 120px) 0 clamp(54px, 7vw, 90px);
  background:
    radial-gradient(circle at 18% 18%, rgba(254, 88, 28, .16), transparent 30%),
    radial-gradient(circle at 84% 20%, rgba(255, 187, 21, .14), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fff8ef 100%);
}

.rpods-about__hero::after {
  content: "";
  position: absolute;
  inset: auto -12% -42% -12%;
  height: 230px;
  background: radial-gradient(circle, rgba(254, 88, 28, .16), transparent 65%);
  pointer-events: none;
}

.rpods-about__hero .rpods-about__container {
  position: relative;
  z-index: 1;
  max-width: 920px;
  text-align: center;
}

.rpods-about__eyebrow,
.rpods-about__section-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--rp-orange);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.rpods-about__eyebrow::before,
.rpods-about__section-label::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--rp-flame);
  display: inline-block;
}

.rpods-about h1,
.rpods-about h2,
.rpods-about h3 {
  color: var(--rp-ink);
  font-family: "Sora", system-ui, sans-serif;
  line-height: 1.18;
  letter-spacing: -.03em;
  margin: 0;
}

.rpods-about h1 {
  font-size: clamp(36px, 6vw, 72px);
  font-weight: 950;
  max-width: 860px;
  margin: 0 auto 22px;
}

.rpods-about h2 {
  font-size: clamp(28px, 4vw, 46px);
  font-weight: 950;
  margin-bottom: 18px;
}

.rpods-about h3 {
  font-size: 19px;
  font-weight: 900;
  margin-bottom: 10px;
}

.rpods-about p {
  color: var(--rp-muted);
  font-size: 16px;
  margin: 0 0 16px;
}

.rpods-about__hero p {
  font-size: clamp(16px, 2vw, 19px);
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.rpods-about__hero-actions,
.rpods-about__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.rpods-about__btn {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border-radius: 999px;
  font-family: "Sora", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.rpods-about__btn:hover { transform: translateY(-2px); }

.rpods-about__btn--primary {
  background: var(--rp-flame);
  color: #fff;
  box-shadow: 0 18px 34px -22px rgba(254, 88, 28, .95);
}

.rpods-about__btn--secondary {
  background: #fff;
  color: var(--rp-ink);
  border: 1.5px solid var(--rp-line);
  box-shadow: var(--rp-shadow);
}

.rpods-about__content { padding: clamp(46px, 7vw, 86px) 0; }

.rpods-about__grid { display: grid; gap: 26px; }

.rpods-about__grid--intro {
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, .75fr);
  align-items: stretch;
  margin-bottom: 34px;
}

.rpods-about__card,
.rpods-about__quick-box,
.rpods-about__section,
.rpods-about__cta {
  background: var(--rp-white);
  border: 1.5px solid var(--rp-line);
  border-radius: var(--rp-radius);
  box-shadow: var(--rp-shadow);
}

.rpods-about__card,
.rpods-about__quick-box,
.rpods-about__section { padding: clamp(24px, 4vw, 38px); }

.rpods-about__quick-box { background: linear-gradient(180deg, #ffffff 0%, #fffdf9 100%); }

.rpods-about__quick-box ul {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
  display: grid;
  gap: 12px;
}

.rpods-about__quick-box li {
  color: var(--rp-muted);
  font-size: 14px;
  line-height: 1.55;
  padding-bottom: 12px;
  border-bottom: 1px dashed var(--rp-line);
}

.rpods-about__quick-box li:last-child { border-bottom: 0; padding-bottom: 0; }
.rpods-about__quick-box strong { color: var(--rp-ink); }
.rpods-about__section { margin-top: 26px; }

.rpods-about__product-grid,
.rpods-about__benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 26px;
}

.rpods-about__product-card,
.rpods-about__benefit,
.rpods-about__delivery-item {
  border: 1.5px solid var(--rp-line);
  border-radius: var(--rp-radius-sm);
  background: var(--rp-soft);
  padding: 22px;
}

.rpods-about__product-card p,
.rpods-about__benefit p { font-size: 14.5px; margin-bottom: 0; }

.rpods-about__delivery {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
  gap: 26px;
  align-items: center;
  background:
    radial-gradient(circle at top right, rgba(254, 88, 28, .09), transparent 38%),
    #ffffff;
}

.rpods-about__delivery-list { display: grid; gap: 14px; }
.rpods-about__delivery-item { display: grid; gap: 6px; }

.rpods-about__delivery-item strong {
  color: var(--rp-ink);
  font-family: "Sora", system-ui, sans-serif;
  font-size: 15px;
  font-weight: 900;
}

.rpods-about__delivery-item span {
  color: var(--rp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.rpods-about__values {
  background: linear-gradient(135deg, rgba(254, 33, 25, .05), rgba(255, 187, 21, .08)), #ffffff;
}

.rpods-about__contact {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 26px;
  align-items: center;
}

.rpods-about__contact-box {
  border-radius: var(--rp-radius-sm);
  background: var(--rp-soft);
  border: 1.5px solid var(--rp-line);
  padding: 22px;
}

.rpods-about__contact-box p { margin: 0 0 12px; font-size: 15px; }
.rpods-about__contact-box p:last-child { margin-bottom: 0; }
.rpods-about__contact-box strong { color: var(--rp-ink); }

.rpods-about__contact-box a {
  color: var(--rp-orange);
  font-weight: 800;
  text-decoration: none;
}

.rpods-about__contact-box a:hover { text-decoration: underline; }

.rpods-about__cta {
  flex-direction: column;
  text-align: center;
  padding: clamp(28px, 5vw, 48px);
  margin-top: 32px;
  background:
    radial-gradient(circle at 15% 15%, rgba(254, 88, 28, .14), transparent 30%),
    radial-gradient(circle at 85% 20%, rgba(255, 187, 21, .14), transparent 34%),
    #ffffff;
}

.rpods-about__cta p { max-width: 760px; margin-left: auto; margin-right: auto; }

@media (max-width: 1024px) {
  .rpods-about__grid--intro,
  .rpods-about__delivery,
  .rpods-about__contact { grid-template-columns: 1fr; }
  .rpods-about__product-grid,
  .rpods-about__benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .rpods-about__container { width: min(100% - 24px, 1180px); }
  .rpods-about__hero { padding: 52px 0 48px; }
  .rpods-about h1 { font-size: clamp(32px, 10vw, 46px); }
  .rpods-about h2 { font-size: clamp(25px, 8vw, 36px); }
  .rpods-about__card,
  .rpods-about__quick-box,
  .rpods-about__section,
  .rpods-about__cta { border-radius: 18px; }
  .rpods-about__product-grid,
  .rpods-about__benefits { grid-template-columns: 1fr; }
  .rpods-about__hero-actions,
  .rpods-about__cta { align-items: stretch; }
  .rpods-about__btn { width: 100%; }
}/* End custom CSS */