@font-face {
    font-family: 'mindshare';
    src: url('fonts/mindshareFont.otf');
    font-display: swap;
  }

  @font-face {
    font-family: 'mindsharePen';
    src: url('fonts/mindsharePen.ttf');
    font-display: swap;
  }

  @font-face { 
    font-family: 'Montserrat'; 
    src: url('fonts/Montserrat.ttf');
    font-display: swap;
}


  html{
    scroll-snap-type: y proximity;
    position: relative;
    height: 100%;
    color: #fff;
  }
body{
    height: 100%;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #1a1a1a;
    background: -webkit-radial-gradient(circle at 10% 20%, #33373b 0%, #121212 100%);
    background: -moz-radial-gradient(circle at 10% 20%, #33373b 0%, #121212 100%);
    background: -o-radial-gradient(circle at 10% 20%, #33373b 0%, #121212 100%);
    background: radial-gradient(circle at 10% 20%, #33373b 0%, #121212 100%);
    height: 100vh; /* Ensure the body covers the full viewport */
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    position: relative;
}
html ,  body{
    overflow-x: hidden;
}

#countdown_wrapper{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#countdown{
    font-size: 10em;
    background: #2373db;
    background: linear-gradient(81deg, #3498db 0%, #ffd670 82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 100%;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
}

@media (max-width:450px){
    #countdown{
        font-size: 2.8em;
    }
}

#countdown_desc{
    font-size: 1.5em;
    color: #939393;
}

.signupPage_container{
    background: inherit; /* Ensure these elements inherit the body background */
    color: inherit; /* Ensure text color is consistent */
}

a{
    color: #ffb700;
}
button{
    font-weight: normal;
}

.error_banner{
    background-color: red;
    width: 100%;
    text-align: center;
    padding: 10px;
    position: fixed;
    bottom: 0;
    z-index: 20;
}

.bodyHeaderText{
    color: #fff;
}
.loader_bg{
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    height:100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.467);
    top: 0;
    left: 0;
    z-index: 100;
}
.loader , .updateCard_loader {
    border: 9px solid #f3f3f3;
    border-radius: 50%;
    border-top: 9px solid #ffb700;
    width: 35px;
    height: 35px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }

  .mainLoader{
    border: 9px solid #f3f3f3;
    border-radius: 50%;
    border-top: 9px solid #ffb700;
    width: 35px;
    height: 35px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: absolute;
    top: 40%;left: 42%;
    transform: translate(-50%, -50%);
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .cardSubmitLoader{
    border: 9px solid #f3f3f3;
    border-radius: 50%;
    border-top: 9px solid #ffb700;
    width: 35px;
    height: 35px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }

.loading_test{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    color: #ffb700;
}

.bodyText{
    color: #fff;
    width: 60%;
    margin: auto;
}
input{
    border-radius:0;
    outline: none;
    -webkit-border-radius: 0;
}
    .nav{
        display: flex;
        align-items: baseline;
        justify-content: center;
        width: 100%;
        position: fixed;
        z-index: 7;
        margin-bottom: 70px;
    }

    .navHome{
        margin-bottom: auto;
    }
    .logo_homeLink{
        position: absolute;
        left:10px;
        top:20px;
        height: 50px;
        z-index: 7;
        
    }

    @media (max-width:450px) {
        .logo_homeLink{
            position: absolute;
            left:10px;
            height: 50px;
        }
    }
    
    .logoIcon{
        height: 90%;
    }
  .nav > .nav-btn {
    display: none;
  }
  
  .nav > .nav-links {
    display: inline;
    font-size: 18px;
  }
  
  .home-nav-links {
    display: inline-block;
    padding: 13px 10px 13px 10px;
    text-decoration: none;
    color: #fff;
  }
  .home-nav-links:first-of-type {
    padding-top: 70px;
  }
  
  .home-nav-links:hover {
    color:#ffb700;
    transition:.2s;
  }
  
  .nav > #nav-check {
    display: none;
  }
  

    .nav > .nav-btn {
      display: inline-block;
      position: absolute;
      right: 0px;
      top: 20px;
      z-index: 9;
    }
    .nav > .nav-btn > label {
      display: inline-block;
      width: 50px;
      height: 50px;
      padding: 13px;
      
    }


    .nav > .nav-links {
      position: absolute;
      display: block;
      width: 100%;
      background-color: #000000ed;
      opacity: 0.9;
      height: 0px;
      transition: all 0.3s ease-in;
      overflow-y: hidden;
      top: 0px;
      left: 0px;
      z-index:8;
    }
    .home-nav-links {
      display: block;
      width: 100%;
    }
    .nav > #nav-check:not(:checked) + .nav-links {
      height: 0px;
    }
    .nav > #nav-check:checked + .nav-links {
      height: 100vh;
      overflow-x: hidden;
    }



    .home-nav-links{
        text-align: left;
        color:#fff;
        font-size: 1.2em;
        text-decoration:none;
        padding:10px;
        letter-spacing: 5px;
        line-height: 60%;
        text-shadow: 0px 0px 20px #000;
        background-color: transparent;
        border: none;   
  }

  .nav > .nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding:0;
    background-color: transparent;
    width: 3%;
    right: 20px;
    top: 20px;
}

@media (max-width:450px){
    .nav > .nav-btn {
        width: 10%;
    }
}
.nav > .nav-btn > label{
    height:100%;
    width: 100%;
    margin: 0%;
    padding:0%;
}

.nav > .nav-btn > label > span{
    display: block;
    height: 2px;
    background-color:#fff ;
    margin: 0;
    margin:8px;
    text-align: center;
    width: 100%;
    box-shadow: 1px 1px 6px 2px #000;  
}

.nav_ig_link{
    width: 45px;
    opacity: 1;
}
.home-nav-links{
    opacity: 1;
}
.LinkRemove{
    display: none !important;
}

.mainContainer{
    position: relative;
    width: 100%;
    height:80vh;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 1;
}

@media (max-width: 850px) {
    .mainContainer{
        width: 100%;
    }
} 

    @media (max-width:450px){
        .mainContainer{
            width: 100%;
            height:100vh;
            overflow: hidden;
            margin: 0;
            padding: 0%;
            scroll-snap-align:start; 
        }
    }

    .mainContainer_text{
        z-index: 4;
        position: absolute;
        top: 15%;
        left: 5%;
        width: 100%;
       
    }
    @media (max-width:450px){
        .mainContainer_text{
            top: 15%;
            left: 2%;
        }
    }

    .mainContainer_text_landing{
        z-index: 4;
        position: absolute;
        top: 50%; right: 50%;
        transform: translate(50%,-50%);
        width: 100%;
        /* text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.412); */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
    }

    .mainText_small{
        font-size: 2em;
        color: #ffffff;
        margin: 0;
        text-shadow: 1px 1px 5px #000000;
    }
    @media (max-width:450px){
        .mainText_small{
            font-size: 1.4em;
        }
    }
    
    .mainText_large{
        font-size: 5em;
        font-weight: bold;
        /* color: #ffb700; */
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        font-weight:800;
        text-shadow: 1px 1px 6px #333333;
    }
    @media (max-width:450px){
        .mainText_large{
            font-size: 2.8em;
        }
    }
    .grow{
        font-weight: 550;
    }

    #for_text{
        font-weight: bold;
        color: #ffb700;
    }
    #for_you{
        color: #ffb700;
    }
.mainImage{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    opacity: 0.2;
   
}
    @media (max-width:450px){
        .mainImage{
            width:auto;
            height: 100%;
            position: absolute;
            top: 50%; right: 50%;
            transform: translate(50%,-50%);
            z-index: 3;
        }
    }
.mainButtons_container{
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
    
}
    @media (max-width:850px){
        .mainButtons_container{
            width:90%;
        } 
    }

    @media (max-width:450px){
        .mainButtons_container{
            width:100%;
            flex-direction: column;
        }
    }
.mainButtons{
    background-color: #0000009f;
    border: none;
    padding: 10px;
    margin: 20px;
    width: 100%;
    font-size: 1.2em;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: 60px;
    font-family: 'Montserrat', sans-serif;
}
    @media (max-width:450px){
        .mainButtons{    
            width: 70%;    
            margin: 10px;
            font-size: 1em;
        }
    }

.mainButtons:hover{
    background-color: #000000d1; 
}

.bookTour{
    border: 1px solid #fff;
    color: #fff;
}
.joinClub{
    border: 1px solid #ffb700;
    color: #ffb700;
}

.scrollToSignupBtn{
    border: none;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    background-color: transparent;
    display: block;
    text-align: center;
    margin: 20px auto;  
}

.keyPoints_container{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 90%;
    margin:auto;
    margin-bottom: 45px;
}
@media (max-width:850px){
    .keyPoints_container{    
        flex-wrap: wrap;
    }
    .pointBreak{
        flex-basis: 100%;
    }
    .keyPoint_wrapper{    
        margin: 25px;
    }
}
@media (max-width:450px){
    .keyPoints_container{    
        flex-direction: column;
    }
}

.welcome_container{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin:50px auto;
    width: 70%;
    
}
    /*ipad pro Portrait */
    @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {
        .welcome_container{
            width: 75%;
        } 
    }
 
@media (max-width:850px){
    .welcome_container{    
        width:80%
    }
}
    @media (max-width:450px){
        .welcome_container{    
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: auto;
        margin-top: 50px;
        }
    }

.video_container{
    width: 45%;
    display: flex;
    justify-content: flex-end;
}

    @media (max-width:850px){
        .video_container{    
            width: 60%;
        }
    }

    @media (max-width:450px){
        .video_container{    
            width: 90%;
            display: flex;
           align-items: center;
           justify-content: center;
        }
    }
