.hero-slider-item {
    position: relative; /* Ensure the pseudo-element is positioned relative to this container */
    background-size: cover; /* Ensure the image covers the area */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Avoid repeating the image */
    overflow: hidden; /* Contain any overflow of the pseudo-element */
}

.hero-slider-item::before {
    content: ""; /* Necessary for pseudo-element */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
    z-index: 1; /* Place the overlay below the content */
}

/* Adjust the content to appear above the overlay */
.hero-slider-item .container {
    position: relative;
    z-index: 2; /* Ensure the content is above the overlay */
}

.hero-content {
    /*background: rgba(255, 255, 255, 0.1); !* Light transparent background *!*/
    /*border-radius: 12px; !* Slightly larger, smoother corners *!*/
    /*padding: 16px 24px; !* Balanced padding *!*/
    /*box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); !* Soft shadow for depth *!*/
    /*backdrop-filter: blur(8px); !* Frosted glass effect *!*/
    /*-webkit-backdrop-filter: blur(8px); !* Frosted glass for Safari *!*/
    /*border: 1px solid rgba(255, 255, 255, 0.3); !* Subtle inner border *!*/
    /*color: #333; !* Ensure text contrasts well *!*/
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; !* Professional font *!*/
    /*transition: transform 0.2s ease, box-shadow 0.2s ease; !* Smooth hover effect *!*/
    height: 350px !important;
}

.hero-content > h4, h1, p, a {
    color: white;
    /*display: none;*/
}

.hero-content .btn-outline {
    color: white;
    border-color: white;
}

.hero-content .btn-outline:hover {
    color: #ef1620;
    background: white;
    border-color: #ef1620;
}

.hero-slider .prevArrow:hover, .hero-slider .nextArrow:hover {
    background: white;
    color: #ef1620;
}

.section .card-body p {
    color: black;
}

.footer_logo_ {
    font-size: 80px;
    text-transform: uppercase;
}

.footer_logo_engin {
    text-align: center;
    margin-right: -60px;
    margin-top: -24px !important;
    font-size: 12px;
    margin-bottom: 20px;
}

.top-header ul li {
    margin: 6px 0;
    display: none;
}

.back-to-top i {
    line-height: 0;
}

.back-to-top:hover {
    background: #ef1620;
    border-width: 2px;
}

.ti-angle-up:before {
    font-weight: 900;
}

.navigation .navbar .nav-item {
    padding: 20px 0;
}

.navbar > a.navbar-brand > img {
    padding: 10px;
}
.navigation{
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.navigation.scrolled {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    background: white;
    z-index: 1000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.navigation .navbar-brand {
    height: 80px;
    width: 220px;
    left: unset;
    top: unset;
    background: transparent;
    box-shadow: none;
}

.top-header {
    transition: all 0.3s ease-in-out;
}


@media (min-width: 991px) {
    .navbar > a.navbar-brand > img {
        width: 100%;
    }
}


.hero-content > h4, h1, p, a {
    color: black;
}

.footer-links {
    padding-left: 0;
}
.footer-links li::before {
    display: none;
}
.services .card > h4.card-title{
    height: 70px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}
.services .card .card-body p.card-text{
    height: 50px;
}