.font-theme {
    font-family: "Poppins", serif;
}

.bg-theme {
    background-color: #3e4095;
}

.bg-night {
    background-color: #3e4095;
}

.bg-lightBlue {
    background-color: #d2d5ee6d;
}

.bg-sky {
    background-color: #f2f2f2;
}

.text-maroon {
    color: #990001;
}

.text-theme {
    color: #3e4095;
}

.thinBorder {
    border: 1px solid rgba(255, 255, 255, 0.389);
}

.thinBorder-top {
    border-top: 1px solid rgba(255, 255, 255, 0.389);
}

.thinBorder-bottom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.389);
}

.border-top-gradient {
    border-top: 6px solid transparent; /* Sets the border thickness */
    border-image: linear-gradient(
            90deg,
            rgba(37, 160, 73, 1) 33%,
            rgba(245, 132, 35, 1) 33%,
            rgba(239, 125, 35, 1) 33%,
            rgba(245, 132, 35, 1) 66%,
            rgba(156, 38, 35, 1) 66%
        )
        1;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}
/* scrollbar */

/* scrollbar styling */
*::-webkit-scrollbar {
    width: 5px;
}

/* Track */
*::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
}

/* Handle */
*::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #03092236;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
}

*::-webkit-scrollbar-thumb:window-inactive {
    background: #ededed;
}

.bg-engineer {
    background-image: url(../img/faculty/hero2.jpg);
}

.w-lg-50 {
    width: 50%;
}

.w-lg-40 {
    width: 40%;
}

.w-lg-20 {
    width: 20%;
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
    .w-lg-50 {
        width: 100%;
    }

    .w-lg-20,
    .w-lg-40 {
        width: auto;
    }

    .bg-engineer {
        background-image: url(../img/faculty/bg-engineer-mobile.jpg);
    }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {
}

/* Media Query for Large screens */
@media (min-width: 1281px) {
}