.welcome_videoTour{
    width: 60%;
    box-shadow: 0px 1px 20px 4px #121212;
    border-radius: 6px;
}
    /*ipad pro Portrait */
    @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {
        .welcome_videoTour{
            width: 70%;
        } 
    }

    @media (max-width:850px){
        .welcome_videoTour{    
            width: 100%;
        }
    }
    @media (max-width:450px){
        .welcome_videoTour{    
            width: 90%;
        }
    }
.welcome_text_container{
    display: flex;
    width: 45%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
    @media (max-width:850px){
        .welcome_text_container{    
            justify-content: flex-end;
        }
    }
    @media (max-width:450px){
        .welcome_text_container{    
            width: 90%;
        }
    }

.virtualTour_title{
    font-size: 3em;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
    margin: 5px;
    text-align: center;
}
    @media (max-width:850px){
        .virtualTour_title{    
            font-size: 2em;
        }
    }

.welcome_arrow{
    width: 65%;
    margin-top: 0%;
    padding-top: 0;
}
    @media (max-width:450px){
        .welcome_arrow{    
            display: none;
        }
    }

.welcome_arrow_mobile{
    display: none;
}
    @media (max-width:450px){
        .welcome_arrow_mobile{ 
            display: block;   
            width: 65%;
            margin-top: 0%;
            padding-top: 0;
        }
    }

.title_arrow_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}    
    @media (max-width:450px){
        .title_arrow_container{ 
            margin-top: 20px;
            display: flex;
            flex-direction: column-reverse;
        }
    }

.largeWelcomeText{
    font-size: 2.5em;
    color: #ffffff;
    display: block;
    margin: 20px auto;
    text-align: center; 
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
    margin-bottom: 0px;
}
@media (max-width:450px){
    .largeWelcomeText{ 
        font-size: 1.7em;
        width: 85%;
    }
}
.largeWelcomeText_companionText{
    color: #ffffff;
    display: block;
    margin: 10px auto;
    text-align: center; 
    font-weight: bold;
    margin-bottom: 20px;
    font-size: .9em;
}

.notConvinced_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    width: 60%;
    margin-bottom: 50px;
}
.notConvinced_text{
    font-size: 1em;
    color: #ffffff;
    display: block;
    margin: 10px auto;
    text-align: center; 
    margin-top: 50px;
}
.notConvincedButton{
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
}
.notConvinced_link{
    text-decoration: none;
    padding: 10px;
    color: #ffb700;
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    border: 2px solid #ffb700;
    border-radius: 6px 0px 0px 6px;
    border-right: none;
    height: 90%;
    font-size: 1.5em;
    margin-right: 2px;
    display: flex;
    align-items: center;
}
.tourBtnImg{
    height: 100%;
    margin-left: 0;
}


.keyPoint_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
    @media (max-width:450px){
        .keyPoint_wrapper{    
            margin: 25px;
        }
    }
.keyPoint_title{
    font-size: 3em;
    color: #ffb700;
    margin: 0%;
    padding: 0%;
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
}
    

.keyPoint_subtitle{
    font-size: 1.5em;
    color: #ffffff;
    margin: 0%;
    padding: 0%;
    text-align: center;
}
.keyPoint_desc{
    color: #ccc;
    margin: 0%;
    padding: 0%;
}
.finePrint{
    font-size: .8em;
    color: #ccc;
    text-align: center;
    font-style: italic;
}
.studioTitle{
    color: #f3f3f3;
}

.upgradeDetails_title_wrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
    margin: auto;
    margin-top: 150px;
}
.upgradeDetails_subTitle{
    font-size: 1.2em;
    color: #fff;
    margin-bottom: 5px;
}
.upgradeDetails_title{
    font-size: 2.5em;
    color: #ffb700;
    margin-top: 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
}

.joinClub_btn{
    display: block;
    text-align: center;
    background-color: #0000009f;
    border: none;
    padding: 10px;
    margin: 20px auto;
    width: 40%;
    font-size: 1.2em;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    color: #ffb700;
    border: 1px solid #ffb700 ;
    border-radius: 60px;
   
}
.tourBtn{
    width:50%;
}
@media (max-width:850px){
    .joinClub_btn{
       width: 65%;
    } 
}

@media (max-width:450px){
    .joinClub_btn{
        margin: 30px auto;
        width: 80%;
    }
}
.workDifferent{
    font-family: mindsharePen;
    color: #ffb700;
    font-size: 2.3em;
    position:absolute;
    top: 72%; right: 50%;
    transform: translate(50%,-50%); 
    margin: 0 auto;
    white-space: nowrap;
}

.learnMore_btn{
    display: block;
    margin: 20px auto;
    background-color: transparent;
    border: none;
    outline: none;
    color: #ffb700;
}

#downIcon {
    animation: jiggle 0.2s ;
    animation-duration: 0.2s;
    animation-name: jiggle;
    animation-iteration-count: infinite;
    transform: rotate(-6deg);

    -webkit-animation: jiggle 0.2s ;
    -moz-animation-duration: 0.2s;
    -moz-animation-name: jiggle;
    -moz-animation-iteration-count: infinite;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
}

@keyframes jiggle {
    0% {
        -webkit-transform: rotate(-1deg);
        }
    50% {
        -webkit-transform: rotate(1deg);
    }
}

@-moz-keyframes jiggle {
    0% {
        -moz-transform: rotate(-1deg);
    }
    50% {
        -moz-transform: rotate(1deg);
    }
}

@-webkit-keyframes jiggle {
    0% {
        -webkit-transform: rotate(-1deg);
        }
    50% {
        -webkit-transform: rotate(1deg);
    }
}

#comingSoonText{
    display: block;
    margin: auto;
    text-align: center;
    font-family: mindsharePen;
    font-weight: normal;
    color: #ffb700;
}

.main_sections{
    display: flex;
    flex-direction: column;
    width: 85%;
    margin: auto;
    margin-top: 10%;
}
    /*ipad pro Portrait */
    @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {
        .main_sections{
            width: 90%;
        } 
    }

@media (max-width:850px){
    .main_sections{
       width: 60%;
       align-items: center;
       justify-content: center;
    } 
}
    @media (max-width:450px){
        .main_sections{
            width: 100%;  
            margin-top:0;         
        }
    }

.blackSection{
    width: 100%;
    margin:auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height:75vh;
    background: inherit;
    position: relative;
    margin-bottom: 10%;
}
    /*ipad pro Portrait */
    @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {
        .blackSection{
            width: 100%;
            flex-direction: column;            
            justify-content: center;
            margin: 0;
            scroll-snap-align: center;
            margin-bottom:0;  
            height: auto;
        }
    }
@media (max-width:850px){
    .blackSection{
        width: 100%;
        flex-direction: column;            
        justify-content: center;
        margin: 0;
        scroll-snap-align: center;
        margin-bottom:0;  
        height: auto;
    } 
}
    @media (max-width:450px){
        .blackSection{
            width: 100vw;
            height: auto;
            flex-direction: column;            
            justify-content: flex-start;
            margin: 0;
            scroll-snap-align: center;
            margin-bottom:50px;
        }
        
    }
.blackSection:nth-child(even){
    flex-direction: row-reverse
}
    /*ipad pro Portrait */
    @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {
        .blackSection:nth-child(even){
            flex-direction: column;
        }
    }
@media (max-width:850px){
    .blackSection:nth-child(even){
        flex-direction: column;
    }
}
.perk_text_contain{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 35px;
    z-index: 2;
}
@media (max-width:450px){
    .perk_text_contain{
        margin: 0%;
        width: 100%;
        padding: 0%;
        align-items: center; 
        
    }
    
}

.blackSection:nth-child(even) .perk_text_contain {
    align-items: flex-end;
    margin-right: 35px;
}
@media (max-width:450px){
    .blackSection:nth-child(even) .perk_text_contain {
        align-items: center;
    }
}

.perkTitle{
    font-size: 8em;
    color: #ffb700;
    font-family: 'mindshare', sans-serif;
    line-height: 90%;
    margin: 0px;
    padding: 0%;
    text-shadow:3px -2px 2px #19191944;
    position: absolute;
    bottom: 0;
}
    @media (max-width:450px){
        .perkTitle{
            font-size: 5.5em;
            display: block;
            margin: 0 auto;
            text-align: center;
        } 
    }

.perkSubTitle{
    font-family: 'Montserrat', sans-serif;
    font-size: 3.5em;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0%;
    padding-bottom: 0%;
    font-weight: normal;
    color: #ffffff;
    width: 100%;

}

@media (max-width:450px){
    .perkSubTitle{
        width: 100%;
        margin: 0%;
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 90%;
        text-align: center;
        color:#1a1a1a;
        background-color: #ffb700;
        font-size: 2em;
    }
}

