.slick-arrows{
max-width:1524.72px;
}
/* .slick-slide{
background:#000;} */
.slick-slide > div{
overflow:hidden;}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
  display:flex;justify-content:center;align-items:centr;

    position: absolute;
    top: 50%;

   

    width: 35.74px;
    height: 73.64px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-size: 48px;
  font-weight: bold;
    line-height: 1;

    opacity: .75;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  transition: opacity 0.25s;
}

.slick-prev {
    left: 20px;
    z-index: 1;
}

[dir='rtl'] .slick-prev {
    right: 0;
    left: auto;
}

.slick-prev:before {
    content: "";
    display: block;
    width: 37.172px;
    height: 75.033px;
    background-image: url('https://2094550.fs1.hubspotusercontent-na1.net/hubfs/2094550/slider-left-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;}

.slick-next {
    right: 20px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: 0;
}

.slick-next::after {
    content: "";
    display: block;
    width: 37.172px;
    height: 75.033px;
    background-image: url('https://2094550.fs1.hubspotusercontent-na1.net/hubfs/2094550/slider-right-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slick-dots {
    position: absolute;
    bottom: 16px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 16px;
    height: 16px;
    margin: 0 8px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 16px;
    height: 16px;
    padding: 8px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 1;

    position: absolute;
    top: 0;
    left: 0;

    width: 16px;
    height: 16px;

    content: '\f111';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: opacity 0.25s;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

/**
 * Photo
 */

.photo {
  background-size: cover;
  background-position: center center;
  padding-bottom: 5%;
  will-change: transform;
  min-height:50vw;
  
  &.is-animating {
    animation: scale 5s ease-in-out forwards;
  }
  
  &:before {
    content: "";
    display: block;
  }
  
  * > {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
  }
}


/**
 * Wrapper
 */

.wrapper {
  margin-right: auto;
  margin-left: auto;
  max-width: 45em;
  width: 90%;
}

/* Top gradient overlay */
.cards.slider-cards{
position:relative;}

/* .cards.slider-cards::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    z-index: 1;
} */

/* Bottom gradient overlay */
/* .cards.slider-cards::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%; /* Adjust the height as needed */
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    z-index: 1;
} */

.cards.slider-cards .buttons{
display:flex;
justify-content:center;
align-items:center;width:100%;}

.cards.slider-cards .ctas a{
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    padding: 13px 28px;
     text-transform: uppercase;
  border-radius: 3px;
}
.cards.slider-cards .ctas{
display:flex;
justify-content:center;
align-items:center;width:100%;}
.cards.slider-cards .ctas .free-pass{
    background: #f6841f;
    border: 1px solid #f6841f;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    transition: .4s ease-in-out;
}
.cards.slider-cards .ctas a:hover{
  transition: .4s ease-in-out;
  border: 1px solid #fff;
}
.cards.slider-cards .ctas .join-online{
    background: #1e8dc7;
    border:1px solid #1e8dc7;
    color: #fff;
    margin-left: 45px;
    text-decoration: none;
    transition: .4s ease-in-out;

}


.cards.slider-cards .inner{
  position:relative;
}
.cards.slider-cards .content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:100%;
  padding:0 30px;
}
.cards.slider-cards .copy p:before, .cards.slider-cards .copy p:after {
  content:' '; background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NyIgaGVpZ2h0PSIyIj48bGluZSB4Mj0iNTciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2M5YzljOSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+') no-repeat center top; 
    position:absolute; left:0; width:100%; height:2px;
}
.cards.slider-cards .copy p:after {
  bottom:0;
}
.cards.slider-cards .copy p:before{
  top:0;
}
.cards.slider-cards h3 a{
  text-decoration:none;
  color:#1F8DC7; transition: .4s ease-in-out;
  width:100%;
  display:flex;
}
/* .cards.slider-cards h3:hover a{
  color:#1F8DC7; transition: .4s ease-in-out;
} */
.cards.slider-cards h3{
  position:relative;
  font-size:150px;
   transition: .4s ease-in-out;
  font-weight:bold;
  letter-spacing:7.36px;
  line-height:1.33em;
  text-align:center;
  color:#fff;
  font-family:'Azo Sans', sans-serif;
  text-transform:uppercase;
}
.cards.new-cards.slider-cards{
padding:0;}
.cards.slider-cards .top-content{
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 100px;
  width:100%;
  z-index:2;
}
.cards.new-cards.slider-cards .top-content h2{
  background:transparent;width:100%;text-align:center;color:#fff;}
.cards.new-cards.slider-cards .copy p{
  color:#fff;
  margin-top:88px;
  margin-bottom:32px;
  text-align:center;
      color: #fff;
    font-family: Nunito Sans, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 4.8px;
    padding: 13px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;

}
.cards.new-cards.slider-cards .copy, .cards.new-cards.slider-cards .buttons{
z-index:10;}
.cards.new-cards.slider-cards .copy, .cards.new-cards.slider-cards .card{
  margin-bottom:-2px;
}
.cards.new-cards.slider-cards .copy-buttons-wrap{
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom:100px;
  width:100%;
}
.cards.slider-cards .bottom-content{
  z-index:10;
}
.cards.slider-cards .photo{
position:relative;}
.cards.slider-cards .photo .image-overlay{
 position:absolute;
  left: 50%;
  top:0;
  bottom:0;
  transform: translateX(-50%);
 background:#000;
  opacity:38%;
  height:100%;
width:100%;
}

@media (max-width:1600px){
  cards.new-cards.slider-cards h3{
  font-size:90px;}
}


@media (max-width:1440px){
  .cards.slider-cards .top-content{
  top:50px;
  }
  .cards.new-cards.slider-cards .copy-buttons-wrap{
  bottom:50px;}
  .cards.new-cards.slider-cards h3{
  font-size:100px;}
  
  .copy-buttons-wrap{

  bottom:50px;
}
  .cards.slider-cards .ctas .join-online{
  margin-left:22px;}
}
@media (max-width:1270px){
    .cards.new-cards.slider-cards h3{
  font-size:60px;}
 .cards.new-cards .top-content h2, .cards.new-cards.slider-cards .copy p{
    font-size:18px;
  }
}
@media (max-width: 1210px) {
    .cards.slider-cards .ctas a{
        padding: 12px 8px;
      font-size:14px;
    }

}

@media (max-width:1050px){
    .cards.new-cards.slider-cards h3{
      padding-left:20px;
      padding-right:20px;
  font-size:45px;}
 .cards.new-cards .top-content h2, .cards.new-cards.slider-cards .copy p{
    font-size:16px;
  }
}

@media (max-width:767px){
     .cards.slider-cards .ctas .join-online{
  margin-left:11px;
}
.cards.new-cards.slider-cards .copy-buttons-wrap{
  bottom:20px !important;}
  .cards.slider-cards .content{
  padding:0 5px;}
     .cards.new-cards.slider-cards h3{
  font-size:22px;
       padding:0;
  line-height:1.2em;letter-spacing:4px;}
  .photo {
    min-height:100vw;
  }
/*   .cards.slider-cards .buttons{
  flex-direction:column;} */
  .slick-prev,
  .slick-next {
  width:30px;
    height:30px;
    z-index:15;
  }
  .slick-next::after, .slick-prev::before{
        width:18px;
    height: 32px;
  }
  .slick-prev{
  left:0;}
  .slick-next{
  right:0;}
  .cards.new-cards.slider-cards .copy p {
    font-size: 15px;
    margin: 0 0 10px 0;
    
    }
    .cards.slider-cards .top-content{
  top:35px;
  }
  .cards.new-cards.slider-cards .copy-buttons-wrap{
  bottom:35px;}
}