.elementor-48607 .elementor-element.elementor-element-3e031df5{padding:0px 0px 0px 0px;}.elementor-48607 .elementor-element.elementor-element-62ab57a7 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-48607 .elementor-element.elementor-element-62ab57a7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-48607 .elementor-element.elementor-element-2ea0b81e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-48607 .elementor-element.elementor-element-385802a1 > .elementor-widget-container{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-2ea0b81e *//* =============================
   EPIK FAMILY PLANS SECTION STYLES
   Namespace: #malaysia-traveller-sim-section / .malaysia-traveller-sim__*
   ============================= */
 
#malaysia-traveller-sim-section {
  box-sizing: border-box;
}
 
/* ---- Slider wrapper ---- */
.malaysia-traveller-sim__slider-wrapper {
  width: 100%;
  overflow: visible;
/*  padding: 24px 0;
  margin: -24px 0;*/
}
 
/* ---- Grid: horizontal strip of cards ---- */
.malaysia-traveller-sim__grid {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  will-change: transform;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
 
/* ---- Individual card ---- */
.malaysia-traveller-sim__card {
  background: #fff;
  border-radius: 20px;
  /*box-shadow: 0 0px 24px rgba(0, 0, 0, 0.12);*/
  box-shadow: 0 18px 24px -20px rgba(194, 165, 165, 0.3);
      border: solid 1px rgb(0 0 0 / 10%);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  /* No scale for any card — family plans has only 2 plans */
}
 
/* ---- BEST FOR badge (top ribbon) ---- */
.malaysia-traveller-sim__ribbon {
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: bolder;
  text-transform: uppercase;
  font-style: italic;
  padding: 4px 16px;
  border-radius: 0 0 10px 10px;
  white-space: nowrap;
  z-index: 10;
}
 
.malaysia-traveller-sim__ribbon--red {
  background: #ffffff;
  color: #ff0000;
}
 
.malaysia-traveller-sim__ribbon--teal {
  background: #ffffff;
  color: #ff0000;
}
 
/* ---- Card header ---- */
.malaysia-traveller-sim__card-header {
  /*padding-top: 28px;*/ /* room for ribbon */
  padding-top: 10px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  gap: 0;
  position: relative;
  min-height: 140px;
  flex-shrink: 0;
  overflow: hidden;
}

.malaysia-traveller-sim__card-header--grey  { background: #F5F5F6; }
.malaysia-traveller-sim__card-header--red  { background: #FF0000; }
.malaysia-traveller-sim__card-header--teal { background: #66C8CE; }
 
.malaysia-traveller-sim__logo {
  width: 12vw;
  max-width: 160px !important;
  height: auto;
  flex-shrink: 0;
  transform-origin: left center;
}
 
/* ---- Black data/price box ---- */
.malaysia-traveller-sim__data-box {
  background-image: url('https://cdn.tunetalk.com/wp-content/uploads/2026/06/09095603/new-epik-redbg.svg');
  background-size: 110%;
  background-position: -50% 100%;
  background-repeat: no-repeat;
  padding: 25px 15px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex: 1;
  align-self: stretch;
  margin-bottom: -1px;
}
 
.malaysia-traveller-sim__data-amount {
  color: #fff;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -1px;
}
 
.malaysia-traveller-sim__price-row {
  display: flex;
  align-items: baseline;
  gap: 1px;
  margin-top: 2px;
}
 
.malaysia-traveller-sim__price-rm    { color: #fff; font-size: 15px; }
.malaysia-traveller-sim__price-amount {
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}
.malaysia-traveller-sim__price-month { color: #fff; font-size: 12px; }
 
/* ---- Card body ---- */
.malaysia-traveller-sim__card-body {
  padding: 16px 0 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
 
/* ---- Yearly value banner ---- */
.malaysia-traveller-sim__yearly-value {
  display: flex;
  align-items: center;
  gap: 7px;
  border-radius: 30px;
  padding: 7px 11px;
  margin: 0 18px 14px;
  width: fit-content;
}
 
.malaysia-traveller-sim__yearly-value--red  { background: #ff0000; color: #ffffff; }
.malaysia-traveller-sim__yearly-value--teal { background: #66C8CE; }
 
.malaysia-traveller-sim__yearly-value-icon { width: 18px; height: 18px; flex-shrink: 0; }
 
.malaysia-traveller-sim__yearly-value-text {
  /*color: #ffffff;*/
  font-size: 13px;
  font-weight: 700;
}
 
/* ---- Core features list ---- */
.malaysia-traveller-sim__features {
  list-style: none;
  margin: 0 18px 14px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
 
.malaysia-traveller-sim__feature-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: #231F20;
  line-height: 1.35;
}
 
.malaysia-traveller-sim__feature-item span { margin-top: 5px; }
 
.malaysia-traveller-sim__feature-icon { width: 22px; height: 22px; flex-shrink: 0; margin-top: 1px; }
 
.malaysia-traveller-sim__feature-highlight { color: #2A9B88; font-weight: bolder; }
 
/* ---- Spacer ---- */
.malaysia-traveller-sim__spacer { flex: 1; }
 
/* ---- CTA button ---- */
.malaysia-traveller-sim__cta-wrap { padding: 12px 18px 5px; margin-top: auto; }
 
.malaysia-traveller-sim__cta {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  background: #66C8CE;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;
  border-radius: 50px;
  padding: 13px 0;
  transition: background 0.2s ease;
  letter-spacing: 0.3px;
}
 
.malaysia-traveller-sim__cta:hover,
.malaysia-traveller-sim__cta:active,
.malaysia-traveller-sim__cta:focus {
  background: #231F20;
  color: #fff;
  text-decoration: none;
  outline: none;
}
 
/* ---- Dots — hidden by default, shown only when slider is active ---- */
.malaysia-traveller-sim__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
  padding: 0 16px;
}
 
.malaysia-traveller-sim__dots--hidden { display: none; }
 
.malaysia-traveller-sim__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ddd;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
}
 
.malaysia-traveller-sim__dot--active {
  background: #FF0000;
  transform: scale(1.3);
}
 
#malaysia-traveller-sim-section.malaysia-traveller-sim--slider,
#malaysia-traveller-sim-section.malaysia-traveller-sim--slider * {
  -webkit-user-select: none;
  user-select: none;
}

@media (max-width: 1024px) {
    .malaysia-traveller-sim__card-header {
        min-height: 120px;
    }
}
 
@media (max-width: 1024px) and (min-width: 990px) {
  .malaysia-traveller-sim__logo {
    width: 13vw !important;
  }
  
  .malaysia-traveller-sim__data-box {
        background-size: cover;
        background-position: 0vw 10px;
        padding: 25px 10px 0;
    }
    
  .fup_newline {
    display: none !important;    
  }
}

@media (max-width: 989px) {
    .malaysia-traveller-sim__data-box {
        background-size: 100%;
        background-position: 25px 100%;
    }
    
    .malaysia-traveller-sim__logo {
        width: 20vw;
    }
}
 
@media (max-width: 767px) {
    
  .fup_newline {
    display: none !important;    
  }
 
  .malaysia-traveller-sim__card-header {
        min-height: 100px;
        padding-top: 20px;
    }
  
  .malaysia-traveller-sim__ribbon {
      font-size: 11px;
  }
 
  .malaysia-traveller-sim__logo {
    width: 130px;
  }
 
  .malaysia-traveller-sim__data-box {
    padding: 10px 12px 0px;
    background-size: cover;
    background-position: 0px 0%;
  }
 
  .malaysia-traveller-sim__data-amount {
    font-size: 26px;
    line-height: 0.95;
    text-align: right;
  }
 
  .malaysia-traveller-sim__price-amount {
    font-size: 24px;
  }
 
  .malaysia-traveller-sim__price-rm {
    font-size: 13px;
  }
 
  .malaysia-traveller-sim__price-month {
    font-size: 11px;
  }
 
}

@media (max-width: 350px) {
    .malaysia-traveller-sim__logo {
        width: 37vw;
    }
}/* End custom CSS */