:root {
    --bs-primary: #6f42c1;
}

.bg-primary{
    background-color: var(--bs-primary) !important;
}
.navbar-nav>.nav-item{
    display: block;
}
.navbar-nav>.nav-item>.nav-link{
display: inline-block;
}
@media (min-width: 768px){
.navbar-nav>.nav-item{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
}

.vh-50{
    height: 50vh !important;
}

.sidenav > .nav-link{
    background-color: var(--bs-secondary) !important;
    color: var(--bs-dark) !important;
}
.sidenav > .nav-link.active{
    background-color: var(--bs-primary) !important;
    color: var(--bs-light) !important;
}

.img-cover{
    object-fit: cover;
    object-position: center;
}

.w-lg-50{
    width: 100% !important;
}
@media(min-width: 992px){
.w-lg-50{
    width: 50% !important;
    }
}

.mt-n5{
    margin-top: -3.5rem !important;
}

.director-name p{
margin-right: 1rem !important;
}

.director-name .info-img{
margin-top: 0 !important;
}

@media(min-width: 992px){
.director-name .info-img{
margin-top: -1rem !important;
}
}

.director-name .info-title{
    padding-left: 1rem !important;
    padding-right: 1rem  !important;
    margin-left: -1rem !important;
    margin-right: -1rem !important;
}

.footer-nav .nav-link > a{
    color: var(--bs-light) !important;
    text-decoration: none;
}

.bg-semi-transparent{
    background-color: #ffffff66 !important;
}

.footer-title {
    padding-left: 1rem !important;
    position: relative;
    display: block;
    width: fit-content;
}

.footer-title::after{
    content: "";
    position: absolute;
    left: 65%;
    bottom: -20px;
    height: 2px;
    width: 50%;
    background: var(--bs-light);
    border: 1px solid #aaaaaa;
    transform: translateY(50%);
}
.footer-title::before{
    content: "";
    position: absolute;
    left: 15%;
    bottom: -20px;
    height: 5px;
    width: 50%;
    background: var(--bs-light);
    transform: translateY(50%);
}

@keyframes marquee {
0% {
    left: 100vw;
}

100% {
    left: -200vw;
}}

.notice-section {
    position: relative;
    overflow: hidden;
    height: 60px;
    background-color: var(--bs-primary) !important;
}

.notice-section p {
    font-size: 1.25rem;
    position: absolute;
    display: inline;
    top: 50%;
    width: 1000vw;
    transform: translate(0%, -50%);
    animation: marquee 60s linear 0s infinite forwards;