.elementor-16 .elementor-element.elementor-element-0550c06{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-c96f051{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-c96f051 *//* =========================================
   IPHONE 18 PRO MAX - CONVERSION LANDING
   Burgundy x Ice | RTL | Full Width
========================================= */

#ip18-page {
  --burgundy: #54283f;
  --deep: #291321;
  --ice: #d4efff;
  --ice-light: #f1f9ff;
  --ink: #32202d;
  --muted: #776d77;
  --wa: #0a9965;

  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: clip;
  direction: rtl;
  text-align: center;
  font-family: "Cairo", "Tajawal", Arial, sans-serif;
  background: #ffffff;
  color: var(--ink);
}

#ip18-page *,
#ip18-page *::before,
#ip18-page *::after {
  box-sizing: border-box;
}

#ip18-page .ip18-container {
  width: min(100% - 36px, 1120px);
  margin-inline: auto;
}

#ip18-page h1,
#ip18-page h2,
#ip18-page h3,
#ip18-page p {
  font-family: inherit;
  text-align: center;
  text-transform: none;
  letter-spacing: normal;
}

#ip18-page a {
  text-decoration: none !important;
}

#ip18-page a:focus-visible {
  outline: 3px solid #84d8fa;
  outline-offset: 4px;
}

/* HEADER */

#ip18-page .ip18-header {
  background: #ffffff;
  border-bottom: 1px solid #e5ebef;
}

#ip18-page .ip18-header-in {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

#ip18-page .ip18-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.25;
}

#ip18-page .ip18-brand strong {
  direction: ltr;
  color: var(--deep);
  font-family: Arial, sans-serif;
  font-size: 32px;
  letter-spacing: -2px;
  font-weight: 900;
}

#ip18-page .ip18-brand span {
  font-size: 10px;
  font-weight: 800;
  color: #7e7280;
}

#ip18-page .ip18-header-btn {
  background: var(--burgundy);
  color: white !important;
  padding: 10px 20px;
  border-radius: 50px;
  font-weight: 900;
  font-size: 12px;
}

/* HERO */

#ip18-page .ip18-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 100svh;
  padding: 70px 0 45px;
  background:
    radial-gradient(
      ellipse at 50% 78%,
      rgba(164,205,235,.22),
      transparent 55%
    ),
    linear-gradient(
      155deg,
      #68364f 0%,
      #47243a 42%,
      #211322 100%
    );
  color: #fff;
}

#ip18-page .ip18-hero-light {
  position: absolute;
  z-index: -1;
  top: -230px;
  left: 50%;
  transform: translateX(-50%);
  width: 800px;
  height: 600px;
  background: radial-gradient(
    ellipse,
    rgba(210,238,255,.14),
    transparent 65%
  );
  pointer-events: none;
}

#ip18-page .ip18-hero-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#ip18-page .ip18-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 20px;
  border: 1px solid rgba(210,239,255,.34);
  border-radius: 50px;
  background: rgba(220,243,255,.08);
  color: #e2f4ff;
  font-size: 12px;
  font-weight: 800;
}

#ip18-page .ip18-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b8e9ff;
  box-shadow: 0 0 12px rgba(184,233,255,.8);
}

#ip18-page .ip18-product-name {
  direction: ltr;
  margin: 24px auto 8px;
  color: #d2edff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 1px;
}

#ip18-page .ip18-hero h1 {
  max-width: 1000px;
  margin: 0 auto 22px;
  color: #fff;
  font-size: clamp(43px, 6vw, 78px);
  line-height: 1.35;
  font-weight: 900;
}

#ip18-page .ip18-hero h1 span {
  display: block;
  background: linear-gradient(
    90deg,
    #ffffff,
    #c4e9ff,
    #ffffff
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

#ip18-page .ip18-hero-sub {
  margin: 0 auto 12px;
  color: #f6edf3;
  font-size: clamp(20px,2.2vw,28px);
  line-height: 1.8;
  font-weight: 700;
}

#ip18-page .ip18-hero-sub strong {
  display: block;
  color: #ccecff;
  font-weight: 900;
}

#ip18-page .ip18-hero-description {
  max-width: 690px;
  margin: 0 auto 22px;
  color: #e9dce6;
  font-size: 14px;
  line-height: 2.1;
}

#ip18-page .ip18-hero-tags {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

#ip18-page .ip18-hero-tags span {
  padding: 9px 15px;
  border-radius: 50px;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(235,245,255,.22);
  color: #f6f5f9;
  font-size: 12px;
  font-weight: 800;
}

/* BUTTONS */

