.elementor-93 .elementor-element.elementor-element-c553126{--display:flex;--overlay-opacity:0.63;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-93 .elementor-element.elementor-element-c553126:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-c553126 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://redpearltrading.com/wp-content/uploads/2026/02/building_construction_city_849772_3840x2160-scaled.jpg");background-position:center center;background-size:cover;}.elementor-93 .elementor-element.elementor-element-c553126::before, .elementor-93 .elementor-element.elementor-element-c553126 > .elementor-background-video-container::before, .elementor-93 .elementor-element.elementor-element-c553126 > .e-con-inner > .elementor-background-video-container::before, .elementor-93 .elementor-element.elementor-element-c553126 > .elementor-background-slideshow::before, .elementor-93 .elementor-element.elementor-element-c553126 > .e-con-inner > .elementor-background-slideshow::before, .elementor-93 .elementor-element.elementor-element-c553126 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-93 .elementor-element.elementor-element-e78dd29{--display:flex;}.elementor-93 .elementor-element.elementor-element-68857b6{--display:flex;}.elementor-93 .elementor-element.elementor-element-4e6be4a{--display:flex;--overlay-opacity:0.93;}.elementor-93 .elementor-element.elementor-element-4e6be4a:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-4e6be4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://redpearltrading.com/wp-content/uploads/2026/02/architectural-engineering-design-plan-drawing-600nw-2444719103.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-93 .elementor-element.elementor-element-4e6be4a::before, .elementor-93 .elementor-element.elementor-element-4e6be4a > .elementor-background-video-container::before, .elementor-93 .elementor-element.elementor-element-4e6be4a > .e-con-inner > .elementor-background-video-container::before, .elementor-93 .elementor-element.elementor-element-4e6be4a > .elementor-background-slideshow::before, .elementor-93 .elementor-element.elementor-element-4e6be4a > .e-con-inner > .elementor-background-slideshow::before, .elementor-93 .elementor-element.elementor-element-4e6be4a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-93 .elementor-element.elementor-element-c9bf723{--display:flex;}.elementor-93 .elementor-element.elementor-element-c9bf723:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-c9bf723 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:1025px){.elementor-93 .elementor-element.elementor-element-4e6be4a:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-4e6be4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-7af751d *//* ==============================
   RPT ABOUT SECTION 1
   Theme: Red + Black
============================== */

.rpt-about1 {
  --rpt-red: #E11D2E;
  --rpt-black: #0B0B0D;
  --rpt-dark: #111113;

  background: linear-gradient(135deg, var(--rpt-black), var(--rpt-dark));
  color: #fff;
  padding: 80px 20px;
  font-family: Inter, Poppins, sans-serif;
}

.rpt-about1__wrap {
  max-width: 1200px;
  margin: auto;
}

.rpt-about1__brand {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}

.rpt-about1__logoWrap {
  width: 80px;
  height: 80px;
  border-radius: 15px;
  background: rgba(255,255,255,0.05);
  display: flex;
  align-items: center;
  justify-content: center;
}

.rpt-about1__logo {
  width: 70%;
}

.rpt-about1__kicker {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--rpt-red);
}

.rpt-about1__title {
  margin: 5px 0;
  font-size: 30px;
  font-weight: 900;
}

.rpt-about1__tagline {
  color: rgba(255,255,255,0.7);
  font-size: 14px;
}

.rpt-about1__grid {
  display: grid;
  grid-template-columns: 1.4fr 0.6fr;
  gap: 30px;
}

.rpt-about1__card {
  background: rgba(255,255,255,0.05);
  padding: 30px;
  border-radius: 20px;
}

.rpt-about1__lead {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 15px;
}

.rpt-about1__text {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,0.75);
  margin-bottom: 15px;
}