.perkDesc{
    color: #ffffff;
    font-family: 'Montserrat', sans-serif; 
    font-size: 1.4em;
    margin: 10px;
    padding: 0%;
    width:70%;
}
@media (max-width:850px){
    .perkDesc{
        width:100%;
    }
}
    @media (max-width:450px){
        .perkDesc{
            font-size: 1.3em;
            width:90%;
        }
    }

    .perkPics_wrapper{
        height:100%;
        margin:0 auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
        /*ipad pro Portrait */
        @media only screen 
        and (min-width: 1024px) 
        and (max-height: 1366px) 
        and (orientation: portrait) 
        and (-webkit-min-device-pixel-ratio: 1.5) {
            .perkPics_wrapper{
                width: 100%;
                position: relative;
              }
        }
    @media (max-width:850px){
        .perkPics_wrapper{
            width: 100%;
            position: relative;
          }
    }
    @media (max-width:450px){
        .perkPics_wrapper{
            height: auto;
            width: 100%;
            position: relative;
            display: auto;
        }
    }

.perkPic{
    height: 90%;
    position:absolute ;
    box-shadow:5px 5px 12px 6px #000;
    border-radius: 10px;
}
    /*ipad pro Portrait */
    @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {
        .perkPic{
            height: 80%;
        }
    }
    @media (max-width:850px){
        .perkPic{
            width: 100%;
          }
    }
    @media (max-width:450px){
        .perkPic{
            width: 100%;
            height: auto;
            position: static;
           
            border-radius: 20px 20px 0px 0px;
        }
    }

    .perkPics_yellow{   
        height: 100%;
    }
    /*ipad pro Portrait */
    @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {
        .perkPics_yellow{
            width: 60%;
            height: auto;
        }
    }
    @media (max-width:850px){
        .perkPics_yellow{
            width: 150%;
        }
    }
    @media (max-width:450px){
        .perkPics_yellow{
            display: none;
        }
    }

.perks_readMore{
    display: block;
    text-align: center;
    margin: 10px ;
    font-size: 1.2em;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    color: #ffb700;
}
.perks_readMore:hover{
    color: #ffb7009e;
}

.andMore_section{
    width: 100%;
    margin:auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height:60vh;
    background-color: #1a1a1a;
    scroll-snap-align:start;
}

.floorPlan{
    width:50%;
    display:block;
    margin:30px auto;
}
    @media (max-width: 850px) {
        .floorPlan{
            width:65%
            margin
        }
    }

    @media (max-width:450px){
        .floorPlan{
            width:85%
        }
    }

.extras_text_contain{
    display: flex;
    margin: auto;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
    height: fit-content;
    width: 100%;

}
/* .extras_text_contain::before{
    content: "";
    background-image: url('assets/wideBG.webp');
    background-size: cover;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.2;
} */

@media (max-width: 850px) {
    .extras_text_contain{
        margin:0 auto; 
    }
}

@media (max-width:450px){
    .extras_text_contain{
        margin:0 auto; 
    }
}
.extrasTitle{
    font-size: 8em;
    color: #ffb700;
    font-family: mindshare;
    line-height: 90%;
    margin: 10px;
    padding: 0%;
    opacity: 0;
}

@keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
     opacity:1;
    }
  }

  @keyframes fadeOut {
    from {
      opacity: 1;
    }
  
    to {
     opacity:0;
    }
  }
  
.extrasSubTitle{
    font-family: 'Montserrat', sans-serif;
    font-size: 3.5em;
    margin: 10px;
    padding: 0%;
    font-weight: normal; 
    color: #ffffff;
}

.moreDesc{
    font-family: 'Montserrat', sans-serif; 
    font-size: 1.4em;
    margin: 10px;
    padding: 0%;
    max-width:100%;
    color: #ffffff;
    text-align: center;
    line-height: 150%;  
    z-index: 2;
}

    @media (max-width:450px){
        .extrasTitle{
            font-size: 5em;
        }
        .extrasSubTitle{
            font-size: 1.7em; 
        }
        .moreDesc{
            max-width:90%;
            font-size: 1em;
            text-align: justify;
        }
    }

.arrow{
    color: #ffb700;
}
.arrow_text{
    color: #ffb700;
}

.arrowBullet{
    color: #ffb700;
}

.autoEntryAnimation{
    width: 25%;
    display: block;
    margin: auto;
}
@media (max-width:450px){
    .autoEntryAnimation{
        width: 50%;
        display: block;
        margin: auto;
    }
}

.whatIsAutoEntry_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.infoText{
    color:#fff;
    text-align:center;
    width:70%;
    margin:auto; 
}
.infoText_title{
    text-align:center;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffb700;
}

#toggleInfoButton{
    display: block;
    margin: 20px auto;
    background-color: transparent;
    color: #ffb700;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 1em;
    margin-top: 0px;
}

.viewGallery{
    text-decoration: none;
    background-color: transparent;
    border: none;
    padding: 10px;
    margin: 20px;
    width: 50%;
    text-align: center;
    font-size: 1.2em;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
}
.viewGallery:hover{
    border: 1px solid #ffb700;
    color: #ffb700;
    background-color: #000000d1; 
}
.aboutTitles{
    font-size: 3em;
    color: #ffb700;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    line-height: 90%;
    margin: 10px;
    padding: 0%;
    text-align: center;
    margin-top: 45px;
    z-index: 2;
}
.coworkingDef{
    width: 50%;
    font-style: italic;
    font-weight: 500;
    font-size: 1.2em;
    display: block;
    margin: 20px auto;
    text-align: center;
    color: #ccc;
}
@media (max-width:450px){
    .coworkingDef{
        width: 90%;
    }
}

.aboutText{
    width: 50%;
    text-align: center;
    color: #ffffff;
    display: block;
    margin: 25px auto;
    line-height: 150%;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 10px;
}
    @media (max-width:450px){
        .aboutText{
            width: 90%;
        }
    }
.aboutText.bold{
    font-weight: bold;
    text-align: left;
}

.definition_container{
    width: 50%;
    margin:50px auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
@media (max-width:450px){
    .definition_container{
        width: 90%;
    }
}
.definition , .definition_sub, .definition_desc{
    color: #ffffff;
    line-height: 99%;
    margin: 5px;
    padding:0;
}
.definition_desc{
    font-size: 1.2em;
    line-height:auto;
}

.price_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center ;
    margin-top: 40px;
    margin-bottom: 40px;
}
.price_compare_wrapper{
    display: flex;
    flex-direction: column;
    margin: 20px auto;
    align-items: center;
    justify-content: center;
}
.price{
    color: #ffb700;
    font-size: 4em;
    margin:0;
    padding:0;
}
.price_compare{
    color:#ccc ;
    text-decoration: line-through;
    font-style: italic;
    font-size: 2.5em;
    margin:10px;
    padding:0;
}

.priceDesc{
    color: #ffb700;
    font-size: 1.4em;
    margin:0;
    padding:0;
}
.price_subDesc{
    color: #ffffff;
    
    font-size: 1em;
    margin:0;
    padding:0;
}

#isCard-error{
    text-align: center;
    color: #ff0000;
}
/*Gallery page*/

.headerLogo{
    width: 15%;
    display: block;
    margin: 20px auto;
}
@media (max-width:450px){
    
.headerLogo{
    width: 25%;
}
}
.gallery_container{
  padding: 75px 0;
  margin: 0 auto;
  width: 1140px;

}

.gallery_wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 70vh;

}

.images {
  flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  transition: flex 0.8s ease;
  position: relative;
 } 
  .images:hover{
    flex: 7;
  }

.galleryText{
    background-color: #ffb700bb;
    font-family: 'mindshare', sans-serif;
    color: black;
    font-size: 2vw; 
    font-weight: bold;
    margin: 0 auto;
    padding: 10px 0px 10px 0px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*mix-blend-mode: screen;*/
}

.item-1 { 
  background-image: url('assets/slide1.jpg');
}

.item-2 { 
  background-image: url('assets/slide2.jpg');
}

.item-3 { 
  background-image: url('assets/slide3.jpg');
}

.item-4 { 
  background-image: url('assets/slide4.jpg');
}

.item-5 { 
  background-image: url('assets/slide5.jpg');
}

/*Join page*/

.signupPage_container{
    height: 100%;
    width: 100vw !important;
    margin: 0% auto !important;
    padding: 0px !important;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    margin: 0% ;
    padding: 0;
    position: absolute;
    left: 0;
    width: 100%;
    min-height: 100%;
    opacity: 0.2;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
}

@media (max-width:450px){
    .fullscreen-bg__video{
        width: auto;
        height: 100vh;
    } 
}


.introVideo{
    min-width: 100%;
    height: 100%;
}

.pageTitle{
    font-size: 8em;
    color: #ffb700;
    font-family: 'mindshare', sans-serif;
    line-height: 90%;
    margin: 10px;
    padding: 0%;
}
    /*ipad pro Portrait */
    @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {
        .pageTitle{
            font-size: 5em;
        } 
    }
    @media (max-width:850px){
        .pageTitle{
            font-size: 5em;
        } 
    }
    @media (max-width:450px){
        .pageTitle{
            font-size: 5.5em;
            display: block;
            margin: 0 auto;
            text-align: center;
        } 
    }

.pageSubTitle{
    font-family: 'Montserrat', sans-serif;
    font-size: 3.5em;
    margin: 10px;
    padding: 0%;
    font-weight: normal;
}


@media (max-width:450px){
    .pageSubTitle{
        width: 100%;
        margin: 0%;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        background-color: #ffb700;
        font-size: 1.6em;
    }
}
.membership_options_titles{
    color: #ffb700;
    margin-bottom: 0px;
}

.bookingPage_disclamer{
    width: 90%;
    display: block;
    margin: 20px auto;
}
/* newsletter */
.newsletter_container{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    min-height: 100vh;
}
    @media (max-width:450px){
        .newsletter_container{
            flex-direction: column;
            justify-content: center;
        }
    }
.newsletter_left_wrapper{
    width: 50%;
    margin-left: 50px;
}
.newsletter_right_wrapper{
    width: 30%;
    margin: 0;
    padding: 0;
    align-self: flex-end;
}
    @media (max-width:850px){
        .newsletter_left_wrapper{
            width: 70%;
            margin: auto;
        }
    }
    @media (max-width:450px){
        .newsletter_left_wrapper{
            width: 90%;
            margin: auto;
        }
        .newsletter_right_wrapper{
            width: 100%;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: flex-end;
        }
    }

.newsletter_logo_title_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.title_logo_form_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.newsletter_logo{
    width: 40%;
    margin-left: 30px;
}
.newsletter_title{
    color: #ffb700;
    font-size: 1.7em;
    margin-left: 30px;
}
    @media (max-width:450px){
        .newsletter_logo{
            margin: auto;
        }
        .newsletter_title{
            margin: auto;
            text-align: center;
        }
    }
