.input-pass-0001 {
    position: relative;
}

.input-pass-0001 .input-pass-0001-pass {
    width: 300px;
    padding: 5px 30px 5px 10px;
    color: rgba(240, 164, 23, 1);
    background-color: rgba(240, 247, 250, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    border: 2px solid rgba(182, 63, 63, 1);
    outline: none;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    transition: 0.5s ease-in-out;
}

.input-pass-0001 .input-pass-0001-pass:focus::placeholder,
.input-pass-0001 .input-pass-0001-pass.has-value::placeholder {
    color: transparent;
}

.input-pass-0001 .input-pass-0001-pass::placeholder {
    color: rgba(82, 63, 63, 1);
}

.input-pass-0001 .input-pass-0001-pass:focus,
.input-pass-0001 .input-pass-0001-pass.has-value {
    border: 2px solid rgba(240, 164, 23, 1);
}
    
.input-pass-0001-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 5px;
    right: 5px;
    user-select: none;
}
                        
.input-pass-0001-show-pass{
    display: flex;
}
.input-pass-0001-hide-pass{
    display: none;
}

.input-pass-0001-show-pass,
.input-pass-0001-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(66, 66, 66, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    box-shadow: none;
    cursor: pointer;
}                    
/* ********************************************************* */
.input-pass-0002 {
    position: relative;
}

