* {
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
}
.row {
    margin-left: -8px;
    margin-right: -8px;
}
body{font-family:'Roboto',sans-serif;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:50%;height:100%;margin:0;padding:40px 7%}
.text-head,.field-control{text-align:left}
.field-control,.btncta{position:relative;}
.text-head h3{font-size: 22px;color:#434343;line-height: 29px;}
.text-head p{font-size: 16px;font-weight:500;color: #434343;padding: 26px 0px 16px;}
.field-control h4{font-size: 18px;margin: 0px 0 0;color: #434343;}
.field-control p{margin: 6px 0 4px;padding: 0px;font-weight: 400;font-size: 14px;color: #686868;line-height: 20px;}
.field-control .forgot{text-align:right;font-size:13px;margin-top:4px;color:#546EA5;cursor:pointer}
.btn-big {width: 100%;text-align: center;margin: 36px 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;}
.btn-big:hover{background:#0A53A8;}
.iclass{width:92% !important;}
.field-control input{width: 100%;margin: 10px auto 0px;padding: 0px 15px;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: 50px;}
.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:50%;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:400;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(../svg/star-2.svg)}
.blockqoute1{background:url(../svg/left-quote.svg) no-repeat 0;display:inline-block;height:40px;width:30px}
.blockqoute2{background:url(../svg/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:#737373}
.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: 18px;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:15px auto 5px!important}
#step3 .field-control h4{font-size: 20px;margin: 0px 0 0;color: #434343;line-height: 26px}
.select-box select{width:100%;margin: 10px auto 0px;padding:10px 0px;border:1px solid #D5D5D5;border-radius:4px;background-color:#fff;height: 50px;}
.phone-no{width:65%!important}
.label{width:100%;height:50px;color: #fff;background-color:#1870D5;border:1px solid #1870D5;border-radius:50px;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: #0A53A8;color: #fff;}
.select-box input:checked ~ .label{background:#1F77B2;border:2px solid #1F77B2;color:#fff}
.check {
padding: 24px 0 5px;
position: relative;
}
.check a{text-decoration:none}
.progress-wrap{width:100%;position:relative;margin: 0 auto 36px;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:34%}
#line1{background: #4CAF50;}
#step2 .social-icons{margin-top: 16px;}
#step2 .headers{margin:35px 0 0}
#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 .btn-big{margin:30px auto 20px}
#step2 .main-field span.error{bottom:-14%;transform:translateY(14%)}
#step3 .field-control{margin-top:25px}
#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:13px;text-align:left;color:#686868}
.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{.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: #337ab7;
}}
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:40px 5%}
#step2 .main-field span.error{bottom:-33%}
}
.loader_email{display:none; position: absolute; float: right; right: -29px; top: 16px;}
.loader_button{display:none; position: absolute; right: -24px; top: 15px;}
@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:40px 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:relative;width:100%;height:0}
.error-msg{position:absolute;top:-2px;left:0;font-size:14px;color:#f46464;margin:0;text-align:left;padding-left:2px;visibility:hidden}
.error-msgs{position:absolute;top:2px;left:0px;font-size:14px;color:#f46464;margin:0;text-align:left;padding-left:2px;visibility:hidden}
.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: 10px auto 0px;padding:10px 15px;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: 100px;}


.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{border:solid 1px #1F77B2}
.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 #1F77B2;background-color:#1F77B2;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: 3px;
}