@charset "UTF-8";

/* Body */

.card-body {
    padding-top: 10px;

}

h2.text-center {
    color: #ffffff;
}
.body {
    background-color: #A2A0A0;
}

.container {
    background-color: #000000;
    /* Keep a percentage width for flexibility, */
  width: 90%;
  /* but set a maximum limit for large screens */
  max-width: 1200px; /* Example: Ensures it doesn't get too wide on a large monitor */
  margin: 0 auto;
}

.containervideos {
    margin: 5px;
    background-color: #000000;
    text-align: center;
}

.container-products {
    background-color: #000000;
    /* Keep a percentage width for flexibility, */
  width: 90%;
  /* but set a maximum limit for large screens */
  max-width: 1200px; /* Example: Ensures it doesn't get too wide on a large monitor */
  margin: 0 auto;
   
}
.container .navbar-brand strong {
    font-family: Arial;
    margin-left: 20px !important; /* Adjust the value as needed */
}


brand-top, .brand-bottom {
  font-family: Arial;
  font-size: 18px;
  display: block; /* Makes each span a block element, forcing a new line */
  margin: 0; /* Resets default margins */
}

.brand-top {
  /* Apply the margin you want to adjust here */
  font-family: Arial;
    font-size: 18px;
    margin-bottom: 5px; /* Example spacing */
}

.brand-bottom {
  /* Adjust margins for the bottom line if needed */
}


.carousel {padding-bottom: 2.2rem; }
.carousel-caption { top: 45%; }



.carousel-item {
    min-height: 20px;
}

.carousel-item.active .carousel-caption h5 {
    font-family: Arial;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin-top: 3px;
    display: inline-block;
    bottom: 80%;
    background: grey;

}



.carousel-image {
    
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


carousel-caption {
  /* Keep it centered vertically within its container */
  transform: translateY(-50%);
  top: 50%;
  bottom: intial;
  left: 10%;
  right: 10%;
  /* Center content vertically */
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center; /* Center text horizontally */
  /* Ensure it's above the image */
  z-index: 1;
  background-color: #000000 /* Optional: for better readability */
    
}