@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

  @font-face {
    font-family: 'SF-Pro-Text-Bold';
    src: url('../../fonts/sf-pro-text-bold-webfont.woff2') format('woff2'),
         url('../../fonts/sf-pro-text-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    background-color: #fff;
    font-family: 'Inter', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'SF-Pro-Text-Bold';
}

#auth {
    height: 100vh;
    overflow-x: hidden
}

#auth #auth-right {
    background: url(../../images/bg/4853433.jpg), linear-gradient(90deg, #602d9d, #703f91);
    height: 100%
}

#auth #auth-left {
    padding: 2rem 8rem
}

#auth #auth-left .auth-title {
    font-size: 3rem;
    margin-bottom: 1rem
}

#auth #auth-left .auth-subtitle {
    color: #a8aebb;
    font-size: 1rem;
    line-height: 2.5rem
}

#auth #auth-left .auth-logo {
    margin-bottom: 1rem
}

.auth-logo
{
    display: flex;
    justify-content: center;
    margin-top: 4rem;
}

.auth-logo img {
    height: 10rem;
    width: 8rem
}

@media screen and (max-width:767px) {
    #auth #auth-left {
        padding: 5rem
    }
}

@media screen and (max-width:576px) {
    #auth #auth-left {
        padding: 5rem 3rem
    }
}