.sign-up-background{width:100%;height:100vh;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    background-color: #f2f0eee6;
    justify-content: center;
    align-items: center;
    display: flex;
    inset: 0;}
.sign-up-background>div{
    background-color: #fff;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 365px;
    padding-bottom: 38px;
    display: flex;
    box-shadow: 11px 11px 20px -6px #8663cf1a;
    max-width:100%;
}
.sign-up-background .modal-title{margin-top:1em;}
.modal-content {
    color: #000;
    text-align: center;
    height: 110px;
    padding: 0 40px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;margin: 2em 0;
}
.advertiser-modal-button{background-color:#8663cf;font-weight:500;color:#fff;}
.advertiser-modal-button:hover{background-color: #7150b4;color:#fff;}
.publishers-modal-button{background-color:#5dc6d2;font-weight:500;color:#fff;}
.publishers-modal-button:hover{background-color: #44a7b3;color:#fff;}
.auth-body{font-size: 17px;}
.auth-body .form-control,.auth-body .form-select{font-size: 1rem;font-weight:300;background-color:#f2f0ee;}
.register-header{position: sticky;top:0;left:0;padding:15px 20px;border-bottom:1px solid #ddd;background:#fff;}
.register-header img{height:40px;width:auto;}
.register-body{display:flex;width:100vw;}
.register-body .form-column{flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 60%;
    height: 100vh;
    max-height: 92vh;
    margin-top: 0;
    padding: 20px;
    display: flex;
    position: fixed;
    left: 0;
    right: auto;
    overflow: auto;}
.register-body .form-column form{max-width:570px;}
.register-body .info-column{background-color: #f3effa;
    width: 40vw;
    position: fixed;
    inset: 8vh 0 0 auto;
    padding: 0 20px;
    overflow: auto;display:flex; justify-content: center; align-items: center;}
.register-body .info-column .info-content{justify-content: center;flex-direction: column;}
.sign-up-links{display:flex;justify-content: center;flex-wrap: wrap;}
.sign-up-links>a{margin: 10px;text-decoration: underline;}
.required::after{content:"*";margin-left:3px;color:var(--bs-danger)}
@media all and (max-device-width: 768px){
    .sign-up-background{flex-wrap: wrap;}
}