html, body {
    overflow-y: overlay;
}

/* Sign up Section Styles */
.rep-user-signup .signup-section { min-height: 100vh; }
.rep-user-signup .form-control { border-radius: 0; padding: .75rem .75rem; }
.rep-user-signup .form-control:focus { border-color: #d1d1d1; box-shadow: none; }
.rep-user-signup .form-control::placeholder { color: #d1d1d1; }
.rep-user-signup .signup-section .form-col-first { padding-right: 0.25rem; }
.rep-user-signup .signup-section .form-col-last { padding-left: 0.25rem; }
.rep-user-signup .signup-section .input-group-text { color: #d1d1d1; background-color: #ffffff; padding-right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.rep-user-signup .signup-section #acf-field_601dfb0793b89, .signup-section .phone input { border-left: none; }
.rep-user-signup .signup-section .btn-custom-upload { font-weight: normal; text-decoration: none; color: #42b3f6; }
.rep-user-signup .signup-section .btn-custom-upload span { color: #d1d1d1; }
.rep-user-signup .signup-section .uploaded-files-wrapper .row { background-color: #f2f2f2; font-size: 0.825rem; }
.rep-user-signup .signup-section .uploaded-files-wrapper .file-icon { color: #c1c1c1; font-size: 1rem; line-height: 1rem; }
.rep-user-signup .signup-section .uploaded-files-wrapper .file-info { line-height: 1.25rem; }
.rep-user-signup .signup-section .uploaded-files-wrapper .file-actions { line-height: 1.25rem; }
.rep-user-signup .signup-section .uploaded-files-wrapper .file-actions a { color: #1c1c1c; }
.rep-user-signup .signup-section .big-icon { font-size:  6rem; }

.rep-user-signup .sign-up-page-wrapper { max-width: 700px; margin: auto; position: relative; z-index:99;}
.rep-user-signup .bg-form { background-color: #ffffff; padding-bottom: 80px; }
.rep-user-signup .container {
    width: 100%;
    max-width: 1320px;
}

/* Button Styles */
.rep-user-signup .btn { font-size: 15px; font-weight: bold; line-height: 1.8; text-align: center; color: #000000; }
.rep-user-signup .btn-bai { padding: 12px 60px 12px 60px; width: 100%; border-radius: 3px; background-color: #f8c516; margin-bottom: 40px;}
.rep-user-signup .btn-bai:hover { background-color: #f9cb2d; }


/* Branding Styles */
.rep-user-signup .branding {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}
.rep-user-signup .branding .logo-img {
    height: 48px;
    margin-top: 20px;
}
.rep-user-signup .branding .tagline {
    font-size: 12px;
    margin-top: 10px;
}
.rep-user-signup .justify-content-center {
    display: flex;
    justify-content: center;
}

/* Hero Section Styles */
.rep-user-signup .hero-section { min-height: 650px; background-position: center top; background-repeat: no-repeat; background-size: cover; }
.rep-user-signup .hero-heading { font-size: 2.25rem; font-weight: bold; line-height: 1.25; }
.rep-user-signup .hero-sub-heading { font-size: 1.125rem; line-height: 1.375; }
.rep-user-signup .hero-cta { margin-bottom: 100px; }
.rep-user-signup .bullet-point { font-size: 0.875rem; }
.rep-user-signup .bullet-point i { font-size: 1.125rem; opacity: 0.6; }

/* Hero Section Styles */
.rep-user-signup .section { padding-top: 70px; padding-bottom: 70px; }
.rep-user-signup .section-heading { font-size: 28px; font-weight: bold; line-height: 1.375; margin-bottom: 10px; }
.rep-user-signup .section-sub-heading { font-size: 16px; line-height: 1.375; margin-bottom: 40px; }
.rep-user-signup .section .box-heading { font-size: 1.5rem; font-weight: bold; line-height: 1.375; min-height: 4rem; }
.rep-user-signup .section .box-sub-heading { font-size: 1.25rem; font-weight: bold; line-height: 1.375; padding: 0 2.25rem 0 3.5rem; }
.rep-user-signup .section .box-sub-heading i { font-size: 32px; margin: 0 1.25rem 0 -3.5rem; }
.rep-user-signup .section .box-text-content { padding-left: 3.5rem; }
.rep-user-signup .form-control {
    border-radius: 0;
    padding: 12px;
    height: auto;
    font-size: 15px;
}

/* Companies Section Styles */
.rep-user-signup .companies-section { padding-bottom: 0; }

/* Selling Points Section Styles */
.rep-user-signup .selling-points-section { padding-top: 60px; padding-bottom: 50px; }

/* Profile Info Section Styles*/
.rep-user-signup .profile-info-section .box-heading { min-height: auto; }
.rep-user-signup .profile-info-section .box-content { padding: 0 7.5rem; }

.rep-user-signup .avatar-image {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
}

.rep-user-signup .rep-info {
    text-align: left;
    display: flex;
    align-items: center;
}

.rep-user-signup .thank-you-page {
    padding-top: 40px;
}

.rep-user-signup .thank-you-page i {
    font-size: 90px;
}

.rep-user-signup .signup-section select.form-control {
  height: auto;
}

.rep-user-signup .branding a {
  color: #000;
  font-size: 22px;
}

.rep-user-signup .user-type {
    margin: 0 10px;
}

.rep-user-signup .user-type-wrapper {
    display: flex;
    margin-top: 20px;
}

.rep-user-signup .div-rep-info {
    display: none;
}

.ui-front {
    z-index: 999999 !important;
}

input[type='text'].ui-autocomplete-loading,
input[type='search'].ui-autocomplete-loading {
    background: url('../img/ajax-loader.gif') no-repeat right center;
}

.rep-signup-left-bg {
    position: absolute;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.rep-signup-right-bg {
    position: absolute;
    left: 50%;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.rep-user-signup .form-background {
    position: fixed;
    min-height: 100vh;
    width: 100%;
    z-index: 9;
}

.rep-user-signup .div-instagram-input {
    display: block;
}

.rep-user-signup .div-rep-input {
    display: block;
}

.rep-user-signup .div-instagram-input.hide {
    display: none;
}

.rep-user-signup .div-rep-input.hide {
    display: none;
}

.rep-user-signup .hide {
    display: none;
}

.rep-user-signup .rep-empty-thumb {
    margin-bottom: 0;
    min-width: 60px;
    height: 60px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 25px;
    background: linear-gradient(220deg, rgba(215,195,252,1) 0%, rgba(146,197,253,1) 100%);
    border-radius: 5px;
    box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 75%);
    margin-right: 10px;
    padding: 0 10px;
    color: #fff;
}

.rep-user-signup .rep-empty-thumb p {
    margin: 0;
}