#mc_embed_shell{
    width: 60% ;
    display: block;
    margin: 50px auto;   
}
    @media (max-width:450px){
        #mc_embed_shell{
            width: 90%;
            margin: 10px auto;   
        }
    }
#mc_embed_signup{
    background-color:#fff ;
    color: #000;
    border-radius:6px;
}
.required.email , .required.emfnameelm{
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #000 !important;
}
.helper_text{
    background-color: transparent !important;
    
}
#mc_embed_signup .mc-field-group input {
    color: #000 !important;
    border-radius: 0%;
}
#mc-embedded-subscribe{
    background-color: #000 !important;
    color: #ffb700 !important;
    width: 50% !important;
}
.newsletter_text_wrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 20px;
}

@media (max-width:450px){
    .newsletter_text_wrapper{
        margin-top: 0;
    }
}

.newsletter_desc_title{
    color: #ffb700;
    font-size: 1.9em;
}
.newsletter_desc{
    color: #ffffff;
}

.newsletter_img_wrapper{
    width: 40%;
    border: 1px solid yellow;
}
.newsletter_img{
    margin: 0;
    padding: 0;
}
@media (max-width:450px){
    .newsletter_img{
        display: none;
    }
}
.newsletter_img_mobile{
    display: none;
    margin: 0;
    padding: 0;
}
@media (max-width:450px){
    .newsletter_img_mobile{
        display: block;
        margin: 0px;
        padding: 0px;
        text-align: right;
        max-width: 100%;
    }
}
/* for join page */
.promo_container{
    display: flex;
    margin: auto;
    margin-top: 100px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40%;
    background-color: rgba(0, 0, 0, 0.53);
    border-radius: 10px;
    border: 1px solid #ffb700; 
}

.signup_action_text{
    font-size: 1.5em;
    font-weight: bold;
    color: #ffffff;
    margin: 0% auto;
    padding: 0px;
    margin-top: 10px;
}

.signup_text{
    color: #ffffff;
    text-align:center;
    font-size: 3em;
    font-weight: bold;
    width: 90%;
    margin: 15px auto;
    margin-bottom: 5px;
    margin-top: 0px;
}
.signup_sub_text{
    display: block;
    margin: auto;
    text-align:center;
    font-size: 1.5em;
    font-weight: bold;
    width: 100%;
    background-color: #3498db;
    border-radius: 0px 0px 10px 10px;
    padding: 6px;

}
/* ipad pro Portrait*/
@media only screen and (min-device-width: 1024px) 
and (max-device-height: 1366px) 
and (-webkit-min-device-pixel-ratio: 2)  
and (orientation: portrait){
    .promo_container{
        width: 65%;
    }
}

@media (max-width:850px){
    .promo_container{
        width: 70%;
    }
}
@media (max-width:450px){
    .promo_container{
        width: 90%;
    }
    .signup_action_text{
        font-size: 1.2em;
    }
    .signup_text{
        font-size: 2.3em;
    }
    .signup_sub_text{
        font-size: 1.2em;
    }
}
/* for landing page */
.promo_container_landing{
    display: flex;
    margin: auto;
    margin-top: 100px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40%;
    background-color: rgba(0, 0, 0, 0.53);
    border-radius: 10px;
    border: 1px solid #ffb700; 
}

.signup_action_text_landing{
    font-size: 4em;
    font-weight: bold;
    color: #ffffff;
    margin: 0% auto;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 65px;
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
    text-align: center;
}

@media (max-width:450px){
    .signup_action_text_landing{
        text-align: left;
    }
}
.signup_text_landing{
    color: #ffffff;
    text-align:center;
    font-size: 2em;
    font-weight: bold;
    width: 90%;
    margin: 15px auto;
    margin-bottom: 5px;
    margin-top: 0px;
}
/* .signup_sub_text_landing{
    display: block;
    margin: auto;
    text-align:center;
    font-size: 1.5em;
    font-weight: bold;
    width: 100%;
    background-color: #3498db;
    border-radius: 0px 0px 10px 10px;
    padding: 6px;
} */

.signup_sub_text_landing{
    margin: auto;
    margin-top: 100px;
    width: 30%;
    display: block;
    text-align:center;
    font-size: 1.5em;
    font-weight: bold;
    background-color: #3498db;
    border-radius: 10px;
    padding: 6px;
}

    /* ipad pro Portrait*/
    @media only screen and (min-device-width: 1024px) 
    and (max-device-height: 1366px) 
    and (-webkit-min-device-pixel-ratio: 2)  
    and (orientation: portrait){
        .promo_container_landing{
            width: 65%;
        }
        .signup_sub_text_landing{
            width: 50%;
        }
    }

    @media only screen and (max-height:770px) and (orientation : landscape) {
        .signup_sub_text_landing{
            width: 50%;
        }
    }

    @media (max-width:850px){
        .promo_container_landing{
            width: 70%;
        }
        .signup_sub_text_landing{
            width: 50%;
        }
    }
    @media (max-width:450px){
        .promo_container_landing{
            width: 90%;
        }
        .signup_action_text_landing{
            font-size: 3em;
        }
        .signup_text_landing{
            font-size: 1.6em;
        }
        .signup_sub_text_landing{
            font-size: 1.2em;
            width: 70%;
        }
    }
.signup_disclaimer_text{
    padding: 0;
    margin: 5px auto;
    text-align: center;
    margin: 35px auto;
    color: #ffffff;
    font-style: italic;
}
.signup_containers_wrapper{
    width: 35%;
    margin: auto;
    display: flex;
    align-items: flex-start;
}
.tour_containers_wrapper{
    justify-content: center;
}
    /* ipad pro Portrait*/
    @media only screen and (min-device-width: 1024px) 
    and (max-device-height: 1366px) 
    and (-webkit-min-device-pixel-ratio: 2)  
    and (orientation: portrait){
        .signup_containers_wrapper{
            width: 70%;
        }
    }
    @media (max-width:850px) and (min-width:449px) {
        .signup_containers_wrapper{
            width: 80%;
           
        }
    }
    @media only screen and (max-height:770px) and (orientation : landscape) {
        .signup_containers_wrapper{
            width: 80%;
        }
    }
    @media (max-width:450px){
        .signup_containers_wrapper{
            width: 100%;
            flex-wrap: wrap;
        }
    }
.signup_container{
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align:center;
    width:100%;
    margin:25px;
    border: 1px solid #ffb700;
    border-radius: 10px;
    font-family: 'Montserrat', sans-serif;
    color:#fff; 
    box-shadow: 0px 1px 20px 4px #121212; 
    background-color: rgb(0 0 0 / 42%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter:blur(10px); 
} 
/* .tour_container{
    width: 50%;
} */
    @media (max-width:450px){
        .tour_container{
            width: 100%;
        }
    }
.fullMembership{
    position: relative;
    
}    
.signup_desc{
    color: #fff;
    font-size: .9em;
    font-style: italic;

}
    @media (max-width:450px){
        .signup_desc{
            width: 100%;
            display: block;
            margin: 25px auto;
        }
    }
/*  */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}

.ribbon span {
  position: absolute;
  display: block;
  width: 230px;
  padding: 10px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top right*/
.ribbon-top-right {
  top: 0px;
  right: 0px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/*  */
.dayPass_text_contaienr{
    display: flex;
    align-items:flex-start;
    flex-direction: column;
    width: 90%;
    margin: auto;
}   
.signup_price{
    font-size: 2.2em;
    
    margin-bottom: 0;
    color: #ffb700;
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    text-align: left;
}
.signup_orText{
    font-size: 1em;
    margin: 0;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    text-align: left;
}

.signupSteps_wrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: fit-content;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.signup_icons_text{
    display: flex;
    align-items: flex-end;
    font-size: 1.2em;
    margin-bottom: 5px;
}
.signupStepsTextIcons{
    height: 50px;
    margin-right: 10px;
}
.signupStepsText{
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    color: #ffffff;
}

#signup_btn{
    width: 90%;
}
.emailListContainer{
    margin-top: 25px;
}

.tour_video_container{
    width: 50%;
    display: block;
    margin: 30px auto;
    border-radius: 10px;
    overflow: hidden;
    background-color: #000;
    box-shadow: 0px 1px 20px 4px #121212;
}
    /* ipad pro Portrait*/
    @media only screen and (min-device-width: 1024px) 
    and (max-device-height: 1366px) 
    and (-webkit-min-device-pixel-ratio: 2)  
    and (orientation: portrait){
        .tour_video_container{
            width: 60%;
        }
    }
    @media (max-width:850px) and (min-width:449px) {
        .tour_video_container{
            width: 65%;

        }
    }
    @media only screen and (max-height:770px) and (orientation : landscape) {
        .tour_video_container{
            width: 55%;
        }
    }
    @media (max-width:450px) {
        .tour_video_container{
            width: 95%;

        }
    }


.tour_video{
    width: 100%;
}
.tour_desc_title{
    font-size: 2em;
    color: #ffb700;
    display: block;
    margin: 30px auto;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}
.tour_desc_Subtitle{
    font-size: 1em;
    display: block;
    margin:auto;
    margin-top: 0;
    text-align: center;
    font-weight: bold;
}
.tour_desc{
    display: block;
    margin: 30px auto;
    text-align: center;
    width: 60%;
}

@media (max-width:450px) {
    .tour_desc{
        width: 90%;

    }
}

.getThis_container{
    display: flex;
    justify-content: space-evenly;
    width: 40%;
    margin: auto;
    border: 2px solid #ffb700;
    border-radius: 10px;
}
.getThis_pic{
    display: block;
    margin: 10px;
}

.pdfDownload_text_container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.pdfDownload_text_1{
    color: #ffffff;
    font-size: 2.2em;
    margin: 0;
    padding: 0;
}
.pdfDownload_text_2{
    color: #ffb700;
    font-size: 4em;
    line-height: 90%;
    margin:0;
    margin-bottom: 10px;
    padding: 0;
    font-weight: bold;
}
.pdfDownload_text_3{
    color: #ffffff;
    font-size: 2em;
    margin: 0;
    padding: 0;
}
.getThis_desc{
    width: 60%;
    display: block;
    margin: auto;
    margin-top: 25px;
}

.contactForm{
    width:80%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 50px;
}

.contactLabels{
    color: #fff;
    margin-top:5px ;
    margin-bottom:20px ;
  
}
.contactFields{
    width: 100%;
    background-color: transparent;
    color: #ffb700;
    border: none;
    border: 1px solid #ffb700;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    padding: 10px;
    border-radius: 50px;
}
#formSubmitBtn{
    background-color: #ffb700;
    border-radius:6px;
    outline: none;
    /*-webkit-appearance: none;*/
    -webkit-border-radius: 6px;
    
    
    border: none;
    color: #000000d1;
    padding: 10px;
    margin: 20px auto;
    width: 45%;
    font-size: 1.2em;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}
