/* Base Styles for Desktop/Laptop */
#index, #product, #contact {
  font-family: 'Arial', sans-serif;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100vh;
  position: relative;
  margin: 0;
  z-index: 0;
}
#index {
  background-image: url('../images/working-1.jpeg');
}
#product {
  background-image: url('../images/working-1.jpeg');
}

#index::before, #product::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
}

.intro h1, .product h1, .contact h1 {
  text-align: center;
  color: white;
  font-size: 60px;
  font-weight: bold;
  margin-top: 150px;
}

.overlay img {
  max-height: 200px;
}

/* .custom-btn {
  background-color: rgb(255, 89, 0);
  color: white;
  border: none;
}

.custom-btn:hover {
  background-color: rgb(38, 35, 32);
  color: white;
} */

#classic, #classic1, .product1, #contact1, #about {
  background-color: #f7ece2;
  width: 100%;
  margin-bottom: 0;
}

#classic {
  margin-top: 0;
  height: 1;
  padding: 15px;
}

#classic h3 {
  text-align: center;
}

#classic1 {
  margin-top: 220px;
  height: 900px;
  padding: 2rem;
}

#classic1 a {
  text-decoration: none;
}

#classic1 a h6 {
  margin-top: 20px;
  color: black;
  font-weight: bolder;
  font-size: 1.1rem;
}

.product1 {
  margin-top: 200px;
  height: auto;
}

.product1 img {
  height: 300px;
  width: 300px;
}

.customshadow {
  box-shadow: 0px 0px 10px black;
  background-color: #f8f9fa;
}

/* Dropdown Hover */
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.dropdown-menu {
  transition: all 0.2s ease;
}

/* Tablets (width < 992px) */
@media (max-width: 991.98px) {
  #classic {
    height: auto;
    padding: 2rem 1rem;
  }
  #classic1 {
    height: auto;
    margin-top: 100px;
    padding: 1.5rem;
  }
  #classic1 a h6 {
    font-size: 1rem;
    margin-top: 16px;
  }
  .product1 img {
    height: 250px;
    width: 250px;
  }
  .intro h1, .product h1, .contact h1 {
    font-size: 45px;
    margin-top: 120px;
  }
}

/* Mobiles (width < 768px) */
@media (max-width: 767.98px) {
  #classic1 {
    margin-top: 150px;
    padding: 1rem;
  }
  #classic1 a h6 {
    font-size: 0.95rem;
    margin-top: 14px;
    text-align: center;
  }
  .product1 img {
    height: 200px;
    width: 200px;
  }
  .intro h1, .product h1, .contact h1 {
    font-size: 35px;
    margin-top: 80px;
  }
}

.nav-link:hover{
  background-color: #737373 !important;
  color: #fff !important;
  border-radius: 5px;
}

.nav-link.active{
  background-color: #737373 !important;
  color: #fff;
}
.nav-link {
    transition: 0.2s ease-in-out;
}