body{
    color: #060A0E;
}
.pathways-login-box {
    display: flex;
    min-height: 100vh;
}
.pathways-login-box .content-left {
    flex-basis: 50%;
    background: #fff;
    color: #fff;
    padding: 3rem;
    color: #F2FAFF !important;
}
@media (max-width: 955px) {
    .pathways-login-box .content-left {
        width: 0%;
        display: none !important;
    }
    .pathways-login-box .content-right {
        width: 100%;
    }
    .pathways-login-box .content-right h1:first-child {
        display: block;
        margin-bottom: 2rem;
        font-weight: 400;
        color: #2091EB;
        font-size: 2rem;
    }
    body {
        font-size: 14px;
        line-height: 1.8;
        font-family: 'Oxygen', sans-serif;
    }
    
    .pathways-login-box {
        display: flex;
        min-height: 100vh;
    }
    
    .pathways-login-box .content-left {
        flex-basis: 50%;
        background: #fff;
        color: #fff;
        padding: 3rem;
        color: #F2FAFF !important;
    }
    
    .pathways-login-box .content-right {
        flex-basis: 50%;
        background: #F5F9FF;
        padding: 3rem;
    }
    
    .pathways-login-box .content-right h1:first-child {
        display: none;
    }
    
    @media (max-width: 955px) {
        .pathways-login-box .content-left {
            width: 0%;
            display: none !important;
        }
        .pathways-login-box .content-right {
            width: 100%;
        }
        .pathways-login-box .content-right h1:first-child {
            display: block;
            margin-bottom: 2rem;
            font-weight: 400;
            color: #2091EB;
            font-size: 2rem;
        }
    }
    
    .pathways-login-box .content-left h1 {
        font-size: 2.6rem;
        font-weight: 400;
        line-height: 1.4;
        color: #2091EB;
    }
    
    .text-white-500 {
        color: rgba(255, 255, 255, 0.8);
    }
    
    .text-muted {
        color: #3E4756 !important;
    }
    
    .pathways-login-box .content-left hr {
        width: 20%;
        float: left;
        background: #3E4756;
        height: 2px;
    }	
    
    a {
        text-decoration: none !important;
    }
    
    .alert-info {
        color: #00B8D4;
        background-color: #fff;
        border-color: #00B8D4;
    }
    
    .alert-primary {
        color: #131C3E;
        background-color: #fff;
        border-color: #131C3E;
    }
    
    .alert-success {
        color: #00C853;
        background-color: #fff;
        border-color: #00C853;
    }
    
    .alert-danger {
        color: #f44336;
        background-color: #fff;
        border-color: #f44336;
    }
    
    .form-control {
        padding: 1.5rem 1.25rem 1.5rem 0;
        background-color: #fff !important;
        padding-left: 0 !important;
        font-size: 1rem !important;
    }
    
    .input-group .input-group-text {
        color: #7B91BC;
        font-size: 1.1rem !important;
    }
    
    .pathways-login-box .content-left a {
        color: #2091EB !important;
        font-weight: 500;
    }
    
    textarea:focus, 
    textarea.form-control:focus, 
    input.form-control:focus, 
    input[type=text]:focus, 
    input[type=password]:focus, 
    input[type=email]:focus, 
    input[type=number]:focus, 
    [type=text].form-control:focus, 
    [type=password].form-control:focus, 
    [type=email].form-control:focus, 
    [type=tel].form-control:focus, 
    [contenteditable].form-control:focus {
    box-shadow: none;
    outline: none;
    border: 1px solid #ced4da;
    }
    
    .btn-primary {
        background-color: #03a9f4 !important;
        border-color: #03a9f4 !important;
        color: #ffffff;
    }
    .btn-primary:hover {
        color: #fff;
        background-color: #616161;
        border-color: #616161;
    }
    
    .btn-outline-primary {
        border-color: #0E68B0 !important;
        color: #0E68B0 !important
    }
    
    .btn-outline-primary:hover {
        background-color: #0d5e9e !important;
        color: #fff !important
    }
    
    .btn-login {
        padding: 0.75rem 1.5rem;
        /* border-radius: 50px; */
    }
    
    .text-pathways{
        color:#060A0E ;
        text-decoration: none;
    }
    .text-mute{
        color: #141b22 ;
    }
    
}

.pathways-login-box .content-left h1 {
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1.4;
    color: #ffffff;
}
.pathways-login-box .content-right {
    width: 50%;
    background: #41688a;
    padding: 3rem;
}
.text-pathways{
    color:#ffffff ;
    text-decoration: none;
}
.hover:hover:before{
    text-decoration:underline ;
    color:#ffff;
    visibility: visible;
  transform: scaleX(1);
}
.hover:hover{
    color: #ffffff;
}
a.hover{
    
        position: relative;
    
}
.btn:hover{
    transition: all 0.2s ease-in-out;
}

a.hover::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out;
}
.text-mute{
    color: #f1e7e7 ;
}
.btn-primary {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary)  !important;
    color: #ffffff;
}
.btn-login:hover{
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

@media (max-width: 992px) {
    .pathways-login-box .content-right {
        flex-basis: 100%;
    }
    .content-right h1 {
        color: rgba(255, 255, 255, 0.9) !important;
    }
}