.cursor-pointer {
    cursor: pointer !important;
}

.w-fit {
    width: fit-content;
}

.text-black {
    color: #000;
}

#underlinePath {
    fill: none; /* Hide fill to focus on the drawing effect */
    stroke: #f74780;
    stroke-width: 5;
    stroke-dasharray: 5000; /* Large enough to cover the entire path */
    stroke-dashoffset: 5000; /* Start hidden */
}
  
#Layer_1 {
  display: inline;
  height: calc(100% - 30%);
  width: calc(100% - 30%);
  left: 33%;
  overflow: visible;
  position: absolute;
  top: 40%;
  transform: translate(-50%, -50%);
}

@media (max-width: 991.98px) {
    #Layer_1 {
        display: none;
    }
}