#formSubmitBtn:hover{
    background-color: #000000d1; 
    color: #ffb700;
    border: 1px solid #ffb700;
}
.formDescText{
    text-align:center; 
    width:90%; 
    display:block;
    margin:auto
}
.coming_soon_dialog{
    color:#fff;
    width: 90%;
    display: block;
    margin: auto;
    text-align: center;
}
.date-form-contain{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin: auto;
}
#dateSelected{
    background-color: #f2f2f2;
  border: 1px solid #ccc;
  color: #333;
  padding: 5px;
  font-size: 1em;
}

.fullPage_notification{
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #000000dd;
    margin: 0;
    padding: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 7;
}
.fullPage_smallText{
    color: #ffffff;
    font-size: 2em;
    margin-bottom: 0%;
    font-weight: bold;
    animation-name: fadeIn;
    animation-delay: 0s; /* No delay for the first element */
}
.fullPage_largeText{
    color: #ffb700;
    font-size: 3.5em;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    animation-name: fadeIn;
    animation-delay: 1s; /* Delay by 1 second for the second element */
    position: relative;
}
.fullPage_descText{
    color: #ffffff;
    font-size: 1em;
    animation-name: fadeIn;
    animation-delay: 2s; /* Delay by 2 seconds for the third element */
}

.fullPage_smallText,
.fullPage_largeText,
.fullPage_descText {
  opacity: 0; /* Initially set the opacity to 0 to hide the elements */
  animation-duration: 1s; /* Animation duration for each element */
  animation-fill-mode: forwards; /* Keep the final state of the animation */
}

/* Keyframes for fading in the elements one by one */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  33.33% {
    opacity: 1;
  }
  66.66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

  
.loading-dots {
    display: inline-block;
  }
  
  .loading-dots span {
    width: 9px; /* Adjust the size of each dot */
    height:9px;
    background-color: #ffb700; /* Initial dot color */
    display: inline-block;
    border-radius: 50%; /* Make dots circular */
    margin: 0 2px; /* Adjust spacing between dots */
    animation-duration: 1.5s; /* Animation duration for each dot */
    animation-iteration-count: infinite;
  }
  
  .dot1 {
    animation-name: colorChange1;
  }
  
  .dot2 {
    animation-name: colorChange2;
    animation-delay: 0.5s; /* Delay the start of the second dot animation */
  }
  
  .dot3 {
    animation-name: colorChange3;
    animation-delay: 1s; /* Delay the start of the third dot animation */
  }
  
  @keyframes colorChange1 {
    0%, 100% {
      background-color: #ffb700; /* Start and end color */
    }
    50% {
      background-color: #1b1402; /* Middle color */
    }
  }
  
  @keyframes colorChange2 {
    0%, 100% {
      background-color: #ffb700; /* Start and end color */
    }
    50% {
      background-color: #1b1402; /* Middle color */
    }
  }
  
  @keyframes colorChange3 {
    0%, 100% {
      background-color: #ffb700; /* Start and end color */
    }
    50% {
      background-color: #1b1402; /* Middle color */
    }
  }
  

.learnMore_modal_bg{
    visibility: hidden;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    background-color: rgba(0, 0, 0, 0.645);
   
}
.learnMore_modal{
   
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 35%;
    height: 85%;
    padding: 20px;
    background-color: #ffffff69;
    border-radius: 10px;
    box-shadow: 0px 1px 20px 4px #1a1a1a;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter:blur(5px); 
    position: relative;
    overflow: scroll;
}  

 /* ipad pro Portrait*/
 @media only screen and (min-device-width: 1024px) 
 and (max-device-height: 1366px) 
 and (-webkit-min-device-pixel-ratio: 2)  
 and (orientation: portrait){
    .learnMore_modal{
        width: 40%;
        height: 50%;
    }
 }
 @media (max-width:850px) and (min-width:449px) {
    .learnMore_modal{
        width: 50%;
        height: 65%;
    }
 }
 @media only screen and (max-height:770px) and (orientation : landscape) {
    .learnMore_modal{
        width: 40%;
        height: 70%;
    }
 }

 @media (max-width:450px) {
    .learnMore_modal{
        width: 90%;
        height: 70%;
    }
}

.memebrship_howitworks{
    color: #fff;
    text-shadow: 0px 2px 5px #1a1a1a;
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
    font-size: 2.5em;
}
.memebrship_howitworks_desc{
    width: 100%;
    display: block;
    margin: 10px auto;
    font-size: 1em;
    font-weight: bold;
    text-shadow: 0px 2px 5px #1a1a1a;
    margin-top: 20px;
}

.watchIcon{
    height: 25px;
}

.howItWorksVideo , .howItWorksVideo_faq{
    width: 60%;
    border-radius: 10px;
    box-shadow: 0px 1px 20px 4px #1a1a1a;
}

.howItWorksVideo_faq{
    width: 25%;
    display: block;
    margin: auto;
}
@media (max-width:450px) {
    .howItWorksVideo_faq{
        width: 50%;
    }
}

.closeHowTo{
    background-color: #ffb700;
    height: 40px;
    width: 40px;
    border: none;
    border-radius: 50%;
    margin: 20px;
    position: absolute;
    top: 40px;
    right: 0;
    margin: 5px;
    font-size: 1.2em;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #000;
}

/*FAQ page */

/* mindshare bot style */

.closeChatBtn{
 font-size: 1.7em;
 background-color: transparent;
 color: #ffb700;
 border: none;
 position: absolute;
 right: 15px;
 top: 45vh;
 z-index: 5;
 display: none;
}

.mindshareBot_wrapper {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    height: fit-content; 
    height: 10vh;
    bottom: 0;
    right: 0;
    background: linear-gradient(to bottom, #30303000 0%, #30303000 5%, #303030 20%, #303030 100%);
    z-index: 3;
    align-items: flex-end; /* Align children to the bottom */
    padding-bottom: 10px; /* Adjust this value as needed for spacing from the bottom */
    padding-top: 20px;
}
 /* ipad pro Portrait*/
 @media only screen and (min-device-width: 1024px) 
 and (max-device-height: 1366px) 
 and (-webkit-min-device-pixel-ratio: 2)  
 and (orientation: portrait){
     .mindshareBot_wrapper{
        width: 45%;
     }
 }
 @media (max-width:850px) and (min-width:449px) {
     .mindshareBot_wrapper{
        width: 45%;
     }
 }
 @media only screen and (max-height:770px) and (orientation : landscape) {
     .mindshareBot_wrapper{
        width: 45%;
     }
 }
@media (max-width:450px) {
    .mindshareBot_wrapper{
        width: 100%;
        min-height: 15vh;
    }
}

.chatBar{
    width: 85%;
    font-size: 16px;
    border: none;
    background: #303030;
    border-radius: 30px;
    box-shadow: 
        -5px -5px 10px rgba(255, 255, 255, 0.1),
        5px 5px 15px rgba(0, 0, 0, 0.5),
        inset 1px 1px 2px rgba(0, 0, 0, 0.2),
        inset -1px -1px 2px rgba(255, 255, 255, 0.1);

    transition: all 0.3s ease;
    color: #E0E0E0;
    margin: auto;
    margin-bottom: 1em; /* Additional bottom margin to position input closer to the bottom */

    display: flex;
    align-items: flex-end;
    justify-content: space-between; /* Ensures that child elements are spaced out evenly */
    padding: 10px; /* Adding padding on sides */
}
.chatBar_icon, .chatBar_submit {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(.5vh + 1.5vw); /* Responsive size based on viewport height and width */
    color: #b0b0b0;
    background-color: transparent;
    border: none;
}
@media (max-width:450px) {
    .chatBar_icon, .chatBar_submit{
        font-size: calc(2vh + 3vw);
    }
}

.chatBar_icon {
    font-size: calc(1.6vh + 1vw); /* Responsive size based on viewport height and width */
}

.chatBar_submit > i{
    color: #575757;
}
.chatBar_submit.chatEnabled > i{
    color: #b0b0b0;
}

.mindshareBot_chat_input {
    flex-grow: 1; /* Takes up the rest of the space */
    margin: 0 10px; /* Add some margin between icons and input */
    outline: none;
    background-color: transparent;
    width: 80%;
    border: none;
    color: #B0B0B0;
    font-size: 1em;
    line-height: 1.5;
}


.mindshareBot_chat_input::placeholder {
    color: #B0B0B0; /* Placeholder text color */
}


.botDisclaimer{
    color: #b0b0b0;
    margin: 0 auto;
    padding: 0;
}

.responseArea {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 30%;
    height: 55vh;
    overflow: scroll;
    background: linear-gradient(to bottom, #30303000 0%, #30303000 5%, #303030 20%, #303030 100%);
    transform: translateY(100%); /* Initially positioned off the screen */
    transition: transform 0.5s ease; /* Smooth transition for the transform property */
}
 /* ipad pro Portrait*/
 @media only screen and (min-device-width: 1024px) 
 and (max-device-height: 1366px) 
 and (-webkit-min-device-pixel-ratio: 2)  
 and (orientation: portrait){
     .responseArea{
        width: 45%;
     }
 }
 @media (max-width:850px) and (min-width:449px) {
     .responseArea{
        width: 45%;
     }
 }
 @media only screen and (max-height:770px) and (orientation : landscape) {
     .responseArea{
        width: 45%;
     }
 }

@media (max-width:450px) {
    .responseArea{
        width: 100%;
    }
}

.showingResponse {
    transform: translateY(0); /* Reset to original position */
}


/* messages */
#conversation {
    width: 90%;
    height: fit-content;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Aligns items to the left by default */
}

.message {
    max-width: 60%; /* Adjust as needed */
    margin: 10px;
    padding: 10px;
    border-radius: 20px;
    color: white;
}

.userQuestion {
    background-color: #3498db;
    align-self: flex-end; /* Aligns this message to the right */
    border-bottom-right-radius: 4px; /* Adjusts the bottom-right radius to make it look like a speech bubble */
}

.botResponse {
    background-color: #6c5922;
    align-self: flex-start; /* Aligns this message to the left */
    border-bottom-left-radius: 4px; /* Adjusts the bottom-left radius to make it look like a speech bubble */
}

/* end messages */

.thinking_bg{
    height: 100%;
    width: 100%;
    position: absolute;
    /* background-color: rgba(0, 0, 0, 0.399); */
    display: flex;
    align-items: center;
    justify-content: center;
}

.pulsating-dots-loader {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dot {
    width: 10px;
    height: 10px;
    background-color: #ffb700;
    border-radius: 50%;
    margin: 0 5px;
    animation: pulsate 1.5s infinite ease-in-out;
}

.dot:nth-child(1) {
    animation-delay: 0s;
}

.dot:nth-child(2) {
    animation-delay: 0.5s;
}

.dot:nth-child(3) {
    animation-delay: 1s;
}

@keyframes pulsate {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.7);
        opacity: 0.7;
    }
}