#ip18-page .ip18-main-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 19px;
  min-height: 60px;
  padding: 14px 31px;
  border-radius: 50px;
  background: linear-gradient(135deg,#fff,#d2ecfb);
  color: #4b263d !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.17);
  font-size: 15px;
  font-weight: 900;
  text-align: center;
  transition: transform .2s ease, box-shadow .2s ease;
}

#ip18-page .ip18-main-btn:hover {
  color: #4b263d !important;
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(0,0,0,.22);
}

#ip18-page .ip18-micro {
  margin: 14px auto 0;
  color: #d9cbd5;
  font-size: 11px;
}

/* HERO DEVICE ARTWORK */

#ip18-page .ip18-product-scene {
  position: relative;
  isolation: isolate;
  width: min(100%,700px);
  height: 420px;
  margin: 25px auto 0;
  perspective: 1000px;
}

#ip18-page .ip18-halo {
  position: absolute;
  z-index: -1;
  width: 410px;
  height: 345px;
  max-width: 90%;
  left: 50%;
  top: 46%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background:
    radial-gradient(
      ellipse,
      rgba(194,231,252,.42),
      rgba(149,183,211,.13) 48%,
      transparent 72%
    );
  filter: blur(10px);
}

#ip18-page .ip18-phone {
  position: absolute;
  top: 15px;
  width: 175px;
  height: 340px;
  border-radius: 32px;
  box-shadow: 15px 22px 38px rgba(0,0,0,.35);
}

#ip18-page .ip18-phone-back {
  z-index: 2;
  left: calc(50% - 185px);
  border: 5px solid #a86689;
  background:
    linear-gradient(
      135deg,
      #be829e,
      #844a6c 37%,
      #532c46 78%,
      #31162a
    );
  transform: rotate(-13deg);
}

#ip18-page .ip18-camera-island {
  position: absolute;
  top: 12px;
  left: 10px;
  width: 112px;
  height: 104px;
  border-radius: 25px;
  background: linear-gradient(135deg,#ae6b91,#63324f);
  border: 2px solid #c58ea9;
}

#ip18-page .ip18-lens {
  position: absolute;
  width: 42px;
  height: 42px;
  border: 5px solid #c98faa;
  border-radius: 50%;
  background: radial-gradient(
    circle at 42% 40%,
    #426b9b 3%,
    #0b1729 20%,
    #03060b 65%
  );
  box-shadow: 0 3px 6px rgba(0,0,0,.4);
}

#ip18-page .ip18-lens-one {
  top: 5px;
  left: 5px;
}

#ip18-page .ip18-lens-two {
  top: 7px;
  right: 7px;
}

#ip18-page .ip18-lens-three {
  left: 5px;
  bottom: 6px;
}

#ip18-page .ip18-flash {
  position: absolute;
  right: 14px;
  bottom: 15px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ffebce;
  box-shadow: 0 0 8px #ffdeb1;
}

#ip18-page .ip18-back-mark {
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: rgba(33,10,27,.16);
}

#ip18-page .ip18-phone-front {
  z-index: 3;
  right: calc(50% - 185px);
  padding: 5px;
  border: 4px solid #d5e4ee;
  background: #182431;
  transform: rotate(11deg);
}

#ip18-page .ip18-front-screen {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 25px;
  background:
    radial-gradient(
      ellipse at 45% 70%,
      #b7e4ff 0%,
      #6397cc 26%,
      #30426e 43%,
      #181b35 68%,
      #0a0c1b 100%
    );
}

#ip18-page .ip18-front-screen::before {
  content: "";
  position: absolute;
  left: -30%;
  top: 37%;
  width: 160%;
  height: 46%;
  border-radius: 50%;
  transform: rotate(-30deg);
  border: 19px solid rgba(222,244,255,.7);
  filter: blur(3px);
}

#ip18-page .ip18-dynamic {
  position: absolute;
  z-index: 2;
  top: 11px;
  left: 50%;
  transform: translateX(-50%);
  width: 65px;
  height: 16px;
  border-radius: 25px;
  background: #080b13;
}

#ip18-page .ip18-scene-caption {
  position: absolute;
  z-index: 4;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: max-content;
  max-width: 100%;
  color: #e7f3ff;
}

#ip18-page .ip18-scene-caption span {
  font-family: Arial,sans-serif;
  font-size: 14px;
  font-weight: 900;
  direction: ltr;
}

#ip18-page .ip18-scene-caption small {
  font-size: 11px;
  color: #dacbd9;
}

/* PAYMENT SECTION */

#ip18-page .ip18-payment {
  padding: 85px 0;
  background: linear-gradient(180deg,#f0f8fd,#fff);
}

#ip18-page .ip18-heading {
  max-width: 780px;
  margin: 0 auto 38px;
}

#ip18-page .ip18-heading > span {
  display: inline-block;
  padding: 7px 18px;
  background: #e0eff8;
  color: #653750;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 900;
}

