* {
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
}
.row {
    margin-left: -8px;
    margin-right: -8px;
}
html,body{background:#fff}
body{font-family:'Roboto',sans-serif!important;font-weight: 300;}
.container{width:95vw;max-width:1120px;margin:0 auto}
.fullWrapper{width:100%;margin:20px auto 30px;box-shadow:0 7px 31px #0000001A;border-radius:10px;display:flex}
.fullWrapper .register-section{width:70%;height:100%;margin:0;padding:20px 3%}
.text-head,.field-control{text-align:left}
.field-control,.btncta{position:relative;}
.text-head h3{font-size: 20px;color:#434343;line-height: 29px;font-weight:700;}
.text-head p{font-size: 16px;font-weight:500;color: #434343;padding: 26px 0px 16px;}
.field-control h4{font-size: 16px;margin: 0px 0 0;color: #4d4d4d;line-height: 24px;font-weight: 500;}
.field-control p{margin: 4px 0 8px;padding: 0px;font-weight: 400;font-size: 13px;color: #686868;line-height: 18px;}
.field-control .forgot{text-align:right;font-size:13px;margin-top:4px;color:#546EA5;cursor:pointer}
.btn-big {width: 100%;text-align: center;margin: 30px auto 20px;background: #1870D5;border-radius: 50px;color: #fff;font-size: 16px;font-weight: 700;padding: 15px 0;cursor: pointer;border: none;outline: none;transition: .5s all;-webkit-box-shadow: 0 2px 4px 0 rgb(118 125 144 / 33%);box-shadow: 0 2px 4px 0 rgb(118 125 144 / 33%);-webkit-transition: color .35s,background .35s,-webkit-transform .35s,-webkit-box-shadow .35s;transition: color .35s,background .35s,-webkit-transform .35s,-webkit-box-shadow .35s;-o-transition: color .35s,background .35s,box-shadow .35s,-o-transform .35s;transition: color .35s,background .35s,transform .35s,box-shadow .35s;transition: color .35s,background .35s,transform .35s,box-shadow .35s,-webkit-transform .35s,-o-transform .35s,-webkit-box-shadow .35s;height: 50px;display: table;}
.iclass{width:92% !important;}
.field-control input, .field-control select{font-family: 'Roboto', sans-serif !important;width: 100%;margin: 2px auto 0px;padding: 0px 10px;border:1px solid #D5D5D5;border-radius:4px;position:relative;transition:.5s all;background-image:none;background-repeat:no-repeat;background-size:18px;background-position:98%;color:#4d4d4d;background-color:#fff;height: 37px;font-size:14px;}
.field-control input::placeholder,
.field-control textarea::placeholder{color:#757575;opacity:1}
.field-control input::-webkit-input-placeholder,
.field-control textarea::-webkit-input-placeholder{color:#757575;opacity:1}
.field-control input::-moz-placeholder,
.field-control textarea::-moz-placeholder{color:#757575;opacity:1}
.flname{text-transform: capitalize;}
.filname{text-transform: capitalize;}
.register-text{font-size: 14px;margin:0;color:#4d4d4d;text-align:center;font-weight: 500;}
.register-text a{text-decoration:none}
.client-section{width:30%;margin:0;background:#F7F7F7}
.customer-div{text-align:center;padding:20vh 0;width:80%;margin:0 auto}
.txt2{font-size:24px;color:#4d4d4d;line-height:1.6em;font-weight:500;display:block}
.star{position:relative;display:inline-block;width:14px;height:14px;margin-top:15px;background-repeat:no-repeat;font-size:20px;background-image:url(/signup/img/star.svg)}
.blockqoute1{background:url(https://www.proprofssurvey.com/register/signup/user_v3/register-new/left-quote.svg) no-repeat 0;display:inline-block;height:40px;width:30px}
.blockqoute2 {
    background: url(https://www.proprofssurvey.com/register/signup/user_v3/register-new/left-quote.svg) no-repeat;
    display: inline-block;
    position: absolute;
    height: 20px;
    transform: rotate(180deg);
    width: 35px;
}
.name{color:#4d4d4d;padding:25px 0 5px;font-size:14px;font-weight:500}
.desig{font-size:12px;color:#4d4d4d;}
.HeadingBorder{text-align:center;position:relative;clear:both;height: 14px;width:100%;margin: 36px auto 24px;}
.HeadingBorder:after{border-bottom: 2px solid #0000001A;content:'';width:100%;height: 3px;position:absolute;bottom: 4px;left:0;right:0;z-index:-1;margin:0 auto;}
.text-point{width:30px;height: 15px;font-size:14px;background:#fff;text-align:center;margin:3px auto;position:relative;color: #4D4D4D;}
.text-point:before{content:'';height:5px;position:absolute;right:25px;background:#fff;width:10px;top:7px}
.text-point:after{content:'';height:5px;position:absolute;left:25px;background:#fff;width:10px;top:7px}
.social-icons{width:100%;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;transition:.5s all}
.social-icon-div{max-width:20%;height:48px;border-radius:4px;border:1px solid #eee;box-shadow:0 1px 1px #eee;margin: 0 8px;position:relative;cursor:pointer;-webkit-transition:color .35s,background .35s,-webkit-transform .35s,-webkit-box-shadow .35s;transition:color .35s,background .35s,-webkit-transform .35s,-webkit-box-shadow .35s;-o-transition:color .35s,background .35s,box-shadow .35s,-o-transform .35s;transition:color .35s,background .35s,transform .35s,box-shadow .35s;transition:color .35s,background .35s,transform .35s,box-shadow .35s,-webkit-transform .35s,-o-transform .35s,-webkit-box-shadow .35s;display:-webkit-box;display:-ms-flexbox;
    display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; -webkit-flex: 1 ; -moz-flex: 1 ; -ms-flex: 1 ;flex: 1;}

.tab-pane{display:none}
.tab-pane:first-child{display:block}
span.error{position:absolute;left:0;bottom:-16%;transform:translateY(16%);font-size:12px;color:#f46464;margin:0;text-align:left;padding-left:2px}
@media(max-width: 1033px) {
span.error{position:absolute;left:0;bottom:-28%;transform:translateY(28%)}
}
.field-control.flex-field{width: 50%;margin:0 auto;}
.flex-field h3{padding-left:2px;font-size: 16px;margin:0;color:#4d4d4d;line-height: 24px;font-weight: 500;}
#step2 .btn-big{width:100%}
.field-control.next2{text-align:center;}
.select-box{width: 35%!important;}
#step3 .select-box{margin:8px auto 5px!important}
#step3 .field-control h4{font-size: 16px;margin: 0px 0 0;color: #4d4d4d;line-height: 24px;font-weight:500}
.select-box select{font-family:'Roboto', sans-serif;width:100%;margin: 2px auto 0px;padding:8px 10px;border:1px solid #D5D5D5;border-radius:4px;background-color:#fff;height: 37px;color:#4d4d4d;}
.phone-no{width:65%!important}
.label{width:100%;height:37px;color: #4D4D4D;background-color:#fff;border:1px solid #D5D5D5;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size: 15px;cursor:pointer;}
label.label:hover {background: #1870d5;border: 2px solid #1870d5;color: #fff;}
.select-box input:checked ~ .label{background:#1870d5;border:2px solid #1870d5;color:#fff}
.check {
padding: 20px 0 0;
position: relative;
}
.check a{text-decoration:none}
.progress-wrap{width:100%;position:relative;margin: 0 auto 15px;text-align:center;background:#fff;}
.count-step{font-size: 14px;color: #4D4D4D;}
.lines{width:100%;margin:20px auto 0px;display:flex;height:6px;background: #E9E9E9;}
.line{width:50%}
#line1{background: #4CAF50;}
#step2 .social-icons{margin-top: 16px;}
#step2 .headers{margin:18px 0 0}
#step2 .text-head{margin:0}
#step2 .text-head h3{font-size:22px;font-weight:500;color:#434343;line-height:29px;padding:0 0 0 2px}
#step2 .text-head p{font-size:14px;font-weight:400;color:#686868;line-height:20px;padding:6px 0 0;margin:0}
#step2 .text-head + .main-fields{margin-top:25px}
#step3 .text-head h3,p{padding-left:2px}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
#step1 .main-field span.error{bottom:-12%;transform:translateY(12%)}
#step1 .check{padding:16px 0 0}
#step2 .field-control h4{font-size:16px;margin:0;color:#4d4d4d;line-height:24px;font-weight:500}
#step2 .field-control p{margin:4px 0 8px;font-size:13px;color:#686868;line-height:18px}
#step2 .main-field span.error{bottom:-14%;transform:translateY(14%)}
#step3 .field-control{margin-top:18px}
#step3 .main-field span.error{bottom:-11%;transform:translateY(11%)}
#step3 .main-fields span.error{bottom:-9%;transform:translateY(9%)}
#step3 .btn-big{margin:0 auto}
.ending-p{font-size:12px;text-align:left;color:#686868;margin:0 5px 10px 5px}
.client-logo h3{text-align:center}
.companyLogo{width:90%;margin:0 auto;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.logoSmall{width:45%;height:75px;margin:10px auto}
.logoSmall img{width:100%;height:100%;object-fit:contain}
.client-test{display:block}
.client-logo{display:none;padding:10vh 0}
.client-award,.client-wrap{display:none}
.client-award .logoSmall{width:30%;height:auto}
.client-award .companyLogo{width:100%}
.client-award .customer-div{width:85%}
.client-award .name{padding:15px 0 5px}
.social-icon-div:hover{-webkit-box-shadow: 0 2px 4px 0 rgb(118 125 144 / 33%);box-shadow: 0 2px 4px 0 rgb(118 125 144 / 33%);}
.btn-big:hover{
-webkit-box-shadow: 0 2px 4px 0 rgb(118 125 144 / 33%);
box-shadow: 0 2px 4px 0 rgb(118 125 144 / 33%);
-webkit-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
background: #0A53A8;
}
a{color:#3b5998;text-decoration:none}
a:hover{color:#4d4d4d;text-decoration:none}
.nav{width:100%}
.main-logo{padding:20px 0 1px}
@media(max-width: 950px) {
.fullWrapper{box-shadow:0 7px 16px #0000001a}
.fullWrapper .register-section{padding:20px 3%}
#step2 .main-field span.error{bottom:-33%}
}
.loader_phone {
    display: none;
    position: absolute;
    float: right;
    right: -35px;
    top: 10px;
    width: 25px;
    height: 25px;
}
.loader_email{
    display:none;
    position: absolute;
    float: right;
    right: -29px;
    top: 15px;
    width: 25px;
    height: 25px;
}
.loader_button{
    display:none;
    position: absolute;
    right: -29px;
    top: 15px;
    width: 25px;
    height: 25px;
}
@media(max-width: 767px) {
    .fullWrapper{box-shadow:unset;margin-top: 0px;}
    .main-logo{padding: 6px 15px 1px;height: 3.5rem}
    .container{width:100%}
.fullWrapper{display:grid}
.fullWrapper .register-section{width:100%;margin:0 auto;padding:20px 15px}
.client-section{width:100%}
.customer-div{padding:10vh 0;width:79%}

.iclass{width:78% !important;}
.field-control textarea{width:100% !important;}
#weekly {
    width: 103px !important;;
}
.loader_email{ right: 7px;}
.loader_button{ right: 7px;}
}
.field-control.flex-field.padding-right-10 {
    padding-right: 10px;
}
#step3 .text-head p {
    font-weight: 400;
    font-size: 14px;
    color: #686868;
    line-height: 20px;
    padding: 6px 0px 0px;
}
#step3 .field-control.imbusiness{margin-bottom: 25px;}
#step3 .flexboxdiv{display:-webkit-box;display:-ms-flexbox;display:flex;}
#step3 .select-box {
    padding: 15px 8px 0px!important;
    -webkit-flex: 1 1 33%;
    -moz-flex: 1 1 33%;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    width: auto !important;
    margin: 0px !important;
}
.error-handle{position:static;width:100%;height:auto}
.error-msg,.error-msgs{position:static;top:auto;left:auto;font-size:14px;color:#f46464;margin:0;text-align:left;padding-left:2px;visibility:hidden}
#email_err.error{position:static;display:block;font-size:14px;color:#f46464;margin:0;padding-left:2px;line-height:18px}
#email_err.error:empty{display:none}
#email_err.error:not(:empty){margin:4px 0 2px}
.submitBtn{margin-top:35px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center}
.btn-done{background-color:#1f77b2;border:1px solid #3c8ac9;color:#fff;font-size:16px;border-radius:2px;cursor:pointer;display:inline-block;padding:10px 20px;position:relative;margin-right:0;border:none;cursor:pointer;outline:none;border-radius:4px;transition:.5s all;-webkit-box-shadow:0 2px 4px 0 red;box-shadow:0 2px 4px 0 red;-webkit-transition:color .35s,background .35s,-webkit-transform .35s,-webkit-box-shadow .35s;transition:color .35s,background .35s,-webkit-transform .35s,-webkit-box-shadow .35s;-o-transition:color .35s,background .35s,box-shadow .35s,-o-transform .35s;transition:color .35s,background .35s,transform .35s,box-shadow .35s;transition:color .35s,background .35s,transform .35s,box-shadow .35s,-webkit-transform .35s,-o-transform .35s,-webkit-box-shadow .35s}
.btn-done:hover{-webkit-box-shadow:0 4px 5px 0 red;box-shadow:0 4px 5px 0 red;-webkit-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px);background:#337ab7}
.submitBtn .thanks-btn{border:none;background-image:none;padding-right:0;font-size:16px;color:#3b5998;background-color:#fff;margin-left:25px;cursor:pointer;outline:none}
.sp1{color:#4d4d4d!important;font-size:14px!important;font-weight:600!important}
.sh4{font-size:16px!important;margin-bottom:15px!important}
.tick-list{list-style:none;padding-left:0}
.tick-list li{line-height:32px;font-size:14px;color:#4d4d4d}
.tick-list li span{margin-right:12px}
.client-wrap .customer-div{padding:11vh 0!important}
#step4 .txt2{font-size:23px}
.field-control textarea{width:100%;margin: 2px auto 0px;padding:10px;border:1px solid #D5D5D5;border-radius:4px;transition:.5s all;background-image:none;background-repeat:no-repeat!important;background-size:18px;background-position:98%;color:#4d4d4d;background-color:#fff;height: 61px;font-family:'Roboto', sans-serif;}


.uihid{position:absolute;width:1px;height:1px;margin:-1px;padding:0;padding-left:0;overflow:hidden;clip:rect(0,0,0,0);border:0;color:#fff;font-size:18px;font-weight:600}
#weekly{-webkit-flex:1 1 50%;-moz-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%;background-color:#337ab4;color:#fff;padding:10px 2px;text-align:center;border-left:#ccc 1px solid;cursor:pointer;font-weight:400;font-size:13px}
#monthly{-webkit-flex:1 1 50%;-moz-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%;background-color:#e8e8e8;color:#676767;padding:10px 2px;text-align:center;border-left:#ccc 1px solid;cursor:pointer;font-weight:400;font-size:13px}
.field-control input.error_req,.field-control textarea.error_req{border:solid 1px #F46464}

.field-control input:focus, 
.field-control textarea:focus, 
.field-control input:hover, 
.field-control textarea:hover,
.select-box select:focus,
.select-box select:hover{
    border:solid 1px #1870d5;
}

.field-control input:focus, 
.field-control textarea:focus,
.select-box select:focus{
    box-shadow: 0 0 0 0.09rem rgba(24,112,213,.25)!important;
}

.password-input-wrap{position:relative}
.password-input-wrap input#password{padding-right:36px;background-image:none!important}
.fa-eye, .fa-eye-slash {
    color: #888;
    position: absolute;
    margin:16px -24px;
    cursor: pointer;
}

[data-title]:after {
    content: attr(data-title);
    background-color: #000;
    color: #fff;
    font-size: 12px;
    position: absolute;
    padding: 6px 8px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    z-index: 99999;
    visibility: hidden;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
}
[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
.check input#i-agree-terms{width:auto;opacity:1.0E-8;position:absolute;left:0;margin-left:4px}
.agreement-box label{position:relative;min-height:23px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding-left:30px;margin-bottom:0;font-weight:400;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;webkit-box-pack:center;-ms-flex-pack:center;}
.check input[type=checkbox]:checked ~ label:before{border:2px solid #1870d5;background-color:#1870d5;transition:transform .28s ease;transition:transform ease .25s}
.check input[type=checkbox]:checked ~ label:after{transform:rotate(-45deg) scale(1);transition:transform ease .25s}
.check label:after{content: "";
display: block;
width: 12px;
height: 7px;
border-bottom: 3px solid #fff;
border-left: 3px solid #fff;
transform: rotate(
-45deg
) scale(0);
transition: transform ease .25s;
position: absolute;
top: 4px;
left: 4px;}
.check label:before{content: "";
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
transition: transform .28s ease;
border-radius: 3px;
border: 2px solid #D5D5D5;}

.check .error-msgs {
top: auto;
position: static;
}
.check .error-msgs[style*="visible"] {
    display: block;
    height: auto;
    max-height: none;
    overflow: visible;
    line-height: 18px;
    margin: 6px 0 10px;
}
span.sr-only {position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0, 0, 0, 0);}

#step1 .social-icons.step1-row{
    display:flex!important;
    align-items:flex-start;
    justify-content:space-between;
    margin-top:22px;
    flex-wrap:nowrap;
}
input::placeholder,
textarea::placeholder{
    color:#aaa!important;
}
#step1 .social-icons.step1-row > .field-control.flex-field{
    width:48%!important;
    margin:0!important;
    box-sizing:border-box;
}
#step1 .phone-combo{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
}
#step1 .phone-combo .select-box{
    width:38%!important;
    flex:none;
    margin:0!important;
    padding:0!important;
}
#step1 .phone-combo .phone-no{
    width:60%!important;
    margin:0;
}
#step1 .hear-select,
#step1 .hear-select select,
#step2 .employees-select,
#step2 .employees-select select{
    width:100%!important;
    flex: 1 1 100%;
}
#step2 .employees-field,
#step2 .main-fields,
#step2 .main-field{
    margin-top:18px;
}
#step1 .sterms{
    margin-top:18px;
}
#step2 .btn-big{margin:30px auto 0}

.rule-list {
    display: none;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    border: 1px solid #ccc;
    padding: 10px;
    width: 99%;
    margin-top: 5px;
    border-radius: 5px;
    background: rgb(249 250 251 / 59%);
}
.rule-item {
    font-size: 13px;
    padding: 5px 0;
    display: flex;
    align-items: center;
    color: #4d4d4d;
}
.icon {
    width: 16px;
    height: 14px;
    margin-right: 8px;
    flex-shrink: 0;
}
.icon svg {
    display: inline-block;
    vertical-align: middle;
}
#ruleInvalidSpecial {
    display: none;
}
.strikeout {
    text-decoration-line: line-through;
    opacity: 0.75;
}

@media (max-width: 767px) {
    .rule-list { grid-template-columns: 1fr; }
    .password-input-wrap .fa-eye,
    .password-input-wrap .fa-eye-slash {
        right: 10px;
        top: 50%;
        left: auto;
        transform: translateY(-50%);
        margin: 0;
    }
    .password-input-wrap [data-title]::after {
        display: none;
    }
    #step1 .social-icons.step1-row{
        flex-wrap:wrap;
        margin-top: 0px;
    }
    #step1 .social-icons.step1-row > .field-control.flex-field{
        width:100%!important;
        margin-bottom:12px!important;
        padding-right:0;
    }
    #step1 .phone-combo{
        flex-wrap:wrap;
    }
    #step1 .phone-combo .select-box,
    #step1 .phone-combo .phone-no{
        width:100%!important;
        margin-bottom:8px;
    }
}


/* Project signup: Quiz School register-v5 visual system (single-page) */

body.pp-project-signup {
    background: #fff;
}

.pp-project-signup .fullWrapper {
    width: 100%;
    max-width: 1120px;
    margin: 20px auto 30px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.pp-project-signup .fullWrapper .register-section {
    flex: 0 0 calc(70% - 10px);
    width: calc(70% - 10px);
    max-width: none;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 5px 5px rgba(20, 55, 80, 0.12);
    padding: 20px 2.5%;
}

.pp-project-signup .client-section {
    flex: 0 0 calc(30% - 10px);
    width: calc(30% - 10px);
    margin: 0;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 5px 5px rgba(20, 55, 80, 0.12);
}

@media (min-width: 768px) {
    .pp-project-signup .client-section {
        position: sticky;
        top: 20px;
        align-self: flex-start;
    }
}

.pp-project-signup .progress-wrap {
    display: none !important;
}

.pp-project-signup .project-step-head {
    margin: 4px 0 12px;
}

.pp-project-signup .project-step-head h3 {
    font-size: 18px !important;
    line-height: 22px;
    color: #071d49;
    font-weight: 700;
    margin: 0 0 12px;
    padding: 0;
}

.pp-project-signup .project-step-head p {
    font-size: 14px;
    font-weight: 400;
    color: #68748a;
    line-height: 20px;
    padding: 0;
    margin: 0 0 16px;
}

/* Quiz School grouped section boxes (aligned with register-v5.css) */
.pp-project-signup .signup-group {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    padding: 22px 14px 1px !important;
    margin: 28px 0px 2px 0px;
    position: relative;
    background: #fff;
}

.pp-project-signup .signup-group-title {
    position: absolute;
    top: -9px;
    left: 16px;
    padding: 0 7px;
    background: #fff;
    color: #333333;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.pp-project-signup #step1 .signup-group .social-icons.step1-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: flex-start;
    justify-content: stretch !important;
    flex-wrap: nowrap !important;
    margin: 0 0 0px !important;
}

.pp-project-signup #step1 .signup-essential-group .essential-details-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.pp-project-signup #step1 .signup-essential-group .essential-name-email-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    align-items: flex-start;
}

.pp-project-signup #step1 .signup-essential-group .essential-name-email-row > .essential-detail-field {
    width: 100% !important;
    min-width: 0;
}

.pp-project-signup #step1 .signup-essential-group .essential-detail-field {
    position: relative;
    margin: 0 !important;
    padding: 0;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    clear: none !important;
    width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
}

.pp-project-signup #step1 .signup-essential-group .essential-details-body > .essential-detail-field:last-child {
    margin-bottom: 10px !important;
}

.pp-project-signup #step1 .signup-essential-group .essential-field-heading,
.pp-project-signup #step1 .signup-essential-group .name-field-group .name-field-heading {
    display: block;
    margin: 0;
}

.pp-project-signup #step1 .signup-essential-group .essential-detail-field #fisrtName,
.pp-project-signup #step1 .signup-essential-group .essential-detail-field #email {
    display: block;
    width: 100% !important;
    margin-top: 5px !important;
    box-sizing: border-box;
}

.pp-project-signup #step1 .signup-essential-group .name-field-errors .error-lname {
    display: none;
}

.pp-project-signup #step1 .signup-essential-group .essential-detail-field .error-handle {
    margin-top: 2px !important;
}

.pp-project-signup #step1 .signup-group .step1-row > .field-control.flex-field,
.pp-project-signup #step1 .signup-group .step1-pair > .field-control.flex-field {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

.pp-project-signup .name-field-group {
    display: block;
}

.pp-project-signup .name-field-group .name-field-heading {
    display: block;
    margin: 0;
    padding: 0;
}

.pp-project-signup .name-inline-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    margin-top: 5px;
}

.pp-project-signup .name-inline-row .input-field,
.pp-project-signup .name-inline-row .name-field-first,
.pp-project-signup .name-inline-row .name-field-last {
    width: 100% !important;
    min-width: 0;
    margin-top: 0 !important;
}

.pp-project-signup .name-field-group .name-field-errors {
    margin-top: 2px;
}

.pp-project-signup #step1 .phone-inline-row.phone-combo {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
    width: 100%;
    margin-top: 5px;
    flex-wrap: nowrap !important;
    justify-content: stretch !important;
}

.pp-project-signup #step1 .signup-essential-group .phone-inline-row .ccode.select-box,
.pp-project-signup #step1 .signup-essential-group .phone-inline-row .phone-no {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.pp-project-signup #step1 .signup-essential-group .phone-inline-row .phone-no.field-control {
    width: 100% !important;
}

.pp-project-signup #step1 .signup-essential-group .phone-inline-row #dial_code,
.pp-project-signup #step1 .signup-essential-group .phone-inline-row #phone {
    width: 100% !important;
    margin-top: 0 !important;
    height: 40px;
    box-sizing: border-box;
}

.pp-project-signup #step1 .signup-essential-group .phone-inline-row .select-box select {
    margin-top: 0 !important;
}

.pp-project-signup #step1 .signup-group .error-handle {
    position: static !important;
    width: 100% !important;
    height: 18px;
    min-height: 0 !important;
    margin: 2px 0 0 !important;
}

.pp-project-signup #step1 .signup-group .error-handle > div {
    position: static !important;
    line-height: 16px;
    margin: 2px 0 0 !important;
}

.pp-project-signup #step1 .signup-project-group .project-hear-followup.sterms {
    margin: 0 !important;
    clear: none;
    width: 100%;
}

.pp-project-signup #step1 .signup-project-group .project-hear-followup #search_terms {
    display: block;
    width: 100% !important;
    margin-top: 5px !important;
    box-sizing: border-box;
}

.pp-project-signup #step1 .signup-project-group .project-details-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.pp-project-signup #step1 .signup-project-group .project-details-top-row {
    margin: 0 !important;
}

.pp-project-signup #step1 .signup-project-group .project-details-top-row > .field-control.flex-field {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-right: 0 !important;
}

.pp-project-signup #step1 .signup-project-group .project-detail-field {
    position: relative;
    margin: 0 !important;
    padding: 0;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    clear: none !important;
}

.pp-project-signup #step1 .signup-project-group .project-details-body > .project-detail-field:last-child {
    margin-bottom: 10px !important;
}

.pp-project-signup #step1 .signup-project-group .project-field-heading,
.pp-project-signup #step1 .signup-project-group .main-fields h4,
.pp-project-signup #step1 .signup-project-group .employees-field h4,
.pp-project-signup #step1 .signup-password-group .signup-password-fields > h4 {
    font-size: 16px !important;
    line-height: 17px;
    font-weight: 500;
    color: #4d4d4d;
    margin: 0;
    display: block;
}

.pp-project-signup #step1 .signup-project-group #jobtititle,
.pp-project-signup #step1 .signup-project-group #reason_causual {
    display: block;
    width: 100% !important;
    margin-top: 5px !important;
    box-sizing: border-box;
}

.pp-project-signup #step1 .signup-project-group .hear-select,
.pp-project-signup #step1 .signup-project-group .hear-select select,
.pp-project-signup #step1 .signup-project-group .employees-select,
.pp-project-signup #step1 .signup-project-group .employees-select select {
    width: 100% !important;
    margin-top: 0px !important;
    box-sizing: border-box;
}

.pp-project-signup #step1 .signup-project-group .project-detail-field .error-handle {
    margin-top: 2px !important;
}

.pp-project-signup #step1 .signup-password-group .rule-list {
    margin-top: 8px;
    margin-bottom: 10px;
}

.pp-project-signup #step1 .signup-password-group .error-handle {
    margin-bottom: 10px !important;
}

.pp-project-signup .signup-form-footer {
    margin-top: -8px;
}

.pp-project-signup .text-head h3 {
    margin-bottom: 16px;
}

.pp-project-signup #step1 .signup-group .field-control > p {
    display: none;
}

.pp-project-signup .count-step {
    font-size: 14px;
    color: #68748a;
    font-weight: 500;
}

.pp-project-signup .lines {
    height: 6px;
    margin: 12px auto 0;
    background: #e9e9e9;
    border-radius: 999px;
    overflow: hidden;
}

.pp-project-signup .line {
    border-radius: 999px;
}

.pp-project-signup .text-head h3 {
    font-size: 18px !important;
    line-height: 22px;
    color: #071d49;
    font-weight: 700;
    margin: 0 0 12px;
    padding: 0;
}

.pp-project-signup #step2 .text-head h3,
.pp-project-signup .project-step-head h3 {
    font-size: 18px !important;
    line-height: 22px;
    color: #071d49;
    font-weight: 700;
}

.pp-project-signup #step2 .text-head p,
.pp-project-signup .project-step-head p {
    font-size: 14px;
    font-weight: 400;
    color: #68748a;
    line-height: 20px;
    padding: 0;
    margin: 0 0 16px;
}

.pp-project-signup .flex-field h3,
.pp-project-signup #step1 .social-icons.step1-row h3,
.pp-project-signup #step2 .field-control h4,
.pp-project-signup #step1 .signup-group .field-control h3,
.pp-project-signup #step1 .signup-group .field-control h4 {
    font-size: 16px !important;
    line-height: 17px;
    color: #4d4d4d;
    font-weight: 500;
}

.pp-project-signup .required-mark {
    color: #e53935;
    font-weight: 700;
    margin-left: 1px;
}

.pp-project-signup .field-tooltip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 11px;
    height: 11px;
    margin-left: 3px;
    border: 1px solid #7b8799;
    border-radius: 50%;
    color: #68748a;
    font-size: 8px;
    font-weight: 700;
    line-height: 10px;
    cursor: help;
    vertical-align: 1px;
    font-style: normal;
}

.pp-project-signup .tooltip-text {
    display: none;
    position: absolute;
    left: 50%;
    top: 19px;
    transform: translateX(-50%);
    z-index: 30;
    width: 185px;
    max-width: min(185px, 70vw);
    padding: 8px 10px;
    border: 0;
    border-radius: 7px;
    background: #071d49;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(23, 43, 77, 0.2);
    pointer-events: none;
    white-space: normal;
}

.pp-project-signup .field-tooltip:hover .tooltip-text,
.pp-project-signup .field-tooltip:focus .tooltip-text,
.pp-project-signup .field-tooltip:focus-within .tooltip-text {
    display: block;
}

.pp-project-signup #step1 .signup-group .field-control > h3,
.pp-project-signup #step1 .signup-group .field-control > h4 {
    margin-bottom: 0;
}

.pp-project-signup .field-control p {
    margin: 4px 0 8px;
    font-size: 13px;
    color: #68748a;
    line-height: 18px;
}

.pp-project-signup .field-control input,
.pp-project-signup .field-control select,
.pp-project-signup .select-box select,
.pp-project-signup .field-control textarea {
    height: 40px;
    margin-top: 5px;
    padding: 0 10px;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    font-size: 14px;
    color: #4d4d4d;
    box-sizing: border-box;
}

.pp-project-signup .field-control textarea {
    height: 47px !important;
    min-height: 47px;
    padding: 8px 10px;
}

.pp-project-signup .field-control input::placeholder,
.pp-project-signup .field-control textarea::placeholder {
    color: #757575 !important;
    opacity: 1;
}

.pp-project-signup .field-control input:focus,
.pp-project-signup .field-control textarea:focus,
.pp-project-signup .field-control select:focus,
.pp-project-signup .select-box select:focus {
    border-color: #1870d5 !important;
    box-shadow: 0 0 0 0 rgba(24, 112, 213, 0);
    outline: none;
}

.pp-project-signup .field-control input.error_req,
.pp-project-signup .field-control textarea.error_req,
.pp-project-signup .field-control select.error_req {
    border-color: #f46464 !important;
}

.pp-project-signup #step1 .social-icons.step1-row {
    margin-top: 0;
}

.pp-project-signup #step1 .social-icons.step1-row:not(.step1-pair):not(.phone-only-row) > .field-control.flex-field {
    width: 48% !important;
}


