.t-eyebrow  { font: 400 10.9px/13px var(--f-serif); color: var(--paper); white-space: nowrap; }
.t-h1a      { font: 400 29.5px/35px var(--f-serif); color: var(--paper); white-space: nowrap; }
.t-h1b      { font: 400 26.6px/32px var(--f-serif); white-space: nowrap; }
.t-body     { font: 400  8.3px/11px var(--f-body);  color: var(--paper); }
.t-seclabel { font: 700   12px/15px var(--f-body);  color: var(--paper); white-space: nowrap; }

.t-statvalue{ font: 700 11.7px/15px var(--f-body); color: var(--gold); }
.t-statlabel{ font: 400  5.2px/7px  var(--f-body); color: var(--gold); }

.t-benlead  { font: 700  8.5px/11px var(--f-body); color: var(--gold); }
.t-bensub   { font: 400  6.8px/9px  var(--f-body); color: var(--gold); }

.t-city     { font: 700   10px/13px    var(--f-body); color: var(--gold); white-space: nowrap; }
.t-city--yog{ font: 700  9.8px/12.74px var(--f-body); }
.t-city--jkt{ font: 700 11.8px/15.34px var(--f-body); }
.t-city--smg{ font: 700 12.9px/16.77px var(--f-body); }

.t-entry     { font: 700    8px/10.4px  var(--f-body); color: var(--gold); white-space: nowrap; }
.t-entry--yog{ font: 700  7.9px/10.27px var(--f-body); }
.t-entry--jkt{ font: 700  9.4px/12.22px var(--f-body); }
.t-entry--smg{ font: 700 10.3px/13.39px var(--f-body); }
.card-city { border: 1px solid rgba(var(--gold-rgb), .75); border-radius: 8px; }
.slot--round{ border-radius: 11px; }
.rule--soft{ background: rgba(var(--gold-rgb), .55); }

.e-mitra-amp-agen-soka-oil{ left:63px; top:98px; }
.e-bersama-mitra-terpercaya{ left:60px; top:117px; }
.e-t-h1b{ left:61px; top:148px; }
.e-t-body-4{ left:62px; top:183px; width:262px; }
.e-mitra-kami-di-berbagai-kota{ left:388px; top:301px; }

.e-bar-stats-2{ left:62px; top:239px; width:608px; height:52px; }
.e-icon-stat-1-2{ left:16px;  top:14px; width:22px; height:22px; border:none; background:url('/jemassets/frontend/img/soka-oil/mitra1.png') center/contain no-repeat; }
.e-icon-stat-2-2{ left:148px; top:14px; width:22px; height:22px; border:none; background:url('/jemassets/frontend/img/soka-oil/mitra2.png') center/contain no-repeat; }
.e-icon-stat-3-2{ left:271px; top:14px; width:22px; height:22px; border:none; background:url('/jemassets/frontend/img/soka-oil/mitra3.png') center/contain no-repeat; }
.e-icon-stat-4-2{ left:431px; top:14px; width:22px; height:22px; border:none; background:url('/jemassets/frontend/img/soka-oil/mitra4.png') center/contain no-repeat; }
.e-10-kota{ left:44px;  top:10px; width:140px; }
.e-15-mitra{ left:176px; top:10px; width:140px; }
.e-100pct-resmi{ left:299px; top:10px; width:140px; }
.e-pengiriman-nasional{ left:459px; top:10px; width:140px; }
.e-jaringan-mitra-aktif{ left:44px;  top:28px; width:140px; }
.e-agen-amp-reseller{ left:176px; top:28px; width:140px; }
.e-mitra-terverifikasi{ left:299px; top:28px; width:140px; }
.e-seluruh-indonesia{ left:459px; top:28px; width:140px; }
.e-bar-stats-rule-1-2{ left:137px; top:9px; width:1px; height:32px; }
.e-bar-stats-rule-2-2{ left:260px; top:9px; width:1px; height:32px; }
.e-bar-stats-rule-3-2{ left:420px; top:9px; width:1px; height:32px; }