#ip18-page .ip18-heading h2 {
  margin: 18px auto 12px;
  color: #3f2335;
  font-size: clamp(28px,4vw,43px);
  font-weight: 900;
  line-height: 1.6;
}

#ip18-page .ip18-heading h2 em {
  display: block;
  color: #92718a;
  font-style: normal;
}

#ip18-page .ip18-heading p {
  margin: 0 auto;
  color: #7e7380;
  font-size: 14px;
  line-height: 2;
}

#ip18-page .ip18-payment-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
  margin-bottom: 30px;
}

#ip18-page .ip18-payment-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 34px 21px;
  border: 1px solid #e1e6ec;
  border-radius: 23px;
  background: #ffffff;
  box-shadow: 0 9px 28px rgba(57,40,67,.04);
}

#ip18-page .ip18-payment-logo {
  display: grid;
  place-items: center;
  width: 135px;
  height: 58px;
  max-width: 100%;
  margin-bottom: 24px;
  border-radius: 15px;
  font-family: Arial,sans-serif;
  font-size: 29px;
  font-weight: 900;
  direction: ltr;
  letter-spacing: -1px;
}

#ip18-page .ip18-tabby-logo {
  background: #42e9a5;
  color: #173d2f;
}

#ip18-page .ip18-tamara-logo {
  background: linear-gradient(110deg,#f4d492,#f2acaa,#bea6e5);
  color: #2b2430;
}

#ip18-page .ip18-payment-card h3 {
  margin: 0 auto 12px;
  color: #44283a;
  font-size: 19px;
  font-weight: 900;
}

#ip18-page .ip18-payment-card p {
  margin: 0 auto;
  max-width: 275px;
  color: #7a737c;
  font-size: 13px;
  line-height: 2;
}

#ip18-page .ip18-payment-highlight {
  border: 2px solid #cda8bd;
  background: linear-gradient(145deg,#fff,#f9eef5);
}

#ip18-page .ip18-24 {
  font-family: Arial,sans-serif;
  font-size: 75px;
  font-weight: 900;
  line-height: 1;
  color: #693b58;
  margin-bottom: 25px;
}

#ip18-page .ip18-main-btn-dark {
  background: #54283f;
  color: #ffffff !important;
}

#ip18-page .ip18-main-btn-dark:hover {
  color: #ffffff !important;
}

#ip18-page .ip18-disclaimer {
  max-width: 800px;
  margin: 24px auto 0;
  font-size: 11px;
  line-height: 2;
  color: #8c838a;
}

/* FINAL CTA */

#ip18-page .ip18-last {
  padding: 82px 0;
  background:
    radial-gradient(
      ellipse at 50% 0,
      rgba(197,223,244,.2),
      transparent 62%
    ),
    linear-gradient(145deg,#66374f,#281323);
  color: #ffffff;
}

#ip18-page .ip18-last-kicker {
  color: #c9e9fb;
  font-family: Arial,sans-serif;
  letter-spacing: 2px;
  font-size: 11px;
  font-weight: 900;
}

#ip18-page .ip18-last h2 {
  margin: 16px auto;
  font-size: clamp(31px,4vw,48px);
  font-weight: 900;
  line-height: 1.6;
  color: #ffffff;
}

#ip18-page .ip18-last h2 span {
  display: block;
  color: #c9eaff;
}

#ip18-page .ip18-last p {
  max-width: 580px;
  margin: 0 auto 24px;
  color: #f1e4ec;
  font-size: 14px;
  line-height: 2;
}

/* FOOTER */

#ip18-page .ip18-footer {
  padding: 30px 0;
  background: #21121d;
  color: #f2eaf0;
}

#ip18-page .ip18-footer strong {
  font-family: Arial,sans-serif;
  direction: ltr;
  display: inline-block;
  font-size: 28px;
  font-weight: 900;
}

#ip18-page .ip18-footer p {
  margin: 3px auto 9px;
  font-size: 12px;
}

#ip18-page .ip18-footer small {
  display: block;
  font-size: 10px;
  color: #bdb0bb;
}

/* GLOWING FLOATING WHATSAPP */

#ip18-page .ip18-floating {
  position: fixed;
  z-index: 99999;
  bottom: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 67px;
  padding: 11px 19px 11px 12px;
  border-radius: 60px;
  background: linear-gradient(135deg,#5e304a,#341b2c);
  color: #ffffff !important;
  border: 1px solid #dbb8cb;
  box-shadow:
    0 0 14px rgba(84,40,63,.8),
    0 0 30px rgba(139,85,126,.48),
    0 9px 25px rgba(0,0,0,.24);
  animation: ip18Glow 2.6s ease-in-out infinite;
}

