.sparkle-btn {
  position: relative;

  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.star-1, .star-2, .star-3, .star-4, .star-5, .star-6 {
  position: absolute;
  color: #fffdef;
  z-index: -5;
  transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
}



.star-1 { top: 20%; left: 20%; font-size: 10px; }
.star-2 { top: 45%; left: 45%; font-size: 8px; }
.star-3 { top: 40%; left: 40%; font-size: 5px; }
.star-4 { top: 20%; left: 40%; font-size: 8px; }
.star-5 { top: 25%; left: 45%; font-size: 7px; }
.star-6 { top: 5%; left: 50%; font-size: 5px; }

.sparkle-btn:hover {
  background: transparent;
  border:0px;
  color: white;
  box-shadow: 0 0 25px #fec1958c;
}

.sparkle-btn:hover .star-1 { top: -50%; left: -30%; }
.sparkle-btn:hover .star-2 { top: -25%; left: 50%; }
.sparkle-btn:hover .star-3 { top: 55%; left: 110%; }
.sparkle-btn:hover .star-4 { top: -80%; left: 50%; }
.sparkle-btn:hover .star-5 { top: 25%; left: 120%; }
.sparkle-btn:hover .star-6 { top: 5%; left: 60%; }

.sparkle-btn {
  width: 120px; /* Set a fixed width */
  height: 40px; /* Set a fixed height */
  text-align: center; /* Ensure text stays centered */
}


/* apply text shadow */
.shadow-text {
 text-shadow: black 0.1em 0.1em 0.2em;
}

.shadow-text-subtle {
 text-shadow: black 1px 1px 1px;
}

.bg-overlay{
background: rgba(0,0,0,0.7);
}



/* Ensure the parent container is positioned for child effects */
.blog-card {
    overflow: hidden; /* Prevent the image from overflowing */
    position: relative;
}

/* Style for the image to enable smooth zoom */
.blog-card img {
    transition: transform 0.3s ease-in-out; /* Smooth zoom effect */
}

/* Zoom effect on hover */
.blog-card:hover img {
    transform: scale(1.1); /* Scale the image to 110% */
}


.imgzoom-container {
    overflow: hidden; /* Ensures the image does not overflow its container */
    position: relative;
    display: inline-block;
}

.imgzoom-container img {
    transition: transform 0.3s ease, filter 0.3s ease; /* Smooth transition for zoom and effects */
    display: block;
}

.imgzoom-container:hover img {
    transform: scale(1.1); /* Zoom effect */
    filter: brightness(1.1); /* Slight brightness increase for a polished look */
}

/* pagnation colour */
.active>.page-link{
background: rgba(0,0,0,0) !important;
}