/* Rekaweb identity for the existing Promosi Website Elementor HTML widget. */
body.rw-promo-page .rwpromo {
  --navy: #171b22;
  --navy2: #22252b;
  --dark: #171b22;
  --ink: #171b22;
  --text: #626771;
  --muted: #737780;
  --line: #e1e2e3;
  --soft: #f2f2f1;
  --soft2: #f6f7f3;
  --lime: #ff5b4d;
  --lime2: #ff927e;
  --green: #d8463a;
  color: var(--text);
  font-family: "Raleway", Arial, sans-serif;
}

body.rw-promo-page .rwpromo h1,
body.rw-promo-page .rwpromo h2,
body.rw-promo-page .rwpromo h3 {
  font-family: "NataSans", Arial, sans-serif !important;
  letter-spacing: -.04em !important;
}

body.rw-promo-page .rwpromo .hero {
  background: radial-gradient(circle at 82% 25%, rgba(255, 91, 77, .16), transparent 27%), linear-gradient(135deg, #171b22, #22252b 58%, #171b22);
}

body.rw-promo-page .rwpromo .hero-glow,
body.rw-promo-page .rwpromo .hero-glow:before,
body.rw-promo-page .rwpromo .hero-glow:after {
  border-color: rgba(255, 91, 77, .18);
}

body.rw-promo-page .rwpromo .hero-route,
body.rw-promo-page .rwpromo .route-dot {
  stroke: #ff927e;
  border-color: #ff927e;
}

body.rw-promo-page .rwpromo .hero h1 span {
  color: #ff927e;
}

body.rw-promo-page .rwpromo .hero .eyebrow,
body.rw-promo-page .rwpromo .hero-copy > p,
body.rw-promo-page .rwpromo .hero-benefit {
  color: #d6d8dc !important;
}

body.rw-promo-page .rwpromo .hero-benefit:before {
  background: rgba(255, 91, 77, .14);
}

body.rw-promo-page .rwpromo .hero-image-wrap {
  border-color: rgba(255, 255, 255, .2);
  border-radius: 4px;
  background: rgba(34, 37, 43, .72);
}

body.rw-promo-page .rwpromo .btn {
  border-radius: 3px;
  font-family: "Raleway", Arial, sans-serif;
}

body.rw-promo-page .rwpromo .btn-lime {
  color: #fff;
  background: #ff5b4d;
  box-shadow: none;
}

body.rw-promo-page .rwpromo .btn-lime:hover {
  background: #d8463a;
  box-shadow: none;
}

body.rw-promo-page .rwpromo .btn-outline {
  border-color: rgba(255, 255, 255, .5);
}

body.rw-promo-page .rwpromo .promo-strip-inner {
  border-radius: 4px;
}

body.rw-promo-page .rwpromo .promo-main {
  color: #fff;
  background: #ff5b4d;
}

body.rw-promo-page .rwpromo .promo-main h2,
body.rw-promo-page .rwpromo .promo-main p,
body.rw-promo-page .rwpromo .promo-main strong {
  color: #fff !important;
}

body.rw-promo-page .rwpromo .intro-visual {
  border-radius: 4px;
}

body.rw-promo-page .rwpromo .package {
  border-radius: 4px;
}

body.rw-promo-page .rwpromo .package.featured {
  background: #171b22;
  border-color: #171b22;
}

body.rw-promo-page .rwpromo .package.featured h3,
body.rw-promo-page .rwpromo .package.featured p,
body.rw-promo-page .rwpromo .package.featured li,
body.rw-promo-page .rwpromo .package.featured .price,
body.rw-promo-page .rwpromo .package.featured .price-label {
  color: #fff !important;
}

body.rw-promo-page .rwpromo .journey,
body.rw-promo-page .rwpromo .cta {
  background: #171b22;
}

body.rw-promo-page .rwpromo .journey-path,
body.rw-promo-page .rwpromo .journey-icon {
  stroke: #ff927e;
}

body.rw-promo-page .rwpromo .journey-node {
  stroke: #565960;
  fill: #22252b;
}

body.rw-promo-page .rwpromo .process-dot {
  border-radius: 3px;
}

body.rw-promo-page .rwpromo .faq {
  background: #f2f2f1;
}

body.rw-promo-page .rwpromo .cta {
  background: radial-gradient(circle at 50% 115%, rgba(255, 91, 77, .18), transparent 38%), #171b22;
}

@media (max-width: 767px) {
  body.rw-promo-page .rwpromo .hero {
    padding-top: 135px;
  }
}