.pp-project-signup .signup-form-footer .btn-big {
    height: 50px;
    margin: 12px auto 10px;
    width: 100%;
}

.pp-project-signup .btn-big {
    height: 50px;
    margin: 20px auto 12px;
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 700;
    background: #1870d5;
    box-shadow: 0 2px 4px 0 rgba(118, 125, 144, 0.33);
}

.pp-project-signup .btn-big:hover {
    background: #337ab7;
}

.pp-project-signup .ending-p {
    font-size: 12px;
    text-align: center;
    color: #68748a;
    margin: 0 0 6px;
}

.pp-project-signup .register-text {
    font-size: 14px;
}

.pp-project-signup .check {
    padding: 16px 0 0;
}

.pp-project-signup .agree-text {
    font-size: 12px !important;
    line-height: 16px !important;
    color: #68748a !important;
}

.pp-project-signup .agreement-box label {
    min-height: 18px;
    padding-left: 22px;
}

.pp-project-signup .check label:before {
    width: 12px;
    height: 12px;
    border-width: 1px;
}

.pp-project-signup .check label:after {
    width: 8px;
    height: 4px;
    top: 3px;
    left: 3px;
    border-width: 0 0 2px 2px;
}

.pp-project-signup .rule-list {
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    background: rgba(249, 250, 251, 0.85);
    margin-top: 8px;
    width: 100%;
    box-sizing: border-box;
}

