body{
    background-image: url(/static/images/Light-aluminum-Grey-Seamless-Pattern-For-Website-Background.jpg);
}
.matrial__shadow {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.text-decoration-none {
    text-decoration: none;
}

.btn__shadow {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}

.multiple_shadow {
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}

.text__justify {
    text-align: justify;
}

.w__full {
    width: 100%;
}

.h__90 {
    height: 28rem;
}

.min-height {
    min-height: 100vh;
}

.vertical__bar::before {
    width: 4px;
    content: '';
    background: blue;
    height: -webkit-fill-available;
    position: absolute;
    left: -10px;
}

.active{
    background-color: #d1d1d7;
    border-radius: 0.375rem;
}

@media screen and (width<=990px) {
    .md__item__shadow {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    }
}