.e-bar-keunggulan-mitra{ left:86px; top:529px; width:787px; height:51px; }
.e-icon-benefit-1{ left:17px;  top:11px; width:26px; height:26px; border:none; background:url('/jemassets/frontend/img/soka-oil/mitra5.png') center/contain no-repeat; }
.e-icon-benefit-2{ left:172px; top:11px; width:26px; height:26px; border:none; background:url('/jemassets/frontend/img/soka-oil/mitra6.png') center/contain no-repeat; }
.e-icon-benefit-3{ left:306px; top:11px; width:26px; height:26px; border:none; background:url('/jemassets/frontend/img/soka-oil/mitra7.png') center/contain no-repeat; }
.e-icon-benefit-4{ left:482px; top:11px; width:26px; height:26px; border:none; background:url('/jemassets/frontend/img/soka-oil/mitra8.png') center/contain no-repeat; }
.e-icon-benefit-5{ left:637px; top:11px; width:26px; height:26px; border:none; background:url('/jemassets/frontend/img/soka-oil/mitra9.png') center/contain no-repeat; }
.e-mitra-resmi{ left:49px;  top:9px; width:100px; }
.e-bar-keunggulan-mitra-t-bensub-1{ left:49px;  top:20px; width:100px; }
.e-pengiriman-cepat{ left:204px; top:9px; width:90px; }
.e-bar-keunggulan-mitra-t-bensub-2{ left:204px; top:20px; width:90px; }
.e-konsultasi-produk{ left:338px; top:9px; width:115px; }
.e-bar-keunggulan-mitra-t-bensub-3{ left:338px; top:20px; width:115px; }
.e-peluang-kemitraan{ left:514px; top:9px; width:105px; }
.e-bar-keunggulan-mitra-t-bensub-4{ left:514px; top:20px; width:105px; }
.e-produk-original{ left:669px; top:9px; width:105px; }
.e-bar-keunggulan-mitra-t-bensub-5{ left:669px; top:20px; width:105px; }
.e-bar-keunggulan-mitra-rule-1{ left:152px;   top:5px; width:1px; height:39px; }
.e-bar-keunggulan-mitra-rule-2{ left:296.5px; top:5px; width:1px; height:39px; }
.e-bar-keunggulan-mitra-rule-3{ left:455.5px; top:5px; width:1px; height:39px; }
.e-bar-keunggulan-mitra-rule-4{ left:626.5px; top:5px; width:1px; height:39px; }

.e-map-product-plate{ left:600px; top:64px; width:454px; height:303px; pointer-events: none; }

.e-card-cibubur{ left:251px; top:336px; width:92px;  height:73px; }
.e-card-palembang{ left:353px; top:336px; width:108px; height:73px; }
.e-card-medan{ left:471px; top:336px; width:99px;  height:74px; }
.e-card-aceh{ left:580px; top:337px; width:85px;  height:73px; }
.e-card-jambi{ left:251px; top:420px; width:86px;  height:74px; }
.e-card-jepara{ left:346px; top:421px; width:99px;  height:73px; }
.e-card-surabaya{ left:455px; top:420px; width:98px;  height:74px; }
.e-card-yogyakarta{ left:564px; top:421px; width:102px; height:73px; }
.e-card-jakarta{ left:81px;  top:334px; width:160px; height:160px; }
.e-card-semarang{ left:676px; top:337px; width:203px; height:158px; }

.e-card-cibubur-div-1,.e-card-palembang-div-1,.e-card-medan-div-1,.e-card-aceh-div-1,
.e-card-jambi-div-1,.e-card-jepara-div-1,.e-card-surabaya-div-1,
.e-card-yogyakarta-div-1{ left:9px;  top:9px;  width:10px; height:10px; }
.e-card-cibubur-div-2,.e-card-palembang-div-2,.e-card-medan-div-2,.e-card-aceh-div-2,
.e-card-jambi-div-2,.e-card-jepara-div-2,.e-card-surabaya-div-2,
.e-card-yogyakarta-div-2{ left:10px; top:27px; width:9px;  height:9px; }
.e-cibubur,.e-palembang,.e-medan,.e-aceh,
.e-jambi,.e-jepara,.e-surabaya,
.e-yogyakarta{ left:21px; top:8px; }
.e-agen,.e-agen-2,.e-agen-3,.e-agen-4,
.e-agen-5,.e-reseller,.e-reseller-2,
.e-agen-6{ left:21px; top:26px; }

