/* Page over flow */
[page-id="50138000000002120"] {
  overflow-x: hidden;
}

/* ===== SECTION SCOPE ===== */
section[data-section-id="50138000000089238"] {
  position: relative;
}

/* ===== CARD BASE (each tab) ===== */
section[data-section-id="50138000000089238"] .li-item {
  background: rgba(0, 240, 255, 0.06);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border-radius: 16px;
  border: 1px solid rgba(0, 240, 255, 0.25);

  box-shadow:
    0 0 12px rgba(0, 240, 255, 0.18),
    inset 0 0 15px rgba(0, 240, 255, 0.12);

  transition: 
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease;

  position: relative;
  overflow: hidden;
}

/* ===== GLASS REFLECTION SHINE ===== */
section[data-section-id="50138000000089238"] .li-item::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;

  background: linear-gradient(
    120deg,
    transparent 40%,
    rgba(0, 240, 255, 0.18),
    transparent 60%
  );

  transform: rotate(25deg);
  opacity: 0.6;
  pointer-events: none;
}

/* ===== IMAGE NEON FRAME ===== */
/* section[data-section-id="50138000000089238"] .li-item .media-element {
  border-radius: 12px;
  box-shadow: 0 0 14px rgba(0, 240, 255, 0.45);
} */

/* ===== TEXT NEON GLOW ===== */
section[data-section-id="50138000000089238"] .li-title strong,
section[data-section-id="50138000000089238"] .li-description span {
  text-shadow: 0 0 5px rgba(0, 240, 255, 0.55);
}

/* ===== HOVER EFFECT ===== */
section[data-section-id="50138000000089238"] .li-item:hover {
  transform: scale(1.08);
  z-index: 10;

  background: rgba(0, 240, 255, 0.12);

  box-shadow:
    0 0 35px rgba(0, 240, 255, 0.85),
    inset 0 0 25px rgba(0, 240, 255, 0.3);
}

/* ===== IMAGE POP ON HOVER ===== */
section[data-section-id="50138000000089238"] .li-item:hover img {
  transform: scale(1.05);
  transition: transform 0.35s ease;
}

/* ===== SMOOTH GRID ANIMATION ===== */
section[data-section-id="50138000000089238"] .grb-list {
  gap: 22px;
}


/* ===== SECTION SCOPE ===== */
section[data-section-id="50138000000119001"] {
  position: relative;
}

/* ===== GRID SPACING ===== */
section[data-section-id="50138000000119001"] .grb-list {
  gap: 28px;
}

/* ===== COUNTER CARD BASE ===== */
section[data-section-id="50138000000119001"] .li-item {
  background: rgba(0, 240, 255, 0.06);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  border-radius: 20px;
  border: 1px solid rgba(0, 240, 255, 0.3);

  padding: 28px 18px;

  box-shadow:
    0 0 10px rgba(0, 240, 255, 0.2),
    inset 0 0 12px rgba(0, 240, 255, 0.15);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease;

  position: relative;
  overflow: hidden;
}
/* Test */
/* ===== SECTION SCOPE ===== */
section[data-section-id="50138000000119001"] {
  position: relative;
}

/* ===== GRID SPACING ===== */
section[data-section-id="50138000000119001"] .grb-list {
  gap: 28px;
}

/* ===== COUNTER CARD BASE ===== */
section[data-section-id="50138000000119001"] .li-item {
  background: rgba(0, 240, 255, 0.06);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  border-radius: 20px;
  border: 1px solid rgba(0, 240, 255, 0.3);

  padding: 28px 18px;

  box-shadow:
    0 0 12px rgba(0, 240, 255, 0.2),
    inset 0 0 12px rgba(0, 240, 255, 0.15);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease;

  position: relative;
  overflow: hidden;
}

/* ===== GLASS SHINE ===== */
section[data-section-id="50138000000119001"] .li-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    130deg,
    transparent 35%,
    rgba(0, 240, 255, 0.18),
    transparent 65%
  );
  opacity: 0.6;
  pointer-events: none;
}

/* ===== NUMBER STYLING ===== */
section[data-section-id="50138000000119001"] .numbercounter {
  font-size: 3rem;
  font-weight: 700;
  color: rgb(0, 240, 255);

  /* text-shadow:
    0 0 12px rgba(0, 240, 255, 0.8),
    0 0 24px rgba(0, 240, 255, 0.5); */
}

/* PLUS SIGN */
section[data-section-id="50138000000119001"] .li-title span:last-child {
  color: rgb(0, 240, 255);
  /* text-shadow: 0 0 10px rgba(0, 240, 255, 0.6); */
}

/* ===== TITLE TEXT ===== */
section[data-section-id="50138000000119001"] .li-description strong {
  letter-spacing: 1px;
  /* text-shadow: 0 0 8px rgba(0, 240, 255, 0.55); */
}

/* ===== SUB TEXT ===== */
section[data-section-id="50138000000119001"] .li-description p {
  color: #ffffff;
}

/* ===== HOVER EFFECT ===== */
section[data-section-id="50138000000119001"] .li-item:hover {
  transform: translateY(-10px) scale(1.08);
  z-index: 5;

  background: rgba(0, 240, 255, 0.12);

  box-shadow:
    0 0 20px rgba(0, 240, 255, 0.9),
    inset 0 0 10px rgba(0, 240, 255, 0.35);
}

