*
{
    box-sizing: border-box;
    
}


.FormContainer
{
    font-family: "Montserrat",
        sans-serif,
        'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif !important;
    margin-top: 3vh;
    margin-bottom: 3vh;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  background-color: #22092C !important;
  border-radius: 25px;
  /* width: 70vw; */
  box-shadow: rgba(48, 48, 48, 0.651) 6px 6px;
  width: 55vw;

  #TitleHeading
  {
    color: white;
    background-color: #FF004D;
    padding: 3px 10px;
    margin-top: 15px;
    border-radius: 15px;
    font-weight: 700;
    font-size: larger;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 10px;
    /* border: 1px solid white; */
  }

  form{
    /* margin: 10px;
    padding: 10px; */
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    justify-content: center;
    gap: 10px;
    

    label 
    {
        margin-left: 15px;
        font-size: x-large;
        color: white;
        font-weight: 700;
    }
    

    .radiobtn
    {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 15px;
        margin-left: 20px;

        .radioOptions
        {
           display: flex;
           gap: 10px !important;
            
        }
        #radioBtn1
        {
            accent-color: #007F73;
            transform: scale(1.5);
        }
        
        #radioBtn2
        {
            transform: scale(1.5);
            accent-color: orange;
        }
        #radioBtn3
        {
            transform: scale(1.5);
            accent-color: rgb(255, 0, 140);
        }
        
        #radioBtn4
        {
            transform: scale(1.5);
            accent-color: blue;
            /* accent-color: #00712D; */
        }
        p
        {
            color: white;
            font-size: x-large;
            margin-bottom: 5px;
            font-weight: 800;
        }
        label
        {
            margin: 0px 10px;
            cursor: pointer;
            font-size: x-large;
            font-weight: 600;
        }
    }

    #PhoneContainer
    {
        width: 100% !important;
        display: flex;
        flex-direction: column !important;
        .NumberAndCodeContainer
        {
            width: 100% !important;
            display: flex;
            justify-content: start;
            /* gap: 5px; */
            align-items: center;
            /* background-color: red; */
            padding: 2px 7px;
            input[type="text"]
            {
               margin-left: 5px;
            }
            

            h4
            {
                margin-bottom: 10px !important;
            }
           
        }

    }

    .EmailContainer
    {
        width: 90% !important;
        display: flex;
        margin-left: 15px;
        flex-direction: column !important;
        font-family: "Montserrat",
        sans-serif,
        'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif !important;
        font-weight: 700;
        font-size: medium;
        cursor: pointer;

        label
        {
            margin-left: 0px !important;
        }
       

        input[type="email"]
        {
            width: 80% ;
            margin-top: 10px;
            height: 5vh;
            border-radius: 10px;
            padding: 5px;
            font-weight: 700;
            font-size: large;
            font-family: "Montserrat",
            sans-serif,
            'Segoe UI',
            Tahoma,
            Geneva,
            Verdana,
            sans-serif !important;
        }
    }


    .Captcha
    {
        /* background-color: #0028FF !important; */
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }


    .CodeandCaptcha
    {
        /* margin: 3px 10px !important; */
        /* background-color: red; */
        #CodeVerifier
        {
           
            
            cursor: pointer;
            background-color: #F6F54D;
            font-weight: 700;
            font-size: medium;
            width: auto;
            padding: 3px 10px;
            height: 40px;
            margin-left: auto;
            margin-right: auto;
            border-radius: 15px;
            font-family: "Montserrat",
            sans-serif,
            'Segoe UI',
            Tahoma,
            Geneva,
            Verdana,
            sans-serif !important;
            
        }

      

       
        .VerifySection
        {
            width: 100% !important;
            /* width: 50vw !important; */
            /* margin: 3px 10px !important; */
            /* background-color: peru; */
            display: flex;
            display: none;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 0px 5px;
            gap: 5px;
            .MessageAndInput
            {
                display: flex;
                /* justify-content: center; */
                align-items: center;
                
                gap: 15px;
                label
                {
                    h5
                    {
                     font-size: large ;
                     white-space: nowrap;
                     /* margin-bottom: 5px; */
                     
                     /* background-color: #15F5BA !important; */
                     /* padding: 10px; */
                 }
                 
                
             }

            }
        
        button
        {
            margin-top: 15px;
            /* Submit Button */
            cursor: pointer;
            font-family: "Montserrat",
            sans-serif,
            'Segoe UI',
            Tahoma,
            Geneva,
            Verdana,
            sans-serif !important;
            font-size: larger;
            font-weight: 700;
            border-radius: 10px;
            padding: 3px 10px;
            color: white !important;
            font-weight: 700;
            white-space: nowrap;
            padding: 5px 10px;
            background-color: #379777;
            background-color: #059212;
            color: white;
            border-radius: 12px;
            /* margin-top: 10px; */
            margin-left: 15px;
            font-size: large;
            border: 2px solid white;

           }
        }
    }
    
    
    .FandC
    {
        display: none;
        margin-left: 50px;
        label
        {
           font-size: x-large ;
        }
        label
        {
            
            cursor: pointer;
            font-size: larger;
            font-weight: 600;
            margin: 5px 15px;
        }
        
        #radioBtn5
        {
            accent-color: #FFC700;
            transform: scale(1.2);
        }
        
        #radioBtn6
        {
            transform: scale(1.2);
            accent-color: #15F5BA;
            /* accent-color: #00712D; */
        }
    }
    
    
    input[type="text"]
    {
        
        width: 70%;
        height: 5vh;
        border-radius: 10px;
        margin-left: 15px;
        padding: 5px;
        font-weight: 700;
        font-size: large;
        font-family: "Montserrat",
        sans-serif,
        'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif !important;

    }
    input[type="number"]
    {
        
        width: 70%;
        height: 5vh;
        border-radius: 10px;
        padding: 5px;
        font-weight: 700;
        font-size: large;
        font-family: "Montserrat",
        sans-serif,
        'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif !important;

    }

   
     textarea
     {
        width: 90%;
        margin-left: 15px;
        resize: vertical;
        border-radius: 15px ;
        padding: 10px;
        font-size: x-large;
        font-weight: 600 !important;
        font-family: "Montserrat",
        sans-serif,
        'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif !important;
        

     }
     textarea::placeholder 
        {
            font-size: x-large;
            font-family: "Montserrat",
        sans-serif,
        'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif !important;
        
        
        }

        textarea::-webkit-scrollbar
        {
            width: 0px;
            /* border-radius: 5px;
            color: gray; */
        }


  }

 

  .SubmitAndReset
  {
    /* background-color: yellow; */
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    /* background-color: yellow; */
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      gap: 80px;
      
    input
    {
        cursor: pointer;
        background-color: #45FFCA;
        padding: 5px 10px;
        margin: 5px 10px;
        border-radius: 10px;
        font-family: "Montserrat",
        sans-serif,
        'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif !important;
        font-size: larger;
        font-weight: 600;
        border: 2px solid white;
    }
    #submit
    {
        display: none;
        background-color: #6528F7;
        background-color: #0028FF;
        color: white;

    }

    #reset
    {
        background-color: #F5004F;
        color: white;

    }
  }
}