.rpt-about1__chips {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.rpt-about1__chip {
  background: rgba(225,29,46,0.2);
  border: 1px solid rgba(225,29,46,0.4);
  padding: 8px 12px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
}

.rpt-about1__actions {
  margin-top: 25px;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.rpt-about1__btn {
  padding: 12px 20px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 800;
  transition: 0.3s ease;
}

.rpt-about1__btn--primary {
  background: var(--rpt-red);
  color: #fff;
}

.rpt-about1__btn--primary:hover {
  background: #ff2b3d;
}

.rpt-about1__btn--ghost {
  border: 1px solid #fff;
  color: #fff;
}

.rpt-about1__btn--ghost:hover {
  background: #fff;
  color: #000;
}

.rpt-about1__side {
  display: grid;
  gap: 20px;
}

.rpt-about1__stat {
  background: rgba(255,255,255,0.05);
  padding: 20px;
  border-radius: 15px;
}

.rpt-about1__stat h3 {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 800;
}

.rpt-about1__stat p {
  font-size: 13px;
  color: rgba(255,255,255,0.7);
}

/* Responsive */
@media (max-width: 980px) {
  .rpt-about1__grid {
    grid-template-columns: 1fr;
  }

  .rpt-about1__brand {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* ==============================
   RPT ABOUT SECTION 1
   Transparent Background
   Theme: Red + Black Text
============================== */

.rpt-about1 {
  --rpt-red: #E11D2E;

  background: transparent; /* penting */
  color: #111; /* tukar text jadi gelap sebab bg dah cerah */
  padding: 80px 20px;
  font-family: Inter, Poppins, sans-serif;
}

.rpt-about1__wrap {
  max-width: 1200px;
  margin: auto;
}

/* Brand */
.rpt-about1__brand {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}

.rpt-about1__logoWrap {
  width: 80px;
  height: 80px;
  border-radius: 15px;
  background: rgba(0,0,0,0.04);
  display: flex;
  align-items: center;
  justify-content: center;
}

.rpt-about1__logo {
  width: 70%;
}

.rpt-about1__kicker {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--rpt-red);
}

.rpt-about1__title {
  margin: 5px 0;
  font-size: 30px;
  font-weight: 900;
  color: #000;
}

.rpt-about1__tagline {
  color: #555;
  font-size: 14px;
}

/* Grid */
.rpt-about1__grid {
  display: grid;
  grid-template-columns: 1.4fr 0.6fr;
  gap: 30px;
}

.rpt-about1__card {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.05);
}

.rpt-about1__lead {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 15px;
}

.rpt-about1__text {
  font-size: 14px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 15px;
}

.rpt-about1__chips {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.rpt-about1__chip {
  background: rgba(225,29,46,0.1);
  border: 1px solid rgba(225,29,46,0.3);
  padding: 8px 12px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  color: var(--rpt-red);
}

.rpt-about1__actions {
  margin-top: 25px;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.rpt-about1__btn {
  padding: 12px 20px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 800;
  transition: 0.3s ease;
}

.rpt-about1__btn--primary {
  background: var(--rpt-red);
  color: #fff;
}

.rpt-about1__btn--primary:hover {
  background: #ff2b3d;
}

.rpt-about1__btn--ghost {
  border: 1px solid var(--rpt-red);
  color: var(--rpt-red);
}

.rpt-about1__btn--ghost:hover {
  background: var(--rpt-red);
  color: #fff;
}

.rpt-about1__side {
  display: grid;
  gap: 20px;
}

.rpt-about1__stat {
  background: #fff;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.05);
}

.rpt-about1__stat h3 {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 800;
}

.rpt-about1__stat p {
  font-size: 13px;
  color: #555;
}

/* Responsive */
@media (max-width: 980px) {
  .rpt-about1__grid {
    grid-template-columns: 1fr;
  }

  .rpt-about1__brand {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* ==============================
   FIX: RPT ABOUT 1
   BG transparent + text WHITE in boxes
   (Paste this at the very bottom)
============================== */

/* Section base */
.rpt-about1{
  background: transparent !important;
  color: #fff !important; /* luar pun putih */
}

/* Title & tagline jadi putih */
.rpt-about1__title{ color:#fff !important; }
.rpt-about1__tagline{ color: rgba(255,255,255,.72) !important; }

/* Card/Box jadi dark tapi masih nampak transparent */
.rpt-about1__card,
.rpt-about1__stat{
  background: rgba(11,11,13,.78) !important; /* dark glass */
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.35) !important;
}

/* Text dalam box putih */
.rpt-about1__lead{ color: rgba(255,255,255,.92) !important; }
.rpt-about1__text,
.rpt-about1__stat p{ color: rgba(255,255,255,.72) !important; }
.rpt-about1__stat h3{ color:#fff !important; }

/* Chip kekal merah, text putih */
.rpt-about1__chip{
  color:#fff !important;
  background: rgba(225,29,46,.22) !important;
  border: 1px solid rgba(225,29,46,.45) !important;
}

/* Logo wrap gelap sikit */
.rpt-about1__logoWrap{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

/* Ghost button still nampak */
.rpt-about1__btn--ghost{
  border-color: rgba(255,255,255,.85) !important;
  color:#fff !important;
}
.rpt-about1__btn--ghost:hover{
  background:#fff !important;
  color:#000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e8275a *//* ==============================
   RPT – VISION MISSION OBJECTIVE
============================== */

.rpt-vmo{
  --rpt-red:#E11D2E;
  --ink:#0B0B0D;
  --muted:#4b5563;
  --line:rgba(11,11,13,.08);
  --card:#ffffff;
  --shadow:0 20px 50px rgba(2,6,23,.08);

  background: transparent;
  padding: clamp(80px, 8vw, 110px) 16px;
  font-family: Inter, Poppins, sans-serif;
  color: var(--ink);
}

.rpt-vmo__wrap{ max-width:1200px; margin:auto; }

.rpt-vmo__kicker{
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
  color: var(--rpt-red);
}

.rpt-vmo__title{
  margin:10px 0 30px;
  font-size: clamp(28px, 3vw, 40px);
  font-weight:900;
}

.rpt-vmo__grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.rpt-vmo__card{
  background: var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  padding:25px;
  box-shadow: var(--shadow);
}

.rpt-vmo__vision{
  border-left:6px solid var(--rpt-red);
}

.rpt-vmo__label{
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
  color: var(--rpt-red);
}

.rpt-vmo__visionText{
  margin-top:15px;
  font-size:18px;
  font-weight:700;
  line-height:1.6;
}

.rpt-vmo__list{
  margin-top:15px;
  padding-left:18px;
  color: var(--muted);
  line-height:1.7;
  font-size:14px;
}

@media(max-width:980px){
  .rpt-vmo__grid{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e8da863 *//* ==============================
   RPT – ORG CHART PRO (2 LEVEL)
   Transparent BG • Red Ring • Lines
============================== */

.rpt-orgx{
  --rpt-red:#E11D2E;
  --ink:#0B0B0D;
  --muted:#6b7280;
  --line:#cfd4dc;

  background: transparent;
  padding: clamp(70px, 7vw, 110px) 16px;
  font-family: Inter, Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ink);
}

.rpt-orgx__wrap{ max-width: 1100px; margin: 0 auto; }

.rpt-orgx__head{
  text-align:center;
  margin-bottom: clamp(26px, 3vw, 40px);
}

.rpt-orgx__kicker{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
  color: var(--rpt-red);
  margin-bottom: 10px;
}

.rpt-orgx__title{
  margin:0;
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 1000;
  letter-spacing: .8px;
}

/* Tree */
.rpt-orgx__tree{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap: 0;
}

/* Level */
.rpt-orgx__level{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  position:relative;
}

.rpt-orgx__level--top{
  flex-direction:column;
  align-items:center;
  padding-bottom: 6px;
}

/* Node */
.rpt-orgx__node{
  width: min(320px, 92%);
  text-align:center;
  position:relative;
  padding-bottom: 6px;
}

/* Avatar circle + red ring */
.rpt-orgx__avatar{
  width: 92px;
  height: 92px;
  border-radius: 999px;
  margin: 0 auto 10px;
  padding: 5px;
  background: conic-gradient(from 180deg, var(--rpt-red), #ff4656, var(--rpt-red));
  box-shadow: 0 18px 40px rgba(2,6,23,.12);
}

.rpt-orgx__avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius: 999px;
  display:block;
  background:#fff;
  border: 4px solid #fff;
}

/* Black plate bar (like sample) */
.rpt-orgx__plate{
  width: 78%;
  height: 10px;
  background: #0b0b0d;
  border-radius: 999px;
  margin: 0 auto 10px;
  box-shadow: 0 12px 26px rgba(0,0,0,.10);
}

/* Name + Role */
.rpt-orgx__name{
  font-weight: 1000;
  font-size: 13px;
  letter-spacing: .7px;
  text-transform: uppercase;
  margin: 0 0 4px;
}

.rpt-orgx__role{
  font-size: 11.5px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 900;
}

/* Vertical line from top node down */
.rpt-orgx__vline{
  width: 2px;
  height: 40px;
  background: var(--line);
  margin-top: 10px;
}

/* Bridge (horizontal connector) */
.rpt-orgx__bridge{
  width: min(820px, 96%);
  position:relative;
  height: 34px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.rpt-orgx__hline{
  position:absolute;
  left: 10%;
  right: 10%;
  top: 10px;
  height: 2px;
  background: var(--line);
}

.rpt-orgx__drop{
  position:absolute;
  top: 10px;
  width: 2px;
  height: 24px;
  background: var(--line);
}
.rpt-orgx__drop--left{ left: 20%; }
.rpt-orgx__drop--right{ right: 20%; }

/* Bottom level (2 columns) */
.rpt-orgx__level--bottom{
  justify-content:space-between;
  gap: clamp(16px, 5vw, 60px);
  width: min(980px, 96%);
  padding-top: 6px;
}

.rpt-orgx__node--left,
.rpt-orgx__node--right{
  width: min(340px, 48%);
}

/* Nice hover (optional) */
.rpt-orgx__node:hover .rpt-orgx__avatar{
  transform: translateY(-2px);
}
.rpt-orgx__avatar{ transition: transform .18s ease; }

/* Responsive: stack on mobile, adjust lines */
@media (max-width: 820px){
  .rpt-orgx__bridge{ display:none; }
  .rpt-orgx__level--bottom{
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width: 100%;
    gap: 24px;
    padding-top: 0;
  }
  .rpt-orgx__node--left,
  .rpt-orgx__node--right{
    width: min(360px, 92%);
  }

  /* Add simple vertical connector between stacked nodes */
  .rpt-orgx__level--bottom:before{
    content:"";
    width:2px;
    height:18px;
    background: var(--line);
    display:block;
    margin: 6px auto 10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8469ecd *//* ==============================
   RPT – COMPANY INFO & REG
   Transparent BG • Tender-ready
============================== */

.rpt-ci{
  --rpt-red:#E11D2E;
  --ink:#0B0B0D;
  --muted:#4b5563;
  --line:rgba(11,11,13,.10);
  --card:#ffffff;
  --soft:#f8fafc;
  --shadow:0 18px 48px rgba(2,6,23,.08);

  background: transparent;
  padding: clamp(78px, 7vw, 110px) 16px;
  font-family: Inter, Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ink);
}

.rpt-ci__wrap{ max-width:1200px; margin:0 auto; }

.rpt-ci__head{ max-width: 900px; margin-bottom: 26px; }
.rpt-ci__kicker{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
  color: var(--rpt-red);
  margin-bottom: 10px;
}
.rpt-ci__title{
  margin:0 0 10px;
  font-size: clamp(26px, 2.7vw, 40px);
  line-height: 1.12;
  font-weight: 1000;
}
.rpt-ci__desc{
  margin:0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
}

/* Layout */
.rpt-ci__grid{
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap: clamp(16px, 2.6vw, 26px);
  align-items:start;
}

/* Snapshot */
.rpt-ci__snapshot{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow);
  padding: 18px;
}

.rpt-ci__snapTop{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom: 12px;
}

.rpt-ci__badge{
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  background: var(--rpt-red);
  padding: 8px 10px;
  border-radius: 999px;
  box-shadow: 0 14px 28px rgba(225,29,46,.14);
}
.rpt-ci__badge--soft{
  background: rgba(225,29,46,.10);
  color: var(--rpt-red);
  border: 1px solid rgba(225,29,46,.25);
  box-shadow: none;
}

.rpt-ci__snapTitle{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 1000;
}
.rpt-ci__snapText{
  margin:0 0 14px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.rpt-ci__mini{
  border-top: 1px solid rgba(11,11,13,.08);
  padding-top: 12px;
  display:grid;
  gap: 10px;
}

.rpt-ci__row{
  display:grid;
  grid-template-columns: 140px 1fr;
  gap: 12px;
  align-items:start;
}

.rpt-ci__label{
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: rgba(11,11,13,.70);
}

.rpt-ci__val{
  font-size: 13.5px;
  color: var(--ink);
  line-height: 1.55;
  font-weight: 650;
}

.rpt-ci__link{
  color: var(--rpt-red);
  font-weight: 1000;
  text-decoration: none;
  border-bottom: 1px dashed rgba(225,29,46,.45);
}
.rpt-ci__link:hover{ border-bottom-color: rgba(225,29,46,.85); }

/* Registration cards */
.rpt-ci__regs{
  display:grid;
  gap: 14px;
}

.rpt-ci__reg{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow);
  padding: 16px;
}

.rpt-ci__regTop{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 10px;
  margin-bottom: 10px;
}

.rpt-ci__regTag{
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--rpt-red);
  background: rgba(225,29,46,.08);
  border: 1px solid rgba(225,29,46,.18);
  padding: 7px 10px;
  border-radius: 999px;
}

.rpt-ci__regGrade{
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  background: #0b0b0d;
  padding: 7px 10px;
  border-radius: 999px;
}

.rpt-ci__regTitle{
  margin:0 0 10px;
  font-size: 15px;
  font-weight: 1000;
  line-height: 1.25;
}

.rpt-ci__regMeta{
  display:grid;
  gap: 6px;
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.5;
}

.rpt-ci__chips{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  margin-top: 12px;
}

.rpt-ci__chip{
  font-size: 12px;
  font-weight: 900;
  color: var(--ink);
  background: #f1f5f9;
  border: 1px solid rgba(11,11,13,.08);
  padding: 7px 10px;
  border-radius: 999px;
}

.rpt-ci__reg--ssm .rpt-ci__regGrade{
  background: rgba(225,29,46,.10);
  color: var(--rpt-red);
  border: 1px solid rgba(225,29,46,.25);
}

/* Responsive */
@media (max-width: 980px){
  .rpt-ci__grid{ grid-template-columns: 1fr; }
  .rpt-ci__row{ grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6396b6 *//* =========================
   RPT FOOTER – CORPORATE (EDITED)
   - Background transparent
   - Text putih
   - Heading merah + bold
   - Ada logo
   ========================= */

.rpt-footer{
  --red:#E11D2E;
  --black:#0B0B0D;

  background: transparent;
  color:#ffffff;
  font-family:Inter, Poppins, system-ui, sans-serif;
  padding: clamp(56px, 7vw, 88px) 16px 26px;
  border-top:1px solid rgba(255,255,255,.12);
}

.rpt-footer__wrap{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns: 1.3fr .7fr 1fr;
  gap:28px;
  align-items:start;
}

/* ===== BRAND ===== */
.rpt-footer__brand-row{
  margin-bottom:12px;
}

.rpt-footer__logo-img{
  max-width:170px;
  height:auto;
  display:block;
}

.rpt-footer__desc{
  margin:0 0 14px;
  color:rgba(255,255,255,.78);
  line-height:1.75;
  font-size:14.5px;
  max-width:44ch;
}

.rpt-footer__trust{
  display:inline-block;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  font-size:12px;
  font-weight:900;
  letter-spacing:1px;
}

/* ===== HEADINGS (MERAH) ===== */
.rpt-footer__head{
  margin:0 0 12px;
  font-size:13px;
  font-weight:950;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color: var(--red); /* ✅ MERAH */
}

/* ===== LINKS ===== */
.rpt-footer__links ul{
  list-style:none;
  margin:0;
  padding:0;
}

.rpt-footer__links li{
  margin-bottom:10px;
}

.rpt-footer__links a{
  color:rgba(255,255,255,.85);
  text-decoration:none;
  font-size:14px;
}

.rpt-footer__links a:hover{
  color:#ffffff;
  text-decoration:underline;
}

/* ===== CTA BOX (CERAH, TEXT HITAM) ===== */
.rpt-footer__box{
  background:#ffffff;
  color:var(--black);
  border-radius:22px;
  padding:18px;
  box-shadow:0 26px 70px rgba(0,0,0,.35);
  border:1px solid rgba(11,11,13,.10);
}

.rpt-footer__box-title{
  margin:0 0 6px;
  font-size:16px;
  font-weight:950;
  letter-spacing:-.2px;
}

.rpt-footer__box-text{
  margin:0 0 14px;
  font-size:14px;
  line-height:1.6;
  color:#4B5563;
}

.rpt-footer__btn{
  display:inline-block;
  padding:12px 22px;
  border-radius:999px;
  background:var(--red);
  color:#ffffff;
  font-weight:900;
  text-decoration:none;
  font-size:14px;
  box-shadow:0 14px 32px rgba(225,29,46,.35);
  transition:transform .18s ease, box-shadow .18s ease;
}

.rpt-footer__btn:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 46px rgba(225,29,46,.45);
}

.rpt-footer__box-note{
  margin:12px 0 0;
  font-size:12.5px;
  line-height:1.6;
  color:rgba(11,11,13,.70);
}

/* ===== BOTTOM BAR ===== */
.rpt-footer__bottom{
  max-width:1200px;
  margin:26px auto 0;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  font-size:12.5px;
  color:rgba(255,255,255,.65);
}

.rpt-footer__sep{
  opacity:.5;
}

/* ===== RESPONSIVE ===== */
@media (max-width:980px){
  .rpt-footer__wrap{
    grid-template-columns:1fr;
  }
  .rpt-footer__logo-img{
    max-width:160px;
  }
}/* End custom CSS */