body {
}
.form-bx {
    border-radius: 10px;
    margin: 0 auto;
    width: 50%;
    box-shadow: 0px 2px 20px 5px #c9c9c9;
    background-color: #fff;
}

.custom-btn-style {
    transition: 0.5s;
    background: linear-gradient(120deg, var(--c1, #FF4904), var(--c2, #ff815df2) 60%, var(--c1, #F2295B)) var(--x, 0) / 200% !important; 
    color: white;
    border-radius: 10px;
    border: none;
}

.custom-btn-style-2 {
    transition: 0.5s;
    background: linear-gradient(120deg, var(--c1, #FF4904), var(--c2, #ff815df2) 60%, var(--c1, #F2295B)) var(--x, 0) / 200% !important;
    color: white;
    border: none;
}
.custom-btn-style-3 {
    transition: 0.5s;
    background: linear-gradient(120deg, var(--c1, #FF4904), var(--c2, #ff815df2) 60%, var(--c1, #F2295B)) var(--x, 0) / 200% !important;
    color: white;
    border-color: #ffffff;
}

.txt-orange {
    color: #ff5c22 !important;
}

.custom-btn-style:hover {
    color: #ffffff;
    --x: 100% ;
}

.custom-btn-style-2:hover {
    color: #ffffff;
    --x: 100%;
}

.custom-btn-style-3:hover {
    color: #ffffff;
    --x: 100%;
    border-color: #ffffff;
}

.form-bx-signup {
    
    border-radius: 10px;
    margin: 0 auto;
    box-shadow: 0px 2px 20px 5px #c9c9c9;
}

.signup-title {
    padding: 12px 0px 20px;
    text-align: center;
}

.signup-title h3 {
    color: #000;
    font-size: 28px;
}

#frmSignUp label {
    color: #242424;
}


.box-1 {
    padding: 100px 100px 60px 100px;
}

.sign-box-left img {
    width: 80%;
}

.sign-box-left {
    text-align: center;
}

.left-box-logo {
    text-align: center;
    margin-top: 30px;
}

.box-cards p {
    color: #fff !important;
}

.box-cards h4 {
    color: #fff;
}

.box-cards h3 {
    color: #fff;
}

.logo-sm img {
    width: 50px;
    height: 50px;
}


.logo-lg img {
    width: 100px;
    height: 60px;
}

.sml-btn {
    background-color: #282828;
    border-color: #000017;
}

.sml-btn:hover {
    background: #000000 !important;
    border-color: #000000;
}

.table-reprt {
    background-color: #ff6936;
}

.table-reprt th {
    color: #ffffff;
}

.nav-new {
    padding-top: 15px;
}




@media (min-width: 320px) and (max-width: 767px) {

    .form-bx {
        width: 100%;
    }

    .box-1 {
        padding: 100px 25px 60px 25px;
    }

    .box-2 {
        display: none;
    }
}