/* end mindshare bot style */

.quickFAQ_container {
    max-height: 0;
    display: flex;
    overflow-x: scroll;
    transition: max-height 0.5s ease-in-out;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 87%, rgba(0, 0, 0, 0) 100%);
    z-index: 3;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.quickFAQ_container.active {
    height: 60vh;
    max-height: 60vh; /* Set the desired max height for sliding up */
}

.quickFAQ_closeWrapper{
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px;
    display: flex;
    align-items: center;
}
.quickFAQ_quickResponseTitle{
    color: #3498db;
    font-weight: bold;
    padding-right: 5px;
}
.quickFAQ_close { 
    background-color: #3498db;
    font-size: 1.2em;
    border: none;
    width: 35px; 
    height: 35px; 
    border-radius: 50%; 
}

.quickFAQ_content{
    width: 80%;
}
.quickFAQ_question{
    color: #ffb700;
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 80px;
}

.quickFAQ_needHuman{
    margin-top: 50px;
    width: 80%;
}

.faq_group{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    width: 90%;
    margin: auto;
}
.faqCategories{
    color: #ffffff;
    font-size: 2em;
    font-weight: bold;
}
.faq_btn_grid{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.faqQuickBtns{
    color: #ffb700;
    border: 1px solid #ffb700 ;
    background-color: transparent;
    font-size: 1em;
    padding: 10px;
    margin: 10px;
    border-radius: 6px;
}

.findUsVideo{
    width: 20%;
    display: block;
    margin: auto;
    border-radius: 10px;
    box-shadow: 0px 0px 9px 0px #000;
    margin-top: 25px;
}
@media (max-width:450px){
    .findUsVideo{
        width: 100%;
    }
}

.page_bottom_spacer{
    height: 20vh;
}

/*pod page*/
.seeMore_gallery_container{
   margin: auto;
    width: 80%;
}
    @media (max-width:450px){
        .seeMore_gallery_container{
            width: 100%;
        }
    }

.seeMore_gallery{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}
.seeMore_imgs{
    width: 30%;
    margin: 20px;
    border-radius: 6px;
}
    @media (max-width:450px){
        .seeMore_imgs{
            width: 45%;
            margin: 5px;
        }
    }
    .perkDesc_full{
        color: #ffffff;
        font-family: 'Montserrat', sans-serif; 
        font-size: 1.4em;
        display: block;
        margin: 10px auto;
        padding: 0%;
        width:70%;
        text-align: center;

    }
    
        @media (max-width:450px){
            .perkDesc_full{
                font-size: 1.3em;
                width:90%;
            }
        }

    .perkDesc_bullets{
        color: #ffffff;
        font-family: 'Montserrat', sans-serif; 
        font-size: 1.4em;       
        padding: 0%;
        width:70%;        
        margin: 10px;
    }
    
        @media (max-width:450px){
            .perkDesc_bullets{
                margin: 0px auto;
                font-size: 1.3em;
                width:90%;
                text-align: center;
            }
        }

.howto_portrait{
    margin: auto;
    display: block;
    width: 30%;
    border-radius: 6px;
}
.shotInStudio_wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.howto_landscape{
    margin: auto;
    display: block;
    width: 50%;   
}

    @media (max-width:450px){
        .howto_portrait{
            width: 85%;
        }

        .howto_landscape{
            width: 100%;   
        }
    }

.customers_modal_bg{
    visibility: visible;
    position: fixed;
    height: 100%;
    width: 100%;
    top:0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.584); 
    z-index: 7;  
    
}
.customers_modal_bg.closed{
    visibility: hidden;
}

.create_customer_modal.closed{
    visibility: hidden;
    height: 0%; 
}

.create_customer_modal{
    visibility: visible;
    margin: 0 auto;
    height: 79vh;
    width: 50%;
    box-shadow: 0px -9px 13px 5px #000;
    /* background-color: #1a1a1a; */
    background: radial-gradient(circle at 10% 20%, #33373b 0%, #121212 100.2%);
    border: 2px solid #000;
    border-radius: 10px 10px 0 0px;
    position: fixed;
    right:0;
    bottom:0;
    overflow-x: scroll;
    -webkit-transition:height, 0.3s linear;
    -moz-transition: height, 0.3s linear;
    -ms-transition: height, 0.3s linear;
    -o-transition: height, 0.3s linear;
    transition: height, 0.3s linear; 
    /* background-color: transparent; */

}

/* .slideup_content{
    background-color: rgb(0 0 0 / 42%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter:blur(10px); 
} */

    /* ipad pro Portrait*/
    @media only screen and (min-device-width: 1024px) 
    and (max-device-height: 1366px) 
    and (-webkit-min-device-pixel-ratio: 2)  
    and (orientation: portrait){
        .create_customer_modal{
            width: 100%;
            bottom: 0; left: 50%;
            transform: translate(-50%,0%);
        }
    }
    @media (max-width:850px) and (min-width:449px) {
        .create_customer_modal{
            width: 100%;
            bottom: 0; left: 50%;
            transform: translate(-50%,0%);
        }
    }
    @media only screen and (max-height:770px) and (orientation : landscape) {
        .create_customer_modal{
            width: 60%;
        }
    }
    @media (max-width:450px) {
        .create_customer_modal{
            width: 100%;
            bottom: 0; left: 50%;
            transform: translate(-50%,0%);
        }
    }

.checkout_titles_container{
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: auto;
}
.referral_message{
    background-color: #3498db;
    padding: 10px;
    margin: 0;
}

.checkout_sub_titles{
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 0px;
}
.checkout_titles{
    color: #ffb700;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2em;
    margin: 0px;
}
.checkout_steps{
    color: #525456;
    font-weight: normal;
    margin: 2px;
    font-style: italic;
}

.mambershipBuilder_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.builder_title{
    font-size: 1.5em;
    font-family: 'Montserrat', sans-serif;
    color: #1a1a1a;
    font-weight: 800;
    margin: 5px;
    /* margin-top: 15px; */
}

.builder_desc{
    color: #939393;
    width: 90%;
    text-align: center;
    margin: 0px;
}

.builder_learnMore{
    background-color: transparent;
    border: none;
    color: #ffb700;
    font-size: 1em;
    margin: 5px;
}



.learnMore_btn_wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 45px auto;
    position: relative;
    height: fit-content;
    width: fit-content;
    margin-bottom: 25px;
}
.learnMore_btn_wrapper > button{
    position:absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    left: 0%;
}

.learnMore_btn_wrapper > img{
    margin-right: 10px;
    height: 35px;
}
.learnMore_btn_wrapper > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.learnMore_btn_wrapper > div > p{
    margin: 0px;
    padding: 0px;
}


