@charset "utf-8";

.navbar-dark {
    
    background-color: #FF13F0;
}

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

.nav-item {
    font-size: 14.5px;
}

p {
    margin-bottom: 0em;
    margin-top: 0em;
    
}

.container .navbar-brand strong {
    font-family: Arial;
    margin-left: 20px !important; /* Adjust the value as needed */
}

.navbar-brand {
    margin-left:  50%;
    transform: translate(-50%);
}

.nav-link {
    padding-left: 10px;
    color: #ffffff;
}



.navbar {
  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 {
  /* Apply the margin you want to adjust here */
  font-family: Arial;
    font-size: 40px;
    margin-bottom: -15px; /* Example spacing */
   text-align: center;
    color: white;
}

.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 */
  text-align: center;
  color: white;
}



.navbar-brand {
    margin-left:  50%;
    transform: translate(-50%);
}




.navbar {
    background-image: url('Homepage Photos/Nav-Link-Bar.jpg');
  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;
}


.brand {
  /* Apply the margin you want to adjust here */
  font-family: Arial;
    font-size: 20px;
    margin-bottom: -15px; /* Example spacing */
    margin-left: 55px;
    margin-right: 50px;
}


.bg-dark {
    background-color: #89F336 !important;
}


body {
  background-image: url('Homepage Photos/VAL PR3000 Joshua Tree/VAL PR3000 Joshua Tree (7).JPG');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  min-height: 100vh;
}

.container {
    background-color: #89F336;
        /* 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-products {
    background-color: #89F336;
    /* 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;
   
}


.navbar-brand {
    
    font: arial;
    font-size: 20px;
    color: black;
    font-weight: bold;
}

hr {
    border-top: 2px solid;
    border-color: black;
}


.nav-item {
    padding-right: 1px;
    padding-left: 1px;
}

.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;

}

.col-md-4 .col-lg-5 .col-6 {
    position: center;
}

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



.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-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: grey; /* Optional: for better readability */
    
}