.auth-template{
    height:100vh;
    flex-shrink:0;
}
.auth{
    display:grid;
    margin-top:25px;
    height:100%;
    grid-template-columns:repeat(2,1fr);
}
.auth .sideimg{
    background-repeat:no-repeat;
    background-size:cover;
}
.auth__screen-wrapper{
    max-width:70%;
    width:100%;
}
.auth__screen {
    display: flex;
    flex-direction: column;
    align-items: center;
    background:#fff;
    padding-top:10%;
}
.auth__screen-link{
    display:flex;
    justify-content:flex-end;
    color:var(--lightblue);
}
.auth__screen-link a{
    color:#305EA1;
}
.auth__screen-title{
    font-size:48px;
    margin:0;
}
.auth-card{
    cursor:pointer;
    border:1px solid var(--lightblue);
    border-radius:12px;
    overflow:hidden;
    padding:24px 18px;
    display:flex;
    align-items:center;
    transition:.3s all;
    background:#fff;
}
.auth-card:hover{
    -webkit-box-shadow: 0px 50px 114px -18px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 50px 114px -18px rgba(0,0,0,0.35);
    box-shadow: 0px 50px 114px -18px rgba(0,0,0,0.35);
}
.auth-card:hover .auth-card__icon{
    background-color:var(--darkblue);
}
.auth-card:hover .auth-card__icon svg path{
    fill:white;
}
.auth__screen-content{
    max-width:586px;
    width:100%;
}
.auth__screen-cards{
    display:flex;
    flex-direction:column;
    gap:36px;
}
.auth-card p,
.auth-card__title{
    margin:0;
}
.auth-card__title{
    font-size:18px;
    color:var(--darkblue);
}
.auth-card p{
    color:#91A3BD;
}
.auth-card__arrow{
    margin-left:auto;
    display:inline-block;
    flex-shrink: 0;
}
.auth-card__content {
    padding-right: 12px;
}
.auth-card__icon svg path{
    fill:var(--darkblue);
    transition:.3s all;
}
.auth-card__icon{
    width:36px;
    border:1px solid var(--darkblue);
    border-radius:100%;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:18px;
    transition:.3s all;
    flex-shrink: 0;
}
.auth__screen__href--disabled .auth-card:hover {
    box-shadow: none;
    cursor: default;
}
.auth__screen__href--disabled .auth-card:hover .auth-card__icon {
    background: none;
}
.auth__screen__href--disabled .auth-card:hover .auth-card__icon svg path {
    fill: var(--darkblue);
}
.auth__screen__href--disabled .auth-card__arrow {
    display: none;
}