.cards.new-cards {padding:120px 0 100px; background:#EFEFEF; }

.cards.new-cards .all-clubs{
  margin-top:50px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-transform:uppercase;
  transition:0.4s ease-in-out;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2em;
}
.all-clubs a{
  text-decoration:none;
      display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
  background:#1e8dc7;
  border:1px solid #1e8dc7;
  transition:0.4s ease-in-out;
  color:#fff;
      padding: 13px 25px;
    font-weight: bold;
    letter-spacing: 1.4px;
  border-radius:3px;
}

.cards.new-cards .all-clubs:hover a{
transition:0.4s ease-in-out;
 border: 1px solid #fff;
}
.cards.new-cards .top-content {text-align:center;}
.cards.new-cards .top-content h2 {
/*   background:#000; */
  font-size:24px;
/*   color:#fff; */
  color:#000;
  font-weight:bold; letter-spacing:4.8px; position:relative; 
  padding:13px 0; text-transform:uppercase; margin-bottom:48px;}
.cards .top-content h2:before, .cards .top-content h2:after {
  content:' '; background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NyIgaGVpZ2h0PSIyIj48bGluZSB4Mj0iNTciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2M5YzljOSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+') no-repeat center top; 
    position:absolute; left:0; width:100%; height:2px;
}
.cards.new-cards .top-content h2:before {top:0;}
.cards.new-cards .top-content h2:after {bottom:0;}
.cards.new-cards .top-content p {font-size:18px; line-height:36px; margin-bottom:50px;}

.cards.new-cards .the-cards {display:flex; flex-wrap:wrap;}
.cards.new-cards .the-cards .card {flex:0 0 33.33%; padding:15px; display:block; text-decoration:none;}
.cards.new-cards .the-cards .card .card-inner {overflow:hidden;position:relative;}
.cards.new-cards .the-cards .card .card-inner .pic {height:670px; background:#000 no-repeat center center; background-size:cover;}
.cards.new-cards .the-cards .card .card-inner .content {color:#fff;position:absolute; bottom:0; background:transparent; padding:1px 45px 45px;}

.cards.new-cards .the-cards .card.dont-link-this-card {cursor:default;} 

.cards.new-cards .the-cards .card .card-inner .content h2 {
  font-size:31px;
  letter-spacing:0.2em; line-height:1.35em;
  text-transform:uppercase; position:relative;
  padding:12px 0; margin-bottom:27px;
  font-weight:bold;
  letter-spacing:6.2px;
  color:#fff;
}

.cards.new-cards .the-cards .card .card-inner .content p, .cards.new-cards .the-cards .card .card-inner .content li  {font-size:14px; line-height:28px; font-weight:600;}
.cards.new-cards .the-cards .card .card-inner .content ul {list-style:outside disc; padding-left:20px;}
.cards.new-cards .the-cards .card .card-inner .content .button {display:none;}

.smart-google-map {
/*     background-color: #000; Black background */
    text-align: center;
    margin:100px 15px;
  padding:0;
}

.smart-google-map .club-list {
    display: grid;
     grid-template-columns:1fr 1fr 1fr;
    grid-column-gap:42px;
}

.smart-google-map .club {
  position:relative;
/*     background-color: #111; /* Darker background */ */
    color: #fff;
    text-align: left;
    overflow: hidden;
    text-decoration: none; /* Remove underline from links */
    transition: transform 0.3s ease;
  width:98%;
}

.smart-google-map .club img {
  width: auto;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scale(1);
  transition: transform 0.4s ease;
}

.smart-google-map .club:hover img {
    transition: transform 0.4s ease;

  transform: translateX(-50%) scale(1.1); /* Zoom in on hover */
}

.smart-google-map .club .club-inner {
  overflow:hidden;
/*     padding: 20px; */
    position: relative;
  padding-top:150%;
}

.smart-google-map .club img {
    width: auto;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
/*     border-bottom: 4px solid #f06d2f; /* Orange bottom border */ */
}

.smart-google-map .club h3 {
    font-size: 31px;
    padding:15px 0;
    text-transform: uppercase;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  position:relative;
    justify-content:center;
  margin-bottom:30px;
  color:#fff;
  letter-spacing:6.2px;
}
.smart-google-map .club h3:before{
  content:"";
  background:#fff;
  width:100%;
  max-width:81px;
  height:2px;
  position:absolute;
  top:0;
  left:0;
}
.smart-google-map .club h3:after{
  content:"";
  background:#fff;
  width:100%;
  max-width:81px;
  height:2px;
   position:absolute;
   bottom:0;
  left:0;
}
.smart-google-map .club-data{
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  padding:45px 35px;
  height: 100%;
  font-family:'Nunito Sans', sans-serif;
    display: flex;
    
    justify-content: flex-end;
    flex-direction: column;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.smart-google-map .club p {
    margin-bottom: 26px;
    color:#fff;
  font-weight:bold;
  font-size:20px;
  line-height:1.2em;
}

.smart-google-map .signature-club {
    font-size: 0.9em;
    font-weight: bold;
    color: #f06d2f; /* Orange color for signature club */
    margin-bottom: 10px;
}

.smart-google-map .club .select-club {
   
    text-decoration: none;
    padding: 13px 25px;
    font-weight: bold;
    letter-spacing: 1.4px;
    border-radius: 3px;
    text-transform: uppercase;
    background: #F6841F;
    border: 1px solid #F6841F;
    color: #fff;
    transition: 0.4s ease-in-out;
    text-align: center;
  font-size:14px;
      display: flex;
    width: fit-content;
}

.smart-google-map .club .select-club:hover {
    border:1px solid #fff; /* Slightly darker orange on hover */
}

/* For responsiveness */
@media (max-width: 768px) {
    .smart-google-map .club-list {
        flex-direction: column;
        align-items: center;
    }
  .smart-google-map .club .club-inner{
  padding-top:90%;}

    .smart-google-map .club {
        width: 100%;
        max-width: unset;
      margin: 0 auto;
    }
  .smart-google-map .club{
  width:100%;}
}


/* Tablet + Mobile */
/* @media (max-width:768px) {
  .cards.new-cards .the-cards {flex-direction:column;}
  .cards.new-cards .the-cards .card .card-inner .content {background:#000; color:#fff;}
  .cards.new-cards .the-cards .card .card-inner .content .top.black {opacity:1;} 
  .cards.new-cards .the-cards .card .card-inner .content h2 {font-size:14px;}
  .cards.new-cards .the-cards .card .card-inner .content p {font-size:12px; line-height:20px; margin-bottom:15px;}
  .cards.new-cards .the-cards .card .card-inner .content .button {
    display:inline-block; font-size:12px; letter-spacing:0.1em; font-weight:bold; padding:10px 30px; border:1px solid #fff; border-radius:3px;
  }
}
 */

/* Animation + Hover Only on Desktop */
/* @media (min-width:768px) {
  .cards.new-cards .the-cards .card .card-inner .pic, 
  .cards.new-cards .the-cards .card .card-inner .content,
  .cards.new-cards .the-cards .card .card-inner .content .top {transition:all 0.25s ease;}

  .cards.new-cards .the-cards .card:hover .card-inner .pic {transform:scale(1.2, 1.2);}
  .cards.new-cards .the-cards .card:hover .card-inner .content {background:#000; color:#fff;}
  .cards.new-cards .the-cards .card:hover .card-inner .content .top {opacity:0;}
  .cards.new-cards .the-cards .card:hover .card-inner .content .top.black {opacity:1;}
}
 */

@media (max-width:1440px){
  
  .smart-google-map .club h3 {
    font-size:28px;
  }
  .smart-google-map .club p {
  font-size:18px;
  }
  .smart-google-map {
    margin:50px 15px;
  }
  .cards.new-cards {padding:50px 0;}
  .smart-google-map .club-data{
  padding:40px 30px;}
  .smart-google-map .club h3{
    padding:10px 0;
    font-size:25px;}
  .smart-google-map .club-list{
  grid-column-gap:30px;}
}
@media (max-width:991px){
  .smart-google-map .club-list{
  grid-column-gap:15px;}
  .smart-google-map .club-data{
  padding:30px 20px;}
    .smart-google-map .club h3{
    font-size:20px;
      margin-bottom:15px;
  }
  .smart-google-map .club{
  width:100%;}
      .smart-google-map .club p{
     font-size:16px;
     margin-bottom:15px;
     }
  .cards.new-cards .all-clubs{
  font-size:16px;}
  
  
}
@media (max-width:767px){
  .smart-google-map .club-list{
  grid-template-columns:1fr;
    grid-row-gap:35px;
  }
 
}