/* ===== NUMBER POP ON HOVER ===== */
/* section[data-section-id="50138000000119001"] .li-item:hover .numbercounter {
  text-shadow:
    0 0 16px rgba(0, 240, 255, 1),
    0 0 36px rgba(0, 240, 255, 0.8);
} */

/* ends */

/* animation */

.fade-left,
.fade-right {
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
}

.fade-left {
  transform: translateX(-40px);
}

.fade-right {
  transform: translateX(40px);
}

.fade-in {
  opacity: 1;
  transform: translateX(0);
}
/* ticket hide */

/* 1️⃣ Hide slides from 5 onwards */
/* .ui.tariffs.cards .owl-stage > .owl-item:nth-child(n+5) {
    display: none !important;
    } */

    /* 2️⃣ Stop Owl transform movement */
    /* .ui.tariffs.cards .owl-stage {
        transform: none !important;
            width: auto !important;
            } */

            /* 3️⃣ Make items align normally */
            /* .ui.tariffs.cards .owl-stage {
                display: flex !important;

                } */

                /* 4️⃣ Fix item width */
                /* .ui.tariffs.cards .owl-item {
                    width: 25% !important; 
                    } */

                    /* 5️⃣ Remove navigation arrows & dots */
                    /* .ui.tariffs.cards .owl-nav,
                    .ui.tariffs.cards .owl-dots {
                        display: none !important;
                        } */

/* hero banner button */
/* =====================================================
   Add Sub-text Below Button Labels
   Targeting:
   - bs-widget[button-group-id="50138000000002299"]
   - [button-id="50138000000422531"] → Registered Intermediaries
     └─ a.bs-button.btn-widget.customButton (href="#/RegisteredIntermediaries")
   - [button-id="50138000000002300"] → Unregistered Intermediaries
     └─ button.bs-button.btn-widget.buyTicketBtn
   ===================================================== */

/* Make both buttons flex column to stack sub-text below label */
/* bs-widget[button-group-id="50138000000002299"] [button-id="50138000000422531"] a.bs-button.btn-widget,
bs-widget[button-group-id="50138000000002299"] [button-id="50138000000002300"] button.bs-button.btn-widget {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.3;
  height: auto;
  padding: 10px 20px;
} */

/* ── Sub-text for "Registered Intermediaries" ── */
/* bs-widget[button-group-id="50138000000002299"] [button-id="50138000000422531"] a.bs-button.btn-widget::before {
  content: "(Registered Intermediaries)"; 
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 11px;
  font-weight: 400;
  color: #00f0ff;
  margin-top: 4px;
  letter-spacing: 0.3px;
  text-transform: none;
  pointer-events: none;
} */

/* ── Sub-text for "Unregistered Intermediaries" ── */
/* bs-widget[button-group-id="50138000000002299"] [button-id="50138000000002300"] button.bs-button.btn-widget::before {
  content: "(Unregistered Intermediaries)"; 
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 11px;
  font-weight: 400;
  color: #00f0ff;
  margin-top: 4px;
  letter-spacing: 0.3px;
  text-transform: none;
  pointer-events: none;
} */
/* carousel in home */
[data-element-id="50138000000487770"] .media-image  .fluid-image{
  width: auto !important;
  height: 100px !important;
}

[data-element-id="50138000000487770"] {
  position: relative;
  width: 100%;
  /* overflow: hidden; */
}

/* Container holding clones */
[data-element-id="50138000000487770"] .scroll-container {
  display: flex;
  width: max-content;
  animation: scrollImage 120s linear infinite;
}

/* 🔥 KEY FIX */
[data-element-id="50138000000487770"] .media-image {
  height: auto;
  width: auto;          /* ← DO NOT use 100% */
  max-width: 100%;      /* keeps responsive safety */
  flex-shrink: 0;
}
@keyframes scrollImage {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* end */
.flp-body .poweredby-logo{
  display: none;
}
/* [data-element-id="50138000000680311"] iframe {
  height: 70vh !important;
  width: 100vw !important;
  position: relative !important;

} */
[data-element-id="50138000000680311"] .embed-layout {
  width: 100vw !important;
}
/* [data-element-id="50138000000680311"] iframe html #root {
  display : none !important;
} */
/* #root {
  display: none !important;
} */

@media only screen and (max-width: 767px) {
[data-number-item-id="50138000000119007"] .li-content .numbercounter ,
[data-number-item-id="50138000000119017"] .li-content .numbercounter ,
[data-number-item-id="50138000000119012"] .li-content .numbercounter ,
[data-number-item-id="50138000000119022"] .li-content .numbercounter {
      font-size: xx-large !important;
}
[data-element-id="50138000000221255"] .owl-stage ,
[data-element-id="50138000000003030"] .owl-stage {
  flex-direction: column !important;
  /* width: 400% !important; */
}
[data-element-id="50138000000221255"] .ui .owl-stage .owl-item,
[data-element-id="50138000000003030"] .ui .owl-stage .owl-item {
  width: 90vw !important;
}
[text-id="50138000000119009"] p strong,
[text-id="50138000000119024"] p strong,
[text-id="50138000000119019"] p strong,
[text-id="50138000000119014"] p strong
{
  font-size: medium !important;
}
[data-element-id="50138000000002170"] .bs-sponsor-layout 
{
  margin: 0px !important;
}
[data-element-id="50138000000680311"] iframe {
  height: 100vh !important;
  position: relative !important;
}
}