.pp-project-signup #step1 .signup-group .field-control input,
.pp-project-signup #step1 .signup-group .field-control select,
.pp-project-signup #step1 .signup-group .field-control textarea {
    width: 100% !important;
    margin-top: 5px !important;
}

.pp-project-signup #email_err.error:not(:empty) {
    margin: 2px 0 0;
    line-height: 16px;
    min-height: 0;
}

.pp-project-signup .rule-item {
    font-size: 13px;
    color: #4d4d4d;
}

.pp-project-signup .customer-div {
    padding: 2vh 0;
    width: 80%;
}

.pp-project-signup .client-logo {
    padding: 4vh 8% 6vh;
}

.pp-project-signup .client-logo h3 {
    color: #071d49;
    font-size: 16px;
    font-weight: 700;
}

.pp-project-signup .error-handle {
    position: static;
    width: 100%;
    height: auto;
    min-height: 0;
    margin-top: 4px;
}

.pp-project-signup .error-email,
.pp-project-signup .error-fname,
.pp-project-signup .error-lname,
.pp-project-signup .error-pno,
.pp-project-signup .error-job,
.pp-project-signup .error-hear,
.pp-project-signup .error-search,
.pp-project-signup .error-txt,
.pp-project-signup .error-msg,
.pp-project-signup .error-msgs,
.pp-project-signup .error-password {
    position: static;
    display: block;
    height: auto;
    max-height: none;
    overflow: visible;
    line-height: 18px;
    margin: 4px 0 2px;
    font-size: 14px;
    color: #f46464;
    visibility: hidden;
}

