.elementor-48301 .elementor-element.elementor-element-7a016317{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-48301 .elementor-element.elementor-element-7a016317 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-48301 .elementor-element.elementor-element-7bb3762f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-48301 .elementor-element.elementor-element-7bb3762f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-48301 .elementor-element.elementor-element-cf9b6e > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-48301 .elementor-element.elementor-element-7e9b55a1 > .elementor-widget-container{padding:20px 0px 0px 0px;}@media(max-width:767px){.elementor-48301 .elementor-element.elementor-element-7a016317{margin-top:0px;margin-bottom:0px;}}/* Start custom CSS for html, class: .elementor-element-2ab96e4 *//* Hide entire section immediately on first paint */
#epik-plans-section {
  opacity: 0;
  visibility: hidden;
}

/* Show only after page ready */
#epik-plans-section.epik-ready {
  opacity: 1;
  visibility: visible;
  transition: opacity 1s ease;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
}

#epik-family-plans-section {
  padding-top: 0 !important;
  padding-bottom: 10px !important;
}

.epik-tabs-wrapper,
.epik-tabs,
.epik-tab {
  pointer-events: auto !important;
}

.epik-tabs-wrapper {
  position: relative;
  z-index: 99;
  isolation: isolate;
}

/* ── Outer centering wrapper ── */
.epik-tabs-wrapper {
  width: 95%;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0 auto;
}

/* ── Tab Wrapper ── */
.epik-tabs {
  display: flex;
  gap: 10px;
  border-radius: 999px;
  padding: 8px;
  border: 1px solid #DAD3D380;
  width: 100%;
  max-width: 560px;
}

/* ── Individual Tab ── */
.epik-tab {
  flex: 1;
  cursor: pointer;
  border-radius: 999px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  min-height: 54px;
  outline: none;
  background: #fff;
  transition: background 0.2s ease, box-shadow 0.2s ease;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}

/* ── Label text ── */
.epik-tab__label {
  font-size: 16px;
  font-weight: 600;
  color: #3ec8c8;
  transition: color 0.2s ease;
  pointer-events: none;
  user-select: none;
}

/* ── Hover / Focus ── */
.epik-tab:hover,
.epik-tab:focus-visible {
  background: #3ec8c8;
  box-shadow: none;
}
.epik-tab:hover .epik-tab__label,
.epik-tab:focus-visible .epik-tab__label {
  color: #fff;
}

/* ── Active ── */
.epik-tab.active {
  background: #3ec8c8;
  box-shadow: none;
}
.epik-tab.active .epik-tab__label {
  color: #fff;
}

/* ── Loading active (during page nav) ── */
.epik-tab.loading-active {
  background: #3ec8c8;
  box-shadow: none;
}
.epik-tab.loading-active .epik-tab__label {
  color: #fff;
}

/* ── Tablet (≤ 767px) ── */
@media (max-width: 767px) {
  .epik-tabs { max-width: 420px; }
  .epik-tab { padding: 10px 14px; min-height: 50px; }
  .epik-tab__label { font-size: 14px; }
}

/* ── Mobile (≤ 480px) ── */
@media (max-width: 480px) {
  .epik-tabs { max-width: 100%; gap: 5px; padding: 6px; }
  .epik-tab { padding: 8px 10px; min-height: 46px; }
  .epik-tab__label { font-size: 13px; }
}

/* ------ TAB CONTENT SECTION ------ */

/* Default hidden state */
.epik-panel {
  position: absolute !important;
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  animation: none !important;
  transition: opacity 0.25s ease;
}

/* Active visible panel */
.epik-panel.epik-panel--active {
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  pointer-events: auto !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7a016317 */.coupon-section .elementor-widget-wrap.elementor-element-populated {
    justify-content: center;
}/* End custom CSS */