.swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25); /* Overlay on slide images 0.25 */
    z-index: 1; /* Ensure it's above the image but below the text */
}

.company-name-text-box {
    border: 5px solid black;
    position: relative;
    padding: 10px;
    font-family: 'Playfair Display', serif;
    font-size: 1.5em;
    color: white;
    overflow: hidden;
    margin-left: 10px; /* Add some space between logo and text */
}

.company-name-text-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.70); /* Internal overlay 0.70 */
    z-index: -1;
}

.slide-text-container {
    border: 5px solid #000435; /* Darker blue border */
    position: relative;
    padding: 15px;
    overflow: hidden;
}

.slide-text-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.60); /* Internal overlay 0.60 */
    z-index: -1;
}

.s-fade-txt {
    position: relative;
    z-index: 2; /* Ensure text is above the overlay */
}

.s-fade-txt h1 {
    font-size: 3.5em; /* Significantly larger font size */
    font-family: 'Raleway', sans-serif; /* Changed to Raleway */
    font-weight: 700; /* Bold */
    color: white; /* Ensure text color is white for contrast */
}

.logo-img {
    height: 4rem; /* Smaller logo size for desktop */
}

/* Mobile adjustments */
@media (max-width: 640px) {
    .s-fade-txt h1 {
        font-size: 2em; /* Smaller font size for mobile */
    }

    .logo-img {
        height: 3rem; /* Smaller logo size for mobile (h-12 equivalent) */
    }
}

/* Remove number input arrows */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield !important;
}

/* Force quantity column width */
.quantity-column {
    width: 4rem !important; /* Equivalent to w-16, adjust as needed */
}