.e-jordhi-cibubur,.e-lidya-palembang{ left:7px; top:38px; }
.e-samudra-medan,.e-benny-jambi{ left:7px; top:39px; }
.e-ayung-aceh{ left:6px; top:38px; }
.e-nuniek-jepara,.e-nita-surabaya,.e-hendra-bantul{ left:6px; top:39px; }
.e-jordhi-cibubur,.e-lidya-palembang,.e-samudra-medan,.e-benny-jambi,
.e-ayung-aceh,.e-nuniek-jepara,.e-nita-surabaya,.e-hendra-bantul{
  width: 80px;
  white-space: normal;
}

.e-card-jakarta-div-1{ left:8px;  top:11px;  width:12px; height:12px; }
.e-jakarta{ left:25px; top:10px; }
.e-card-jakarta-div-2{ left:11px; top:32px;  width:10px; height:10px; }
.e-agen-7{ left:25px; top:31px; }
.e-samuel{ left:8px;  top:46px; }
.e-jakarta-timur{ left:60px; top:46px; }
.e-lidya{ left:8px;  top:61px; }
.e-jakarta-selatan{ left:60px; top:61px; }
.e-ing-ing{ left:8px;  top:77px; }
.e-jakarta-pusat{ left:60px; top:77px; }
.e-card-jakarta-rule--soft-1{ left:4px;  top:99px;  width:150px; height:1px; }
.e-card-jakarta-div-3{ left:11px; top:103px; width:10px; height:10px; }
.e-reseller-3{ left:25px; top:102px; }
.e-alex{ left:8px;  top:117px; }
.e-jakarta-selatan-2{ left:60px; top:117px; }
.e-rinny{ left:8px;  top:132px; }
.e-jakarta-selatan-3{ left:60px; top:132px; }

.e-card-semarang-div-1{ left:9px;  top:12px; width:13px; height:13px; }
.e-semarang{ left:27px; top:11px; }
.e-card-semarang-div-2{ left:12px; top:35px; width:11px; height:11px; }
.e-agen-8{ left:27px; top:34px; }
.e-marta{ left:8px;  top:50px; }
.e-semarang-selatan{ left:87px; top:50px; }
.e-card-semarang-rule--soft-1{ left:6px;  top:73px; width:188px; height:1px; }
.e-card-semarang-div-3{ left:12px; top:78px; width:11px; height:11px; }
.e-reseller-4{ left:27px; top:77px; }
.e-mariana{ left:8px;  top:93px; }
.e-semarang-tengah{ left:87px; top:93px; }
.e-rinny-2{ left:8px;  top:110px; }
.e-semarang-barat{ left:87px; top:110px; }
.e-kenkei-salon{ left:8px;  top:126px; }
.e-semarang-barat-2{ left:87px; top:126px; }

@media (max-width: 767px){
  .t-eyebrow  { font-size: 12px; }
  .t-h1a      { font-size: 28px; line-height: 34px; white-space: normal !important; }
  .t-h1b      { font-size: 24px; line-height: 30px; white-space: normal !important; }
  .t-body     { font-size: 14px; line-height: 20px; }
  .t-seclabel { font-size: 14px; }
  .t-statvalue{ font-size: 18px; line-height: 22px; }
  .t-statlabel{ font-size: 12px; line-height: 15px; }
  .t-benlead  { font-size: 14px; }
  .t-bensub   { font-size: 12px; line-height: 16px; }

  .t-city, .t-city--yog, .t-city--jkt, .t-city--smg{
    font-size: 15px; line-height: 19px;
  }
  .t-entry, .t-entry--yog, .t-entry--jkt, .t-entry--smg{
    font-size: 13px; line-height: 17px;
  }

    .e-bar-stats-2 .group,
  .e-bar-keunggulan-mitra .group{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 12px;
  }
  .e-bar-stats-2 .group > li,
  .e-bar-keunggulan-mitra .group > li{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
  }
    .e-bar-keunggulan-mitra .group > li:last-child{
    grid-column: 1 / -1;
    max-width: calc(50% - 6px);
    margin: 0 auto;
  }

    #mitra > .group{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .card-city{
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

    .card-city .rule--soft{
    display: block !important;
    height: 1px !important;
    margin: 6px 0 !important;
  }
}