.sidenav .navbar-brand {
  padding: 1.4rem 3.5rem!important;
}
#sidenav-main .navbar-brand-img {
  max-height: 75px!important;
  max-width: 175px!important;
}

.required::after {
  content: "*";
  color: red;
}
.non-block {
  user-select: none; /* Prevent text selection */
}
.flasher-icon {
  width: 25px !important;  /* Adjust size as needed */
  height: 25px !important; /* Make sure width and height are equal */
  min-width: 25px !important;
  min-height: 25px !important;
  border-radius: 50% !important; /* Ensures perfect circle */
  aspect-ratio: 1 / 1;  /* Forces 1:1 aspect ratio */
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* If needed, adjust the icon inside */
.flasher-icon i {
  font-size: 14px !important; /* Adjust size as needed */
  line-height: 1 !important;
}
.border-dotted {
  border: dotted 2px !important;
  transition: 0.3s !important;
}
.border-dotted:hover {
  background-color: #f0f0f0 !important;
}
.carousel-controls {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  z-index: 10; /* Ensure buttons are above other content */
}

.carousel-control-prev {
  margin-left: -50px;
}
.carousel-control-next {
  margin-right: -50px;
}

.bg-gradient-pink {
  background: linear-gradient(to right, #ff87b1, #ee5188);
}
.bg-gradient-pink-soft {
  background: linear-gradient(to right, #f78ea5, #f36e9d);
}
.bg-pink {
  background-color: #f06595;
}
.bg-pink-soft {
  background-color: #f78ea5;
}
.bg-orange {
  background-color: #fd7e14;
}
.bg-gradient-orange {
  background: linear-gradient(to right, #ffa75a, #fd7e14)
}
.card-header .badge {
  position: absolute;
  right: 25px;
  top: -12px;
}
.rounded-bottom-3 {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.rounded-top-3 {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}
@media (max-width: 768px) {
    main iframe, main video, main embed, main img {
      max-width: 100%!important;
    }
}