.m_left_10{
  margin-left: 10px;
}



.events-prize{
line-height: 66px;
  text-align: left;
  font-size: 20px;
}



 .location-btn {
      margin: 50px auto;
      display: block;
      padding: 12px 24px;
      background: #e23744;
      color: #fff;
      border: none;
      border-radius: 8px;
      font-size: 16px;
      cursor: pointer;
      transition: 0.2s;
    }
    .location-btn:hover {
      background: #c91e32;
    }
    /* Overlay */
    .overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.8);
      display: none; /* hidden by default */
      align-items: center;
      justify-content: center;
      z-index: 999;
    }
    /* Popup */
    .popup {
      background: #fff;
      width: 90%;
      max-width: 750px;
      border-radius: 12px;
      overflow: hidden;
      animation: slideUp 0.3s ease;
    }

.location-evt{
   color: #b1b1b1;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: normal;
}






    @keyframes slideUp {
      from { transform: translateY(50px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }
    /* Header */
    .popup-header {
      background:linear-gradient(90deg, #000000 0%, #FF0018 100%);
      color: #fff;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 18px;
      font-weight: bold;
    }
    .popup-header i {
      cursor: pointer;
    }
    /* Search */
    .search-box {
      display: flex;
      align-items: center;
      border: 1px solid #ddd;
      margin: 15px 20px;
      padding: 10px;
      border-radius: 8px;
      background: #fafafa;
      color: #000;
    }
    .search-box input {
      border: none;
      outline: none;
      flex: 1;
      font-size: 14px;
      background: none;
      margin-left: 10px;
      color: #000;
    }
    /* Current Location */
    .current-location {
      display: flex;
      align-items: center;
      gap: 8px;
      color: #e23744;
      font-weight: 500;
      font-size: 14px;
      margin: 10px 20px 20px;
      cursor: pointer;
    }
    /* Popular Cities */
    .section-title {
      margin: 0 20px 10px;
      font-size: 16px;
      font-weight: bold;
      color: #333;
    }
    .cities-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
      gap: 12px;
      margin: 0 20px 20px;
    }
    .city-card {
      border: 1px solid #eee;
      border-radius: 8px;
      padding: 15px 10px;
      text-align: center;
      font-size: 14px;
      color: #333;
      transition: 0.2s;
      background: #fff;
      cursor: pointer;
    }
    .city-card i {
      font-size: 20px;
      color: #e23744;
      margin-bottom: 5px;
      display: block;
    }
    .city-card:hover {
      background: #fff5f5;
      border-color: #e23744;
    }
    /* All Cities */
    .all-cities {
      border-top: 1px solid #f0f0f0;
      padding: 15px 20px;
      max-height: 200px;
      overflow-y: auto;
    }
    .city-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      gap: 8px;
      font-size: 14px;
      color: #444;
    }
    .city-list div {
      cursor: pointer;
      padding: 5px;
      border-radius: 4px;
    }
    .city-list div:hover {
      background: #fff5f5;
      color: #e23744;
    }








     /* Gallery products details*/
    .gallery {
      flex: 1;
      min-width: 300px;
      display: flex;
    }
    .thumbnails {
      display: flex;
      flex-direction: column;
      margin-right: 10px;
      max-height: 450px;   /* fixed height */
      overflow-y: auto;    /* scroll vertically */
      scrollbar-width: thin; /* Firefox */
    }
    .thumbnails::-webkit-scrollbar {
      width: 6px;
    }
    .thumbnails::-webkit-scrollbar-thumb {
      background: #ccc;
      border-radius: 4px;
    }
    .thumbnails img,
    .thumbnails video {
      width: 60px;
      height: 80px;
      object-fit: cover;
      margin: 5px 0;
      cursor: pointer;
      border: 2px solid transparent;
      border-radius: 4px;
      transition: border 0.2s ease;
    }
    .thumbnails img.active,
    .thumbnails video.active {
      border: 2px solid #2874f0;
    }
    .main-view {
      flex: 1;
      display: flex;
      /* justify-content: center; */
      align-items: center;
    }
    .main-view img,
    .main-view video {
      max-width: 100%;
      max-height: 550px;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    }

    /* Product details */
    .details {
      flex: 2;
      min-width: 300px;
      padding: 10px 0px;
    }
    .title {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 8px;
    }
    .rating {
      background: #4caf50;
      color: #fff;
      padding: 2px 6px;
      border-radius: 4px;
      font-size: 14px;
      display: inline-block;
      margin-bottom: 10px;
    }
    .price {
      font-size: 22px;
      font-weight: bold;
      color: #ffffff;
    }
    .old-price {
      text-decoration: line-through;
      color: #777;
      margin-left: 8px;
    }
    .offer {
      margin-top: 15px;
    }
    .offer li {
      margin: 5px 0;
      font-size: 14px;
    }
    .buttons {
      margin-top: 20px;
    }
    .btn {
      padding: 12px 20px;
      margin-right: 10px;
      border: none;
      border-radius: 6px;
      font-size: 16px;
      cursor: pointer;
    }
    .btn-buy {
     background: #ee1520;
      color: white;
    }
    .btn-emi {
      background: #eee;
      color: #333;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .container {
        flex-direction: column;
      }
      .gallery {
        flex-direction: column;
      }
      .thumbnails {
        flex-direction: row;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
        margin-bottom: 10px;
      }
      .thumbnails img,
      .thumbnails video {
        width: 60px;
        height: 60px;
        margin: 0 5px;
      }
    }





    
  /* events-pages */
    /* Header Section */

    .events-pages{ padding: 5px}

    .events-pages b{

font-weight: bolder;
  text-align: center;
  line-height: 61px;
  font-size: 24px;
    }


    .events-pages .event-header {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .events-pages .event-header img {
      width: 100%;
      max-width: 700px;
      border-radius: 12px;
    }

    .events-pages .event-details {
      flex: 1;
      min-width: 260px;
      background: #404040;
      padding: 20px;
      border-radius: 12px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    .events-pages .event-details h2 {
      margin-top: 0;
      font-size: 1.5rem;
    border-bottom: 1px solid #5b5b5b;
    padding: 12px 0px;
}
    

    .events-pages .event-details p {
      margin: 5px 0;
    }

    .events-pages .btn {
      display: inline-block;
      padding: 10px 20px;
      background: black;
      color: white;
      border-radius: 8px;
      text-decoration: none;
      font-weight: bold;
      margin-top: 10px;
      float: right;
    }

    /* About Section */
    .events-pages .about {
      margin-top: 30px;
    }

    .events-pages .more-text {
      display: none;
    }

    .events-pages .show-more-btn {
     color: #6a6a6a;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
    }

    /* Event Guide */
    .events-pages .event-guide {
      margin-top: 30px;
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
    }

    .events-pages .guide-item {
      background: #404040;
      padding: 15px;
      border-radius: 10px;
      flex: 1;
      min-width: 180px;
      text-align: center;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    /* Venue */
    .events-pages .venue {
      margin-top: 30px;
    }

    .events-pages .venue-box {
      background:#404040;
      padding: 15px;
      border-radius: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    /* Terms & Conditions */
    .events-pages .terms {
      margin-top: 30px;
    }

    .events-pages .terms-header {
      background: #404040;
      padding: 15px;
      border-radius: 10px;
      cursor: pointer;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    .events-pages .terms-content {
      display: none;
      background:#404040;
      margin-top: 5px;
      padding: 15px;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    .events-pages ul {
      margin: 0;
      padding-left: 20px;
    }

    /* Responsive */
    @media(max-width: 768px) {
      .events-pages .event-header {
        flex-direction: column;
      }
    }




/* notify-container  */


     .notify-container {
      width: 100%;
      /* max-width: 420px; */
      /* background: #fff; */
      padding: 10px 16px;
      box-sizing: border-box;
    }

    .notify-container .notification {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px 0;
    }

    .notify-container .left {
     display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  /* border-bottom: 1px solid #626262; */
  padding: 10px 0px;
    }

    .notify-container .profile-pic {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      overflow: hidden;
      flex-shrink: 0;
    }

    .notify-container .profile-pic img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .notify-container .content {
      display: flex;
      flex-direction: column;
      font-size: 14px;
      line-height: 1.4;
    }

    .notify-container .content .line {
      color: #ffffff;
    }

    .notify-container .content .name {
      font-weight: 600;
    }

    .notify-container .content .time {
      font-size: 12px;
      color: #8e8e8e;
      margin-top: 2px;
    }

    .notify-container .action-btn {
      background: #0095f6;
      color: #fff;
      border: none;
      border-radius: 8px;
      padding: 6px 16px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
    }

    .notify-container .action-btn:hover {
      background: #0078cc;
    }

    .notify-container .thumbnail {
      width: 40px;
      height: 40px;
      border-radius: 6px;
      overflow: hidden;
      margin-left: 10px;
    }

    .notify-container .thumbnail img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .notify-container h4 {
      margin: 20px 0 8px;
      font-size: 12px;
      font-weight: 600;
      color: #737373;
      letter-spacing: 0.5px;
    }

    .shope-notfy{font-size: 12px;
  color: #7e7e7e;}

    @media (max-width: 480px) {
       .notify-container {
        padding: 10px;
      }
    }