.input-pass-0002 .input-pass-0002-pass {
    width: 300px;
    padding: 5px 30px 5px 10px;
    background-color: rgba(240, 247, 250, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    border: 2px solid rgba(182, 63, 63, 1);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    outline: none;
    transition: 0.5s ease-in-out;
}

.input-pass-0002 .input-pass-0002-pass.has-value,
.input-pass-0002 .input-pass-0002-pass:focus {
    color: rgba(240, 164, 23, 1);
    border: 2px solid rgba(240, 164, 23, 1);
    transition: 0.5s ease-in-out;
}

.input-pass-0002-placeholder {
    position: absolute;
    width: 120px;
    color: rgba(82, 63, 63, 1);
    background-color: transparent;
    border: none;
    top: 10px;
    left: 10px;
    padding: 2px 2px 2px 8px;
    font-size: 12px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.input-pass-0002 .input-pass-0002-pass.has-value ~ .input-pass-0002-placeholder,
.input-pass-0002 .input-pass-0002-pass:focus ~ .input-pass-0002-placeholder {
    background-color: rgba(241, 241, 241, 1);
    color: rgba(240, 247, 250, 1);
    border: 2px solid rgba(240, 164, 23, 1);
    font-size: 12px;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    top: -18px;
    left: 10px;
    padding: 2px 2px 2px 8px;
    border-radius: 5px 5px 5px 5px;
}
    
.input-pass-0002-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 5px;
    right: 5px;
    user-select: none;
}
                        
.input-pass-0002-show-pass{
    display: flex;
}
.input-pass-0002-hide-pass{
    display: none;
}

.input-pass-0002-show-pass,
.input-pass-0002-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(66, 66, 66, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    box-shadow: none;
    cursor: pointer;
}     
/* ********************************************************* */
.input-pass-0003 {
    position: relative;
}
            
.input-pass-0003 .input-pass-0003-pass {
    width: 300px;
    padding: 10px 30px 5px 10px;
    background-color: rgba(240, 247, 250, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    border: 2px solid rgba(182, 63, 63, 1);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    outline: none;
    transition: 0.5s ease-in-out;
}

.input-pass-0003 .input-pass-0003-pass.has-value,
.input-pass-0003 .input-pass-0003-pass:focus {
    color: rgba(240, 164, 23, 1);
    border: 2px solid rgba(240, 164, 23, 1);
    transition: 0.5s ease-in-out;
}

.input-pass-0003-span-box {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    transition: 0.5s ease-in-out;
}

.input-pass-0003-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    top: 8px;
    left: 0px;
    font-size: 24px;
    color: rgba(82, 63, 63, 1);
    border-right: 2px solid rgba(182, 63, 63, 1);
    transition: 0.5s ease-in-out;
    opacity: 1;
    pointer-events: none;
}

.input-pass-0003 .input-pass-0003-pass.has-value ~ .input-pass-0003-span-box .input-pass-0003-icon,
.input-pass-0003 .input-pass-0003-pass:focus ~ .input-pass-0003-span-box .input-pass-0003-icon {
    font-size: 0px;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.input-pass-0003-placeholder {
    position: absolute;
    width: 120px;
    color: rgba(82, 63, 63, 1);
    font-size: 12px;
    top: 10px;
    left: 40px;
    padding: 2px 2px 2px 8px;
    border-radius: 5px 5px 5px 5px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.input-pass-0003 .input-pass-0003-pass.has-value ~ .input-pass-0003-span-box .input-pass-0003-placeholder,
.input-pass-0003 .input-pass-0003-pass:focus ~ .input-pass-0003-span-box .input-pass-0003-placeholder {
    width: 120px;
    background-color: rgba(241, 241, 241, 1);
    color: rgba(240, 247, 250, 1);
    border: 2px solid rgba(240, 164, 23, 1);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    font-size: 12px;
    padding: 2px 2px 2px 8px;
    border-radius: 5px 5px 5px 5px;
    transition: 0.5s ease-in-out;
} 

.input-pass-0003 .input-pass-0003-pass.has-value ~ .input-pass-0003-span-box,
.input-pass-0003 .input-pass-0003-pass:focus ~ .input-pass-0003-span-box,
.input-pass-0003 .input-pass-0003-pass:focus ~ .input-pass-0003-span-box .input-pass-0003-placeholder,
.input-pass-0003 .input-pass-0003-pass.has-value ~ .input-pass-0003-span-box .input-pass-0003-placeholder,
.input-pass-0003 .input-pass-0003-pass.has-value ~ .input-pass-0003-span-box .input-pass-0003-icon,
.input-pass-0003 .input-pass-0003-pass:focus ~ .input-pass-0003-span-box .input-pass-0003-icon {
    top: -10px;
    left:  -5px;
    transition: 0.5s ease-in-out;
}
    
.input-pass-0003-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 8px;
    right: 5px;
    user-select: none;
}
                        
.input-pass-0003-show-pass{
    display: flex;
}
.input-pass-0003-hide-pass{
    display: none;
}

.input-pass-0003-show-pass,
.input-pass-0003-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(66, 66, 66, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    box-shadow: none;
    cursor: pointer;
}
                    
/* ********************************************************* */
.input-pass-0004 {
    position: relative;
}
            
.input-pass-0004 .input-pass-0004-pass {
    width: 300px;
    padding: 10px 30px 5px 10px;
    background-color: rgba(240, 247, 250, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    border: 2px solid rgba(0, 128, 157, 1);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    outline: none;
    transition: 0.5s ease-in-out;
}

.input-pass-0004 .input-pass-0004-pass.has-value,
.input-pass-0004 .input-pass-0004-pass:focus {
    color: rgba(10, 186, 181, 1);
    border: 2px solid rgba(10, 186, 181, 1);
    transition: 0.5s ease-in-out;
}

.input-pass-0004-span-box {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    transition: 0.5s ease-in-out;
}

.input-pass-0004-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    top: 8px;
    left: 0px;
    font-size: 24px;
    color: rgba(0, 128, 157, 1);
    border-right: 4px dotted rgba(0, 128, 157, 1);
    transition: 0.5s ease-in-out;
    opacity: 1;
    pointer-events: none;
}

.input-pass-0004 .input-pass-0004-pass.has-value ~ .input-pass-0004-span-box .input-pass-0004-icon,
.input-pass-0004 .input-pass-0004-pass:focus ~ .input-pass-0004-span-box .input-pass-0004-icon {
    font-size: 0px;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.input-pass-0004-placeholder {
    position: absolute;
    width: 120px;
    color: rgba(0, 128, 157, 1);
    font-size: 12px;
    top: 10px;
    left: 40px;
    padding: 2px 2px 2px 8px;
    border-radius: 0px 0px 0px 0px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.input-pass-0004 .input-pass-0004-pass.has-value ~ .input-pass-0004-span-box .input-pass-0004-placeholder,
.input-pass-0004 .input-pass-0004-pass:focus ~ .input-pass-0004-span-box .input-pass-0004-placeholder {
    width: 120px;
    background-color: rgba(16, 16, 16, 1);
    color: rgba(240, 247, 250, 1);
    border: 2px solid rgba(10, 186, 181, 1);
    border-top: transparent;
    border-bottom: transparent;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    font-size: 12px;
    padding: 2px 2px 2px 8px;
    border-radius: 0px 0px 0px 0px;
    transition: 0.5s ease-in-out;
} 

.input-pass-0004 .input-pass-0004-pass.has-value ~ .input-pass-0004-span-box,
.input-pass-0004 .input-pass-0004-pass:focus ~ .input-pass-0004-span-box,
.input-pass-0004 .input-pass-0004-pass:focus ~ .input-pass-0004-span-box .input-pass-0004-placeholder,
.input-pass-0004 .input-pass-0004-pass.has-value ~ .input-pass-0004-span-box .input-pass-0004-placeholder,
.input-pass-0004 .input-pass-0004-pass.has-value ~ .input-pass-0004-span-box .input-pass-0004-icon,
.input-pass-0004 .input-pass-0004-pass:focus ~ .input-pass-0004-span-box .input-pass-0004-icon {
    top: -5px;
    left:  5px;
    transition: 0.5s ease-in-out;
}
    
.input-pass-0004-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 8px;
    right: 5px;
    user-select: none;
}
                        
.input-pass-0004-show-pass{
    display: flex;
}
.input-pass-0004-hide-pass{
    display: none;
}

.input-pass-0004-show-pass,
.input-pass-0004-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(66, 66, 66, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    box-shadow: none;
    cursor: pointer;
}                    
/* ********************************************************* */
.input-pass-0005 {
    position: relative;
}

.input-pass-0005 .input-pass-0005-pass {
    width: 300px;
    padding: 0px 30px 10px 10px;
    background-color: rgba(240, 247, 250, 1);
    border-radius: 8px 8px 0px 0px;
    font-size: 16px;
    border: none;
    border-bottom: 2px solid rgba(217, 22, 86, 1);
    outline: none;
    transition: 0.5s ease-in-out;
}

.input-pass-0005 .input-pass-0005-pass.has-value,
.input-pass-0005 .input-pass-0005-pass:focus {
    color: rgba(217, 22, 86, 1);
    border: none;
    border-bottom: 2px solid rgba(238, 102, 166, 1);
    transition: 0.5s ease-in-out;
}

.input-pass-0005-placeholder {
    position: absolute;
    width: 120px;
    color: rgba(100, 13, 95, 1);
    background-color: transparent;
    border: none;
    top: 5px;
    left: 10px;
    padding: 2px 2px 2px 8px;
    font-size: 12px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.input-pass-0005 .input-pass-0005-pass.has-value ~ .input-pass-0005-placeholder,
.input-pass-0005 .input-pass-0005-pass:focus ~ .input-pass-0005-placeholder {
    background-color: rgba(16, 16, 16, 1);
    color: rgba(240, 247, 250, 1);
    border: 2px solid rgba(238, 102, 166, 1);
    font-size: 12px;
    border-bottom: none;
    top: 22px;
    left: 10px;
    padding: 0px 0px 0px 8px;
    border-radius: 5px 5px 0px 0px;
}
    
.input-pass-0005-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 4px;
    right: 5px;
    user-select: none;
}
                        
.input-pass-0005-show-pass{
    display: flex;
}
.input-pass-0005-hide-pass{
    display: none;
}

.input-pass-0005-show-pass,
.input-pass-0005-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(66, 66, 66, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
                    
/* ********************************************************* */
.input-pass-0006 {
    position: relative;
}

.input-pass-0006 .input-pass-0006-pass {
    width: 300px;
    padding: 0px 30px 0px 10px;
    background-color: rgba(248, 255, 219, 1);
    border-radius: 8px 8px 0px 0px;
    font-size: 16px;
    border: none;
    border-bottom: 3px double rgba(67, 0, 255, 1);
    outline: none;
    transition: 0.5s ease-in-out;
}

.input-pass-0006 .input-pass-0006-pass.has-value,
.input-pass-0006 .input-pass-0006-pass:focus {
    color: rgba(0, 101, 248, 1);
    border: none;
    border-bottom: 3px double rgba(0, 202, 255, 1);
    transition: 0.5s ease-in-out;
}

.input-pass-0006-placeholder {
    position: absolute;
    width: 120px;
    color: rgba(67, 0, 255, 1);
    background-color: transparent;
    border: none;
    top: 0px;
    left: 10px;
    padding: 2px 2px 2px 8px;
    font-size: 12px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.input-pass-0006 .input-pass-0006-pass.has-value ~ .input-pass-0006-placeholder,
.input-pass-0006 .input-pass-0006-pass:focus ~ .input-pass-0006-placeholder {
    background-color: rgba(16, 16, 16, 0);
    color: rgba(240, 247, 250, 1);
    border: none;
    font-size: 12px;
    border-bottom: none;
    top: -20px;
    left: 10px;
    padding: 0px 0px 0px 8px;
    border-radius: 0px 0px 0px 0px;
}
    
.input-pass-0006-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: -1px;
    right: 0px;
    user-select: none;
}
                        
.input-pass-0006-show-pass{
    display: flex;
}
.input-pass-0006-hide-pass{
    display: none;
}

.input-pass-0006-show-pass,
.input-pass-0006-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(66, 66, 66, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}                    
/* ********************************************************* */
.input-pass-0007 {
    position: relative;
}

.input-pass-0007 .input-pass-0007-pass {
    width: 300px;
    padding: 5px 30px 5px 10px;
    background-color: rgba(240, 247, 250, 1);
    border-radius: 8px 8px 0px 0px;
    font-size: 16px;
    border: none;
    border-bottom: 2px solid rgba(217, 22, 86, 1);
    outline: none;
    transition: 0.5s ease-in-out;
}

.input-pass-0007 .input-pass-0007-pass.has-value,
.input-pass-0007 .input-pass-0007-pass:focus {
    color: rgba(217, 22, 86, 1);
    border: none;
    border-bottom: 2px solid rgba(238, 102, 166, 1);
    transition: 0.5s ease-in-out;
}

.input-pass-0007-placeholder {
    position: absolute;
    width: 120px;
    color: rgba(100, 13, 95, 1);
    background-color: transparent;
    border: none;
    top: 5px;
    left: 10px;
    padding: 2px 2px 2px 8px;
    font-size: 12px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.input-pass-0007 .input-pass-0007-pass.has-value ~ .input-pass-0007-placeholder,
.input-pass-0007 .input-pass-0007-pass:focus ~ .input-pass-0007-placeholder {
    background-color: rgba(16, 16, 16, 0);
    color: rgba(240, 247, 250, 1);
    border: none;
    font-size: 10px;
    border-bottom: none;
    top: -18px;
    left: 10px;
    padding: 0px 0px 0px 8px;
    border-radius: 5px 5px 0px 0px;
}
    
.input-pass-0007-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 2px;
    right: 2px;
    user-select: none;
}
                        
.input-pass-0007-show-pass{
    display: flex;
}
.input-pass-0007-hide-pass{
    display: none;
}

.input-pass-0007-show-pass,
.input-pass-0007-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(66, 66, 66, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}                    
/* ********************************************************* */
.input-pass-0008 {
    position: relative;
}

.input-pass-0008 .input-pass-0008-pass {
    width: 300px;
    padding: 5px 30px 5px 10px;
    color: rgba(82, 63, 63, 1);
    background-color: rgba(115, 196, 234, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-bottom: 4px solid rgba(115, 196, 234, 1);
    outline: none;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    transition: 0.5s ease-in-out;
}

.input-pass-0008 .input-pass-0008-pass:focus::placeholder,
.input-pass-0008 .input-pass-0008-pass.has-value::placeholder {
    color: transparent;
}

.input-pass-0008 .input-pass-0008-pass::placeholder {
    color: rgba(82, 63, 63, 1);
}

.input-pass-0008 .input-pass-0008-pass:focus,
.input-pass-0008 .input-pass-0008-pass.has-value {
    border: none;
    border-bottom: 4px solid rgba(115, 196, 234, 1);
}
    
.input-pass-0008-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 2px;
    right: 2px;
    user-select: none;
}
                        
.input-pass-0008-show-pass{
    display: flex;
}
.input-pass-0008-hide-pass{
    display: none;
}

.input-pass-0008-show-pass,
.input-pass-0008-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(66, 66, 66, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
/* ********************************************************* */
.input-pass-0009 {
    position: relative;
}
            
.input-pass-0009 .input-pass-0009-pass {
    width: 300px;
    padding: 10px 40px 5px 10px;
    background-color: rgba(240, 247, 250, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    border: 2px solid rgba(182, 63, 63, 1);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    outline: none;
    transition: 0.5s ease-in-out;
}

.input-pass-0009 .input-pass-0009-pass.has-value,
.input-pass-0009 .input-pass-0009-pass:focus {
    color: rgba(240, 164, 23, 1);
    border: 2px solid rgba(240, 164, 23, 1);
    transition: 0.5s ease-in-out;
}

.input-pass-0009-span-box {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    transition: 0.5s ease-in-out;
}

.input-pass-0009-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 30px;
    top: 8px;
    left: 0px;
    font-size: 24px;
    color: rgba(82, 63, 63, 1);
    border-right: 2px solid rgba(182, 63, 63, 1);
    transition: 0.5s ease-in-out;
    opacity: 1;
    pointer-events: none;
}

.input-pass-0009 .input-pass-0009-pass.has-value ~ .input-pass-0009-span-box .input-pass-0009-icon,
.input-pass-0009 .input-pass-0009-pass:focus ~ .input-pass-0009-span-box .input-pass-0009-icon {
    font-size: 0px;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.input-pass-0009-placeholder {
    position: absolute;
    width: 120px;
    color: rgba(82, 63, 63, 1);
    font-size: 12px;
    top: 10px;
    left: 40px;
    padding: 2px 2px 2px 8px;
    border-radius: 5px 5px 5px 5px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.input-pass-0009 .input-pass-0009-pass.has-value ~ .input-pass-0009-span-box .input-pass-0009-placeholder,
.input-pass-0009 .input-pass-0009-pass:focus ~ .input-pass-0009-span-box .input-pass-0009-placeholder {
    width: 120px;
    background-color: rgba(241, 241, 241, 1);
    color: rgba(240, 247, 250, 1);
    border: 2px solid rgba(240, 164, 23, 1);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    font-size: 12px;
    padding: 2px 2px 2px 8px;
    border-radius: 5px 5px 5px 5px;
    transition: 0.5s ease-in-out;
} 

.input-pass-0009 .input-pass-0009-pass.has-value ~ .input-pass-0009-span-box,
.input-pass-0009 .input-pass-0009-pass:focus ~ .input-pass-0009-span-box,
.input-pass-0009 .input-pass-0009-pass:focus ~ .input-pass-0009-span-box .input-pass-0009-placeholder,
.input-pass-0009 .input-pass-0009-pass.has-value ~ .input-pass-0009-span-box .input-pass-0009-placeholder,
.input-pass-0009 .input-pass-0009-pass.has-value ~ .input-pass-0009-span-box .input-pass-0009-icon,
.input-pass-0009 .input-pass-0009-pass:focus ~ .input-pass-0009-span-box .input-pass-0009-icon {
    top: -10px;
    left:  -5px;
    transition: 0.5s ease-in-out;
}
    
.input-pass-0009-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 8px;
    right: 5px;
    user-select: none;
}
                        
.input-pass-0009-show-pass{
    display: flex;
}
.input-pass-0009-hide-pass{
    display: none;
}

.input-pass-0009-show-pass,
.input-pass-0009-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(66, 66, 66, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    box-shadow: none;
    cursor: pointer;
}                    
/* ********************************************************* */
.input-box-0010 {
    position: relative;
}

.input-box-0010 .input-box-0010-pass {
    width: 300px;
    padding: 5px 30px 5px 10px;
    color: rgba(82, 63, 63, 1);
    background-image: linear-gradient(-180deg, rgba(255, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgba(110, 15, 155, 1);
    outline: none;
    box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.2), 0 -3px 12px rgba(192, 31, 158, 1) inset, 0 5px 3px rgba(255 ,255, 255, 0.4) inset, 0 3px 4px 0 rgba(255, 137, 214, 1) inset;
}

.input-box-0010 .input-box-0010-pass:focus::placeholder,
.input-box-0010 .input-box-0010-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-0010 .input-box-0010-pass::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.input-box-0010 .input-box-0010-pass:focus,
.input-box-0010 .input-box-0010-pass.has-value {
    border: 1px solid rgba(110, 15, 155, 1);
}
    
.input-box-0010-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 4px;
    right: 2px;
    user-select: none;
}
                        
.input-box-0010-show-pass{
    display: flex;
}
.input-box-0010-hide-pass{
    display: none;
}

.input-box-0010-show-pass,
.input-box-0010-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(66, 66, 66, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}                    
/* ********************************************************* */
.input-box-p-0011 {
    position: relative;
}

.input-box-p-0011 .input-box-p-0011-pass {
    width: 300px;
    padding: 5px 30px 5px 10px;
    color: rgba(82, 63, 63, 1);
    background-image: linear-gradient(135deg, rgba(169, 108, 254, 1) 0%, rgba(236, 113, 207, 1) 50%, rgba(255, 134, 153, 1) 75%, rgba(255, 168, 102, 1) 100%);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}

.input-box-p-0011 .input-box-p-0011-pass:focus::placeholder,
.input-box-p-0011 .input-box-p-0011-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-p-0011 .input-box-p-0011-pass::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0011 .input-box-p-0011-pass:focus,
.input-box-p-0011 .input-box-p-0011-pass.has-value {
    border: none;
}
    
.input-box-p-0011-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 4px;
    right: 2px;
    user-select: none;
}
                        
.input-box-p-0011-show-pass{
    display: flex;
}
.input-box-p-0011-hide-pass{
    display: none;
}

.input-box-p-0011-show-pass,
.input-box-p-0011-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(66, 66, 66, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}      
/* ********************************************************* */
.input-box-p-0012 {
    position: relative;
}

.input-box-p-0012 .input-box-p-0012-pass {
    width: 300px;
    padding: 5px 5px 5px 10px;
    color: rgba(157, 196, 254, 1);
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), radial-gradient(90% 7% at 50% 8%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 50%), rgba(0, 83, 208, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgba(157, 196, 254, 1);
    outline: none;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5),  0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 83, 208, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset,  4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 83, 208, 1) inset;
}

.input-box-p-0012 .input-box-p-0012-pass:focus::placeholder,
.input-box-p-0012 .input-box-p-0012-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-p-0012 .input-box-p-0012-pass::placeholder {
    color: rgba(157, 196, 254, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0012 .input-box-p-0012-pass:focus,
.input-box-p-0012 .input-box-p-0012-pass.has-value {
    border: 1px solid rgba(157, 196, 254, 1);
}
    
.input-box-p-0012-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 4px;
    right: 2px;
    user-select: none;
}
                        
.input-box-p-0012-show-pass{
    display: flex;
}
.input-box-p-0012-hide-pass{
    display: none;
}

.input-box-p-0012-show-pass,
.input-box-p-0012-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(157, 196, 254, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}                    
/* ********************************************************* */
.input-box-p-0013 {
    position: relative;
}

.input-box-p-0013 .input-box-p-0013-pass {
    width: 300px;
    padding: 5px 5px 5px 10px;
    color: rgba(0, 128, 0, 1);
    background: rgba(194, 251, 215, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    box-shadow: rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px;
    transform:  scale(1) rotate(0deg);
    transition: 0.5s ease-in-out;
}

.input-box-p-0013 .input-box-p-0013-pass:hover {
    box-shadow: rgba(44, 187, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.25) 0 1px 2px,rgba(44, 187, 99, 0.25) 0 2px 4px,rgba(44, 187, 99, 0.25) 0 4px 8px,rgba(44, 187, 99, 0.25) 0 8px 16px,rgba(44, 187, 99, 0.25) 0 16px 32px;
    transform: scale(1.05) rotate(1deg);
    transition: 0.5s ease-in-out;
}

.input-box-p-0013 .input-box-p-0013-pass:focus::placeholder,
.input-box-p-0013 .input-box-p-0013-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-p-0013 .input-box-p-0013-pass::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0013 .input-box-p-0013-pass:focus,
.input-box-p-0013 .input-box-p-0013-pass.has-value {
    transform: scale(1.05) rotate(1deg);
    box-shadow: rgba(44, 187, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.25) 0 1px 2px,rgba(44, 187, 99, 0.25) 0 2px 4px,rgba(44, 187, 99, 0.25) 0 4px 8px,rgba(44, 187, 99, 0.25) 0 8px 16px,rgba(44, 187, 99, 0.25) 0 16px 32px;
    border: none;
}
    
.input-box-p-0013-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 2px;
    right: 2px;
    transform: scale(1) rotate(0deg);
    user-select: none;
    transition: 0.5s ease-in-out;
}

.input-box-p-0013 .input-box-p-0013-pass:focus ~ .input-box-p-0013-eye-box,
.input-box-p-0013 .input-box-p-0013-pass.has-value ~ .input-box-p-0013-eye-box,
.input-box-p-0013 .input-box-p-0013-pass:hover ~ .input-box-p-0013-eye-box {
    top: 5px;
    right: -2px;
    transform: scale(1.1) rotate(4deg);
    transition: 0.5s ease-in-out;
}
                        
.input-box-p-0013-show-pass{
    display: flex;
}
.input-box-p-0013-hide-pass{
    display: none;
}

.input-box-p-0013-show-pass,
.input-box-p-0013-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(0, 128, 0, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}                    
/* ********************************************************* */
.input-box-p-0014 {
    position: relative;
}

.input-box-p-0014 .input-box-p-0014-pass {
    width: 300px;
    padding: 5px 30px 5px 10px;
    color: rgba(0, 83, 128, 1);
    background: rgba(194, 230, 251, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: 3px solid rgba(0, 83, 128, 1);
    outline: none;
    box-shadow: rgba(44, 118, 187, 0.2) 0 -25px 18px -14px inset,rgba(44, 118, 187, 0.15) 0 1px 2px,rgba(44, 118, 187, 0.15) 0 2px 4px,rgba(44, 118, 187, 0.15) 0 4px 8px,rgba(44, 118, 187, 0.15) 0 8px 16px,rgba(44, 118, 187, 0.15) 0 16px 32px;
    transform:  rotate(3deg);
    transition: 0.5s ease-in-out;
}

.input-box-p-0014 .input-box-p-0014-pass:focus::placeholder,
.input-box-p-0014 .input-box-p-0014-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-p-0014 .input-box-p-0014-pass:focus,
.input-box-p-0014 .input-box-p-0014-pass.has-value {
    box-shadow: rgba(44, 118, 187, 0.35) 0 -25px 18px -14px inset,rgba(44, 118, 187, 0.25) 0 1px 2px,rgba(44, 118, 187, 0.25) 0 2px 4px,rgba(44, 118, 187, 0.25) 0 4px 8px,rgba(44, 118, 187, 0.25) 0 8px 16px,rgba(44, 118, 187, 0.25) 0 16px 32px;
    border: 3px solid rgba(0, 83, 128, 1);
}

.input-box-p-0014 .input-box-p-0014-pass::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}
    
.input-box-p-0014-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 4px;
    transform: rotate(8deg);
    user-select: none;
}
                        
.input-box-p-0014-show-pass{
    display: flex;
}
.input-box-p-0014-hide-pass{
    display: none;
}

.input-box-p-0014-show-pass,
.input-box-p-0014-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(0, 83, 128, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}                    
/* ********************************************************* */
.input-box-p-0015 {
    position: relative;
    width: 300px;
    background-color: rgba(33, 33, 33, 1);
    border-radius: 5px 5px 5px 5px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
    , 2px 2px 5px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-box-p-0015 .input-box-p-0015-pass {
    position: relative;
    width: 300px;
    padding: 5px 30px 5px 10px;
    color: rgba(0, 83, 128, 1);
    background: rgba(254, 160, 76, 1);
    border-radius: 5px 5px 5px 5px;
    font-size: 16px;
    top: 5px;
    left: 5px;
    font-weight: 600;
    border: 3px double rgba(0, 0, 0, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , 2px 2px 5px rgba(0, 0, 0, 0.9)
                    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    outline: none;
}

.input-box-p-0015 .input-box-p-0015-pass:focus::placeholder,
.input-box-p-0015 .input-box-p-0015-pass.has-value::placeholder {
    color: transparent;
}

.input-box-p-0015 .input-box-p-0015-pass:focus,
.input-box-p-0015 .input-box-p-0015-pass.has-value {
    border: 3px double rgba(0, 0, 0, 1);
}

.input-box-p-0015 .input-box-p-0015-pass::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}
    
.input-box-p-0015-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(240, 247, 250, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    top: 12px;
    right: -6px;
    user-select: none;
}
                        
.input-box-p-0015-show-pass{
    display: flex;
}
.input-box-p-0015-hide-pass{
    display: none;
}

.input-box-p-0015-show-pass,
.input-box-p-0015-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(66, 66, 66, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}                    
/* ********************************************************* */
.input-box-p-0016 {
    position: relative;
}

.input-box-p-0016 .input-box-p-0016-pass {
    position: relative;
    width: 300px;
    padding: 5px 5px 5px 10px;
    color: rgba(0, 83, 128, 1);
    background: rgba(61, 209, 231, 1);
    border-radius: 5px 5px 5px 5px;
    font-size: 16px;
    font-weight: 600;
    border: 3px double rgba(0, 0, 0, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , 2px 2px 5px rgba(0, 0, 0, 0.9)
                    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    outline: none;
    transition: 0.5s ease-in-out;
    transform: rotate(0deg);
}

.input-box-p-0016 .input-box-p-0016-pass:focus,
.input-box-p-0016 .input-box-p-0016-pass.has-value {
    border: 3px double rgba(0, 0, 0, 1);
}

.input-box-p-0016-dotted {
    position: absolute;
    border-radius: 5px 5px 5px 5px;
    border: 2px dotted rgba(241, 241, 241, 1);
    top: -4px;
    left: 4px;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    transform: rotate(0deg);
}

.input-box-p-0016 .input-box-p-0016-pass::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0016 .input-box-p-0016-pass:focus::placeholder,
.input-box-p-0016 .input-box-p-0016-pass.has-value::placeholder {
    color: transparent;
}
    
.input-box-p-0016-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(61, 209, 231, 1);
    border-radius: 5px 5px 5px 5px;
    width: 40px;
    height: 20px;
    top: -12px;
    right: 8px;
    transform: rotate(0deg);
    user-select: none;
    z-index: 3;
}
                        
.input-box-p-0016-show-pass{
    display: flex;
}
.input-box-p-0016-hide-pass{
    display: none;
}

.input-box-p-0016-show-pass,
.input-box-p-0016-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 2px 0px 0px 2px;
    color: rgba(66, 66, 66, 1);
    border: 2px dotted rgba(241, 241, 241, 1);
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 40px;
    height: 20px;
    cursor: pointer;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}                    
/* ********************************************************* */
.input-box-p-0017 {
    position: relative;
    width: 300px;
    background-color: transparent;
    border-radius: 5px 5px 5px 5px;
    outline: none;
    box-shadow: rgba(203, 220, 241, 1) 4px 4px 0 0,rgba(1, 1, 1, 1) 4px 4px 0 1px;
}

.input-box-p-0017 .input-box-p-0017-pass {
    position: relative;
    width: 300px;
    padding: 5px 70px 5px 10px;
    color: rgba(0, 83, 128, 1);
    background: rgba(203, 220, 241, 1);
    border-radius: 5px 5px 5px 5px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgba(203, 220, 241, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , 2px 2px 5px rgba(0, 0, 0, 0.9)
                    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    outline: none;
}

.input-box-p-0017 .input-box-p-0017-pass:focus::placeholder,
.input-box-p-0017 .input-box-p-0017-pass.has-value::placeholder {
    color: transparent;
}

.input-box-p-0017 .input-box-p-0017-pass:focus,
.input-box-p-0017 .input-box-p-0017-pass.has-value {
    border: 1px solid rgba(241, 241, 241, 1);
}

.input-box-p-0017 .input-box-p-0017-pass::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}
    
.input-box-p-0017-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(203, 220, 241, 1);
    border-radius: 5px 5px 5px 5px;
    width: 40px;
    height: 20px;
    top: 8px;
    right: 8px;
    transform: rotate(0deg);
    user-select: none;
    z-index: 3;
}
                        
.input-box-p-0017-show-pass{
    display: flex;
}
.input-box-p-0017-hide-pass{
    display: none;
}

.input-box-p-0017-show-pass,
.input-box-p-0017-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 2px 0px 0px 2px;
    color: rgba(66, 66, 66, 1);
    border: 1px solid rgba(203, 220, 241, 1);
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 40px;
    height: 20px;
    cursor: pointer;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}
/* ********************************************************* */
.input-box-p-0018 {
    position: relative;
}

.input-box-p-0018 .input-box-p-0018-pass {
    width: 300px;
    padding: 5px 5px 5px 10px;
    color: rgba(82, 63, 63, 1);
    background-color: rgba(241, 241, 241, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgba(173, 207, 255, 1);
    box-shadow: inset 0 -12px 6px rgba(173, 207, 255, 1);
    outline: none;
}

.input-box-p-0018 .input-box-p-0018-pass:focus::placeholder,
.input-box-p-0018 .input-box-p-0018-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-p-0018 .input-box-p-0018-pass::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0018 .input-box-p-0018-pass:focus,
.input-box-p-0018 .input-box-p-0018-pass.has-value {
    border: 1px solid rgba(173, 207, 255, 1);
}
    
.input-box-p-0018-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(241, 241, 241, 1);
    border-radius: 5px 5px 5px 5px;
    width: 40px;
    height: 20px;
    top: 8px;
    right: 8px;
    transform: rotate(0deg);
    user-select: none;
    z-index: 3;
}
                        
.input-box-p-0018-show-pass{
    display: flex;
}
.input-box-p-0018-hide-pass{
    display: none;
}

.input-box-p-0018-show-pass,
.input-box-p-0018-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 2px 0px 0px 2px;
    color: rgba(66, 66, 66, 1);
    border: 1px solid rgba(173, 207, 255, 1);
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 40px;
    height: 20px;
    cursor: pointer;
    box-shadow: inset 0 -6px 3px rgba(173, 207, 255, 1);
}
/* ********************************************************* */
.input-box-p-0019 {
    position: relative;
}

