/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /* for category filter */
 .category-filter-wrapper {
     margin: 50px auto;
 }

 /*.filter-form {*/
 /*    margin-bottom: 20px;*/
 /*    display: flex;*/
 /*    align-items: center;*/
 /*    gap: 10px;*/
 /*}*/

 #category-select {
     padding: 8px;
     border: 1px solid #ccc;
     border-radius: 4px;
     font-size: 16px;
 }
 .extra-category {
     display: none;
 }

 .show-more-wrapper {
     text-align: center;
     margin-top: 20px;
 }

 .show-more-button {
     padding: 10px 20px;
     background-color: #EE3333;
     color: white;
     border: none;
     cursor: pointer;
     font-size: 16px;
     margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: HelveticaNowDisplay-Bold;
 }

 .show-more-button:hover {
     background-color: black;
 }
 
 /*for explore more button*/
.explore-more-btn{
    padding: 10px 20px;
     background-color: #EE3333;
     color: white;
     border: none;
     cursor: pointer;
     font-size: 16px;
     margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: HelveticaNowDisplay-Bold;
}
 .explore-more-btn:hover {
     background-color: black;
 }

.explore-coming {
    margin-top: 30px;
}

.find-near{
    margin-top: 30px;
}

.find-near-location a {
    font-size: 18px;
    text-decoration: none;
    color: #d92827;
    line-height: 24px;
    font-weight: 600;
}

.find-near-head h5 {
    margin-bottom: 0;
    font-size: 22px;
}


  
@media (max-width: 500px) {
    .find-near {
        display:block; 
    }
}
  /*Edit here*/
  /*  .arrow-btn {*/
  /*    background-color: #0F2452;*/
  /*    color: white;*/
  /*    padding: 10px 20px;*/
  /*    border-radius: 5px;*/
  /*    border: none;*/
  /*    cursor: pointer;*/
  /*    font-size: 18px;*/
  /*    transition: background-color 0.3s ease;*/
  /*    margin: 5px;*/
  /*  }*/

  /*  .arrow-btn:hover {*/
  /*    background-color: #08213c;*/
  /*  }*/

  /*  .arrow-btn:active {*/
  /*    background-color: #06182e;*/
  /*  }*/

    /*.container {*/
    /*  display: flex;*/
    /*  justify-content: center;*/
    /*  align-items: center;*/
    /*  margin-top: 50px;*/
    /*}*/