.imgBackground {
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.h-full {
    height:100vh;
}
.transparent {
    background-color:#2121219d;
    box-shadow:0 4px 20px #000000e6;
    backdrop-filter:blur(30px);
}
.logo {
    height:125px;width:125px;object-fit:contain;
}
.z-900 {
    z-index: 900;
}
.btn, .card, .nav.nav-pills .nav-link, .form-outline .form-control~.form-notch .form-notch-leading,.form-outline .form-control~.form-notch .form-notch-trailing {
    border-radius: 0;
}

@property --elite-class-1 {
  syntax: "<color>";
  inherits: false;
  initial-value: hsl(212 19% 61%);
}
@property --elite-class-2 {
  syntax: "<color>";
  inherits: false;
  initial-value: hsl(214 100% 97%);
}
@property --glow-size-1 {
    syntax: "<length>";
    inherits: false;
    initial-value: 5px;
}
@property --glow-size-2 {
    syntax: "<length>";
    inherits: false;
    initial-value: 10px;
}

@keyframes elite-class-anim {
    to{
    --elite-class-1: hsl(214 100% 97%);
    --elite-class-2: hsl(212 19% 61%);
    --glow-size-1: 15px;
    --glow-size-2: 30px;
    }
}
.elite-class {
    animation: elite-class-anim 2s linear infinite alternate;
    background: linear-gradient(to right in oklch, var(--elite-class-1), var(--elite-class-2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip:text;
    color:transparent;
    text-shadow: 0 0 var(--glow-size-1) #8799ae, 0 0 var(--glow-size-2) #f1f7ff;
}
.higher-class {
    color: #ffc889;
    text-shadow: 0 0 10px #ffc889;
}
.middle-class {
    color: #fff896;
    text-shadow: 0 0 10px #fff896;
}
.lower-class {
    color: #9efcff;
    text-shadow: 0 0 10px #9efcff;
}
.nav-tabs .nav-link.active {
    color: #275dff!important;
    border-color: #275dff!important;
}

.sn {
    z-index:1200;
}
.select-dropdown-container {
    z-index:1201;
}