@font-face {
    font-family: 'Poppins';
    src: url('../assets/font/poppins/Poppins-SemiBold.eot');
    src: url('../assets/font/poppins/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../assets/font/poppins/Poppins-SemiBold.woff2') format('woff2'),
        url('../assets/font/poppins/Poppins-SemiBold.woff') format('woff'),
        url('../assets/font/poppins/Poppins-SemiBold.ttf') format('truetype'),
        url('../assets/font/poppins/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BebasNeueBold';
    src: url('../assets/font/nueBold/BebasNeueBold.eot');
    src: url('../assets/font/nueBold/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
        url('../assets/font/nueBold/BebasNeueBold.woff2') format('woff2'),
        url('../assets/font/nueBold/BebasNeueBold.woff') format('woff'),
        url('../assets/font/nueBold/BebasNeueBold.ttf') format('truetype'),
        url('../assets/font/nueBold/BebasNeueBold.svg#BebasNeueBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BebasNeueBook';
    src: url('../assets/font/nueBook/BebasNeueBook.eot');
    src: url('../assets/font/nueBook/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
        url('../assets/font/nueBook/BebasNeueBook.woff2') format('woff2'),
        url('../assets/font/nueBook/BebasNeueBook.woff') format('woff'),
        url('../assets/font/nueBook/BebasNeueBook.ttf') format('truetype'),
        url('../assets/font/nueBook/BebasNeueBook.svg#BebasNeueBook') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



* { font-family: OpenSans, Arial; 
    }

select  {
    -webkit-appearance: menulist-button !important;
    line-height:24px !important;
    
}

.modal {
    overflow-y:auto !important;
  }

select option{
   
    line-height:24px !important;
}
   
body{
    background-color: #434141 !important;
}




.dateError{
    color:#888871 !important;
    border:.5px groove #ffff00 ;
    border-radius: 5px;
    width:250px !important;
    font-size:17px;
}


.dtErrorAtStyle{
    font-weight: bold;
    color:#ffffff;
}

.dtChoosenStyle{
    color:#ffffff;
}

@media only screen and (max-device-width: 360px){

    #noPic{
        min-height: 70vh !important;
        min-width:70vw !important;
        
    }
    
    .dateError{
        font-family: BebasNeueBook;
        margin-left:2vw;
    
    }


    .lazy{
        height: 100vh ;
        width: 100vw;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: table;
        background-attachment: fixed;
        background-color: #000;
        background-position: -10px -20px;
        color:#ffffff;
        padding: 0vw 2vw;
      }

      .bgImg{
        min-width:200px !important;
        height:auto !important;
      
       
    }
    
    
      .freshHeadingText{
        margin-top:2vh;
        position:relative;
        top:8px;
        font-family: BebasNeueBook;
        font-size:5.5vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
       
      }     


      .freshHeadingText1{
        margin-top:2px !important;
        color:#e1dc37;
        position:relative;
        top:-6px;
        font-family: BebasNeueBook;
        font-size:5.5vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }


    .mainTextCenter{
        font-family: BebasNeueBold;
        font-size:41px;
        text-transform: uppercase;
        text-align: center;
        /* text-shadow: #f7a4d4 0 0 5px; */
        letter-spacing: .02em;
        word-spacing: .05em;
        line-height: 1em;;
        text-shadow: 0 1px 0 black;
    }  
    
    .explanationText{
        margin-top:3%;
        margin-bottom: 5%;
        font-family: Poppins;
        font-weight: normal;
        text-align: center;
        font-size:3.0vmin;
        padding:0% 4.45vw !important;
        letter-spacing: .01em;
        word-spacing: .02em;
        
    }
    
    .explanationHighlight{
        text-transform: uppercase;
        font-weight: bold;
        color:#fae9cc;
        text-shadow: .3px .5px #000;
    
    }
    
    .LifePathHeading{
        font-family: BebasNeueBold;
        text-transform: uppercase;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        
    }
    
    .LifePathSubHeading{
        
        font-size: 21px;
        font-weight:normal;
        display: block;
    
    }
    
    .btnTextSize{
            font-size: 27px !important;
    }

    .btnTextShow{
        font-size: 1.9vmin !important;
        position: relative;
        top:-5vh;
    }

    button.input-group-append{
        background-color: #ffc107;
        color:#000;
    }
    
    button.input-group-append:hover{
        background-color: #cf9d06;
        color:#000;
    }

    select{
        padding-left: 3vw;
        min-width: 25vw !important;
        -webkit-appearance: textfield;
        font-size:4.5vin;
    }
    .dateSelectFont{
        font-family: BebasNeueBold;
        font-size:5.5vmin !important;
        padding: 0vw 3vw;
        
    }
    
    
    .lblDisplay{
        font-family: BebasNeueBook;
        position:absolute;
        top:3.2vh !important; 
        font-size:25px !important;
    }
    
    .d1{
        left:20vw;
        
    }
    
    .d2{
        left:42vw;
    }
    
    .d3{
        left: 68vw;
    }

}

@media only screen and (max-device-width: 480px){

    #noPic{
        min-height: 70vh !important;
        min-width:70vw !important;
        
    }
    
    .dateError{
        font-family: BebasNeueBook;
        margin-left:2vw;
    
    }


    .lazy{
        height: 100vh ;
        width: 100vw;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: table;
        background-attachment: fixed;
        background-color: #000;
        background-position: -10px -20px;
        color:#ffffff;
        padding: 0vw 2vw;
      }

      .bgImg{
        min-width:200px !important;
        height:auto !important;
      
       
    }
    
    
      .freshHeadingText{
        margin-top:2vh;
        position:relative;
        top:8px;
        font-family: BebasNeueBook;
        font-size:5.5vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }     


      .freshHeadingText1{
        margin-top:2px !important;
        color:#e1dc37;
        position:relative;
        top:-6px;
        font-family: BebasNeueBook;
        font-size:5.5vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }


    .mainTextCenter{
        font-family: BebasNeueBold;
        font-size:41px;
        text-transform: uppercase;
        text-align: center;
        /* text-shadow: #f7a4d4 0 0 5px; */
        letter-spacing: .02em;
        word-spacing: .05em;
        line-height: 1em;;
        
    }  
    
    .explanationText{
        margin-top:3%;
        margin-bottom: 5%;
        font-family: Poppins;
        font-weight: normal;
        text-align: center;
        font-size:3.0vmin;
        padding:0% 4.45vw !important;
        letter-spacing: .01em;
        word-spacing: .02em;
        
    }
    
    .explanationHighlight{
        text-transform: uppercase;
        font-weight: bold;
        color:#fae9cc;
        text-shadow: .3px .5px #000;
    
    }
    
    .LifePathHeading{
        font-family: BebasNeueBold;
        text-transform: uppercase;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        
    }
    
    .LifePathSubHeading{
        
        font-size: 21px;
        font-weight:normal;
        display: block;
    
    }
    
    .btnTextSize{
            font-size: 27px !important;
    }

    .btnTextShow{
        font-size: 1.9vmin !important;
        position: relative;
        top:-5vh;
    }

    button.input-group-append{
        background-color: #ffc107;
        color:#000;
    }
    
    button.input-group-append:hover{
        background-color: #cf9d06;
        color:#000;
    }

    select{
        padding-left: 3vw;
        min-width: 25vw !important;
        -webkit-appearance: textfield;
        font-size:4.5vin;
    }
    .dateSelectFont{
        font-family: BebasNeueBold;
        font-size:5.5vmin !important;
        padding: 0vw 3vw;
        
    }
    
    
    .lblDisplay{
        font-family: BebasNeueBook;
        position:absolute;
        top:3.5vh; 
        font-size:25px !important;
    }
    
    .d1{
        left:20vw;
        
    }
    
    .d2{
        left:42vw;
    }
    
    .d3{
        left: 68vw;
    }


}
    



@media only screen and (min-device-width: 481px){

    .dateError{
        font-family: BebasNeueBook;
        margin-left:2vw;
    
    }

    .bgImg{

        min-width:200px !important;
        height:auto !important;
        position: absolute;
        
    }
    

    .lazy{
        height: 100vh ;
        width: 100vw;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: table;
        background-attachment: fixed;
        background-color: #000;
        background-position: -10px -20px;
        color:#ffffff;
        padding: 0vw 2vw;
      }
    
      .freshHeadingText{
        margin-top:2vh;
        position:relative;
        top:8px;
        font-family: BebasNeueBook;
        font-size:5.7vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

      .freshHeadingText1{
        margin-top:2px !important;
        color:#e1dc37;
        position:relative;
        top:-5px;
        font-family: BebasNeueBook;
        font-size:5.7vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

    .mainTextCenter{
        font-family: BebasNeueBold;
        font-size:7.5vmin;
        text-transform: uppercase;
        text-align: center;
        /* text-shadow: #f7a4d4 0 0 5px; */
        letter-spacing: .02em;
        word-spacing: .05em;
        line-height: 1em;;
        
    }  
    
    .explanationText{
        margin-top:3%;
        margin-bottom: 5%;
        font-family: Poppins;
        font-weight: normal;
        text-align: center;
        font-size:3.4vmin;
        padding:0% .005vw;
        letter-spacing: .01em;
        word-spacing: .02em;
        
    }
    
    .explanationHighlight{
        text-transform: uppercase;
        font-weight: bold;
        color:#fae9cc;
        text-shadow: .3px .5px #000;
    
    }
    
    .LifePathHeading{
        font-family: BebasNeueBold;
        text-transform: uppercase;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        
    }
    
    .LifePathSubHeading{
        
        font-size: 21px;
        font-weight:normal;
        display: block;
    
    }
    
    .btnTextSize{
            font-size: 27px !important;
    }

    .btnTextShow{
        font-size: 2.5vmin !important;
    }

    .btnTextShow{
        font-size: 2.9vmin !important;
        position: relative;
        top:-6vh;
    }

    button.input-group-append{
        background-color: #ffc107;
        color:#000;
    }
    
    button.input-group-append:hover{
        background-color: #cf9d06;
        color:#000;
    }

    select{
        padding-left: 3vw;
        -webkit-appearance: textfield;
    }
    .dateSelectFont{
        font-family: BebasNeueBold;
        font-size:5.5vmin !important;
        padding: 0vw 3vw;
        
    }
    
       
    .lblDisplay{
        font-family: BebasNeueBook;
        position:absolute;
        top:5vh; 
        font-size:25px !important;
    }
    
    .d1{
        left:30vw;
        
    }
    
    .d2{
        left:40vw;
    }
    
    .d3{
        left: 57vw;
    }
    
}
    

@media only screen and (min-device-width: 540px){

    .dateError{
        font-family: BebasNeueBook;
        margin-left:2vw;
    
    }

    .bgImg{

        min-width:200px !important;
        height:auto !important;
        position: absolute;
        
    }
    

    .lazy{
        height: 100vh ;
        width: 100vw;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: table;
        background-attachment: fixed;
        background-color: #000;
        background-position: -10px -20px;
        color:#ffffff;
        padding: 0vw 2vw;
      }
    
      .freshHeadingText{
        margin-top:2vh;
        position:relative;
        top:8px;
        font-family: BebasNeueBook;
        font-size:4.7vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

      .freshHeadingText1{
        margin-top:2px !important;
        color:#e1dc37;
        position:relative;
        top:-6px;
        font-family: BebasNeueBook;
        font-size:4.7vmin ;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

    .mainTextCenter{
        font-family: BebasNeueBold;
        font-size:7.5vmin;
        text-transform: uppercase;
        text-align: center;
        /* text-shadow: #f7a4d4 0 0 5px; */
        letter-spacing: .02em;
        word-spacing: .05em;
        line-height: 1em;;
        
    }  
    
    .explanationText{
        margin-top:3%;
        margin-bottom: 5%;
        font-family: Poppins;
        font-weight: normal;
        text-align: center;
        font-size:3.4vmin;
        padding:0% .005vw;
        letter-spacing: .01em;
        word-spacing: .02em;
        
    }
    
    .explanationHighlight{
        text-transform: uppercase;
        font-weight: bold;
        color:#fae9cc;
        text-shadow: .3px .5px #000;
    
    }
    
    .LifePathHeading{
        font-family: BebasNeueBold;
        text-transform: uppercase;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        
    }
    
    .LifePathSubHeading{
        
        font-size: 21px;
        font-weight:normal;
        display: block;
    
    }
    
    .btnTextSize{
            font-size: 27px !important;
    }

    .btnTextShow{
        font-size: 1.9vmin !important;
        position: relative;
        top:-5vh;
    }

    button.input-group-append{
        background-color: #ffc107;
        color:#000;
    }
    
    button.input-group-append:hover{
        background-color: #cf9d06;
        color:#000;
    }

    select{
        padding-left: 3vw;
        -webkit-appearance: textfield;
    }
    .dateSelectFont{
        font-family: BebasNeueBold;
        font-size:5.5vmin !important;
        padding: 0vw 3vw;
        
    }
    
   
  
    
    .lblDisplay{
        font-family: BebasNeueBook;
        position:absolute;
        top:5.2vh; 
        font-size:25px !important;
    }
    
    .d1{
        left:35vw;
        
    }
    
    .d2{
        left:44vw;
    }
    
    .d3{
        left: 55vw;
    }
    
}



@media only screen and (min-device-width: 640px){

    .freshHeadingText{
        margin-top:2vh;
        position:relative;
        top:8px;
        font-family: BebasNeueBook;
        font-size:5.7vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

      .freshHeadingText1{
        margin-top:2px !important;
        color:#e1dc37;
        position:relative;
        top:-6px;
        font-family: BebasNeueBook;
        font-size:5.7vmin ;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }
    
    .lblDisplay{
        font-family: BebasNeueBook;
        position:absolute;
        top:6vh; 
        font-size:25px !important;
    }
    
    .btnTextShow{
        font-size: 3.2vmin !important;
        position: relative;
        top:-10vh;
    }

    .d1{
        left:35vw;
        
    }
    
    .d2{
        left:44vw;
    }
    
    .d3{
        left: 55vw;
    }
    
}




@media only screen and (min-device-width: 768px) and (min-device-height:1022px) {

    .dateError{
        font-family: BebasNeueBook;
        margin-left:2vw;
    
    }

    .bgImg{

        min-width:200px !important;
        height:auto !important;
       
        
    }
    

    .lazy{
        height: 100vh ;
        width: 100vw;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: table;
        background-attachment: fixed;
        background-color: #000;
        background-position: -10px -20px;
        color:#ffffff;
        padding: 0vw 2vw;
      }
    
      .freshHeadingText{
        margin-top:2vh;
        position:relative;
        top:8px;
        font-family: BebasNeueBook;
        font-size:2.5vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }


      .freshHeadingText1{
        margin-top:2px !important;
        color:#e1dc37;
        position:relative;
        top:-5px;
        font-family: BebasNeueBook;
        font-size:2.5vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

    .mainTextCenter{
        font-family: BebasNeueBold;
        font-size:4.5vmin;
        text-transform: uppercase;
        text-align: center;
        /* text-shadow: #f7a4d4 0 0 5px; */
        letter-spacing: .02em;
        word-spacing: .05em;
        line-height: 1em;;
        
    }  
    
    .explanationText{
        margin-top:3%;
        margin-bottom: 5%;
        font-family: Poppins;
        font-weight: normal;
        text-align: center;
        font-size:1.2vmin;
        padding:0% .005vw;
        letter-spacing: .01em;
        word-spacing: .02em;
        
    }
    
    .explanationHighlight{
        text-transform: uppercase;
        font-weight: bold;
        color:#fae9cc;
        text-shadow: .3px .5px #000;
    
    }
    
    .LifePathHeading{
        font-family: BebasNeueBold;
        text-transform: uppercase;
        text-align: center;
        font-size: 3.5vmin;
        font-weight: bold;
        
    }
    
    .LifePathSubHeading{
        
        font-size: 4.5vmin;
        font-weight:normal;
        display: block;
    
    }
    
    .btnTextSize{
            font-size: 27px !important;
    }

    button.input-group-append{
        background-color: #ffc107;
        color:#000;
    }
    
    button.input-group-append:hover{
        background-color: #cf9d06;
        color:#000;
    }

    select{
        padding-left: 3vw;
        -webkit-appearance: textfield;
    }
    .dateSelectFont{
        font-family: BebasNeueBold;
        font-size:3.1vmin !important;
        padding: 0vw 3vw;
        
    }
    
   
     
    .lblDisplay{
        font-family: BebasNeueBook;
        position:absolute;
        top:3.2vh; 
        font-size:25px !important;
    }
    
    .d1{
        left:12vw;
        
    }
    
    .d2{
        left:19vw;
    }
    
    .d3{
        left: 28vw;
    }

  
}

@media only screen and (min-device-width: 800px){
         
    
    .bgImg{

        min-width:200px !important;
        height:auto !important;
        position: absolute;
        
    }

    .freshHeadingText{
        margin-top:2vh;
        position:relative;
        top:8px;
        font-family: BebasNeueBook;
        font-size:5.7vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

      .freshHeadingText1{
        margin-top:2px !important;
        color:#e1dc37;
        position:relative;
        top:-5px;
        font-family: BebasNeueBook;
        font-size:5.7vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

    .mainTextCenter{
        font-family: BebasNeueBold;
        font-size:6.5vmin;
        text-transform: uppercase;
        text-align: center;
        /* text-shadow: #f7a4d4 0 0 5px; */
        letter-spacing: .02em;
        word-spacing: .05em;
        line-height: 1em;;
        
    }  
    
    .explanationText{
        margin-top:3%;
        margin-bottom: 5%;
        font-family: Poppins;
        font-weight: normal;
        text-align: center;
        font-size:2.6vmin;
        padding:0% .005vw;
        letter-spacing: .01em;
        word-spacing: .02em;
        
    }

    .lblDisplay{
        font-family: BebasNeueBook;
        position:absolute;
        top:5vh; 
        font-size:25px !important;
    }
    
    .d1{
        left:13vw;
        
    }
    
    .d2{
        left:20vw;
    }
    
    .d3{
        left: 28vw;
    }
}

@media only screen and (min-device-width: 1024px) and (min-device-height:600px){

    .dateError{
        font-family: BebasNeueBook;
        margin-left:2vw;
    
    }

    .bgImg{

        min-width:200px !important;
        height:auto !important;
        position: absolute;
        
    }
    

    .lazy{
        height: 100vh ;
        width: 100vw;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: table;
        background-attachment: fixed;
        background-color: #000;
        background-position: -10px -20px;
        color:#ffffff;
        padding: 0vw 2vw;
      }
    
      .freshHeadingText{
        margin-top:5vh;
        position:relative;
        top:8px;
        font-family: BebasNeueBook;
        font-size:4.5vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

      .freshHeadingText1{
        margin-top:2px !important;
        color:#e1dc37;
        position:relative;
        top:-5px;
        font-family: BebasNeueBook;
        font-size:4.5vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }


    .mainTextCenter{
        font-family: BebasNeueBold;
        font-size:7.5vmin;
        text-transform: uppercase;
        text-align: center;
        /* text-shadow: #f7a4d4 0 0 5px; */
        letter-spacing: .02em;
        word-spacing: .05em;
        line-height: 1em;;
        
    }  
    
    .explanationText{
        margin-top:3%;
        margin-bottom: 5%;
        font-family: Poppins;
        font-weight: normal;
        text-align: center;
        font-size:2.6vmin;
        padding:0% .005vw;
        letter-spacing: .01em;
        word-spacing: .02em;
        
    }
    
    .explanationHighlight{
        text-transform: uppercase;
        font-weight: bold;
        color:#fae9cc;
        text-shadow: .3px .5px #000;
    
    }
    
    .LifePathHeading{
        font-family: BebasNeueBold;
        text-transform: uppercase;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        
    }
    
    .LifePathSubHeading{
        
        font-size: 21px;
        font-weight:normal;
        display: block;
    
    }
    
    .btnTextSize{
            font-size: 27px !important;
    }

    button.input-group-append{
        background-color: #ffc107;
        color:#000;
    }
    
    button.input-group-append:hover{
        background-color: #cf9d06;
        color:#000;
    }

    select{
        padding-left: 3vw;
        -webkit-appearance: textfield;
    }
    .dateSelectFont{
        font-family: BebasNeueBold;
        font-size:5.5vmin !important;
        padding: 0vw 3vw;
        
    }
    
   
  
    
    .lblDisplay{
        font-family: BebasNeueBook;
        position:absolute;
        top:6vh; 
        font-size:25px !important;
    }
    
    .d1{
        left:14vw;
        
    }
    
    .d2{
        left:20vw;
    }
    
    .d3{
        left: 28vw;
    }

}


@media only screen and (min-device-width: 1024px) and (min-device-height:765px){

        .dateError{
            font-family: BebasNeueBook;
            margin-left:2vw;
        
        }
    
        .bgImg{
            min-width:200px !important;
            height:auto !important;
            position: absolute;
            
        }
        
    
        .lazy{
            height: 100vh ;
            width: 100vw;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            display: table;
            background-attachment: fixed;
            background-color: #000;
            background-position: -10px -20px;
            color:#ffffff;
            padding: 0vw 2vw;
          }
        
          .freshHeadingText{
            margin-top:2vh;
            position:relative;
            top:8px;
            font-family: BebasNeueBook;
            font-size:3.5vmin;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: .01em;
            word-spacing: .05em;
          }

          .freshHeadingText1{
            margin-top:2px !important;
            color:#e1dc37;
            position:relative;
            top:-5px;
            font-family: BebasNeueBook;
            font-size:3.5vmin;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: .01em;
            word-spacing: .05em;
          }
    
        .mainTextCenter{
            font-family: BebasNeueBold;
            font-size:7.5vmin;
            text-transform: uppercase;
            text-align: center;
            /* text-shadow: #f7a4d4 0 0 5px; */
            letter-spacing: .02em;
            word-spacing: .05em;
            line-height: 1em;;
            
        }  
        
        .explanationText{
            margin-top:3%;
            margin-bottom: 5%;
            font-family: Poppins;
            font-weight: normal;
            text-align: center;
            font-size:2.0vmin;
            padding:0% .005vw;
            letter-spacing: .01em;
            word-spacing: .02em;
            
        }
        
        .explanationHighlight{
            text-transform: uppercase;
            font-weight: bold;
            color:#fae9cc;
            text-shadow: .3px .5px #000;
        
        }
        
        .LifePathHeading{
            font-family: BebasNeueBold;
            text-transform: uppercase;
            text-align: center;
            font-size: 30px;
            font-weight: bold;
            
        }
        
        .LifePathSubHeading{
            
            font-size: 21px;
            font-weight:normal;
            display: block;
        
        }
        
        .btnTextSize{
                font-size: 27px !important;
        }

        button.input-group-append{
            background-color: #ffc107;
            color:#000;
        }
        
        button.input-group-append:hover{
            background-color: #cf9d06;
            color:#000;
        }
    
        select{
            padding-left: 3vw;
            -webkit-appearance: textfield;
        }
        .dateSelectFont{
            font-family: BebasNeueBold;
            font-size:5.5vmin !important;
            padding: 0vw 3vw;
            
        }
        
       
      
        
        .lblDisplay{
            font-family: BebasNeueBook;
            position:absolute;
            top:6.5vh; 
            font-size:25px !important;
        }
        
        .d1{
            left:14vw;
            
        }
        
        .d2{
            left:20vw;
        }
        
        .d3{
            left: 28vw;
        }
    
}

@media only screen and (min-device-width: 1024px) and (min-device-height:1365px){

    .dateError{
        font-family: BebasNeueBook;
        margin-left:2vw;
    
    }

    .bgImg{

        min-width:200px !important;
        height:auto !important;
        position: absolute;
        
    }
    

    .lazy{
        height: 100vh ;
        width: 100vw;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: table;
        background-attachment: fixed;
        background-color: #000;
        background-position: -10px -20px;
        color:#ffffff;
        padding: 0vw 2vw;
      }
    
      .freshHeadingText{
        margin-top:5vh;
        position:relative;
        top:8px;
        font-family: BebasNeueBook;
        font-size:2.65vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

      .freshHeadingText1{
        margin-top:2px !important;
        color:#e1dc37;
        position:relative;
        top:-3px;
        font-family: BebasNeueBook;
        font-size:2.65vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }


    .mainTextCenter{
        font-family: BebasNeueBold;
        font-size:5.9vmin;
        text-transform: uppercase;
        text-align: center;
        /* text-shadow: #f7a4d4 0 0 5px; */
        letter-spacing: .02em;
        word-spacing: .05em;
        line-height: 1em;;
        
    }  
    
    .explanationText{
        margin-top:3%;
        margin-bottom: 5%;
        font-family: Poppins;
        font-weight: normal;
        text-align: center;
        font-size:2.1vmin;
        padding:0% .005vw;
        letter-spacing: .01em;
        word-spacing: .02em;
        
    }
    
    .explanationHighlight{
        text-transform: uppercase;
        font-weight: bold;
        color:#fae9cc;
        text-shadow: .3px .5px #000;
    
    }
    
    .LifePathHeading{
        font-family: BebasNeueBold;
        text-transform: uppercase;
        text-align: center;
        font-size: 4.5vmin;
        font-weight: bold;
        
    }
    
    .LifePathSubHeading{
        
        font-size: 21px;
        font-weight:normal;
        display: block;
    
    }
    
    .btnTextSize{
            font-size: 3.5vmin !important;
    }

    button.input-group-append{
        background-color: #ffc107;
        color:#000;
    }
    
    button.input-group-append:hover{
        background-color: #cf9d06;
        color:#000;
    }

    select{
        padding-left: 3vw;
        -webkit-appearance: textfield;
    }
    .dateSelectFont{
        font-family: BebasNeueBold;
        font-size:3.2vmin !important;
        padding: 0vw 3vw;
        
    }
    
   
  
    
    .lblDisplay{
        font-family: BebasNeueBook;
        position:absolute;
        top:3.5vh; 
        font-size:25px !important;
    }
    
    .d1{
        left:14vw;
        
    }
    
    .d2{
        left:20vw;
    }
    
    .d3{
        left: 28vw;
    }

}


@media only screen and (min-device-width: 1280px){

    .dateError{
        font-family: BebasNeueBook;
        margin-left:2vw;
    
    }

    #noPic{
        min-height: 70vh !important;
        width:auto;
    }
    
    .bgImg{

        min-width:200px !important;
        height:auto !important;
        position: absolute;
        
    }
    

    .lazy{
        height: 100vh ;
        width: 100vw;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: table;
        background-attachment: fixed;
        background-color: #000;
        background-position: -10px -20px;
        color:#ffffff;
        padding: 0vw 2vw;
      }
    

      .explanationText{
        margin-top:3%;
        margin-bottom: 5%;
        font-family: Poppins;
        font-weight: normal;
        text-align: center;
        font-size:2.0vmin;
        padding:0% .005vw;
        letter-spacing: .01em;
        word-spacing: .02em;
        
    }
    
      .freshHeadingText{
        margin-top:5vh;
        position:relative;
        top:8px;
        font-family: BebasNeueBook;
        font-size:3.6vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

      .freshHeadingText1{
        margin-top:2px !important;
        color:#e1dc37;
        position:relative;
        top:-3px;
        font-family: BebasNeueBook;
        font-size:3.6vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }
    }

@media only screen and (min-device-width: 1365px) and (min-device-height:1022px){

    .dateError{
        font-family: BebasNeueBook;
        margin-left:2vw;
    
    }

    .bgImg{

        min-width:200px !important;
        height:auto !important;
        position: absolute;
        
    }
    

    .lazy{
        height: 100vh ;
        width: 100vw;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: table;
        background-attachment: fixed;
        background-color: #000;
        background-position: -10px -20px;
        color:#ffffff;
        padding: 0vw 2vw;
      }
    
      .freshHeadingText{
        margin-top:5vh;
        position:relative;
        top:8px;
        font-family: BebasNeueBook;
        font-size:7.1vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

      .freshHeadingText1{
        margin-top:2px !important;
        color:#e1dc37;
        position:relative;
        top:-7px;
        font-family: BebasNeueBook;
        font-size:7.1vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

    .mainTextCenter{
        font-family: BebasNeueBold;
       font-size:9.3vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .02em;
        word-spacing: .05em;
        line-height: 1em;;
        
    }  
    
    .explanationText{
        margin-top:3%;
        margin-bottom: 5%;
        font-family: Poppins;
        font-weight: normal;
        text-align: center;
        font-size:3.2vmin;
        padding:0% .005vw;
        letter-spacing: .01em;
        word-spacing: .02em;
        
    }
    
    .explanationHighlight{
        text-transform: uppercase;
        font-weight: bold;
        color:#fae9cc;
        text-shadow: .3px .5px #000;
    
    }
    
    .LifePathHeading{
        font-family: BebasNeueBold;
        text-transform: uppercase;
        text-align: center;
        font-size: 7.5vmin;
        font-weight: bold;
        
    }
    
    .LifePathSubHeading{
        
        font-size: 21px;
        font-weight:normal;
        display: block;
    
    }
    
    .btnTextSize{
            font-size: 5.5vmin !important;
    }

    button.input-group-append{
        background-color: #ffc107;
        color:#000;
    }
    
    button.input-group-append:hover{
        background-color: #cf9d06;
        color:#000;
    }

    select{
        padding-left: 3vw;
        min-width: 15vw;
        margin-bottom: 1vh;
        -webkit-appearance: textfield;
    }
    .dateSelectFont{
        font-family: BebasNeueBold;
        font-size:3.9vmin !important;
        padding: 0vw 3vw;
        
    }
    
   
  
    
    .lblDisplay{
        font-family: BebasNeueBook;
        position:absolute;
        top:4vh; 
        font-size:4.5vmin !important;
    }
    
    .d1{
        left:29vw;
        
    }
    
    .d2{
        left:43vw;
    }
    
    .d3{
        left: 63vw;
    }

}

@media only screen and (min-device-width: 1365px) {

    .dateError{
        font-family: BebasNeueBook;
        margin-left:2vw;
    
    }

    .bgImg{

        min-width:200px !important;
        height:auto !important;
        position: absolute;
        
    }
    

    .lazy{
        height: 100vh ;
        width: 100vw;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: table;
        background-attachment: fixed;
        background-color: #000;
        background-position: -10px -20px;
        color:#ffffff;
        padding: 0vw 2vw;
      }
    
      .freshHeadingText{
        margin-top:5vh;
        position:relative;
        top:8px;
        font-family: BebasNeueBook;
        font-size:3.2vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

      .freshHeadingText1{
        margin-top:2px !important;
        color:#e1dc37;
        position:relative;
        top:-7px;
        font-family: BebasNeueBook;
        font-size:3.2vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

    .mainTextCenter{
        font-family: BebasNeueBold;
       font-size:6.3vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .02em;
        word-spacing: .05em;
        line-height: 1em;;
        
    }  
    
    .explanationText{
        margin-top:3%;
        margin-bottom: 5%;
        font-family: Poppins;
        font-weight: normal;
        text-align: center;
        font-size:2.5vmin;
        padding:0% .005vw;
        letter-spacing: .01em;
        word-spacing: .02em;
        
    }
    
    .explanationHighlight{
        text-transform: uppercase;
        font-weight: bold;
        color:#fae9cc;
        text-shadow: .3px .5px #000;
    
    }
    
    .LifePathHeading{
        font-family: BebasNeueBold;
        text-transform: uppercase;
        text-align: center;
        font-size: 5.5vmin;
        font-weight: bold;
        
    }
    
    .LifePathSubHeading{
        
        font-size: 21px;
        font-weight:normal;
        display: block;
    
    }
    
    .btnTextSize{
            font-size: 3.5vmin !important;
    }

    button.input-group-append{
        background-color: #ffc107;
        color:#000;
    }
    
    button.input-group-append:hover{
        background-color: #cf9d06;
        color:#000;
    }

    select{
        padding-left: 3vw;
        min-width: 10vw;
        margin-bottom: 1vh;
        -webkit-appearance: textfield;
    }
    .dateSelectFont{
        font-family: BebasNeueBold;
        font-size:3.9vmin !important;
        padding: 0vw 3vw;
        
    }
    
   
  
    
    .lblDisplay{
        font-family: BebasNeueBook;
        position:absolute;
        top:5.2vh; 
        font-size:4.5vmin !important;
    }
    
    .d1{
        left:10vw;
        
    }
    
    .d2{
        left:21vw;
    }
    
    .d3{
        left: 31vw;
    }

}



 @media only screen and (min-device-width: 2400px) and (min-device-height:1300px){

    .dateError{
        font-family: BebasNeueBook;
        margin-left:2vw;
    
    }

    .bgImg{

        min-width:200px !important;
        height:auto !important;
        position: absolute;
        
    }
    
  

    .lazy{
        height: 100vh ;
        width: 100vw;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: table;
        background-attachment: fixed;
        background-color: #000;
        background-position: -10px -20px;
        color:#ffffff;
        padding: 0vw 2vw;
      }
    
      .freshHeadingText{
        margin-top:5vh;
        position:relative;
        top:8px;
        font-family: BebasNeueBook;
        font-size:12.1vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }

      .freshHeadingText1{
        margin-top:2px !important;
        color:#e1dc37;
        position:relative;
        top:-14px;
        font-family: BebasNeueBook;
        font-size:12.1vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
      }


    .mainTextCenter{
        font-family: BebasNeueBold;
        font-size:9.3vmin;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .02em;
        word-spacing: .05em;
        line-height: 1em;;
        
    }  
    
    .explanationText{
        margin-top:3%;
        margin-bottom: 5%;
        font-family: Poppins;
        font-weight: normal;
        text-align: center;
        font-size:2.5vmin;
        padding:0% .005vw;
        letter-spacing: .01em;
        word-spacing: .02em;
        
    }
    
    .explanationHighlight{
        text-transform: uppercase;
        font-weight: bold;
        color:#fae9cc;
        text-shadow: .3px .5px #000;
    
    }
    
    .LifePathHeading{
        font-family: BebasNeueBold;
        text-transform: uppercase;
        text-align: center;
        font-size: 7.5vmin;
        font-weight: bold;
        
    }
    
    .LifePathSubHeading{
        
        font-size: 21px;
        font-weight:normal;
        display: block;
    
    }
    
    .btnTextSize{
            font-size: 4.5vmin !important;
    }

    button.input-group-append{
        background-color: #ffc107;
        color:#000;
    }
    
    button.input-group-append:hover{
        background-color: #cf9d06;
        color:#000;
    }

    select{
        padding-left: 3vw;
        min-width: 15vw;
        margin-bottom: 5vh;
        -webkit-appearance: textfield;
    }
    .dateSelectFont{
        font-family: BebasNeueBold;
        font-size:3.9vmin !important;
        padding: 0vw 3vw;
        
    }
    
   
  
    
    .lblDisplay{
        font-family: BebasNeueBook;
        position:absolute;
        top:4vh; 
        font-size:4.5vmin !important;
    }
    
    .d1{
        left:29vw;
        
    }
    
    .d2{
        left:43vw;
    }
    
    .d3{
        left: 63vw;
    }

}