pre {
    background-color: #ebebeb;
}

.row.extra {
    margin-right: -30px;
    margin-left: -30px;
}

.row.extra > div[class*="col"] {
    padding-right: 30px;
    padding-left: 30px;
}

.animate_all_750 {
    -webkit-transition: all 750ms ease-in-out;
    -moz-transition: all 750ms ease-in-out;
    -ms-transition: all 750ms ease-in-out;
    -o-transition: all 750ms ease-in-out;
    transition: all 750ms ease-in-out;
}

.user-registration {
    display: flex;
    align-items: flex-start;
    min-height: calc(100vh - 38px);
    overflow: hidden;
}

.user-registration a {
/*    color: #fe9e05; */
}

.user-registration .page {
    flex: 0 0 100vw;
    width: 100vw;
    overflow: hidden;
    position: relative;
}

.user-registration .page.page-2 {
    display: none;
}

.user-registration .top-area {
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
}

.user-registration .top-area .logo {
    height: 100%;
    max-width: 210px;
    margin: 15px 0;
}

.user-registration .top-titles h3 {
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.user-registration .top-titles h1 {
    font-size: 70px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin: 0;
}

.user-registration .top-titles h2 {
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.user-registration .card {
    height: auto;
}

.user-registration .list-items {
    margin-bottom: 30px;
}

.user-registration .list-items > *:last-child {
    margin-bottom: 0;
}

.user-registration .list-items h3 .orange {
    color: #fe9e05;
}

.user-registration .list-items.no-box * {
    color: #fff;
}

.user-registration .list-items.bottom-title {
    border-radius: 1.25rem 1.25rem 0 0 !important;
    overflow: hidden;
}

.user-registration .list-items.bottom-title .bottom {
    position: relative;
    padding-top: 1em;
}

.user-registration .list-items.bottom-title .bottom:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200%;
    height: 200%;
    background-color: #ebebeb;
}

.user-registration .list-items.bottom-title .bottom * {
    position: relative;
}

.user-registration .list-items.bottom-title .bottom > *:last-child {
    margin-bottom: 0;
}

.user-registration .basic-bottom h3 {
    color: #fff;
}

.user-registration .basic-bottom .text * {
    color: #fff;
}



.user-registration .plus-bottom h3 {
    color: #fff;
}

.user-registration .plus-bottom .text * {
    color: #fff;
}


.user-registration .pro-bottom h2,
.user-registration .pro-bottom h3 {
    color: #fff;
}

.user-registration .pro-bottom .text * {
    color: #fff;
}

.user-registration .pro-bottom .text > *:last-child {
    margin-bottom: 0;
}





.user-registration .form-title {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
}

.user-registration .form-title .text {
    padding-right: 30px;
}

.user-registration .form-title h2,
.user-registration .form-title h3 {
    color: #fff;
    margin: 0;
}

.user-registration .form-title h2 {
    text-transform: uppercase;
}

.user-registration .form-title .orange {
    color: #fe9e05;
}

.user-registration .form-title .check {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-color: #fff;
    position: relative;
}

.user-registration .form-title .check:after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z' fill='%23fe9e05'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.user-registration .registration-form {
    padding-bottom: 30px;
}

.user-registration .registration-form p,
.user-registration .registration-form h4,
.user-registration .registration-form label {
    color: #1f2742 !important;
    margin-bottom: 5px;
}

.user-registration .registration-form p {
    margin-bottom: 22px;

}

.user-registration .registration-form input,
.user-registration .registration-form select {
    position: relative;
    z-index: 2;
}

.user-registration .custom-checkbox input[type="checkbox"] {
    width: 28px;
    height: 28px;
    position: relative;
    left: -42px;
    top: 13px;
}


.user-registration .registration-form .invalid-feedback {
    color: #fff;
    background-color: #dc3545;
    margin-top: -3px;
    line-height: 1;
    padding: 6px 5px 5px;
    border-radius: 0 0 .25rem .25rem;
}

.user-registration .registration-form .invalid-feedback.form-text {
    margin-top: 0;
    border-radius: .25rem;
}

.user-registration .registration-form .custom-checkbox .invalid-feedback.form-text {
    margin-left: 31px;
}


.user-registration .form-2 .logo {
    margin-bottom: 50px;
}

.user-registration .form-2 .text-col * {
    color: #fff;
}

.user-registration .form-2 .text-col > * {
    margin-bottom: 30px;
}

.user-registration .form-2 .text-col .checklist {
    margin-top: -20px;
}

.user-registration .form-2 .btn.btn-secondary {
    background-color: #fff;
    border-color: #fff;
    color: #0074c8;
}



.user-registration .profile-image {
    position: relative;
}

.user-registration .profile-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    pointer-events: none;
    background-size: 20px;
    background-color: #717273;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='256' height='256' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cdesc%3ECreated with Fabric.js 1.7.22%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg transform='translate(128 128) scale(0.72 0.72)' style=''%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(-175.05 -175.05) scale(3.89 3.89)' %3E%3Cpath d='M 58.921 90 H 31.079 c -1.155 0 -2.092 -0.936 -2.092 -2.092 V 2.092 C 28.988 0.936 29.924 0 31.079 0 h 27.841 c 1.155 0 2.092 0.936 2.092 2.092 v 85.817 C 61.012 89.064 60.076 90 58.921 90 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3E%3Cpath d='M 90 31.079 v 27.841 c 0 1.155 -0.936 2.092 -2.092 2.092 H 2.092 C 0.936 61.012 0 60.076 0 58.921 V 31.079 c 0 -1.155 0.936 -2.092 2.092 -2.092 h 85.817 C 89.064 28.988 90 29.924 90 31.079 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}


.user-registration .upgrade h1 {
    color: #fff;
    margin: 0 0 10px;
}

.user-registration .upgrade h3 {
    color: #fff;
    font-weight: 500;
}



@media
only screen and (max-width : 767px) {
    .user-registration .top-area {
        flex-direction: column-reverse;
    }

    .user-registration .top-area .logo {
        margin: 0 0 30px;
    }


    .user-registration .basic-bottom .text > *:last-child {
        margin-bottom: 0;
    }

    .user-registration .basic-bottom img {
        margin-top: 30px;
        width: 100%;
    }



    .user-registration .plus-bottom .text > *:last-child {
        margin-bottom: 0;
    }

    .user-registration .plus-bottom img {
        margin-top: 30px;
        width: 100%;
    }



    .user-registration .pro-bottom .text > *:last-child {
        margin-bottom: 0;
    }

    .user-registration .pro-bottom img {
        margin-top: 30px;
        width: 100%;
    }



    .user-registration .upgrade {
        padding-top: 30px;
    }

    .user-registration .upgrade-images img {
        margin-bottom: 30px;
    }

}