.bg-img {
    position: relative;
}
.bg-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
}
.slider-content-wrap {
    position: relative;
    z-index: 1; 
}
.projects-height {
    height: 100px !important;
}
@media(max-width: 768px) {
	.mid-header ul li:last-child {
    display: none !important;
}
.mid-header-right {
    display: block !important;
}
.mid-header .mid-header-inner {
flex-wrap: wrap;
gap: 25px;
}
}