.daySelection_wrapper {
    display: flex;
    justify-content: center;
    width: 90%;
    margin-top: 25px;
  }
  .daySelection_wrapper > .daySelector{
    margin: 10px;
  }
  
   @media only screen and (max-height:770px) and (orientation : landscape) {
       .daySelection_wrapper{
        justify-content: space-around;
       }
       .daySelection_wrapper > .daySelector{
        margin: 0px;
      }
   }
   @media (max-width:450px) {
       .daySelection_wrapper{
        justify-content: space-around;
       }
       .daySelection_wrapper > .daySelector{
        margin: 0px;
      }
   }

  .daySelector {
    cursor: pointer;
    border: 2px solid #ffb700;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent; 
    transition: background-color 0.3s, color 0.3s; 
    
  }
  
  .daySelector span {
    font-size: 1.5em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color:#000 ;
  }
  
  .daySelector input[type="radio"] {
    display: none;
  }

  

  
  .unlimitedBtn{
    width: 75%;
    background-color: transparent;
    border: 2px solid #ffb700;
    color: #ffb700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 30px;
    height: 47px;
    margin: 10px;
    margin-top: 0px;
    position: relative;
  }

  .unlimitedBtn > span{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    margin:auto;

    color: #ffb700;
  }
  .unlimitedBtn > span > small{
    color: #1a1a1a;
    font-weight: normal;
    font-size: .3em;
  }

  .unlimited_btn_icon{
    height: 70%;
    margin: 10px;
  }
  

  @keyframes pulse-glow {
    0%, 100% {
      box-shadow: 0 0 5px 0 #ffa300;
    }
    50% {
      box-shadow: 0 0 10px 10px #ffea0075;
    }
  }
  
  .unlimitedBtn.selected {
    position: relative;
    border: 2px solid #ffffff;
    animation: pulse-glow 3s infinite ease-in-out;
  }
  
.builderOr{
    margin: 5px;
    color: #939393;
    font-style: italic;
}
  
  .daySelector.selected{
    background-color: #ffb700; 
  }
  .daySelector.selected > span{
   color: #ffffff;
  }


  .buttons_price_wrapper, .price_savings_wrapper{
    display: flex;
    flex-direction: column;
  }

  .membershipPrice{
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 2em;
    color: #1a1a1a;
    margin: 0 auto;
    margin-top: 25px;
  }

  .piceLoading {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        color: #000; /* Starting color */
    }
    50% {
        color: #888; /* Midway color */
    }
    100% {
        color: #000; /* Ending color */
    }
}


  .membershipSavings{
    color: #939393;
    font-style: italic;
    font-size: 1em;
    margin: 0 auto;
    text-align: center;
  }

  
  .upgradeMessage{
    display: block;
    color: #1a1a1a;
    font-weight: bold;
    font-size: 1em;
    margin: 0 auto;
    margin-top:10px ;
    max-width: 90%;
    text-align: center;
  }

  /* one time or monthly selector */
 /* No changes for these styles */
.addMember_selector_titles{
    display: flex;
    align-items: center;
    justify-content: center;
}

.member_type_day, .member_type_month{
    font-size: 1.4em;
    color: #000;
    margin: 10px;
    /* width: 35%; */
}

/* Default color for 'monthly' text when the toggle is in its default state */
.member_type_month{
    color: #ffb700; /* This indicates 'monthly' is active by default */
}

.button_wrapper{
    position: relative;
    height: 50px;
    width: 25%;
}

.toggle-button-cover {
    position: relative;
    height: 50px;
}

.dayPassDescriptor{
    font-size: .9em;
}

.oneTime_monthly_wrapper{
    position: relative;
    width: 90%;
    display: flex; /* Updated to 'flex' to ensure it's visible */
    align-items: center;
    justify-content: center;
}

/* No changes for these styles */
.oneTime_monthly_wrapper .toggle-button-cover,
.oneTime_monthly_wrapper .singleDay_knob,
.oneTime_monthly_wrapper .singleDay_layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.oneTime_monthly {
    position: relative;
    top: 50%;
    width: 74px;
    height: 36px;
    margin: -20px auto 0 auto;
    overflow: hidden;
}

.oneTime_monthly.r,
.oneTime_monthly.r .singleDay_layer {
    border-radius: 100px;
}

.oneTime_monthly_checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.singleDay_knob {
    z-index: 2;
}

.singleDay_layer {
    width: 100%;
    background-color: #ffd569; /* Represents 'monthly' as the default active state */
    transition: 0.3s ease all;
    z-index: 1;
}

/* Adjust knob content for 'monthly' as the default active state */
#oneTime_monthly-button-1 .singleDay_knob:before {
    content: "mo"; /* Reflects 'monthly' as active */
    position: absolute;
    top: 4px;
    left: 42px; /* Position for 'monthly' */
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #ffb700;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

/* Update for when the toggle is checked to represent 'one time' */
#oneTime_monthly-button-1 .oneTime_monthly_checkbox:checked + .singleDay_knob:before {
    content: "ot"; /* Now represents 'one time' when checked */
    left: 4px; /* Position for 'one time' */
    background-color: #ffb700; /* Keeps the highlight color */
}

#oneTime_monthly-button-1 .oneTime_monthly_checkbox:checked ~ .singleDay_layer {
    background-color: #000; /* Default background for 'one time' */
}

#oneTime_monthly-button-1 .singleDay_knob,
#oneTime_monthly-button-1 .singleDay_knob:before,
#oneTime_monthly-button-1 .singleDay_layer {
    transition: 0.3s ease all;
}



  /* END one time or monthly selector */

  .finalStepDesc_wrapper{
    margin: 10px;
    margin-top: 21px;
  }

  .finalStepDesc_title{
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
    color: #1a1a1a;
    font-size: 1.5em;
    margin: 0 auto;
    text-align: center;
  }

  .finalStepDesc_desc{
    margin: 0 auto;
    font-weight: bold;
    font-size: 0.9em;
    color: #525456;
    text-align: center;
  }
  .finalStepDesc_addlText{
    color: #303030;
    font-size: .5em;
    text-align: center;
    font-style: italic;
    margin: 0 auto;
  }


.checkout_disclamer_text{
    text-align: center;
    width: 85%;
    color: #525456;
    margin: 0;
}
.checkout_paymentProvider_wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    margin: 10px;
}
.checkout_paymentProvider_text{
    text-align: center;
    color: #525456;
    
}

.checkout_paymentProvider_logo{
    height: 100%;
    margin-left: 5px;
}


.create_customer_frm , #newPassForm , #resetPassForm , .reenterEmail_form{  
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin:auto;
    margin-top: 25px;
    width: 90%;
    background-color: #ffffff;
    border-radius: 10px;
    color: #d9d9d9;
    box-shadow: 0px 0px 8px 4px #000;
}
.reenterEmail_form{
    padding: 10px;
}


#newPassForm , #resetPassForm{
    width: 30%;
}
.new_pass_btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    background-color: #1a1a1a;
    border: none;
    padding: 10px;
    margin: 20px auto;
    width: 80%;
    font-size: 1.2em;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    border: none ;
    border-radius: 6px;
}

   /* ipad pro Portrait*/
   @media only screen and (min-device-width: 1024px) 
   and (max-device-height: 1366px) 
   and (-webkit-min-device-pixel-ratio: 2)  
   and (orientation: portrait){
        #newPassForm , #resetPassForm{
           width: 45%;
       }
   }
   @media (max-width:850px) and (min-width:449px) {
        #newPassForm , #resetPassForm{
            width: 50%;
       }
   }
   @media only screen and (max-height:770px) and (orientation : landscape) {
        #newPassForm , #resetPassForm{
            width: 40%;
       }
   }
   @media (max-width:450px) {
        #newPassForm , #resetPassForm{
           width: 90%;
       }
   }
.form_elements_container{
    width: 90%;
    border:1px solid #d9d9d9;
    border-radius: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 15px 0px 10px 0px;

}
.card-container{
    width: 90%;
}
.new_cus_elm{
    border: none;
    
    color: #1a1a1a;
    border-radius: 0;
    width: 96%;
    background-color: transparent;
    font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;

}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    box-shadow: 0 0 0 30px white inset !important;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

#cardholder{
    padding-left: 10px;
}

.form_labels{
    color: #d9d9d9;
    margin: 10px;
}
.new_cus_btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    background-color: #1a1a1a;
    border: none;
    border-radius: 6px;
    padding: 10px;
    margin: 20px auto;
    min-width: 50%;
    font-size: 1.2em;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    border: none ;
}
   /* ipad pro Portrait*/
   @media only screen and (min-device-width: 1024px) 
   and (max-device-height: 1366px) 
   and (-webkit-min-device-pixel-ratio: 2)  
   and (orientation: portrait){
        .new_cus_btn{
            margin: 30px auto;
            width: 70%;
        }
   }
   @media (max-width:850px) and (min-width:449px) {
        .new_cus_btn{
            margin: 30px auto;
            width: 70%;
        }
   }
   @media only screen and (max-height:770px) and (orientation : landscape) {
        .new_cus_btn{
            margin: 30px auto;
            width: 70%;
        }
   }
   @media (max-width:450px) {
        .new_cus_btn{
            margin: 20px auto;
            width: 70%;
        }
   }


   .new_cus_btn.disabled{
    background-color: #ccc; 
}


#cancel_btn{
    display: block;
    background-color: transparent;
    color: #d9d9d9;
    border: none;
    text-align: center;
    padding: 15px;
}

.newMember_btn_container{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    z-index: 4;
}
.newmember_btn , .signup_reenterEmail_btn{
    display: block;
    text-align: center;
    background-color: #0000009f;
    border: none;
    padding: 10px;
    margin: 20px auto;
    width: 30%;
    font-size: 1.2em;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    color: #ffb700;
    border: 1px solid #ffb700 ;
    margin-bottom: 0;
    text-decoration: none;
    border-radius: 6px;
}

@media (max-width:450px){
    .newmember_btn , .signup_reenterEmail_btn{
        margin: 30px auto;
        margin-bottom: 0;
        width: 70%;
    }
}

#signup_reenterEmail{
    border-radius: 0;
    border-bottom: 1px solid #1a1a1a;
    width: 90%;
}
#emailUpdated_response{
    text-align: center;
}