.input-box-p-0019 .input-box-p-0019-pass {
    width: 300px;
    padding: 5px 30px 5px 10px;
    color: rgba(173, 216, 230, 1);
    background-color: rgba(40, 40, 45, 1);
    border-radius: 5px 5px 5px 5px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    transition: 0.5s ease-in-out;
}

.input-box-p-0019 .input-box-p-0019-pass:focus,
.input-box-p-0019 .input-box-p-0019-pass.has-value {
    border: none;
}

.input-box-p-0019-bottom {
    position: absolute;
    bottom: -8px;
    left: -5px;
    width: 310px;
    background-color: rgba(106, 113, 129, 1);
    height: 5px;
    border-radius: 5px;
}

.input-box-p-0019 .input-box-p-0019-pass::placeholder {
    color: rgba(173, 216, 230, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0019 .input-box-p-0019-pass:focus::placeholder,
.input-box-p-0019 .input-box-p-0019-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}
    
.input-box-p-0019-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(241, 241, 241, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    top: 8px;
    right: 8px;
    user-select: none;
    z-index: 3;
}
                        
.input-box-p-0019-show-pass{
    display: flex;
}
.input-box-p-0019-hide-pass{
    display: none;
}

.input-box-p-0019-show-pass,
.input-box-p-0019-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 2px 0px 0px 2px;
    color: rgba(173, 216, 230, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    cursor: pointer;
}
/* ********************************************************* */
.input-box-p-0020 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 40px;
    background-color: rgba(40, 40, 45, 0);
    border-radius: 5px 5px 5px 5px;
    border: none;
}