#ip18-page .ip18-floating-icon {
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  border-radius: 50%;
  background: #0d9e67;
  box-shadow:
    0 0 12px rgba(16,220,140,.5),
    0 0 0 3px rgba(255,255,255,.1);
}

#ip18-page .ip18-floating-icon svg {
  width: 27px;
  height: 27px;
  color: white;
}

#ip18-page .ip18-floating-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

#ip18-page .ip18-floating-copy strong {
  font-size: 13px;
  font-weight: 900;
  color: #ffffff;
  white-space: nowrap;
}

#ip18-page .ip18-floating-copy small {
  font-size: 11px;
  color: #d2edff;
}

#ip18-page .ip18-floating-arrow {
  font-size: 21px;
  color: #d2ecff;
}

@keyframes ip18Glow {
  0%,100% {
    box-shadow:
      0 0 11px rgba(98,51,79,.7),
      0 0 23px rgba(128,81,114,.4),
      0 9px 25px rgba(0,0,0,.24);
  }
  50% {
    box-shadow:
      0 0 18px rgba(99,56,85,.95),
      0 0 42px rgba(128,209,255,.42),
      0 9px 25px rgba(0,0,0,.24);
  }
}

/* TABLET */

@media (max-width: 900px) {
  #ip18-page .ip18-payment-grid {
    grid-template-columns: 1fr;
    max-width: 550px;
    margin-inline: auto;
  }
}

/* MOBILE */

@media (max-width: 767px) {
  #ip18-page .ip18-container {
    width: calc(100% - 28px);
  }

  #ip18-page .ip18-header-in {
    min-height: 64px;
  }

  #ip18-page .ip18-hero {
    padding: 48px 0 35px;
    min-height: 100svh;
  }

  #ip18-page .ip18-product-name {
    font-size: 13px;
  }

  #ip18-page .ip18-hero h1 {
    font-size: clamp(37px,10vw,53px);
    line-height: 1.4;
  }

  #ip18-page .ip18-hero-sub {
    font-size: 19px;
  }

  #ip18-page .ip18-hero-description {
    font-size: 13px;
  }

  #ip18-page .ip18-hero-tags {
    gap: 6px;
  }

  #ip18-page .ip18-hero-tags span {
    font-size: 10px;
    padding: 7px 10px;
  }

  #ip18-page .ip18-main-btn {
    width: 100%;
    max-width: 450px;
    min-height: 57px;
    padding: 12px 17px;
    font-size: 14px;
  }

  #ip18-page .ip18-product-scene {
    height: 305px;
    margin-top: 25px;
  }

  #ip18-page .ip18-phone {
    top: 8px;
    width: 126px;
    height: 245px;
    border-radius: 25px;
  }

  #ip18-page .ip18-phone-back {
    left: calc(50% - 132px);
    border-width: 4px;
  }

  #ip18-page .ip18-phone-front {
    right: calc(50% - 132px);
    border-width: 3px;
    padding: 3px;
  }

  #ip18-page .ip18-camera-island {
    width: 85px;
    height: 78px;
    border-radius: 18px;
    top: 8px;
    left: 6px;
  }

  #ip18-page .ip18-lens {
    width: 31px;
    height: 31px;
    border-width: 4px;
  }

  #ip18-page .ip18-lens-one {
    top: 3px;
    left: 3px;
  }

  #ip18-page .ip18-lens-two {
    top: 3px;
    right: 3px;
  }

  #ip18-page .ip18-lens-three {
    left: 3px;
    bottom: 3px;
  }

  #ip18-page .ip18-flash {
    right: 10px;
    bottom: 9px;
    width: 12px;
    height: 12px;
  }

  #ip18-page .ip18-scene-caption {
    bottom: 5px;
  }

  #ip18-page .ip18-payment,
  #ip18-page .ip18-last {
    padding: 60px 0;
  }

  #ip18-page .ip18-heading h2 {
    font-size: 29px;
  }

  #ip18-page .ip18-payment-card {
    padding: 27px 19px;
  }

  #ip18-page .ip18-last h2 {
    font-size: 31px;
  }

  #ip18-page .ip18-footer {
    padding-bottom: 105px;
  }

  #ip18-page .ip18-floating {
    right: 12px;
    left: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom,0px));
    width: auto;
    min-height: 60px;
    border-radius: 16px;
    justify-content: center;
  }

  #ip18-page .ip18-floating-copy {
    flex: 1;
    align-items: center;
  }

  #ip18-page .ip18-floating-copy strong {
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #ip18-page .ip18-floating {
    animation: none;
  }

  #ip18-page .ip18-main-btn {
    transition: none;
  }
}/* End custom CSS */