/* Custom styles for your website */
        body {
            background-color: #f8f8f8;
        }

        .hero {
   /*         background: url('/images/hero-image.jpg') center center; */
            background-size: cover;
            color: #fff;
            text-align: center;
            padding: 100px 0;
        }

        .hero h1 {
            font-size: 36px;
            font-weight: 700;
			text-shadow: 2px 2px black;
        }

        .hero p {
            font-size: 20px;
			background: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
        }

        .btn-primary {
            background-color: #007BFF;
            color: #fff;
            border: none;
        }

        .btn-primary:hover {
            background-color: #0056b3;
        }

        .navbar {
            padding: 20px 0;
            /* Adjust the top and bottom padding */
        }

        /* Scroll to top button */
        #scrollToTop {
            display: none;
            position: fixed;
            bottom: 20px;
            right: 30px;
            z-index: 99;
            border: none;
            outline: none;
            background-color: #007BFF;
            color: white;
            cursor: pointer;
            padding: 15px;
            border-radius: 50%;
        }

        #scrollToTop:hover {
            background-color: #0056b3;
        }

        /* Center logos in Services Section */
        .service-card {
            text-align: center;
        }

/*        .service-card i{
            font-size: 48px;
            color: #007BFF;
        }
*/
        .navbar-nav .nav-link {
            font-size: 20px;
            /* Increase font size */
            padding: 10px 20px;
            /* Increase padding for a larger hit area */
            transition: color 0.3s;
            /* Smooth color transition and underline on hover */
            text-decoration: none;
            /* Remove the default underline */
        }

        .navbar-nav .nav-link:hover {
            text-decoration: underline;
            text-decoration-color: #FFA500;
            text-underline-offset: 10px;
            /* border-bottom: 2px solid #FFA500; /* Add an orange underline on hover */
        }

.faq-item {
  border-bottom: 1px solid  rgba(255, 165, 0, 0.5); */
}

.faq-item.active .faq-content {
  display: block;
}

.faq-item:last-child {
  border-bottom: 0;
}

.faq-item .faq-title {
  padding: 20px 0px;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
}

.faq-item .faq-title::before, .faq-item .faq-title::after {
  position: absolute;
  content: '';
  background: #F11566;
}

.faq-item .faq-title::before {
  height: 3px;
  width: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

.faq-item .faq-title::after {
  width: 3px;
  height: 15px;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.faq-item .faq-content {
  margin-top: -5px;
  margin-left: 35px;
  padding-left: 15px;
  margin-bottom: 30px;
  display: none;
  position: relative;
}

.faq-item .faq-content::before {
  position: absolute;
  content: '';
  height: 90%;
  width: 2px;
  background: #F11566;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}