/* css/styles.css */
body,html {
      margin: 0;
  padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.outlined-text {
    /* color: #43001E !important; Fill color */
    -webkit-text-stroke: 1px #6D244C !important;
    /* Stroke color */
    text-stroke: 1px #6D244C !important;
    /* For Firefox (currently limited support) */
}

.no-scrollbar::-webkit-scrollbar {
    display: none !important;
}

.no-scrollbar {
    -ms-overflow-style: none !important;
    /* IE and Edge */
    scrollbar-width: none !important;
    /* Firefox */
}

.relative.group:hover .consultation-submenu {
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
    display: block !important;
}

.relative.group:hover .training-submenu {
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
    display: block !important;
}

.training-submenu,
.consultation-submenu {
    box-shadow: 4px 3px 13px #00000030 !important;
    border-radius: 14px !important;
    opacity: 1 !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

li {
    text-decoration: none !important;
}


.gradient-border-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    /* same as border-t-4 */
    border-top-left-radius: 0.75rem;
    /* same as rounded-xl */
    border-top-right-radius: 0.75rem;
    background: linear-gradient(90deg, #AF3AC7, #D66BF3);
    /* Make sure it’s on top of the container */
    z-index: 10;
}


.modal-backdrop {
  --bs-backdrop-zindex: 1040;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex) !important;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 1 !important;
}