body{
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    .title-primary{
        font-size: 30px;
        font-weight: 700;
        color: #3B3B3B;
        margin-top: 35px;
        margin-bottom: 5px;
        text-transform: capitalize;
    }

    .subtitle-primary{
        font-size: 16px;
        font-weight: 400;
        color: #989797;
        margin-bottom: 50px;
    }

    .text-primary{
        font-size: 16px;
        font-weight: 400;
        color: #989797;
    }

    .input-field{
        border-color: #EDEDED!important;
        box-shadow: none!important;
        height: 52px!important;
        border-radius: 10px!important;
        font-size: 14px!important;
    }

    .input-field::placeholder{
        color: #CCCCCC!important;
    }

    .input-field:focus{
        outline:none!important;
        box-shadow:none!important;
        border-color: #EDEDED!important;
    }

    button:focus, img:focus{
        outline:none!important;
        box-shadow:none!important;
    }

    #togglePassword, #toggleConfirmPassword{
        color:#3B3B3B!important;
        height:60px!important;
    }

    #password-rules{
        border: 1px solid #EDEDED;
        border-radius: 10px;
        padding: .75rem;
    }

    .section-title{
        color: #B1B1B1;
        font-weight: 400;
        font-size: 14px;
    }

    [type=checkbox]:checked, [type=radio]:checked, .dark [type=checkbox]:checked, .dark [type=radio]:checked {
        border-color: transparent !important;
        background-color: #142D45 !important;
    }

    [type=checkbox], [type=radio], .dark [type=checkbox], .dark [type=radio] {
        border-color: #142D45!important;
        background-color: transparent!important;
    }

    .agreement-text, .text-gray-400{
        color: #989797;
        font-size: 14px;
    }

    .primary-btn{
        margin-bottom: 20px;
        height: 52px;
        border-radius: 10px !important;
        background-color: #142D45 !important;
        text-align: center;
        font-size: 16px !important;
        font-weight: 500 !important;
        text-transform: capitalize !important;
    }

    .primary-btn:disabled{
        opacity: 0.5;
    }

    .primary-btn:focus, .login-link:focus, .primary-link:focus{
        outline:none!important;
        box-shadow:none!important;
    }

    .primary-link{
        color: #142D45;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
    }

    .text-gray-500{
       color:#989797!important;
       font-weight:400;
       font-size:16px!important;
    }

    .password-rules-list {
        list-style: none; /* remove default bullets */
        padding-left: 0;
    }
    
    .password-rules-list li {
        background-image: url('/public/images/check.png');   
        background-repeat: no-repeat;
        background-size: 16px 16px; 
        padding-left: 24px;
        background-position: 0px 3px; 
    }

    .text-grey-400{
        color:#B1B1B1;
        font-size:12px;
        font-weight: 400;
    }

    .text-red-400{
        background-image: url('/public/images/cross.png')!important; 
        color:#dc2626;
        font-size:12px;
        font-weight: 400;
    }

    label.error {
        margin-left: 5px;
        width: auto;
        display: inline;
        color: #dc2626;
        font-size: 12px;
	}

    .password-rules-list .text-green-400{
        background-image: url('/public/images/check-success.png')!important; 
        color:#22C55E;
        font-size:12px;
        font-weight: 400;
        background-size: auto !important;
        background-position: 0px 6px !important;
    }

    .mt-16{
        margin-top:4rem!important;
    }