.pp-project-signup .error-email[style*="visible"],
.pp-project-signup .error-fname[style*="visible"],
.pp-project-signup .error-lname[style*="visible"],
.pp-project-signup .error-pno[style*="visible"],
.pp-project-signup .error-job[style*="visible"],
.pp-project-signup .error-hear[style*="visible"],
.pp-project-signup .error-search[style*="visible"],
.pp-project-signup .error-txt[style*="visible"],
.pp-project-signup .error-msg[style*="visible"],
.pp-project-signup .error-msgs[style*="visible"],
.pp-project-signup .error-password[style*="visible"] {
    visibility: visible;
}

@media (max-width: 767px) {
    .pp-project-signup .fullWrapper {
        display: grid;
        margin-top: 0;
        gap: 0;
        box-shadow: none;
    }

    .pp-project-signup .fullWrapper .register-section,
    .pp-project-signup .client-section {
        width: 100%;
        flex: none;
        position: static;
        padding: 20px 15px;
    }

    .pp-project-signup #step1 .signup-group .social-icons.step1-row {
        grid-template-columns: 1fr !important;
    }

    .pp-project-signup .signup-group {
        margin-bottom: 2px;
    }

    .pp-project-signup .name-inline-row,
    .pp-project-signup #step1 .signup-essential-group .essential-name-email-row,
    .pp-project-signup #step1 .phone-inline-row.phone-combo {
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .pp-project-signup .name-inline-row .name-field-last {
        margin-top: 0 !important;
    }

    .pp-project-signup #step1 .social-icons.step1-row > .field-control.flex-field {
        width: 100% !important;
        margin-bottom: 0 !important;
    }

    .pp-project-signup .field-control textarea {
        height: 54px !important;
        min-height: 54px;
    }

    .pp-project-signup .field-tooltip .tooltip-text {
        left: 0;
        transform: none;
    }
}

