#goods {
    display: block;
}

body {
    background-image: url(assets/background.jpg);
    background-size: cover; /* This ensures that the background image covers the entire viewport */
    background-attachment: fixed; /* This fixes the background image in place */
}


@media (max-width: 500px) {
    .small{
        font-size: 12px !important;
    }
}

.small{
    font-size: 22px;
}


.mix-blend-mode{
    mix-blend-mode: multiply;
  }

  .video-container {
    position: relative;
    width: 100%;
    height: auto; /* Maintain aspect ratio */
}

video {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
}

.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
}

.title {
    font-size: 4vw; /* Responsive font size */
    font-weight: 700;
    margin-bottom: 20px; /* Add margin between title and description */
    
}

.description {
    font-size: 2vw; /* Responsive font size */
    font-weight: 500;
}

.hover:hover{
    border: 1px solid #066e7f !important;
    box-shadow: 0 4px 8px rgba(6, 39, 45, 0.7) !important;
}

.row > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
}