h2 , h3 {
color: #ffffff !important;
}
h1.ql-align-center  span {
color: #120022 !important;
}
h2.ql-align-center  {
color: #120022 !important;
}
p.ql-align-center {
color: #120022 !important;
}
h1 > span{
color: #ffffff !important;
}
h2 > span{
color: #ffffff !important;
}
p >  span {
color: #ffffff !important;
}
.appbar .appbar-container .appbar-logo {
    height: 100%;
    margin-bottom: auto;
    margin-top: auto;
    max-height: 80px  !important;
}
@media only screen and (max-width: 480px) {
    .appbar .appbar-container .appbar-logo {
        max-height: 40px !important;
    }
}
.appbar .v-toolbar__content {
    background: linear-gradient(#B82BFF, #5B168F 0, #120022 101.32%) !important;
}
.sidebar {
    background: #2B064C !important;
}
.appbar-menu .menu-item{
background-image: url("https://ik.imagekit.io/h0ejncqha/KK%20Button_BG%202.webp") !important;
background-color: #2B064C;
background-position: center  !important;
background-repeat: no-repeat !important;
background-size: 140% 140% !important;
}
.menu-list .menu-item {
  position: relative;
  background-image: url("https://ik.imagekit.io/h0ejncqha/KK%20Button_BG.webp") !important;
  background-color: #2B064C;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 140% 140% !important;
  overflow: hidden; 
}
.menu-list .menu-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 0, 34, 0); 
  transition: background 0.25s ease;
  pointer-events: none; 
}
.menu-list .menu-item:hover::after {
  background: rgba(18, 0, 34, 0.28); 
}
.div-card img {
    border-radius: 8px;
    height: 300px !important;
    width: 508px !important;
}
.swiper-slide {
    width: 500px !important;
}
@media only screen and (max-width: 480px) {
    .div-card img {
          height: 170px !important;
    }    
.swiper-slide {
    width: 300px !important;
 }
}
.page { 
  position: relative;
  background-image: url("https://ik.imagekit.io/h0ejncqha/KK_BG%20_1920x1080_.webp") !important;
  background-color: #120022;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed !important;
  min-height: 100vh;
  z-index: 1;
}
.page::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 0, 34, 0.45); 
  z-index: -1; 
}
.page {
  isolation: isolate;
}
@media only screen and (max-width: 480px) {
  .page {
    background-image: none !important; 
    background-color: #120022 !important; 
    background-attachment: scroll !important;
    background-size: auto !important; 
    min-height: 100vh; 
  }
}
.bg {
    color: #ffffff !important;
}