.AfterSubmit
{
    margin: 0 !important;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
   
    width: 100vw;
    height: 100vh;
   
}



.onSuccess
{
    display: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 35%; 
    left: 25%;
    flex-wrap: wrap;
    background-color: white;
    width: 50vw;
    padding: 15px;
    border-radius: 15px;
    text-align: start;
    z-index: 999;

    .MessageAndIcon
    {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        h3 
        {
            background-color: white !important; 
            color: #379777;
            display: inline;
            font-weight: 700;
            font-size: x-large;
    
        }
        i
        {
            margin-top: 15px;
        }

        #closebtn
        {
            /* background-color: yellow; */
            position: absolute;
            top: -20%;
            right: -5%;
            cursor: pointer;
        }
    }
    p
    {
        color: black;
        text-align: start;
        font-weight: 600;
        font-size: large;
        margin-top: 10px;
    }
}

#Warning
{
    background-color: white !important;
    color : red !important;
    font-size: larger;
    font-weight: 700;
    margin-left: 50px;
    padding: 3px 10px;
    border-radius: 15px ;
    border: 2px solid black;
    display: none;

}

.ImageContainer
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0px;
    width: 100%;
    /* background-color: peru; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;

    img{
        height: 200px;
        width: 200px;
        border-radius: 50%;
        border: 3px solid white;
    }

    input[type="file"]
    {
        background-color: #7743DB !important;
        font-family: "Montserrat",
        sans-serif,
        'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif !important;
        font-size: larger;
        font-weight: 700;
        border-radius: 10px;
        padding: 3px 10px;
        color: white;
    }

    
    .UploadText
    {
        display: flex;
        justify-content: center;
        align-items: center;

        label
        {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;

            h4
            {
                color: white;
                font-weight: 800;
                font-size: larger;
            }
        }
    }
#upload2
{
    font-size: 60px;
}





}

.CodeandCaptcha
{
    margin-top: 10px;
    width: 100%;
    display: flex;
    /* display: none !important; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;

    .VerifySection
    {
        align-items: center;
        justify-content: space-evenly;
        
    }
}

.CodeStatus
{
    /* display: none; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    h3
    {
        border-radius: 20px;
        border: 2px solid white;
        color: white;
        height: auto;
    }
    
    #onSuccess
    {
        display: flex;
        display: none;
            justify-content: center;
            align-items: center;
            background-color: green;
            padding: 5px 10px;
            gap: 10px !important;
            width: 100%;
        }
        
        
        
        #onError
        {
            text-align: center;
            display: flex;
            display: none;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            /* width: auto !important; */
            background-color: #F5004F;
            padding: 5px 10px;
            gap: 10px !important;
            width: 90%;
            overflow: break-word;
            word-break: break-all;
            a{
                color: white;
            }
        }
        /* display: none; */
    
}

