body {
    background-color: #fff;
}

.content-body {
    margin-left: 0px !important;
    padding-top: 0px !important;
}

.trust-pilot-img img {
    height: 1.6rem;
}

.register-page .l-con, .login-page .r-con {
    display: none !important;
}

.login-page-wrapper .logo-div {
    background-color: var(--bg-login-logo);
    flex-grow: 0;
    padding-bottom: 5px;
    margin-bottom: 10VH;
}

.login-page .gift-box, .login-page .r-con {
    display: none !important;
}

.login-page-wrapper {
    background: #fff;
}



    .login-page-wrapper .side-bg {
        background: url(../images/LoginPage/hero_icons.png);
        background-color: var(--color-primary);
        background-size: contain;
        background-position: center center;
        min-height: 46vh;
    }

        .login-page-wrapper .side-bg.custom-side-bg {
            background-color: var(--color-primary) !important;
            background-size: 100% 100% !important;
            background-position: center center !important;
            min-height: 98vh;
        }
    /*.login-page-wrapper .side-bg .person-image {
            background: url(../images/LoginPage/Signin-Image.png);
            width: 100%;
            height: 100%;
            background-size: 25% 80%;
            background-position-x: 78%;
            background-position-y: 80%;
            background-repeat: no-repeat;
            min-height: 46vh;
        }*/

    .login-page-wrapper .grey-bottom-r {
        background-color: #f5f5f5;
        min-height: 52vh;
        /*padding-left: 15%;
        padding-right: 15%;*/
    }



    .login-page-wrapper .basic-form, .login-page-wrapper .form-header {
        padding-left: 22%;
        padding-right: 22%;
    }


.register-page .gift-box a {
    height: 6.75rem !important;
    width: 6.75rem !important;
    background: url(../images/LoginPage/GiftNotification.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right top;
    margin-right: -8px;
    margin-top: -15px;
}

.offer-modal .offer-code-div {
    background: url(./../images/LoginPage/OfferCode.png);
    background-size: 85% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.offer-modal .off-box-img {
    height: 300px;
    z-index: 5;
}

.login-page-wrapper .form-header a:hover {
    color: var(--color-bg-primary-hover);
}

.login-page-wrapper .logo-img, .social-login-page-wrapper .logo-img {
    height: var(--login-logo-height-lg);
    width: var(--login-logo-width-lg);
}

.login-link {
    color: var(--color-login-links);
}

@media only screen and (min-width: 768px) and (max-width:1223px) {
    .login-page-wrapper .basic-form, .login-page-wrapper .form-header {
        padding-left: 15%;
        padding-right: 15%;
    }

    .soc-log-btn {
        justify-content: center;
    }

        .soc-log-btn span {
            padding-left: 1.2rem !important;
            font-size: 16px !important;
        }

    .px-md-gf-grey-bg {
        padding-left: 8% !important;
        padding-right: 8% !important;
    }
}

@media only screen and (max-width: 767px) {
    .login-page-wrapper .logo-img, .social-login-page-wrapper .logo-img {
        height: var(--login-logo-height-xs);
        width: var(--login-logo-width-xs);
    }

    .login-page-wrapper .form-header {
        background-color: var(--bg-login-header-xs);
        color: var(--color-login-header-xs);
    }

    .login-page-wrapper .logo-div {
        min-height: calc(var(--login-logo-height-xs) + 2);
        padding-bottom: 14px;
        background-color: var(--bg-login-logo-xs) !important;
        border: 0;
        margin-bottom: 0px;
    }

    .login-page-wrapper .form-wrapper {
        padding: 0;
    }

    .login-page-wrapper .form-header {
        padding-top: 8rem;
        margin-bottom: 20px;
    }

        .login-page-wrapper .form-header .form-title {
            padding-bottom: 2.5rem;
        }

        .login-page-wrapper .form-header a {
            color: var(--color-login-header-xs);
        }

    .register-page .gift-box a {
        background-position: right bottom;
        margin-right: -8px;
        margin-bottom: -55px;
    }

    .login-page-wrapper .basic-form, .login-page-wrapper .form-header {
        padding-left: 12%;
        padding-right: 12%;
    }

    .login-page-wrapper .grey-bottom-r {
        background-color: transparent;
        padding-left: 12%;
        padding-right: 12%;
        padding-top: 0%;
    }

    .soc-log-btn {
        padding-left: 0px;
        padding-right: 0px;
        justify-content: center;
    }

        .soc-log-btn i {
            padding-left: 0px !important;
        }

        .soc-log-btn span {
            padding-left: 0.75rem !important;
            font-size: 16px !important;
        }
}

@media only screen and (max-width: 575px) {
    .soc-log-btn span {
        padding-left: 0.5rem !important;
        font-size: 16px !important;
    }

    .offer-modal .off-box-img {
        height: 15%;
        width: 80%;
        z-index: 5;
        margin-bottom: -10px !important;
    }

    .login-page-wrapper .basic-form, .login-page-wrapper .form-header {
        padding-left: 10%;
        padding-right: 10%;
    }

    .login-page-wrapper .grey-bottom-r {
        padding-left: 10%;
        padding-right: 10%;
    }
}

.soc-log-btn {
    padding: 5% 2%;
}

    .soc-log-btn i {
        padding-left: 2%;
    }

    .soc-log-btn span {
        padding-left: 20%;
    }

    .soc-log-btn img {
        height: 30px;
        width: 30px;
    }

.university-logos-div {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,50px);
    grid-gap: 30px;
    grid-row-gap: 40px;
    justify-items: center !important;
    align-items: center !important;
}

    .university-logos-div img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .university-logos-div .imd-logo {
        width: 56px;
    }

.london-uni-logo-reg {
    width: 70px !important;
}