.carousel-item img {
            width: 100%;
            height: 60vh;
            object-fit: cover;
        }
        .product-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
		/* Default navbar link color */
.nav-link {
    color: #ffffff !important; /* White color by default */
    transition: color 0.3s ease; /* Smooth color transition */
}

/* Navbar link hover effect */
.nav-link:hover {
    color: gold; /* Gold color on hover */
}

/* Style for active navbar item */
.navbar-nav .nav-link.active {
    color: gold !important; /* Set gold color for the active page */
    font-weight: bold; /* Optional: make the active link bold */
}

/* Optional: Change background of the active link for better visibility */
.navbar-nav .nav-link.active:hover {
    background-color: #333; /* Dark background when hovering over active link */

}
p,li{
	text-align:justify ;
}
		/* Ensure columns stack vertically on small screens */
@media (max-width: 767.98px) {
  .row .col-md-6,
  .row .col-md-8,
  .row .col-md-12,
  .row .col-md-4 {
    width: 100%;
    margin-top: 1rem; /* Add space between stacked columns */
  }

  .row .col-md-6:first-child,
  .row .col-md-8:first-child,
  .row .col-md-12:first-child,
  .row .col-md-4:first-child {
    margin-top: 0; /* Remove margin-top for the first column */
  }

  /* Adjust button alignment within the first column */
  .row .col-md-6:first-child button,
  .row .col-md-8:first-child button,
  .row .col-md-12:first-child button,
  .row .col-md-4:first-child button {
    display: block;
    margin-top: 1rem; /* Add spacing above the button */
    margin-left: 0; /* Ensure button is left-aligned */
  }
}

/* Reset for larger screens to avoid unwanted margins */
@media (min-width: 768px) {
  .row .col-md-6,
  .row .col-md-8,
  .row .col-md-12,
  .row .col-md-4 {
    margin-top: 0;
  }
}
.curved-section {
        background-image: url('images/dark-banner1.jpg'); /* Set the image path here */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        padding-top: 3rem;
        padding-bottom: 3rem;
        min-height: 200px; /* Ensure it has height */
    }

    .curved-section h2 {
        padding-top: 2rem;
        padding-bottom: 2rem;
        color: #fff;
        text-align: center;
    }