.container-wrap{
    background-color: #F7F7F9 !important;
}

h2{
    font-weight: 700 !important;
}

#newdoor-registration {
   padding: 40px;
   width: 100%;
   min-height: 400px;
   background-color: #fff;
   border: 1px solid #ddd;
   float: left;
}

.nd-btn-row {
   margin: 20px 0;
   float: left;
   width: 100%;
   padding: 0 30px;
}

#nd-back{
    padding: 0.5rem 3rem;
    background: transparent;
    border-radius: 4px;
    border: 1px solid #8E8E8E;
    color: #8E8E8E;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.2px;
    cursor: pointer;
}

#nd-next{
    padding: 0.5rem 3rem;
    background-color: #5D203F;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #5D203F;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.2px;
    float: right;
    cursor: pointer;
}

#nd-next-goto-profile{
    padding: 0.5rem 3rem;
    background-color: #5D203F;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #5D203F;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.2px;
    cursor: pointer;
}

#nd-next:disabled{
    background-color: #ddd;
    border: 1px solid #ddd;
    color: #fff;
    cursor: not-allowed;
}

.csomagbtn {
    width: 190px;
    height: 46px;
    background-color: #9ab435;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #9ab435;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.2px;
    float: left;
    margin-top: 30px;
    cursor: pointer;
}

.csomagbtn:hover{
    box-shadow: 0 20px 38px rgba(0,0,0,0.16)!important;
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

.innertitle{
    font-weight: 700;
    margin: 10px 0 10px 0;
}

.stepbar{
    background-image: url('../images/multi-step1.svg');
    background-repeat: no-repeat;
    width: 70%;
    height: 80px;
    background-size: contain;
    margin: auto;
}

.stepbar2{
    background-image: url('../images/multi-step2.svg');
    background-repeat: no-repeat;
    width: 70%;
    height: 80px;
    background-size: contain;
    margin: auto;
}

.stepbar3{
    background-image: url('../images/multi-step3.svg');
    background-repeat: no-repeat;
    width: 70%;
    height: 80px;
    background-size: contain;
    margin: auto;
}

.stepbar4{
    background-image: url('../images/multi-step4.svg');
    background-repeat: no-repeat;
    width: 70%;
    height: 80px;
    background-size: contain;
    margin: auto;
}

.stepbar5{
    background-image: url('../images/multi-step5.svg');
    background-repeat: no-repeat;
    width: 70%;
    height: 80px;
    background-size: contain;
    margin: auto;
}

.stepbar6{
    background-image: url('../images/multi-step6.svg');
    background-repeat: no-repeat;
    width: 70%;
    height: 80px;
    background-size: contain;
    margin: auto;
}

.step1{
    display: block;
}
.step2{
    display: none;
}
.step3{
    display: none;
}
.step4{
    display: none;
}
.step5{
    display: none;
}
.step6{
    display: none;
}





.ndcsomag{ 
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
}
.ndheader{
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px 0;
    padding: 20px;
}
.ndtitle{
    margin-bottom: 10px;
}
.ndprice2{
    font-size: 15px;
}

.ndcontent{
    min-height: 230px;
    padding: 20px;
}

.ndcontent ul{
    margin: 0;
}
.ndcontent ul li{
    list-style: none;
    position: relative;
    padding-left: 0px;
}
.ndcontent .icon-salient-check {
    font-size: 16px !important;
}

.csomag1{
    background-color: #d4bb56;
    color: #fff;
}

.csomag2{
    background-color: #9ab435;
    color: #fff;
}

.csomag3{
    background-color: #5d203f;
    color: #fff;
}

#newdoor-sameaddress{
    margin-left: 6px;
    border: 1.8px solid #5D203F;
}