.CodeMatch
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    h3
    {
        color: white;
        border-radius: 20px;
        border: 2px solid white;
        padding: 3px 8px;
        gap: 10px;

        i
        {
            margin-top: 3px;
        }
        
    }
    
    #matchSuccess
    {
        display: none;
        background-color: green;
        
    }
    
    #matchError
    {
        width: 90%;
        display: flex;
        display: none;

        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #F5004F;
        overflow: break-word;
        word-break: break-all;
        text-align: center;
        
    }
}

.SubmitAlert
{
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    background-color: #F9E400;
    background-color: #FFF8DC;
    background-color: #EEE8AA;
    background-color: #FFD580;
    padding: 3px 10px;
    overflow: break-word;
    word-break:normal;
    max-width:  90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    margin-bottom: 10px;
    h3
    {
        font-weight: 600;
        /* display: flex; */
        gap: 10px !important;
        i
        {
            margin-right: 10px;
            /* margin-top: 20px; */
        }

    }
}

/* Phone Privacy Message */
#PhonePrivacyText
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: white;
    color: #4535c1;
    padding: 3px 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    flex-wrap: wrap;
    /* word-break: break-all; */
}

/* //gpt */

body.locked {
    overflow: hidden;
}

/* Overlay to blur the background */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* Alert box styling */
.alertBox {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    max-width: 80%; /* Set max width to 80% of the viewport width */
    width: 100%; /* Ensure it takes up the full width available up to max-width */
}

.alertBox h2 {
    margin: 0;
    color: #d9534f;
}

.alertBox p {
    margin-top: 10px;
    color: #333;
    font-weight: 600;
}

/* OK button styling */
.alertBox button {
    margin-top: 15px;
    padding: 10px 20px;
    background-color: #d9534f;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-family: "Montserrat",
    sans-serif,
    'Segoe UI',
    Tahoma,
    Geneva,
    Verdana,
    sans-serif !important;
    font-size: larger;
    font-weight: 700;
}

.alertBox button:hover {
    background-color: #c9302c;
}

/* gpt style end */

#yearWarning
{
    background-color: white;
    margin-left: 20px;
    border-radius: 15px;
    padding: 3px 7px;
    font-weight: 600;
}

#AbovePhoneMessage
{
    display: flex;
    justify-content: center;
    align-items: center;
    /* color:white; */
    color: black;
    margin-left: auto;
    margin-right: auto;
    background-color: #EEE8AA;
    padding: 3px 7px;
    border-radius: 10px;
    
}


#countdownDiv
{
    max-width: 90%;
    display: flex;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: large;
    font-weight: 700;
    /* font-weight: 700; */
    background-color: green;
    background-color: white;
    padding: 2px 7px;
    border-radius: 10px;
    color: white;
    color: rgb(0, 114, 0);
    
}




