@font-face {
        font-family: SF Pro Display Regular;
        src: url(Fonts/SFPRODISPLAYREGULAR.OTF);
}
body{
    margin:0;
    padding:0;
    width: 100vw;
    height: 100vh;
    background:url(public/external/image732827-dcaq-2100w.png) center center no-repeat;
    background-size: cover;
}


.center-screen{
position:relative;
    width: 100vw;
    height: 100vh;
    
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.sign-up-step4-grid1{
    clip-path: polygon(7% 0%, 94% 0%, 100% 5%, 100% 95%, 93% 100%, 7% 100%, 0% 95%, 0% 5%);
    background-color: rgba(217, 217, 217, 0.9);
}

.sign-up-step4-rectangle17{
    position: absolute;
    top: -3%;
    left: 8%;
}

.sign-up-step4-rectangle18{
    position: absolute;
    bottom: 8%;
    left: 8%;
}

.sign-up-step4-union{
    position: absolute;
    top: -2.5%;
    left: -3.5%;
}

.sign-up-step4-blur{
    position: absolute;
    top: -2%;
    left: -2%;
}



.sign-up-step4-vector118{
    position: absolute;
    top: -7%;
    left: 9.5%;
}

.sign-up-step4-text{
position: absolute;
    top: -3%;
    left: 40%;
    font-family: 'Raleway';
    font-weight: 700;
    color: var(--dl-color-primary-white);
}

.sign-up-step4-vector139{
    position: absolute;
    left: 11%;
    top: -5%;
}

.sign-up-step4-vector141{
    position: absolute;
        top: -4.5%;
    left: 12.2%;
}

.sign-up-step4-vector140{
    position: absolute;
    top: -4.1%;
    left: 12.6%;
}

.containthings{
    margin-top:5%;
    position: absolute;
    height: 600px;
    width: 540px;
}


.formcontainer{
    position:absolute;
    padding:60px 70px;
    width: 100%;
    height: 100%;
    text-align: left;
    top:0%;
}

.sign-up-step4-bgprimary{
    position: absolute;
    left: 25%;
/*    bottom:37%;*/
}


.sign-up-step4-divider {
    width: 100%;
    display: flex;
    align-items: center;
    bottom: 39%;
    position: absolute;
}

.sign-up-step4-frame1000002209 {
  position: relative;
    background-color: var(--dl-color-neutralswhite-white40);
    height: 1px;
    width: 30%; 
    left:15%;
}

.sign-up-step4-text16 {
   left: 50%;
    position: absolute;
    font-family: 'Open Sans';
    font-weight: 600;
    color: var(--dl-color-primary-white);
}

.sign-up-step4-frame1000002210 {
    position: absolute;
    background-color: var(--dl-color-neutralswhite-white40);
    height: 1px;
    width: 30%;
    right: 14%;
}

.sign-up-step4-buttonmaster2{
    position: relative;
/*    background: red;*/
    bottom: 23%;
}

.sign-up-step4-bgsecondary{
    
    position:relative;
}

.sign-up-step4-text18{
left: 15%;
    position: absolute;
    width: 100%;
    top: 32%;
    font-weight: 700;
    font-family: 'Open Sans';
    color: var(--dl-color-primary-white);
    line-height: normal;
}

.sign-up-step4-text20{
font-family: SF Pro Display Regular;
    font-weight: 510;
    color: var(--dl-color-neutralswhite-white70);
}

.sign-up-step4-text22{
    color: var(--dl-color-primary-white);
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 700;
    text-decoration: underline;
}

.sign-up-step4-buttonmaster3{
/*    position: absolute;*/
    
}

.noaccount{
    position: relative;
    bottom: 22%;
}

.sign-up-step4-text14{
/*    bottom: 41%;*/
    margin-top:20px;
    position: absolute;
    left: 46%;
    cursor: pointer;
    font-family: 'Open Sans';
    font-weight: 700;
    color: var(--dl-color-primary-white);
    
}

.forgetpswd{
    position: absolute;
    top:41%;
    color: var(--dl-color-primary-white);
}

.sign-up-step4-text02 {
    font-family: 'Open Sans';
    font-weight: 700;
  color: var(--dl-color-primary-white);
  height: auto;
  align-self: stretch;
  text-align: left;
  line-height: normal;
}

.sign-up-step4-text04 {
display: flex;
  height: auto;
  border: white 1px solid;
}

.sign-up-step4-text06 {
    font-family: 'Open Sans';
    font-weight: 700;
  color: var(--dl-color-primary-white);
  height: auto;
  align-self: stretch;
  text-align: left;
  line-height: normal;
}

.sign-up-step4-text08 {
display: flex;
  height: auto;
  border: white 1px solid;
}

input{
    padding:5px 16px;
    background: transparent; 
    width: 100%;
    height: 10%;
    outline:none;
    color: var(--dl-color-primary-white);
}


::placeholder {
  color: rgba(254, 254, 255, 0.6);
}


.sign-up-step4-grid1-title {

    top: -4%;
    left: 12.5%;
    height: 9%;
    width: 74%;
    position: absolute;
    clip-path: polygon(4% 0%, 95% 0%, 100% 55%, 100% 68%, 93% 100%, 8% 100%, 0% 55%, 0% 40%);
    background-color: rgba(217, 217, 217, 0.9);
}

.sign-up-step4-text10{
    font-family: 'Open Sans';
    font-weight: 700;
    color: var(--dl-color-neutralswhite-white70);
    height: auto;
    text-align: left;
    line-height: normal;
}

.sign-up-step4-text12{
    color: var(--dl-color-primary-white);
    height: auto;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    text-decoration: underline;
}
.displaylinkedin{
    display: flex;
    position: absolute;
    gap:5px;
}

.errormsg{
   justify-content: center;
    width: 99%;
    display: flex;
    font-weight: bold;
    background: yellow;
    color: red;
    position: absolute;
    top: 6%;
    
    
}

.remme{
    width: 100%;
    position: absolute;
/*
    top:34%;
    color: var(--dl-color-primary-white);
*/
}

.sign-up-step4-iconscheckbox{
/*    width: 0%;*/
    position: absolute;
}

input.check{
    height: 14px;
    width: 14px;
    accent-color: lightblue;
}


.sign-up-step4-text19{
    position: absolute;
left: 4%;
    top: -2px;
    font-weight: 700;
    font-family: 'Open Sans';
    color: var(--dl-color-primary-white);

}