.login-options {
    text-align: center
}

.login-options-title {
    margin-bottom: 14px;
    margin-top: 20px;
    position: relative;
    z-index: 1
}

.login-options-title:after {
    background-color: #e0e2e3;
    bottom: 12px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: -7px;
    width: 100%;
    z-index: -1
}

.login-options-title p {
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity));
    color: #55585b;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 0;
    padding: 0 20px;
    position: relative
}

.login-options .social-icons {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center
}

.login-options .social-icons li {
    list-style: none
}

.login-options .social-icons li>a {
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 2px;
    display: block;
    height: 28px;
    width: 28px
}

.login-options .social-icons li .google {
    background: url(../images/google.svg) no-repeat 50%;
    border: 1px solid #4285f4;
    border-radius: 2px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.login-options .social-icons li .linkedin,
.login-options .social-icons li .linkedin-openid {
    background: url(../images/linkedin.png) no-repeat;
    background-position: 0 -38px !important
}

.login-options .social-icons li .facebook {
    background: url(../images/facebook.png) no-repeat;
    background-position: 0 -38px !important
}

.login-options .social-icons li .github {
    background: url(../images/github.png) no-repeat;
    background-position: 0 -38px !important
}
.login-options .social-icons li .google {
    background: url(../images/google.svg) no-repeat 50%;
    border: 1px solid #4285f4;
    border-radius: 2px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.linkedin,
.linkedin-openid {
    background: url(../images/linkedin.png) no-repeat;
    background-position: 0 -38px !important
}

.facebook {
    background: url(../images/facebook.png) no-repeat;
    background-position: 0 -38px !important
}

.github {
    background: url(../images/github.png) no-repeat;
    background-position: 0 -38px !important
}