.hero-section {

  
  background-image: url('/static/images/index_bottles.png'); 

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  min-height: 100vh;

  width: 100%;

  position: relative;

}


/* Optional: adjust background focus on smaller screens */

@media (max-width: 768px) {

  .hero-section {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: black;
    
  }

}


#breadcrumb {

    margin: 0;

    padding: 0;

  }


  .footer {

    position: fixed;

    left: 0;

    bottom: 0;

  }


  .marquee-wrapper {

    overflow: hidden;

    position: relative;

    width: 100%;

  }

  

  .marquee-content {

    display: flex;

    width: max-content;

    animation: scroll-left 40s linear infinite;

  }

  

  .marquee-item {

    flex: 0 0 auto;

    padding-right: 20px;

  }

 

  .marquee-img {

    width: 100%;

    max-height: 140px;

    object-fit: contain;

  }

  .marquee-wrapper:hover .marquee-content {

    animation-play-state: paused;

  }

  

  @keyframes scroll-left {

    0% {

      transform: translateX(0);

    }

    100% {

      transform: translateX(-50%);

    }

  }

  

  .about_us {

    background-image: url('/static/images/abus8.png');

    padding: 0px;

    margin: 0;

}

.video-box {

    width: 550px;

    height: 250px;

    padding-top: 10px;

    margin: 0 auto; /* Center the video box */

    text-align: center; /* Center the content */

}

.video-box video {

    width: 100%;

    height: 100%;

    object-fit: cover; /* Ensure the video covers the box */

    display: block;

}

.container-aboutUs {

    max-width: 800px;

    margin: 0 auto;

    padding: 20px;

    font-family: 'Arial', sans-serif;

    line-height: 1.6;

    color: #333333;

}

.container-aboutUs h1 {

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    color: #2c3e50;

    font-size: 2.5em;

    margin-bottom: 10px;

}


/* Style for subheadings */

.container-aboutUs h2 {

    color: #16a085;

    font-size: 2rem;

    margin-top: 30px;

}

.container-aboutUs h3 {

    color: #545555;

    font-weight: 700;

    font-size: 1.5rem;

    margin-top: 20px;

}

/* Style for paragraphs */

.container-aboutUs p {

    margin: 10px 0;

    font-size: 1.2rem;

}


.container-aboutUs ul li {

    margin: 10px 0;

    font-size: 1.2rem;

}


/* Adding a bottom border to subheadings */

.container-aboutUs h2 {

    border-bottom: 2px solid #9db2b8;

    padding-bottom: 5px;

}



/* Media query for responsive design */

@media (max-width: 600px) {

    footer {

        font-size: 0.8rem;

    }

    .container-aboutUs {

        padding: 15px;

    }

    .container-aboutUs h1 {

        font-size: 2rem;

    }

    .container-aboutUs h2 {

        font-size: 1.5rem;

    }

    .container-aboutUs h3 {

        font-size: 1.2rem;

    }

    .container-aboutUs p {

        font-size: 1rem;

    }

    .container-aboutUs ul li {

        font-size: 1rem;

    }

}

@media (max-width: 500px) {

    .video-box {

        width: 350px;

        height: 205px;

    }

}