.sold-out-tag,
.sold-out-tag .fusion-column-wrapper {
   max-content;
}

.sold-out-tag p {
   text-wrap: nowrap;
}

.hero-video {
   max-height: 60vh;
   overflow: hidden;
}

.hero-video video {
   height: 100%;
   max-height: 60vh;
}

.package-card {
   position: relative;
   overflow: hidden;
}

.package-card .fusion-li-item-content p {
   line-height: 20px;
}

.package-card .fusion-column-wrapper {
   overflow: hidden;
}

.package-card .ss-ball {
   position: absolute;
   top: 2rem;
   right: 3rem;
   z-index: 10;
}

.package-card.selected .fusion-column-wrapper:not(.fusion-layout-column .fusion-layout-column) {
   background: #1A1A69;
   color: #FFF;
}

.package-card.selected .fusion-text,
.package-card.selected .fusion-li-item-content p,
.package-card.selected .fusion-title p {
   color: #FFF;
}

.package-card.selected .fusion-li-icon {
   color: #BEE845;
}


@media screen and (max-width: 800px) {
  
  .ft-package .fusion-column-wrapper {
     background-position: -250% -40%!important;
  }
  
  .benefits h4.fusion-title-heading {
     font-size: 18px!important;
     line-height: 22px!important;
  }
  
  .benefits .club-col .fusion-image-element img {
     aspect-ratio: auto;
     max-height: 150px;
     width: 100%;
  }
  
  .benefits .club-col .fusion-image-element .fusion-imageframe {
     border-radius: 12px;
     width: 100%;
  }
  
}

@media screen and (max-width: 750px) {
  
  .ft-package .fusion-column-wrapper {
     background-position: -150% -40%!important;
   }
}

@media screen and (max-width: 700px) {
  
  .ft-package .fusion-column-wrapper {
     background-position: -100% -40%!important;
   }
}

@media screen and (max-width: 600px) {
  .package-card .fusion-title p {
     line-height: 24px!important;
  }
  
  .ft-package .fusion-column-wrapper {
     background-position: -75% -50%!important;
  }
   
   .hero-video {
      height: 50vh;
      max-height: 50vh;
   }
   
   .hero-video .fusion-video,
   .hero-video .video-wrapper,
   .hero-video video {
      height: 100%!important;
   }
   
}

@media screen and (max-width: 500px) {

  .ft-package .fusion-column-wrapper {
     background-position: -50% -50%!important;
   }
}

@media screen and (max-width: 400px) {

  .ft-package .fusion-column-wrapper {
     background-position: -30% -50%!important;
   }
}