input[type=checkbox] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    -moz-appearance: none;
         appearance: none;
    /* For iOS < 15 */
    background-color: var(--form-background);
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: #5D203F;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #5D203F;
    border-radius: 0.15em;
    transform: translateY(0.275em);
    display: grid;
    place-content: center;
    float: right;
  }

  #newdoor-accept, #newdoor-dataforward, #newdoor-acceptaszf, #newdoor-kingfisher, #newdoor-kavoszprivacy {
    float: left;
    margin-right: 20px;
    border: 0.8px solid #000;
    border-radius: 0%;
    width: 1.55em;
    height: 1.55em;
  }

  #newdoor-dataforward, #newdoor-acceptaszf, #newdoor-kingfisher, #newdoor-kavoszprivacy {
    margin: 0 0 0 -40px;
  }

  .newdoor-dataforward-label, .newdoor-acceptaszf-label, .newdoor-kingfisher-label, .newdoor-kavoszprivacy-label {
    padding-left:40px;
    display:block;
  } 

  .newdoor-dataforwardrow input, .newdoor-acceptaszfrow input, .newdoor-kingfisherrow input, .newdoor-kavoszprivacyrow input{
    margin-left:-40px;
    display:block;
    float: left;
  }

  .acceptrow{
      font-size: 16px;
  }
  
  input[type=checkbox]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
            clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: CanvasText;
  }

  #newdoor-dataforward::before, #newdoor-acceptaszf::before, #newdoor-kingfisher::before, #newdoor-kavoszprivacy::before {
    width: 0.95em;
    height: 0.95em;
  }
  
  input[type=checkbox]:checked::before {
    transform: scale(1);
  }
  
  input[type=checkbox]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
  }
  
  input[type=checkbox]:disabled {
    --form-control-color: var(--form-control-disabled);
    color: var(--form-control-disabled);
    cursor: not-allowed;
  }

  .ordercsomagsubtotal {
    font-size: 14px;
    font-weight: 700;
    color: #000;
  }

  .ordercsomagsubtotaltitle{
    display: inline-block;
  }

  .ordercsomagsubtotalprice{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    float: right;
  }
  .ordercsomagcontent ul {
    margin-left: 0;
    }
  .ordercsomagcontent ul li{
    list-style: none;
    position: relative;
    padding-left: 0px;
  }

  .ordercsomagcontent ul li i{
    font-size: 20px !important;
  }

  .ordercsomagtotaltitle{
    display: inline-block;
  }

  .ordercsomagtotaltitle, .ordercsomagtotalprice {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    }
  
    .ordercsomagtotalprice{
        float: right;
    }

    .companydetails {
        padding: 20px;
        border-radius: 4px;
        border: 0.8px solid #C5C5C5;
        background: #F7F7F9;
    }

    .contactdetails {
        padding: 20px;
        border-radius: 4px;
        border: 0.8px solid #C5C5C5;
        background: #F7F7F9;
    }
.paymentoption{
    border-radius: 4px;
    border: 0.8px solid #000;
    background: #FFF;
    min-height: 57px;
    margin-bottom: 10px;
    line-height: 57px;
    padding: 0 20px;
    font-weight: 600;
}
.banklogo {
    float: right;
    margin-top: 10px;
    background-image: url('../images/bank_logos.svg');
    height: 30px;
    width: 33%;
    background-repeat: no-repeat;
}

.innertitle sup{
    color: #f10d81;
    font-size: 12px;
}

input[type=radio] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    -moz-appearance: none;
         appearance: none;
    /* For iOS < 15 */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 0 10px 0 0;
    font: inherit;
    color: #5D203F;
    width: 1.55em;
    height: 1.55em;
    border: 0.8px solid #000;
    border-radius: 50%;
    transform: translateY(1.075em);
    display: grid;
    place-content: center;
    float: left;
  }

  input[type=radio]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
            clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: #fff;
  }

  input[type=radio]:checked{
    border: 0.15em solid #9ab435;
    background: #9ab435;
  }

  input[type=radio]:checked::before {
    transform: scale(1);
  }
  
  input[type=radio]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
  }

.successtext{
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
.successtext2{
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
.successtext3{
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

@media screen and (max-width: 800px){
    .stepbar{
        background-image: url('../images/multi-step1.svg');
        background-repeat: no-repeat;
        width: 100%;
        height: 80px;
        background-size: contain;
        margin: auto;
    }

    .stepbar2{
        background-image: url('../images/multi-step2.svg');
        background-repeat: no-repeat;
        width: 100%;
        height: 80px;
        background-size: contain;
        margin: auto;
    }

    .stepbar3{
        background-image: url('../images/multi-step3.svg');
        background-repeat: no-repeat;
        width: 100%;
        height: 80px;
        background-size: contain;
        margin: auto;
    }

    .stepbar4{
        background-image: url('../images/multi-step4.svg');
        background-repeat: no-repeat;
        width: 100%;
        height: 80px;
        background-size: contain;
        margin: auto;
    }
    .stepbar5{
        background-image: url('../images/multi-step5.svg');
        background-repeat: no-repeat;
        width: 100%;
        height: 80px;
        background-size: contain;
        margin: auto;
    }

    .nd-btn-row{
        padding: 0;
    }
}