@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/image731117-ivo-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-step1-head-grid1{
    top:0%;
    position:absolute;
    clip-path: polygon(7% 0%, 94% 0%, 100% 5%, 100% 94.5%, 93% 99.5%, 8% 99.5%, 0% 94.5%, 0% 5%);
    background-color: rgba(217, 217, 217, 0.9);
}

.sign-up-step1-grid1{
    background-color: rgba(217, 217, 217, 0.9);
        left: 13%;
    width: 73%;
    height: 7%;
    top: -3%;
    clip-path: polygon(3% 0%, 96% 0%, 100% 51%, 100% 68%, 94% 100%, 7% 100%, 0 57%, 0 36%);
    position: absolute;
}

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

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

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

.sign-up-step1-blur{
    position: absolute;
    top: -1.6%;
    left: -2%;
    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-step1-vector118{
    position: absolute;
    top: -5%;
    left: 9.5%;
}

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

.sign-up-step1-vector139{
    position: absolute;
    left: 11%;
    top: -4.5%;
}

.sign-up-step1-vector141{
    position: absolute;
        top: -3.5%;
    left: 12.2%;
}

.sign-up-step1-vector140{
    position: absolute;
    top: -3.3%;
    left: 12.6%;
}

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


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

.sign-up-step1-bgprimary{
    position: absolute;
    left: 25%;
    bottom:28%;
}


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

.sign-up-step1-text16{
    margin-top: 2%;
display: flex;
  height: auto;
  border: white 1px solid;
}

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


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

.sign-up-step1-buttonmaster1{
    left: 24%;
    position: absolute;
    bottom: 10%;
}

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

.sign-up-step1-text24{
    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-step1-text18{
    left: 5%;
    position: absolute;
    top: 10%;
    font-weight: 700;
    font-family: 'Open Sans';
    color: var(--dl-color-primary-white);

}

.sign-up-step1-text20{
bottom:31%;
    position: absolute;
    left: 45%;
    cursor: pointer;
    font-family: 'Open Sans';
    font-weight: 700;
    color: var(--dl-color-primary-white);
}

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

.sign-up-step1-buttonmaster2{
/*    position: absolute;*/
    
}

.haveaccount{
    position: absolute;
    left:29%;
    bottom: 3%;
}

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

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

.sign-up-step1-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-step1-text04 {
    margin-top: 2%;
display: flex;
  height: auto;
  border: white 1px solid;
}

.sign-up-step1-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-step1-text08 {
    margin-top: 2%;
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-step1-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-step1-text10{
    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-step1-text12{
    margin-top: 2%;
    display: flex;
  height: auto;
  border: white 1px solid;
}

.displaylinkedin{
   display: flex;
    position: absolute;
    gap:5px;
}

.sign-up-step1-iconscheckbox{
    position: relative;
}

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

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

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