/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@300;400;600;700&display=swap');

.hidden {
    display: none;
}
 .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #e5e7eb; /* light gray */
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #ffffff; /* white dot like screenshot */
}
    .swiper-pagination-bullet {
      background: #d1d5db;
      opacity: 1;
    }
    .swiper-pagination-bullet-active {
      background: #111827;
    }
     .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #d1d5db; /* light gray */
    opacity: 1;
  }

  .swiper-pagination-bullet-active {
    background: #111827; /* dark active dot */
  }

.ifrmame-container iframe {
  height: 9rem !important;
  width: 100% !important;
}
.scratch-logo-img{
      margin-bottom: 220px;
    height: 170px;


filter: brightness(0) invert(1);

}
#scratchCanvas
{
    cursor: grab;
}
#scratchCanvas:active
{
    cursor: grabbing;
}
.ticket {
    position: relative;
}

.ticket:before,
.ticket:after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background: #e5e7eb;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.ticket:before {
    left: -11px;
}

.ticket:after {
    right: -11px;
}