*{
    margin: 0;
    padding: 0;
}
.customnavbar {
    background-color: black;
    padding: 10px 20px;
    height: 60px; /* Set a fixed height for the navbar */
    display: flex;
    align-items: center; /* Keep items aligned vertically */
    position: sticky;
    top: 0;
    z-index: 1000; /* Ensures navbar stays on top */
}
.customnavbar-brand img {
    height: 120px; /* Increase logo height */
    width: auto; /* Maintain aspect ratio */
    max-height: 100%; /* Ensure it does not overflow */
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}
.cart-icon{
  cursor: pointer;
}

.customnavbar .nav-link {
    color: white;
    margin: 0 10px;
}
.customnavbar .nav-link:hover {
    color: #E74C3C;
}
.customnavbar .btn-subscribe {
    background-color: #E74C3C;
    color: white;
    border-radius: 20px;
}
.customnavbar .btn-contact {
    background-color: white;
    color: #E74C3C;
    border-radius: 20px;
}
.customnavbar .cart-icon {
    color: white;
    font-size: 20px;
    margin-left: 15px;
}

.customnavbar .dropdown-menu {
  background-color: black;
  border: none;
}

.customnavbar .dropdown-item {
  color: white;
}

.customnavbar .dropdown-item:hover {
  background-color: #E74C3C;
  color: white;
}
@media (max-width: 768px) {
    .customnavbar{
        height: unset !important;
        padding: unset !important;
    }
    /* .customnavbar-brand img {
        height: 80px !important;
    } */
    .customnavbar-brand img{
        height: 85px;
    }
    span.navbar-toggler-icon {
        margin-right: 10px;
      }
      .customfooter-copyright {
        font-size: 9px !important;
        opacity: 0.7;
        margin-top: 10px;
      }
      
}