/* Fixed Styles */
@theme {
  --color-brand-bg: var(--color-bg-main);
  --color-brand-primary: var(--color-primary);
  --font-sans: var(--font-main);
}
:root{
    --bg-color: #010008;
    --second-bg-color:#1B1428;
    --description-color: #A3A2B7;
    --border-color: #F8F7FF1F;
    --second-border-color: #7652D6B2;
    --dark-btn-color: #0D08238C;
}
/* html, body {
  max-width: 100%;
  overflow-x: hidden;
} */
body{
    overflow-x: hidden;
}


::-webkit-scrollbar {
  width: 6px;          
}

::-webkit-scrollbar-track {
  background: transparent;       
  border-radius: 8px;       
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(#5999FF, #A55CFF, #F25DEA);      
  border-radius: 8px;       
}


.container{
  padding: 0 1rem;
  margin: auto;
}
.gradient-text, 
ul#menu-header-menu .current_page_item,
ul#mb-menu-links .current_page_item,
ul#menu-header-menu .menu-item:not(.menu-item-has-children):hover{
    background: linear-gradient(45deg, #2D75E6,#6A75DA,#F25DEA,#FFA0D0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
#menu-header-menu .current_page_item .sub-menu li,
ul#mb-menu-links .current_page_item .sub-menu li {
  color: #fff;
  -webkit-text-fill-color: #fff;

}
.sub-menu.mobile-sub-menu li{
  border-bottom: 1px solid #ffffff8c;
  padding: 8px 0;
}
.gradient-bg{
    backdrop-filter: blur(24px);
    border: 1px solid #7652D6B2;
    box-shadow: 0 -1px 0 0px #ffffff8c, 0 2px 8px -2px #00A5DA1F inset, 0 8px 32px -8px #5E47E126 inset;
}
.gradient-btn,
.gradient-cta{
    background: linear-gradient(135deg, #5999FF, #A55CFF, #F25DEA);
}
.gradient-btn{
  padding:14px 36px;
  border-radius: 36px;
  font-size: 20px;
  font-weight: bold;
  box-shadow: 0 0 60px -10px #A55CFF99;
}

.dark-btn{
  background-color: var(--dark-btn-color);
  border: 1px solid #F8F7FF1F;
  padding: 14px 36px;
  border-radius: 36px;
  font-size: 20px;
  font-weight: bold;
}

@media(min-width:768px) and (max-width:1023px){
  .dark-btn,
  .gradient-btn{
    padding: 14px 24px;
  }
}



/*
   Custom Cursor
*/

.custom-cursor-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  pointer-events: none;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  will-change: transform, opacity;
  transition: opacity 0.15s ease;
  contain: layout style paint;
}

.custom-cursor-wrapper.active {
  opacity: 1;
}

.cursor-outer-circle {
  position: absolute;

  width: 100%;
  height: 100%;

  border: 1px solid #A55CFFB2;

  border-radius: 50%;

  box-sizing: border-box;
}

.cursor-inner-dot {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(
    45deg,
    #5999FF,
    #A55CFF,
    #F25DEA
  );
}


/* =========================================
   Hide native cursor ONLY when
   custom cursor is supported
========================================= */

@media (hover: hover) and (pointer: fine) {
  body.custom-cursor-enabled,
  body.custom-cursor-enabled a,
  body.custom-cursor-enabled button,
  body.custom-cursor-enabled input,
  body.custom-cursor-enabled textarea,
  body.custom-cursor-enabled select {
    cursor: none !important;
  }
}


/* =========================================
   Touch devices
========================================= */

@media (hover: none), (pointer: coarse) {
  .custom-cursor-wrapper {
    display: none;
  }
}