.Mob-activities-section{
    width: 100%;
    padding-top: 50px;
    
}
 .mobile-container {
  /* max-width: 420px; 
  margin: 0 auto;
  padding: 16px;
  /* font-family: Arial, sans-serif; */
  background: #fff; 
 
}
.Mob-activities-head{
    padding-right: 20px;
    padding-left: 10px;
}
/* heading right aligned */
.mob-heading {
  text-align: right;
  font-size: clamp(20px, 5vw, 52px);
  margin: 0;
   color: #111;
   font-family: "Poppins Bold";
}

.mob-sub-heading {
  text-align: right;
 font-size: clamp(12px, 3.5vw, 37px);
  color: #22a0dc;
  margin: 6px 0 14px;
  font-family: "Poppins SemiBold";
}

/* Buttons */
.btnn-group {
  display: flex;
  width: 100%;
  margin-bottom: 16px;
  margin-top: 40px;
}

.btnn {
  flex: 1; /* buttons equally share space */
  padding: 10px 0; /* height fix, width auto */
  font-size: clamp(12px, 3vw, 20px);
  border: none;
  color: #fff;
  cursor: pointer;
  border-radius: 0; /* by default no radius */
   font-family: "Poppins Bold";
}

/* Individual button colors */
.btnn.blue { background: #2f86d6; 
    border-radius: 4px;
    margin-left: -5px;
      font-family: "Poppins Bold";
}
.btnn.yellow { background: #ff9800; 
    border-radius: 4px;
    margin-left: -5px;
      font-family: "Poppins Bold";
    
}
.btnn.gray { background: #bdbdbd; 
    border-radius: 4px;
    margin-left: -5px;
      font-family: "Poppins Bold";
    

}
.btnn.black { background: #0f1724;
    border-radius: 4px;
    margin-left: -5px;
      font-family: "Poppins Bold";
    
 }




/* Card */
.mob-card-parents{
  width: 100%;
  display: flex;
  gap: 16px;
  background: #fff;
  margin-bottom: 20px;
      overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    margin-bottom: 20px;
}
.mob-card-parents::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}
.card-image-mob {
  position: relative;
  width: 100%;
  height: 210px;
  overflow: hidden;
}

.card-img-mob {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.card-eventhubmobile {
  width: 60vw;      /* take 60% of viewport width */
  min-width: 240px; /* but never smaller than 280px */
      max-width: 320px;
          flex-shrink: 0;
}
.card-content-mob {
  border: 0.5px solid #e0e0e0;
  max-height: 225px;
}

.tour-type-mob {
  
 font-size: clamp(12px, 2.5vw, 16px);
  color: #9a9a9a;
  margin: 0 0 6px;
  letter-spacing: 0.5px;
}

.card-title-eventhubmobile {
  font-size: clamp(0.75rem, 4vw, 1.4375rem);
  margin: 0 0 6px;
  line-height: 1.2;
  color: #0f1724;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}
.card-info-mob {
  color: #201f1f;
  margin: 0 0 6px;
  font-size: clamp(12px, 2vw, 23px);
}

.card-rating-mob {
 
  margin-top: 4px;
  margin-bottom: 4px;
}
.rating-mob {
  display: flex;
  align-items: center;
   gap: 1px; 
}
.card-pricing-discount-mob{
color: black;
  font-size: 12px;

} 
.card-pricing-discount-mob span{
  text-decoration: line-through;
  color: rgb(34, 33, 33);
  /* padding-left: 3px; */
}
.rating-num-mob{
  font-size: 12px;
  display: flex;
  align-items: center;
    color: black;
    padding-left: 3px;

}
.card-price-mob {
 padding-bottom: 15px;
  margin: 0;
  color: black;
  /* position: relative; */
}

.card-price-mob span {
  font-size: 12px;
  color: #cf5353;

}
.card-price-mob .perperson{
  font-size: 11px;
  color: black;
}
.card-location-mob{
  position: relative;
  padding: 1rem;
  margin-top: -10px;
}
.corner-icon-img-mob{
  position: absolute;
  top: 58%;
  right: 3px;
}
.corner-icon-mob{
width: 63px;
    height: 86px;
}
   
.card-top-bar-mob {
  background-color: #007bff; /* or any blue you like */
  height: 10px;             /* fixed height */
  width: 100%;              /* full width of card parent */
  margin-bottom: -2px; /* slight overlap with image */
}