@media (max-width: 950px) {
    .pp-project-signup .fullWrapper {
        box-shadow: none;
    }
}

/* Local overrides — loaded after register2.css */

/* Phone row: keep country + number side-by-side 50/50 on mobile (Quiz reference) */
@media (max-width: 767px) {
    .pp-project-signup #step1 .signup-essential-group .phone-field .phone-inline-row.phone-combo {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        flex-wrap: nowrap !important;
        gap: 8px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin-top: 5px;
        box-sizing: border-box;
    }

    .pp-project-signup #step1 .signup-essential-group .phone-field .phone-inline-row.phone-combo .ccode.select-box,
    .pp-project-signup #step1 .signup-essential-group .phone-field .phone-inline-row.phone-combo .phone-no,
    .pp-project-signup #step1 .signup-essential-group .phone-field .phone-inline-row.phone-combo .phone-no.field-control {
        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;
        margin: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .pp-project-signup #step1 .signup-essential-group .phone-field .phone-inline-row #dial_code,
    .pp-project-signup #step1 .signup-essential-group .phone-field .phone-inline-row #phone {
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        margin-top: 0 !important;
        box-sizing: border-box;
    }

    .pp-project-signup #step1 .signup-essential-group .phone-field .phone-inline-row #dial_code {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 13px;
    }
}