.nav-logo {
    width: 200px;
    max-height: 5rem;
}
.h-full {
    height: 100%;
    width: 100%;
}
.dark .dark\:bg-jacarta-600 {
    background-color: #000 !important;
}
.dark .dark\:bg-jacarta-800 {
    background: url("/portal4/img/yellow.png");
}
.dark .dark\:bg-jacarta-900 {
    background: url("/portal4/img/gradient_dark.jpg");
}
.dark .dark\:bg-1 {
    background: url("/portal4/img/background/1.png");
    background-size: cover;
}
.dark .dark\:bg-2 {
    background: url("/portal4/img/background/2.png");
    background-size: cover;
}
.dark .dark\:bg-3 {
    background: url("/portal4/img/background/3.png");
    background-size: cover;
}
.dark .dark\:bg-4 {
    background: url("/portal4/img/background/4.png");
    background-size: cover;
}
.dark .dark\:bg-5 {
    background: url("/portal4/img/background/5.png");
    background-size: cover;
}
.dark .dark\:bg-6 {
    background: url("/portal4/img/background/6.png");
    background-size: cover;
}
.dark .dark\:bg-7 {
    background: url("/portal4/img/background/7.png");
    background-size: cover;
}
.dark .dark\:bg-8 {
    background: url("/portal4/img/background/8.png");
    background-size: cover;
}
.dark .dark\:bg-jacarta-700 {
    background-color: #1d1d1d;
}
.nav-mob-logo {
    width: 150px;
    max-height: 3rem;
}
.course-cover {
    width: 379px;
    height: 250px;
}
.animate-gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(270deg, #ffb900 26.87%, #f00 54.5%);
    background-size: auto;
    background-clip: border-box;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200% auto;
}
.dark .dark\:bg-white\/\[\.15\] {
    color: white;
}
.uni,
.dept {
    height: 120px;
    width: 180px;
}
.d-none {
    display: none;
}
.animate-gradient {
    font-size: 2.8rem;
}
.dark .dark\:text-warning {
    color: #fbd22e;
}
@media (max-width: 767px) {
    .dnone {
        display: none;
    }
}
.fill-red {
    fill: #f00;
}
.dark .js-page-header--is-sticky,
.js-page-header--is-sticky.page-header--transparent {
    background-color: rgba(23, 10, 7, 0.5);
}
.bg-dark {
    background-color: #000;
}
@media (max-width: 787px) {
    .nav-logo {
        width: 150px !important;
        max-height: 5rem;
    }
}