.final_signup_container{
    width: 100%;
    position: relative;
    margin-top: 30px;
}
.final_signup_text_btns{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    top: 50%; right: 50%;
    transform: translate(50%,-50%);
}
.resend_signupMsg, .changeSignupEmail{
    background-color: transparent;
    color: #ffb700;
    border: none;
    text-decoration: underline;
    display: block;
    margin: auto;
    text-align: center;
}
.final_signup_text{
    color: #ffffff;
    width: 85%;
   display: block;
   margin: auto;

    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.newMemberAnimation{
    width: 50%;
    display: block;
    margin: auto;
    padding-top: 80px;
}
   /* ipad pro Portrait*/
   @media only screen and (min-device-width: 1024px) 
   and (max-device-height: 1366px) 
   and (-webkit-min-device-pixel-ratio: 2)  
   and (orientation: portrait){
        .newMemberAnimation{
            width: 65%;
        }
   }
   @media (max-width:850px) and (min-width:449px) {
        .newMemberAnimation{
            width: 70%;
        }
   }
   @media only screen and (max-height:770px) and (orientation : landscape) {
        .newMemberAnimation{
            width: 57%;
        }
   }
   @media (max-width:450px) {
        .newMemberAnimation{
            width: 90%;
        }
   }

   /* final signup page, conversion conitoring page */

   .finalStep_mainImg{
    width: 40%;
    display: block;
    margin: auto;
    background-image: url('assets/mindshareWindow.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    height:50vh;
    box-shadow: 0 0 8px 8px #1a1a1a inset;
   }

   .finalStep_header{
        display: block;
        margin: 10px auto;
        margin-top: 50px;
        text-align: center;
        color: #ffb700;
        font-size: 2.2em;
        font-weight: bold;
   }

   .finalStep_subHeader{
    color: #ffffff;
    text-align: center;
   }

   .nowWhat_container{
    display: flex;
    margin:20px auto;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
   }
   @media (max-width:450px) {
    .nowWhat_container{
        width: 90%;
    }
}

.successVideo{
    width: 30%;
    border-radius: 10px;
    display: block;
    margin: auto;
}

@media (max-width:450px) {
    .successVideo{
        width: 50%;
    }
}

   .nowWhat_bold{
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 0px;
    color: #ffb700;
   }


/*how to pages*/ 
.howto_btns{
    display: block;
    text-align: center;
    background-color: #0000009f;
    border: none;
    padding: 10px;
    margin: 20px auto;
    width: 30%;
    font-size: 1.2em;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    color: #ffb700;
    border: 1px solid #ffb700 ;
    border-radius: 6px;
}

@media (max-width:450px){
    .howto_btns{
        margin: 30px auto;
        width: 70%;
    }
}

.howto_title_container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 35px;
    position: relative;
    z-index: 1;
}
@media (max-width:450px){
    .howto_title_container{
        margin: 0%;
        width: 100%;
        padding: 0%;
        align-items: center; 
 
    }
    
}

.howto_videos{
    width:60%;
    display: block;
    margin: auto;
    text-align: center;
} 
    @media (max-width:450px){
        .howto_videos{
            width:100%;
        } 
    }      

.howto_subHeading{
    color: #ffb700;
    font-family: 'mindshare', sans-serif;
    text-align: center;
}   

.how_to_imgs{
    display: block;
    margin: auto;
    width: 25%;
}
    @media (max-width:450px){
        .how_to_imgs{
            width:65%;
            margin: 20px auto;
        } 
    } 
    
.club_request_form{
    width: 60%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #ffb700;    
}  
    @media (max-width:450px){
        .club_request_form{
            width: 100%;
        } 
    }   
.request_element , #requestNotes{
    width: 90%;
    border: none;
    border-bottom:1px solid#ffb700;
    background-color: #1a1a1a;
    text-align: center;
    color: #ffb700;
    font-size: 1em;
}
#requestNotes{
    border: 1px solid#ffb700;
    font-size: 1.2em;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
}
#requestSubmit{
    border: none;
    background-color: #ffb700;
    color: #1a1a1a;
    font-size: 1.2em;
    padding: 10px;
    width: 90%;
    font-family: 'Montserrat', sans-serif;
    margin: 25px;
}
#dayPassDate_wrapper{
    display: none;
}
.dayPassDate_label{
    color: #000;
    display: block;
    text-align: center;
    font-size: 1em;
}
input[type="date"]{
    display: block;
    text-align: center;
    margin: auto;
    font-family: 'Montserrat', sans-serif;
    border: none;
    font-size: 1em;
    background-color: transparent;
 }

/* start membership date picker */
::-webkit-datetime-edit { padding: 5px;  }
::-webkit-datetime-edit-fields-wrapper { background: transparent; }
::-webkit-datetime-edit-text { color: #1a1a1a; padding: 0 0.3em;}
::-webkit-datetime-edit-month-field { color: #1a1a1a; }
::-webkit-datetime-edit-day-field { color: #1a1a1a; }
::-webkit-datetime-edit-year-field { color: #1a1a1a; }
::-webkit-inner-spin-button { display: block; }

.successPageMessage{
    display: block;
    margin: 20px auto;
    text-align: center;
    max-width: 80%;
}

.page404container{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 50px auto;
    align-items: center;
    justify-content: center;
}
.page404title{
    font-size: 3em;
}

.page404SubTitle{
    font-size: 1.5em;
}

.page404link{
    text-decoration: none;
    color: #ffb700;
}
/* podcast page */
.podcastLogos_wrapper{
    width: 20%;
    display: flex;
    flex-direction: column;
    margin: auto;
}
.podcastWatchBtns{
    width: 100%;
    border: none;
    background-color: transparent;
}
.podcastLogos{
    width: 100%;
    margin: 10px;
}
@media (max-width:450px) {
    .podcastLogos_wrapper{
        width: 60%;
    }
}

#WorkDifferentAnimation{
    position: absolute;
    height: 100%;
    top: 50%;left:50%;
    transform: translate(-50%, -50%);
   
}
    /*ipad pro Portrait */
    @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {
        #WorkDifferentAnimation{
            height: auto;
            width: 100%;
            top: 0;
            left: 0%;
            transform: translate(0,0);
        }
    }
 
@media (max-width:850px){
    #WorkDifferentAnimation{
        transform: translate(0,0);
        height: auto;
        width: 100%;
        top: 0;
        left: 0%;
    }
}
@media (max-width:450px){
    #WorkDifferentAnimation{
        height: 100%;
        min-width: 100%;

    }
}

/* first timer page -- how to tour */

.touring_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    margin-top: 150px;
    width: 90%;
}

.touring_video{
    width: 70%;
    box-shadow: 0px 1px 20px 4px #121212;
    border-radius: 6px;
    width: 20%;
}

    .touring_welcome_header{
        font-size: 3em;
        font-weight: bold;
        color: #ffb700;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        font-weight:800;
        margin-top: 10px;
    }

    .touring_welcome_subHeader{
        color: #fff;
        font-size: 1.2em;
        margin: 0;
        margin-top: 5px;
        
    }

    .touringSectionHeaders{
        font-size: 1.7em;
        font-weight: bold;
        color: #ffb700;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        font-weight:bold;
        width: 80%;
        text-align: left;
        margin-top: 40px;
    }
    .touringBodyText{
        width: 80%;
        color: #ffffff;
        text-transform: lowercase;
    }

    .touring_btn{
        border: none;
        border-radius: 10px;
        background-color: #ffb700;
        color: #000;
        width: 20%;
        font-size: 1.2em;
        padding: 10px;
        margin: 20px;
    }

    /*ipad pro Portrait */
    @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {
        .touring_video{
            width: 30%;
        } 
    }

    @media (max-width:850px){
        .touring_video{    
            width: 35%;
        }
    }
    @media (max-width:450px){
        .touring_video{    
            width: 60%;
        }
        .touring_btn{
            width: 80%;
        }
    }

/* referral success page */
    .success_wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 100px;
    }
    .success_link_wrapper{
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #ffffff;
        border-radius: 50px;
        border: 1px solid #ffb700;
        width: 90%;
        height: 40px;
        margin: auto;
        color: #000;
        overflow: hidden;
        margin-top: 50px;
    }
    .success_link_text_wrapper{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80%;
        margin: 0;
        padding: 0;
       
    }
    .success_link_button{
        border: none;
        background-color: #000;
        height: 100%;
        width: 20%;
        margin:0px;
        padding:0px;
        border-radius: 0 50px 50px 0;
        color:#fff;
        font-family: 'Montserrat', sans-serif;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .success_link_button > span{
        width: 100%;
        color:#fff;
        font-size: .6em;
    }
    .success_link_button > i{
        width: 100%;
        color:#ffb700;
        font-size: 1em;
    }
    .your_link_text{
        color: #ffb700;
        font-size: 1.2em;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
    }
    .success_text{
        color: #fff;
        width: 80%;
        margin: auto;
        text-align: center;
    }
    .referral_link_wrapper{
        width: 30%;
    }

        /*ipad pro Portrait */
        @media only screen 
        and (min-width: 1024px) 
        and (max-height: 1366px) 
        and (orientation: portrait) 
        and (-webkit-min-device-pixel-ratio: 1.5) {
            .referral_link_wrapper{
                width: 40%;
            } 
        }
    
        @media (max-width:850px){
            .referral_link_wrapper{    
                width: 50%;
            }
        }
        @media (max-width:450px){
            .referral_link_wrapper{    
                width: 90%;
            }
        }

    .referral_desc{
        width: 80%;
        margin: auto;
        display: block;
        margin-top: 20px;
    }
    .maintenance_message{
        width: 90%;
        background-color: red;
        color: white;
        text-align: center;
        padding: 10px 0;
        margin: auto;
        border-radius: 50px;
        position: fixed;
        transform: translate(-50%);
        left: 50%;
        top: 5%;
        z-index: 1000;
        box-shadow: 0px 4px 6px 3px rgb(0 0 0 / 54%);
        font-size: .8em;
    }