.CropperOne {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    display: none;
    /* position: absolute;
    z-index: 99999; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    gap: 20px;
    width: 90%;
    /* background-color: red; */
    

.ImageAfterUpload {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.ImageAfterUpload img {
    width: 100%;
    max-height: 500px;
    object-fit: contain;
    background-color: #fff;  /* Ensures there's a visible background */
}

.Buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
    
}

.cropper-view-box,
.cropper-face {
    border-radius: 50%;
}

#btn-crop
{
    font-family: "Montserrat",
    sans-serif,
    'Segoe UI',
    Tahoma,
    Geneva,
    Verdana,
    sans-serif !important;
    font-weight: 700;
    padding:3px 5px;
    background-color: #0028FF;
    color: white;
    font-size: large;
    border-radius: 7px;
    border: 1px solid white;
}

#btn-cancel
{
    border: 1px solid white;
    font-family: "Montserrat",
    sans-serif,
    'Segoe UI',
    Tahoma,
    Geneva,
    Verdana,
    sans-serif !important;
    font-weight: 700;
    padding: 3px 5px;
    font-size: large;
    border-radius: 7px;
    background-color: #EF5A6F;
    color: white;
    
}
}

#CaptchaText
{
    display: flex;
    display: none;
    color: black;
    background-color: #EEE8AA;
    padding: 3px 7px;
    border-radius: 10px;
}


.ClearFileContainer
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    h4
    {
        background-color: red;
        padding: 3px 5px;
        border-radius: 7px;
        cursor: pointer;
        border: 1px solid white;
    }
}


#EmailStatusText
{
    margin-top: 7px;
    background-color: #007BFF;
    color: white;
    display: flex;
    padding: 10px 15px;
    border-radius: 30px;
    border: 2px solid white;
}


.lastAnimation
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 3vh 0px;

    h3
    {
  
        background-color: #15F5BA;
        color: black;
        border: 2px solid black;
        padding: 10px 15px;
        border-radius: 30px;
    }
}






/* Media query begins */

@media (max-width:1400px) {
   .FormContainer
   {
    width: 80vw ;
    

    form
    {
        width: 100% !important;

      
    }
}

}
@media (max-width:1100px) {
   .FormContainer
   {
       width: 90vw;
      
   }
    
}
@media (max-width:940px) {
   
    .radioOptions
    {
        flex-direction: column;
    }
    
}
@media (max-width:850px) {
   .radiobtn
   {
       display: flex;
       flex-direction: column;
       justify-content: start !important;
       align-items: start !important;
       gap: 15px;
       
       input[type="radio"]
       {
        transform: scale(1.5);
        display: inline-block !important;
        background-color: red !important;
        margin: 0px !important;
           
    }

    label
    {
        margin-left:30px !important ;
        /* margin-bottom: 15px !important; */
        /* background-color: peru ; */
    }
}

}

