.elementor-1480 .elementor-element.elementor-element-356413e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:150px;--padding-left:10px;--padding-right:10px;}.elementor-1480 .elementor-element.elementor-element-356413e:not(.elementor-motion-effects-element-type-background), .elementor-1480 .elementor-element.elementor-element-356413e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #23222E 0%, #A2793C 100%);}.elementor-1480 .elementor-element.elementor-element-73d2b99{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1480 .elementor-element.elementor-element-d0b80ac .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1480 .elementor-element.elementor-element-25ea717{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}@media(max-width:767px){.elementor-1480 .elementor-element.elementor-element-d0b80ac .elementor-heading-title{font-size:20px;}.elementor-1480 .elementor-element.elementor-element-25ea717{font-size:12px;}}/* Start custom CSS for html, class: .elementor-element-e2439e5 *//* 1. Sulap pembungkus bawaan Elementor menjadi Flexbox */
.elementor-1480 .elementor-element.elementor-element-e2439e5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Kunci agar PUBG otomatis di tengah */
  gap: 10px; /* Jarak rapi antar card */
}

/* 2. Style Dasar Card */
.rekber-card {
  position: relative;
  display: flex;
  align-items: center;
  height: 75px;
  border-radius: 12px;
  text-decoration: none !important;
  overflow: hidden;
  padding: 0 16px;
  box-sizing: border-box;
  transition: transform 0.2s ease;
}

.rekber-card:hover {
  transform: translateY(-3px);
}

.card-text {
  color: #ffffff;
  font-family: sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  z-index: 2;
}

.card-icon {
  position: absolute;
  right: -10px;
  bottom: -15px;
  font-size: 65px;
  z-index: 1;
  opacity: 0.9;
}

/* 3. Warna Masing-masing Card */
.card-ml { background-color: #122a59; border: 2px solid #00d5ff; }
.card-ml .card-icon { color: #00d5ff; }

.card-ff { background-color: #6b431e; border: 2px solid #ff9900; }
.card-ff .card-icon { color: #ff9900; }

.card-pubg { background-color: #174d20; border: 2px solid #00ff55; }
.card-pubg .card-icon { color: #00ff55; }

/* 4. === PENGATURAN LAYOUT MOBILE === */
@media (max-width: 767px) {
  .rekber-card {
    /* Membagi 2 layar dengan pas, sisa 1 akan otomatis ke tengah di baris bawah */
    width: calc(50% - 5px); 
  }
}

/* 5. === PENGATURAN LAYOUT DESKTOP === */
@media (min-width: 768px) {
  .rekber-card {
    /* 3 card sejajar rapi */
    width: calc(33.333% - 7px); 
  }
}/* End custom CSS */