.input-box-p-0020 .input-box-p-0020-pass {
    background-color: transparent;
    width: 100%;
    padding: 5px 40px 5px 20px;
    color: rgba(173, 216, 230, 1);
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    transition: 0.5s ease-in-out;
}

.input-box-p-0020 .input-box-p-0020-pass:focus,
.input-box-p-0020 .input-box-p-0020-pass.has-value {
    border: none;
}

.input-box-p-0020 .input-box-p-0020-pass::placeholder {
    color: rgba(173, 216, 230, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0020 .input-box-p-0020-pass:focus::placeholder,
.input-box-p-0020 .input-box-p-0020-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}
            
.input-box-p-0020-box-top {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background-color: rgba(55, 59, 68, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0020-box-bottom {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background-color: rgba(55, 59, 68, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0020-box-left {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 3px;
    height: 100%;
    border-radius: 3px;
    background-color: rgba(55, 59, 68, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0020-box-right {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 3px;
    height: 100%;
    border-radius: 3px;
    background-color: rgba(55, 59, 68, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0020:hover .input-box-p-0020-box-top {
    top: 5px;
    transition: 0.5s ease-in-out;
}

.input-box-p-0020:hover .input-box-p-0020-box-bottom {
    bottom: 5px;
    transition: 0.5s ease-in-out;
}

.input-box-p-0020:hover .input-box-p-0020-box-left {
    left: 5px;
    transition: 0.5s ease-in-out;
}

.input-box-p-0020:hover .input-box-p-0020-box-right {
    right: 5px;
    transition: 0.5s ease-in-out;
}      

.input-box-p-0020  .input-box-p-0020-pass:focus ~ .input-box-p-0020-box-top,
.input-box-p-0020  .input-box-p-0020-pass.has-value ~ .input-box-p-0020-box-top {
    top: 5px;
    transition: 0.5s ease-in-out;
}

.input-box-p-0020  .input-box-p-0020-pass:focus ~ .input-box-p-0020-box-bottom,
.input-box-p-0020  .input-box-p-0020-pass.has-value ~ .input-box-p-0020-box-bottom {
    bottom: 5px;
    transition: 0.5s ease-in-out;
}

.input-box-p-0020  .input-box-p-0020-pass:focus ~ .input-box-p-0020-box-left,
.input-box-p-0020  .input-box-p-0020-pass.has-value ~ .input-box-p-0020-box-left {
    left: 5px;
    transition: 0.5s ease-in-out;
}

.input-box-p-0020  .input-box-p-0020-pass:focus ~ .input-box-p-0020-box-right,
.input-box-p-0020  .input-box-p-0020-pass.has-value ~ .input-box-p-0020-box-right {
    right: 5px;
    transition: 0.5s ease-in-out;
} 
    
.input-box-p-0020-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(241, 241, 241, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    top: 9px;
    right: 8px;
    user-select: none;
    z-index: 3;
}
                        
.input-box-p-0020-show-pass{
    display: flex;
}
.input-box-p-0020-hide-pass{
    display: none;
}

.input-box-p-0020-show-pass,
.input-box-p-0020-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 2px 0px 0px 2px;
    color: rgba(173, 216, 230, 1);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    cursor: pointer;
}
/* ********************************************************* */
.input-box-p-0021 {
    position: relative;
}

.input-box-p-0021 .input-box-p-0021-pass {
    width: 300px;
    padding: 5px 40px 5px 10px;
    color: rgba(82, 63, 63, 1);
    background: linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgba(97, 111, 57, 1);
    box-shadow: 0 6px 2px -1px rgba(50, 57, 29, 1);
    outline: none;
    transform: perspective(500px) rotateX(15deg);
}

.input-box-p-0021 .input-box-p-0021-pass:focus::placeholder,
.input-box-p-0021 .input-box-p-0021-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-p-0021 .input-box-p-0021-pass::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0021 .input-box-p-0021-pass:focus,
.input-box-p-0021 .input-box-p-0021-pass.has-value {
    border: 1px solid rgba(97, 111, 57, 1);
} 
    
.input-box-p-0021-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%);
    box-shadow: 0 6px 2px -1px rgba(50, 57, 29, 1);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    top: 7px;
    right: 5px;
    user-select: none;
    z-index: 3;
    transform: perspective(30px) rotateX(15deg);
}
                        
.input-box-p-0021-show-pass{
    display: flex;
}
.input-box-p-0021-hide-pass{
    display: none;
}

.input-box-p-0021-show-pass,
.input-box-p-0021-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 2px 0px 0px 2px;
    color: rgba(82, 63, 63, 1);
    border: 1px solid rgba(97, 111, 57, 1);
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    cursor: pointer;
}
/* ********************************************************* */
.input-box-p-0022 {
    position: relative;
}

.input-box-p-0022 .input-box-p-0022-pass {
    width: 300px;
    padding: 5px 40px 5px 10px;
    color: rgba(200, 170, 170, 1);
    background-color: rgba(17, 17, 17, 1);
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    outline: none;
}

.input-box-p-0022 .input-box-p-0022-pass:focus::placeholder,
.input-box-p-0022 .input-box-p-0022-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-p-0022 .input-box-p-0022-pass::placeholder {
    color: rgba(200, 170, 170, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0022 .input-box-p-0022-pass:focus,
.input-box-p-0022 .input-box-p-0022-pass.has-value {
    border: none;
    filter: brightness(1.3);
} 
    
.input-box-p-0022-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(17, 17, 17, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    top: 7px;
    right: 6px;
    user-select: none;
    z-index: 3;
}
                        
.input-box-p-0022-show-pass{
    display: flex;
}
.input-box-p-0022-hide-pass{
    display: none;
}

.input-box-p-0022-show-pass,
.input-box-p-0022-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 2px 0px 0px 2px;
    color: rgba(200, 170, 170, 1);
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    cursor: pointer;
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}
/* ********************************************************* */
.input-box-p-0023 {
    position: relative;
}

.input-box-p-0023 .input-box-p-0023-pass {
    width: 300px;
    padding: 2px 30px 2px 10px;
    color: rgba(115, 236, 139, 1);
    background-color: rgba(21, 179, 146, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: 4px solid rgba(115, 236, 139, 1);
    box-shadow: 0 0 4px 1px rgba(115, 236, 139, 1), 0 0 16px 4px rgba(84, 195, 146, 0.8), inset 0 0 6px 1px rgba(115, 236, 139, 1);
    outline: none;
}

.input-box-p-0023 .input-box-p-0023-pass:focus::placeholder,
.input-box-p-0023 .input-box-p-0023-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-p-0023 .input-box-p-0023-pass::placeholder {
    color: rgba(115, 236, 139, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0023 .input-box-p-0023-pass:focus,
.input-box-p-0023 .input-box-p-0023-pass.has-value {
    border: 4px solid rgba(115, 236, 139, 1);
    filter: brightness(1.1);
}
    
.input-box-p-0023-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(17, 17, 17, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    top: 7px;
    right: 6px;
    user-select: none;
    z-index: 3;
}
                        
.input-box-p-0023-show-pass{
    display: flex;
}
.input-box-p-0023-hide-pass{
    display: none;
}

.input-box-p-0023-show-pass,
.input-box-p-0023-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 2px 0px 0px 2px;
    color: rgba(115, 236, 139, 1);
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    cursor: pointer;
}
/* ********************************************************* */
.input-box-p-0024 {
    position: relative;
}

.input-box-p-0024 .input-box-p-0024-pass {
    width: 300px;
    padding: 5px 40px 5px 10px;
    color: rgba(241, 241, 241, 1);
    background-color: rgba(0, 0, 0, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    outline: none;
}

.input-box-p-0024 .input-box-p-0024-pass:focus::placeholder,
.input-box-p-0024 .input-box-p-0024-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-p-0024 .input-box-p-0024-pass::placeholder {
    color: rgba(241, 241, 241, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0024 .input-box-p-0024-pass:focus,
.input-box-p-0024 .input-box-p-0024-pass.has-value {
    border: none;
    filter: brightness(1.3);
} 
    
.input-box-p-0024-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(17, 17, 17, 0);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    top: 7px;
    right: 6px;
    user-select: none;
    z-index: 3;
}
                        
.input-box-p-0024-show-pass{
    display: flex;
}
.input-box-p-0024-hide-pass{
    display: none;
}

.input-box-p-0024-show-pass,
.input-box-p-0024-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 2px 0px 0px 2px;
    color: rgba(241, 241, 241, 1);
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    cursor: pointer;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}
/* ********************************************************* */
.input-box-p-0025 {
    position: relative;
}

.input-box-p-0025 .input-box-p-0025-pass {
    width: 300px;
    padding: 5px 40px 5px 10px;
    color: rgba(0, 63, 63, 1);
    background-image: linear-gradient(-75deg, rgba(0, 108, 254, 1) 0%, rgba(236, 255, 207, 1) 50%, rgba(255, 134, 0, 1) 75%, rgba(255, 0, 102, 1) 100%);
    border-radius: 100px 25px 25px 100px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}

.input-box-p-0025 .input-box-p-0025-pass:focus::placeholder,
.input-box-p-0025 .input-box-p-0025-pass.has-value::placeholder {
    color: transparent;
    transition: 0.01s ease-in-out;
}

.input-box-p-0025 .input-box-p-0025-pass::placeholder {
    color: rgba(82, 206, 189, 1);
    transition: 0.01s ease-in-out;
}

.input-box-p-0025 .input-box-p-0025-pass:focus,
.input-box-p-0025 .input-box-p-0025-pass.has-value {
    border: none;
}
    
.input-box-p-0025-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 25px;
    top: 5px;
    right: 2px;
    user-select: none;
}
                        
.input-box-p-0025-show-pass{
    display: flex;
}
.input-box-p-0025-hide-pass{
    display: none;
}

.input-box-p-0025-show-pass,
.input-box-p-0025-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 2px 0px 0px 2px;
    color: rgba(0, 63, 63, 1);
    background-image: linear-gradient(0deg, rgba(255, 0, 0, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(100, 255, 255, 1) 75%, rgba(0, 0, 255, 1) 100%);
    border: none;
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 25px;
    cursor: pointer;    
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}                    
/* ********************************************************* */
.input-box-p-0026 {
    position: relative;
}

.input-box-p-0026 .input-box-p-0026-pass {
    width: 300px;
    padding: 5px 10px 5px 10px;
    color: rgba(241, 241, 241, 1);
    background-image: linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    outline: none;
}

.input-box-p-0026 .input-box-p-0026-pass:focus::placeholder,
.input-box-p-0026 .input-box-p-0026-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-p-0026 .input-box-p-0026-pass::placeholder {
    color: rgba(241, 241, 241, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0026 .input-box-p-0026-pass:focus,
.input-box-p-0026 .input-box-p-0026-pass.has-value {
    border: none;
    filter: brightness(1.2);
} 
    
.input-box-p-0026-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-image: linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%);
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    top: -10px;
    right: 10px;
    user-select: none;
    z-index: 3;
}
                        
.input-box-p-0026-show-pass{
    display: flex;
}
.input-box-p-0026-hide-pass{
    display: none;
}

.input-box-p-0026-show-pass,
.input-box-p-0026-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 2px 0px 0px 2px;
    color: rgba(241, 241, 241, 1);
    font-size: 20px;
    border-radius: 5px 5px 5px 5px;
    width: 30px;
    height: 20px;
    cursor: pointer;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.input-box-p-0026 .input-box-p-0026-pass:focus ~ .input-box-p-0026-eye-box .input-box-p-0026-show-pass,
.input-box-p-0026 .input-box-p-0026-pass.has-value ~ .input-box-p-0026-eye-box .input-box-p-0026-show-pass,
.input-box-p-0026 .input-box-p-0026-pass:focus ~ .input-box-p-0026-eye-box .input-box-p-0026-hide-pass,
.input-box-p-0026 .input-box-p-0026-pass.has-value ~ .input-box-p-0026-eye-box .input-box-p-0026-hide-pass {
    filter: brightness(2.2);
}
/* ********************************************************* */
.input-box-p-0027 {
    position: relative;
}

.input-box-p-0027 .input-box-p-0027-pass {
    width: 300px;
    padding: 5px 10px 5px 10px;
    color: rgba(0, 255, 241, 1);
    background-image: linear-gradient(0deg, rgba(65, 255, 139, 1) 0%, rgba(41, 0, 86, 1) 50%, rgba(255, 131, 252, 1) 50%, rgba(0, 131, 252, 1) 100%);
    border-radius: 40px 80px 40px 80px;
    font-size: 16px;
    font-weight: 600;
    border: 3px double rgba(97, 111, 57, 1);
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    outline: none;
}

.input-box-p-0027 .input-box-p-0027-pass:focus::placeholder,
.input-box-p-0027 .input-box-p-0027-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-p-0027 .input-box-p-0027-pass::placeholder {
    color: rgba(0, 255, 241, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0027 .input-box-p-0027-pass:focus,
.input-box-p-0027 .input-box-p-0027-pass.has-value {
    border: 3px double rgba(97, 0, 255, 1);
    filter: brightness(1.2);
} 
    
.input-box-p-0027-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-image: linear-gradient(0deg, rgba(255, 85, 139, 1) 0%, rgba(41, 53, 255, 1) 50%, rgba(89, 0, 252, 1) 50%, rgba(89, 255, 0, 1) 100%);
    border-radius: 75px 25px 45px 35px;
    width: 50px;
    height: 20px;
    top: -10px;
    right: 10px;
    user-select: none;
    z-index: 3;
}
                        
.input-box-p-0027-show-pass{
    display: flex;
}
.input-box-p-0027-hide-pass{
    display: none;
}

.input-box-p-0027-show-pass,
.input-box-p-0027-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 2px 0px 0px 2px;
    color: rgba(0, 255, 241, 1);
    font-size: 20px;
    border-radius: 75px 25px 45px 35px;
    width: 50px;
    height: 20px;
    cursor: pointer;
    border: 4px double rgba(31, 0, 255, 1);
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.input-box-p-0027 .input-box-p-0027-pass:focus ~ .input-box-p-0027-eye-box .input-box-p-0027-show-pass,
.input-box-p-0027 .input-box-p-0027-pass.has-value ~ .input-box-p-0027-eye-box .input-box-p-0027-show-pass,
.input-box-p-0027 .input-box-p-0027-pass:focus ~ .input-box-p-0027-eye-box .input-box-p-0027-hide-pass,
.input-box-p-0027 .input-box-p-0027-pass.has-value ~ .input-box-p-0027-eye-box .input-box-p-0027-hide-pass {
    filter: brightness(1.4);
}
/* ********************************************************* */
.input-box-p-0028 {
    position: relative;
}

.input-box-p-0028 .input-box-p-0028-pass {
    width: 300px;
    padding: 2px 70px 2px 10px;
    color: rgba(255, 255, 0, 1);
    background: linear-gradient(to bottom, rgba(167, 0, 41, 1) 0%, rgba(255, 111, 57, 1) 100%);
    border-radius: 100px 8px 8px 100px;
    font-size: 16px;
    font-weight: 600;
    border: 3px dashed rgba(255, 111, 57, 1);
    box-shadow: 0 6px 2px -1px rgba(161, 0, 29, 1);
    outline: none;
    transform: perspective(500px) rotateX(15deg);
}

.input-box-p-0028 .input-box-p-0028-pass:focus::placeholder,
.input-box-p-0028 .input-box-p-0028-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-p-0028 .input-box-p-0028-pass::placeholder {
    color: rgba(0, 255, 255, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0028 .input-box-p-0028-pass:focus,
.input-box-p-0028 .input-box-p-0028-pass.has-value {
    border: 3px dashed rgba(255, 188, 57, 1);
} 
    
.input-box-p-0028-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: linear-gradient(to bottom, rgba(167, 209, 255, 1) 0%, rgba(0, 69, 255, 1) 100%);
    box-shadow: 0 6px 2px -1px rgba(49, 0, 179, 1);
    border-radius: 100px 5px 5px 100px;
    width: 50px;
    height: 22px;
    top: -10px;
    right: 10px;
    user-select: none;
    z-index: 3;
    transform: perspective(30px) rotateX(15deg);
}
                        
.input-box-p-0028-show-pass{
    display: flex;
}
.input-box-p-0028-hide-pass{
    display: none;
}

.input-box-p-0028-show-pass,
.input-box-p-0028-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 2px 0px 0px 2px;
    color: rgba(0, 255, 255, 1);
    border: 3px double rgba(97, 111, 255, 1);
    font-size: 18px;
    border-radius: 100px 5px 5px 100px;
    width: 50px;
    height: 22px;
    cursor: pointer;
}
/* ********************************************************* */
.input-box-p-0029 {
    position: relative;
}

.input-box-p-0029 .input-box-p-0029-pass {
    width: 300px;
    padding: 2px 30px 2px 10px;
    color: rgba(254, 128, 0, 1);
    background: rgba(194, 92, 215, 1);
    border-radius: 3px 3px 3px 3px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid rgba(254, 196, 254, 1);
    outline: none;
    box-shadow: rgba(44, 0, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 0, 99, 0.15) 0 1px 2px,rgba(44, 0, 99, 0.15) 0 2px 4px,rgba(44, 0, 99, 0.15) 0 4px 8px,rgba(44, 0, 99, 0.15) 0 8px 16px,rgba(44, 0, 99, 0.15) 0 16px 32px;
    transform:  scale(1) rotate(2deg);
    transition: 0.5s ease-in-out;
}

.input-box-p-0029 .input-box-p-0029-pass:hover {
    box-shadow: rgba(44, 0, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 0, 99, 0.25) 0 1px 2px,rgba(44, 0, 99, 0.25) 0 2px 4px,rgba(44, 0, 99, 0.25) 0 4px 8px,rgba(44, 0, 99, 0.25) 0 8px 16px,rgba(44, 0, 99, 0.25) 0 16px 32px;
    transform: scale(1.1) rotate(-2deg);
    transition: 0.5s ease-in-out;
}

.input-box-p-0029 .input-box-p-0029-pass:focus::placeholder,
.input-box-p-0029 .input-box-p-0029-pass.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.input-box-p-0029 .input-box-p-0029-pass::placeholder {
    color: rgba(0, 63, 254, 1);
    transition: 0.5s ease-in-out;
}

.input-box-p-0029 .input-box-p-0029-pass:focus,
.input-box-p-0029 .input-box-p-0029-pass.has-value {
    transform: scale(1.1) rotate(-2deg);
    box-shadow: rgba(44, 0, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 0, 99, 0.25) 0 1px 2px,rgba(44, 0, 99, 0.25) 0 2px 4px,rgba(44, 0, 99, 0.25) 0 4px 8px,rgba(44, 0, 99, 0.25) 0 8px 16px,rgba(44, 0, 99, 0.25) 0 16px 32px;
    border: 2px solid rgba(0, 196, 254, 1);
}
    
.input-box-p-0029-eye-box {
    position: absolute;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(254, 254, 254, 1);
    border-radius: 3px 3px 3px 3px;
    width: 50px;
    height: 20px;
    top: -14px;
    right: -5px;
    transform: scale(1) rotate(-12deg);
    box-shadow: rgba(254, 254, 63, 0.2) 0 -25px 18px -14px inset,rgba(254, 254, 63, 0.15) 0 1px 2px,rgba(254, 254, 63, 0.15) 0 2px 4px,rgba(254, 254, 63, 0.15) 0 4px 8px,rgba(254, 254, 63, 0.15) 0 8px 16px,rgba(254, 254, 63, 0.15) 0 16px 32px;
    user-select: none;
    transition: 0.5s ease-in-out;
}

.input-box-p-0029 .input-box-p-0029-pass:focus ~ .input-box-p-0029-eye-box,
.input-box-p-0029 .input-box-p-0029-pass.has-value ~ .input-box-p-0029-eye-box,
.input-box-p-0029 .input-box-p-0029-pass:hover ~ .input-box-p-0029-eye-box {
    top: -14px;
    right: -5px;
    transform: scale(1.1) rotate(4deg);
    transition: 0.5s ease-in-out;
}
                        
.input-box-p-0029-show-pass{
    display: flex;
}
.input-box-p-0029-hide-pass{
    display: none;
}

.input-box-p-0029-show-pass,
.input-box-p-0029-hide-pass{
    justify-content: center;
    align-items: center;
    padding: 0;
    color: rgba(254, 128, 0, 1);
    border: 2px solid rgba(254, 71, 0, 1);
    font-size: 20px;
    border-radius: 3px 3px 3px 3px;
    width: 50px;
    height: 20px;
    cursor: pointer;
}
/* ********************************************************* */