@media (max-width:786px) {
    .FormContainer
    {
        width: 90vw !important;
        #TitleHeading
        {
            /* width: 90% !important; */
            font-size: large;
            margin-bottom: 10px;
        }
        margin-top: 13vh !important;

        label
        {
            font-size: medium !important;

        }
        input[type="text"]
        {
            width: 90% !important;
            font-size: medium !important;
        }

        input[type="email"]
            {
                
                /* display: none !important; */
             font-size: large !important;
             width: 100% !important;
            }

        form
        {
            
            textarea
            {
                font-size: large !important;
               
            }
            
        
        }
        
        .SubmitAndReset
        {
            gap: 40px!;
            width: 90% !important;
            margin-left: auto;
            input
            {
                
                font-size: large !important;
                font-weight: 600;
                border: 2px solid white;
                padding: 5px;
                margin: 2px !important;
            }
            
        }
       
        
    }

    .MessageAndInput
        {
            margin: 0  !important;
            label
            {
                white-space: nowrap;
            }

            input[type="text"]::placeholder
            {
                font-size: medium !important;
            }

        }


    #PhoneContainer
    {
        /* background-color: blue; */
        .NumberAndCodeContainer
        {

            /* background-color: red; */
            h4
            {
                font-size: small !important;
                
                
            }
            input[type="text"]
            {
                
                /* display: none !important; */
             font-size: large !important;
             width: 100% !important;
            }
           
            input::placeholder
            {
             font-size: medium !important;
            }
        }
    }
    #myFile
    {
        width: 90%;
        font-size: medium !important;
        background-color: #08D9D6 !important;
        color: black;
        /* background-color: #08D9D6 !important; */
        /* display: none; */
    }

    #Warning
    {
        /* white-space: nowrap !important; */
        /* display: flex; */
        text-align: center !important;
        font-size: medium !important;
        width: 85% !important;
        margin: 0px !important;
        margin-left: 30px !important;
        margin-right: 5px !important;

    }
    
    .radiobtn
    {
        /* background-color: peachpuff !important; */
        /* transform: scale(1.0) !important; */
        justify-content: center !important;

        
        
            
    
            #radioBtn1
            {
                /* accent-color: #007F73; */
                /* display: none !important; */
                transform: scale(1.0) !important;

            }
        
        
        #radioBtn2
        {
            transform: scale(1.0) !important;
            /* accent-color: orange; */
        } 
        #radioBtn3
        {
            transform: scale(1.0) !important;
            /* accent-color: rgb(255, 0, 140); */
        }
        
        #radioBtn4
        {
            transform: scale(1.0) !important;
            
        
        }

        
        label
        {
            font-size: medium !important;
            background-color: #45FFCA;
            padding: 2px 5px;
            color: black !important;
            border-radius: 7px !important;

        }
        p
        {
            font-size: large !important;
        }
    }

    .FandC
        {  
            /* font-size: medium !important; */
            margin-top: 10px !important;
            margin-left: 20px !important;
            display: flex;
            flex-direction: column;
            /* background-color: red; */
            gap: 10px !important;
            align-items: center;
            justify-content: center;


            label
            {
                /* font-size: small !important; */
                background-color: #FDCB9E;
                padding: 2px 5px;
                color: black !important;
                border-radius: 7px !important; 
    
            }

            .Fs
            {  display: flex;
                justify-content: center;
                align-items: center;
                
                /* background-color: yellow !important; */
            }
            
            .Cs
            {
                 display: flex;
                    justify-content: center;
                    align-items: center;
                    /* background-color: gray; */
                    margin-left: 3px;

            }
            
            /* background-color: peru  !important; */
            #radioBtn5
            {
                transform: scale(0.8) !important;
                /* display: none !important; */
                
            }
            
            #radioBtn6
            {
                transform: scale(0.8) !important;
                
            }
        }

    .ImageContainer
    {
        /* width: 100% !important; */
        /* margin: 0px !important; */
        /* background-color: peru; */

        label
        {
            /* width: 100% !important; */
            h4
            {
                font-size: medium !important;
                white-space: nowrap;
            }
            
            i
            {
                font-size: 30px !important;
            }
            
            #upload2
            {
                /* display: none !important; */
                font-size: 40px !important;
            }
        }
    }

    .lastAnimation
    {
      margin: 14vh 0px;
    
    }
}

@media (max-width:530px) {

    .FormContainer
    {
        box-shadow: rgba(48, 48, 48, 0.651) 3px 3px;
    }
    .VerifySection
    {
        flex-direction: column !important;

        .MessageAndInput
        {
            margin: 0  !important;
            label
            {
                white-space: nowrap;
            }

            input[type="text"]::placeholder
            {
                font-size: 10px !important;
            }

        }
        button{
            margin-top: 10px;
        }
    }

    .NumberAndCodeContainer
    {
        input[type="text"]
        {
            width: 90% !important;
        }
    }

    
    .Captcha
    {
       
        /* display: block !important; */
        transform: scale(0.8);
        /* background-color: red; */
       margin: 0px !important;
       margin: 2px auto !important;
       width: 100% !important;
    }
    .CodeMatch
    {
        width: 90%;
    }

    #AbovePhoneMessage
{
    width: 90%;
    
}

}

@media (max-width:480px) {

    .FormContainer
    {
        #TitleHeading
        {
            width: 70vw !important;
        }

        .SubmitAndReset
        {
            gap: 20px!;
            width: 90% !important;
            /* margin-left: auto; */
            margin: auto;
             }


             .MessageAndInput
             {
                 display: flex;
                 /* justify-content: center; */
                 flex-direction: column;
                 align-items: center;
                 gap: 5px;
                 label
                 {
                     h5
                     {
                      font-size: medium !important;
                      white-space: nowrap;
                      margin: 0 !important;
                      /* margin-bottom: 5px; */
                      
                      /* background-color: #15F5BA !important; */
                      /* padding: 10px; */
                  }
                  
              }
             }
    }
}

@media (max-width:480px) {

    .CodeStatus
    {
        width: 90%;
    }

    #AbovePhoneMessage
    {
        width: 90%;
    }
}

@media (max-width:670px) {

    #PhonePrivacyText
    {
        padding-top: 15px;
        padding-bottom: 10px;
        /* flex-direction: column; */
        font-size: medium;
        text-align: center;
    }

}