/* Prevent blue tap highlight on mobile */
a {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: Remove focus ring */
a:focus {
  outline: none;
  box-shadow: none;
}

  
  
    .page-heading {
      background:  #80808059;
      color: #fff;
      text-align: center;
      padding: 15px 15px;
      
    }

    .page-heading h1 {
      margin: 0;
      font-size: 16px;
      font-weight: bold;
    }

    .page-heading p {
        padding-top: 5px;
      margin: 0;
      font-size: 10px;
 
    }
    
    
       
        .page-para {
      
      color: black;
      text-align: center;
      padding: 15px 10px;
    }



    .page-para p {
        padding-top: 5px;
      margin: 0;
      font-size: 12px;
 
    }
    
    
    
    
.heading-section {
  width: 100%;
}

/* Hide in desktop view (screens wider than 992px, for example) */
@media screen and (min-width: 992px) {
  .heading-section {
    display: none;
  }
}


.page-heading-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
   background:  #80808059;
  color: #fff;
  padding: 12px 15px;
}

.left-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.back-btn {
  color: black;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
}

.heading-title {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: black;
}

.clear-all-btn {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
}

.clear-all-btn:hover {
  background: rgba(255, 255, 255, 0.2);
}