.vsLoginRegisterModalContent{
    background: url(../../frontend/images/login-register.png) center center/cover no-repeat!important;
    border-radius: 20px;
}
.vsLoginRegisterCloseBtnWrapper{
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 9999;
}
.vsLoginRegisterModalBody{
    padding: 0;
}

.vsLoginRegisterModalSubBody{
    display: table;
    width: 100%;
}
.vsLoginRegisterModalSubBody .vsLoginRegisterBodyLeftPart,
.vsLoginRegisterModalSubBody .vsLoginRegisterBodyRightPart{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.vsLoginRegisterBodyLeftPart{
    text-align: center;
    padding: 1rem;
}
.vsLoginRegisterLeftPartContent{
    margin-top: 30%;
}

.vsLoginRegisterLogoWrapper img{
    max-height: 90px;
}

.vsLoginRegisterTagLineTextWrapper{
    color: #FFF;
    letter-spacing: 0.5px;
    padding-top: 15px;
}
.vsLoginRegisterTagLineTitleText{
    font-size: 25px
}
.vsLoginRegisterTagLineSubTitleText{
    font-size: 13px
}
.vsLoginRegisterLeftPartBottomText{
    color: #FFF;
    margin-top: 65px;
    margin-bottom: 15px;
}
.vsLoginRegisterLeftPartBottomText1{
    font-size: 16px;
}
.vsLoginRegisterLeftPartBottomText2{
    font-size: 13px;
}
.vsLoginRegisterLeftPartBottomBtnWrapper{
    display: inline-block;
    margin-top: 20px;
}
.vsLoginRegisterLeftPartBottomBtnWrapper a{
    padding: 10px 20px;
    border: 1px solid #FFF;
    border-radius: 20px;
    text-decoration: none;
    color: #FFF;
    letter-spacing: 0.5px;
}



/*Part Right*/
.vsLoginRegisterModalSubBody .vsLoginRegisterBodyRightPart{
    vertical-align: top;
}
.vsLoginRegisterBodyRightPart {
    padding: 1rem;
    position: relative;
}
.vsLoginRegisterRightPartContent{
    position: relative;
    max-width: 350px;
    margin: auto;
}
.vsLoginRegisterRightPartSubContent:before{
    content: "";
    display: inline-block;
    width: 80px;
    border: 3px solid #FB5E4B;
    top: -17px;
    position: absolute;
    left: 0px;
    border-radius: 0px 0px 5px 5px;
}
.vsLoginRegisterFrmTitleWrapper{
    padding-top: 8px;
    margin-bottom: 15px;
}
.vsLoginRegisterFrmTitle{
    color: #362B33;
    font-size: 30px;
    font-family: 'poppinssemibold';
}
.vsLoginRegisterFrmSubTitle{
    color: #6A3D3A;
    font-size: 14px;
}
.vsLoginRegisterRemberForgotTextWrapper{
    font-size: 14px;
    margin-bottom: 10px;
}
.vsForgotPasswordWrapper{
    cursor: pointer;
    float: right;
    margin-top: 5px;
}
.vsLoginRegisterSmallDevice{
    text-align: center;
    display: none;
}
.vsLoginRegisterCloseBtnWrapper span:focus{
    outline: none;
}
.vsLoginRegisterTermsOfUseText{
    color: #FB5E4B;
}
.vsLoginRegisterTermsOfUseText a{
    color: #FB5E4B;
    text-decoration: none;
}

.vsLoginRegisterSelUserRadioWrapper{
    margin-top: 5px;
    margin-bottom: 15px;
}
.vsLoginRegisterSelUserRadioWrapper ul{
    padding: 0;
    margin: 0;
}
.vsLoginRegisterSelUserRadioWrapper ul li{
    list-style: none;
    display: inline-block;
}
.vsLoginRegisterSelUserRadioWrapper .customcheckbox_reg input[type="radio"]+span{
    border: 1px solid;
    border-color: #FFBEB7;
    padding: 10px 33px;
    border-radius: 20px;
    color: #FFBEB7;
    letter-spacing: 0.5px;
}
.vsLoginRegisterSelUserRadioWrapper .customcheckbox_reg input[type="radio"]:checked+span {
    color: #FFF;
    background: #362B33;
    border-color: #362B33;
}
.vsLoginRegisterModalOrTextWrapper{
    padding-left: 12px;
    padding-right: 12px;
}
.vsRegisterModalWrapper .vsLoginRegisterLeftPartBottomText{
    margin-top: 130px;
}
.vsRegisterModalWrapper .vsLoginRegisterLeftPartBottomBtnWrapper a{
    padding: 10px 30px;
}
#cb_message {
    height: auto;
}
.vsReqCallBackModalWrapper  .vsLoginRegisterLeftPartContent {
    margin-top: 5%;
}
.vsLoginRegisterLogoWrapper{
    background: radial-gradient(#c3bcbc, transparent);
}
.viLoginSignUpMobileWrapper{
    margin-top: 14px;
    font-size: 14px;
    text-align: center;
}
.viLoginSignUpMobileWrapper span:nth-child(2){
    color: #FB5E4B;
    cursor: pointer;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
    }
}
@media (min-width: 767px) {
    .modal-dialog {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .modal-dialog {
        max-width: 900px;
        margin: 1.75rem auto;
    }
}

@media (max-width: 992px) {
    .vsLoginRegisterModalContent{
        min-height: 500px;
    }
    .vsLoginRegisterLogoWrapper img {
        max-height: 75px;
    }
    .vsLoginRegisterTagLineTitleText {
        font-size: 22px;
    }
    .vsLoginRegisterTagLineSubTitleText {
        font-size: 12px;
    }
    .vsLoginRegisterLeftPartBottomText1 {
        font-size: 15px;
    }
    .vsLoginRegisterLeftPartBottomText2 {
        font-size: 12px;
    }
    .vsLoginRegisterLeftPartBottomText{
        margin-top: 100px;
    }
    .vsLoginRegisterFrmTitle {
        font-size: 25px;
    }
    .vsLoginRegisterFrmSubTitle {
        font-size: 13px;
    }
    .vsLoginRegisterRightPartContent {
        max-width: 300px;
    }
}

@media (max-width: 576px) {

    .d-vs575-none{
        display: none !important;
    }
    .vsLoginRegisterSmallDevice{
        display: block;
    }
    .vsLoginRegisterModalContent{
        min-height: auto;
        background: #FFF !important;
    }
    .vsLoginRegisterLogoWrapper img {
        max-height: 60px;
    }
    .vsLoginRegisterTagLineTitleText {
        font-size: 14px;
    }
    .vsLoginRegisterLeftPartBottomText1 {
        font-size: 13px;
    }
    .vsLoginRegisterFrmTitle {
        font-size: 18px;
    }
    .vsLoginRegisterFrmSubTitle {
        font-size: 12px;
    }
    .vsLoginRegisterSelUserRadioWrapper .customcheckbox_reg input[type="radio"]+span{
        padding: 10px 22px;
    }
    .vsLoginRegisterLogoWrapper{
        background: none;
    }
}