.hidden {
    display: none;
}

.error-msg{
    font-weight:400;
    font-size:15px;
    line-height:18px;
    letter-spacing:.05px;
    color:#e4172c;
    padding:4px 0 0 16px
}

@font-face{
    font-family:pkobp;
    src:url(../fonts/pkobankpolski-regular-webfont-5fbd26cf.woff2) format("woff2"),url(../fonts/pkobankpolski-regular-webfont-ed443379.woff) format("woff"),url(../fonts/pkobankpolski-regular-webfont-7b5c89e0.ttf) format("truetype");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:pkobp;
    src:url(../fonts/pkobankpolski-bold-webfont-31df5014.woff2) format("woff2"),url(../fonts/pkobankpolski-bold-webfont-36c8cbe6.woff) format("woff"),url(../fonts/pkobankpolski-bold-webfont-1ab7f304.ttf) format("truetype");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:icons;
    src:url(data:font/woff;
    base64,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) format("woff"),url(data:font/ttf;
    base64,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) format("truetype"),url(../img/assets/icons-49d38e8e.svg#icons) format("svg");
    font-weight:400;
    font-style:normal;
    font-display:block
}
.boxes-wrapper{
    width:100%;
    max-width:1198px;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start
}
@media (max-width: 599px){
    .boxes-wrapper{
        justify-content:space-between;
        margin:0 30px;
        width:initial
    }
}
.boxes-wrapper__icon{
    height:56px;
    width:56px;
    margin-bottom:30px;
    margin-top:40px
}
@media (max-width: 599px){
    .boxes-wrapper__icon{
        margin-bottom:0;
        margin-top:0
    }
}
.boxes-wrapper__box{
    width:222px;
    height:227px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    border:1px solid #E5E5E5;
    border-radius:6px;
    color:#000;
    font-weight:700;
    font-size:20px;
    line-height:23px;
    text-align:center;
    cursor:pointer;
    margin-bottom:24px;
    margin-right:16px;
    box-sizing:border-box
}
.boxes-wrapper__box:hover{
    background:#004C9A;
    color:#fff
}
.boxes-wrapper__box:hover a{
    color:#fff
}
.boxes-wrapper__box p{
    padding:0 16px
}
.boxes-wrapper__box a{
    text-decoration:none;
    color:#000
}
.boxes-wrapper__box input{
    opacity:0
}
.boxes-wrapper__box label{
    height:100%;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    cursor:pointer
}
.boxes-wrapper__box.active-box:nth-child(1) label>div{
    background-image:url(../img/assets/car-white-41644477.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box.active-box:nth-child(2) label>div{
    background-image:url(../img/assets/house-white-ddecc8a9.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box.active-box:nth-child(3) label>div{
    background-image:url(../img/assets/insurance-child-white-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box.active-box:nth-child(4) label>div{
    background-image:url(../img/assets/health-white-267c38a8.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box.active-box:nth-child(5) label>div{
    background-image:url(../img/assets/travel-white-2e9c2f9d.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box.active-box:nth-child(6) label>div{
    background-image:url(../img/assets/life-insurance-white-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box.active-box:nth-child(7) label>div{
    background-image:url(../img/assets/group-insurance-white-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box.active-box:nth-child(8) label>div{
    background-image:url(../img/assets/inne-insurance-white-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:nth-child(1) label>div{
    background-image:url(../img/assets/car-ce122685.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:hover:nth-child(1) label>div{
    background-image:url(../img/assets/car-white-41644477.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:nth-child(2) label>div{
    background-image:url(../img/assets/house-4fecdd43.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:hover:nth-child(2) label>div{
    background-image:url(../img/assets/house-white-ddecc8a9.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:nth-child(3) label>div{
    background-image:url(../img/assets/insurance-child-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:hover:nth-child(3) label>div{
    background-image:url(../img/assets/insurance-child-white-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:nth-child(4) label>div{
    background-image:url(../img/assets/health-910c7e78.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:hover:nth-child(4) label>div{
    background-image:url(../img/assets/health-white-267c38a8.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:nth-child(5) label>div{
    background-image:url(../img/assets/travel-a3f5ddad.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:hover:nth-child(5) label>div{
    background-image:url(../img/assets/travel-white-2e9c2f9d.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:nth-child(6) label>div{
    background-image:url(../img/assets/life-insurance-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:hover:nth-child(6) label>div{
    background-image:url(../img/assets/life-insurance-white-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:nth-child(7) label>div{
    background-image:url(../img/assets/group-insurance-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:hover:nth-child(7) label>div{
    background-image:url(../img/assets/group-insurance-white-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:nth-child(8) label>div{
    background-image:url(../img/assets/inne-insurance-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:hover:nth-child(8) label>div{
    background-image:url(../img/assets/inne-insurance-white-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}

.boxes-wrapper__box_link{
    width:222px;
    height:227px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    cursor:pointer;
}

.boxes-wrapper__box_link a{
    text-decoration:none;
    color:#000
}

/*
.boxes-wrapper__box_link .boxes-wrapper__box .boxes-wrapper__icon {
    background-image:url(../img/assets/inne-insurance-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
*/

/*
.boxes-wrapper__box_link:hover .boxes-wrapper__box .boxes-wrapper__icon {
    background-image:url(../img/assets/inne-insurance-white-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
*/

/*#boxes-wrapper__box_inne{
    background-image:url(../img/assets/inne-insurance-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}*/

/*.boxes-wrapper__box .card #card-1 {
    display:block;
}

.boxes-wrapper__box .card #card-2 {
    display:none;
}

.boxes-wrapper__box .card:hover #card-1 {
    display:none;
}

.boxes-wrapper__box .card:hover #card-2 {
    display:block;
}*/

/*.boxes-wrapper__box:nth-child(8) label>div{
    background-image:url(../img/assets/inne-insurance-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.boxes-wrapper__box:hover:nth-child(8) label>div{
    background-image:url(../img/assets/inne-insurance-white-56x56.svg);
    background-size:contain;
    background-repeat:no-repeat
}*/
@media (max-width: 599px){
    .boxes-wrapper__box{
        width:47%;
        height:130px;
        font-size:15px;
        margin:0 0 16px;
        padding:0
    }
}
.boxes-wrapper__box.active-box{
    background:#004C9A;
    color:#fff;
    transition:all .7s ease
}
.secondStepSelect{
    position:relative
}
.secondStepSelect{
    display:none
}
.select-items div,.select-selected{
    color:#fff;
    padding:8px 16px;
    border:1px solid transparent;
    border-color:transparent transparent rgba(0,0,0,.1) transparent;
    cursor:pointer;
    user-select:none
}
.select-items{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:99;
    border-left:1px solid #BABABA;
    border-right:1px solid #BABABA;
    border-bottom:1px solid #BABABA
}
@media (max-width: 599px){
    .select-items{
        position:fixed!important;
        padding:0 20px 20px;
        box-sizing:border-box;
        background:white;
        display:flex;
        flex-direction:column;
        align-items:center;
        height:84vh;
        width:90%;
        margin:0 auto;
        top:50%!important;
        transform:translateY(-50%);
        border:1px solid #BABABA!important;
        border-radius:2px!important;
        overflow:hidden;
        overflow-y:scroll
    }
    .select-items:last-child{
        border-bottom:1px solid #BABABA!important
    }
    .select-items>div{
        width:100%;
        padding:20px 16px!important
    }
}
.select-items:last-child{
    border-bottom:0
}
.select-items>div{
    text-align:center;
    background:#ffffff
}
.select-items>div:hover{
    background-color:#e5e5e5
}
.select-wrapper{
    min-width:365px;
    position:relative;
    bottom: 30px;
}
.select-wrapper h3{
    display:none;
    text-align:center;
    font-size:24px;
    font-weight:700;
    line-height:30px
}
@media (max-width: 599px){
    .select-wrapper h3{
        font-size:19px
    }
}
@media (max-width: 599px){
    .select-wrapper{
        min-width:initial;
        min-width:300px;
        margin:0 30px
    }
}
.custom-select{
    position:relative;
    font-family:Arial
}
.select-selected{
    border:1px solid #BABABA;
    border-radius:3px 3px 0 0;
    text-align:center
}
@media (max-width: 599px){
    .select-selected{
        position:relative
    }
}
.select-selected:after{
    width:18px;
    height:8px;
    position:absolute;
    content:"";
    bottom:9px;
    right:8px;
    transform:translateY(-50%);
    background-image:url(../img/assets/chevron-down-038962ff.svg);
    background-size:contain;
    background-repeat:no-repeat;
    transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}
@media (max-width: 599px){
    .select-selected:after{
        bottom:9px
    }
}
.select-selected:before{
    content:"";
    width:1px;
    height:36px;
    right:36px;
    bottom:0;
    position:absolute;
    background:#BABABA
}
@media (max-width: 599px){
    .select-selected:before{
        height:100%
    }
}
.select-selected.select-arrow-active:after{
    transform:rotate(180deg);
    bottom:13px;
    transition:all .4s ease
}
.select-items div,.select-selected{
    color:#000;
    padding:8px 16px;
    cursor:pointer;
    user-select:none
}
.select-selected{
    margin-bottom:0;
    width:365px;
    text-overflow:ellipsis;
    overflow:hidden;
    padding-right:40px;
    box-sizing:border-box;
    white-space:nowrap
}
@media (max-width: 599px){
    .select-selected{
        margin-bottom:0;
        display:inline-block;
        width:290px;
        text-overflow:ellipsis;
        overflow:hidden;
        padding-right:40px;
        box-sizing:border-box;
        white-space:nowrap
    }
}
.select-items{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:99;
    border-radius:0 3px 3px
}
.select-hide{
    display:none
}
.form-static{
    max-width:329px;
    min-width:329px;
    margin-top:50px;
    display:none;
    scroll-margin-top: 450px; /* mmazur */
}
@media (max-width: 599px){
    .form-static{
        max-width:100%;
        min-width:initial;
        margin:0 30px
    }
}
.form-static__inputWrapper{
    display:flex;
    flex-direction:column;
    margin-bottom:5px
}
.form-static__inputWrapper .input-file{
    position:relative;
    display:flex;
    align-items:center;
    margin:15px 0
}
.form-static__inputWrapper .input-file .fileInput{
    opacity:0;
    position:absolute;
    width:0
}
.form-static__inputWrapper .input-file .file-label-btn{
    background:#EFEFEF;
    font-weight:400;
    font-size:13px;
    line-height:18px;
    letter-spacing:.05px;
    padding:5px 8px;
    margin-right:4px;
    border:1px solid #858585;
    border-radius:2px
}
.form-static__inputWrapper .input-file .file-chosen{
    font-weight:400;
    font-size:15px;
    line-height:18px;
    letter-spacing:.05px;
    color:#585858
}
.form-static__inputWrapper input{
    height:37px;
    font-weight:400;
    font-size:16px;
    line-height:18px;
    letter-spacing:.05px;
    border:1px solid #BABABA;
    border-radius:3px;
    padding-left:16px;
    outline:none;
    padding-top:0;
    padding-bottom:0;
    box-sizing:border-box
}
.form-static__inputWrapper input[type=file]{
    font-size:15px;
    line-height:18px;
    color:#585858;
    border:none;
    padding-left:0;
    margin-top:16px
}
.form-static__inputWrapper .error-msg{
    font-weight:400;
    font-size:15px;
    line-height:18px;
    letter-spacing:.05px;
    color:#e4172c;
    padding:4px 0 0 16px
}
.form-static__inputWrapper .file-container{
    flex-direction:column
}
.form-static__inputWrapper .form-tooltip{
    width:16px;
    height:16px;
    display:inline-block;
    margin-left:6px;
    background:url(../img/assets/tooltip-b2a4b9a6.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.form-static__inputWrapper .inputInfo{
    font-weight:400;
    font-size:13px;
    line-height:18px;
    letter-spacing:.05px;
    color:#585858;
    margin-top:5px
}
.form-static__inputWrapper .checkbox-wrapper{
    margin-top:16px;
    flex-direction:column
}
.form-static__inputWrapper .checkbox-wrapper input[type=checkbox]{
    opacity:0;
    position:absolute;
    width:0px;
    height:0px;
    z-index:1;
    width:22px;
    height:22px;
    margin:0
}
.form-static__inputWrapper .checkbox-wrapper input[type=checkbox]:checked+label:after{
    content:"";
    color:#fff;
    cursor:pointer
}
.form-static__inputWrapper .checkbox-wrapper input[type=checkbox]:checked+label:before{
    background:#004C9A;
    cursor:pointer
}
.form-static__inputWrapper .checkbox-wrapper input[type=checkbox]:checked+label:before:hover{
    background:red
}
.form-static__inputWrapper .checkbox-wrapper label{
    position:relative;
    display:inline-block;
    cursor:pointer;
    padding-left:40px;
    font-weight:400;
    font-size:15px;
    line-height:18px;
    letter-spacing:.05px;
    color:#585858;
    cursor:initial
}
.form-static__inputWrapper .checkbox-wrapper label span{
    font-size:13px
}
.form-static__inputWrapper .checkbox-wrapper label p{
    font-size:15px
}
.form-static__inputWrapper .checkbox-wrapper label .full-info{
    color:#004c9a;
    font-size:13px;
    text-decoration:underline;
    cursor:pointer
}
.form-static__inputWrapper .checkbox-wrapper label .full-info.normal{
    color:#585858;
    text-decoration:initial
}
.form-static__inputWrapper .checkbox-wrapper label a{
    font-weight:400;
    font-size:13px;
    line-height:18px;
    letter-spacing:.05px;
    color:#004c9a
}
.form-static__inputWrapper .checkbox-wrapper label:before,.form-static__inputWrapper .checkbox-wrapper label:after{
    position:absolute;
    left:0;
    top:0
}
.form-static__inputWrapper .checkbox-wrapper label:before{
    content:"";
    display:inline-block;
    height:22px;
    width:22px;
    border:1px solid #BABABA;
    border-radius:2px
}
.form-static__inputWrapper .checkbox-wrapper label:after{
    content:none;
    height:8px;
    width:11px;
    border-left:2px solid;
    border-bottom:2px solid;
    transform:rotate(-45deg);
    left:4px;
    top:4px
}
.form-static__inputWrapper textarea{
    border:1px solid #BABABA;
    border-radius:3px;
    overflow:auto;
    outline:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    resize:none;
    padding:16px;
    font-size:16px
}
.form-static__inputWrapper p{
    margin:0;
    font-weight:400;
    font-size:13px;
    line-height:18px;
    letter-spacing:.05px;
    color:#585858
}
.form-static__inputWrapper .inputLabel{
    font-weight:400;
    font-size:15px;
    line-height:18px;
    letter-spacing:.05px;
    margin-bottom:5px;
    color:#585858
}
.form-static .file-remove-button{
    width:120px;
    min-width:120px;
    max-width:120px;
    font-weight:400;
    font-size:18px;
    line-height:23px;
    text-align:center;
    letter-spacing:.05px;
    color:#fff;
    background:#E4172C;
    padding:9px 20px;
    border-radius:8px 0;
    border:none;
    cursor:pointer;
    width:initial;
    margin-bottom:16px;
    margin-top:16px;
    display:none
}
.form-static button{
    width:90px;
    font-weight:400;
    font-size:18px;
    line-height:23px;
    text-align:center;
    letter-spacing:.05px;
    color:#fff;
    background:#E4172C;
    padding:9px 20px;
    border-radius:8px 0;
    border:none;
    cursor:pointer
}
.form-static button:hover{
    background:#004C9A;
    transition:all 1s ease
}
.form-static__registration-number{
    position:relative
}
.form-static__registration-number.empty:before{
    bottom:22px
}
.form-static__registration-number:before{
    height:37px;
    width:30px;
    bottom:4px;
    left:0;
    content:"";
    position:absolute;
    background:url(../img/assets/registration-88e410ab.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.form-static__registration-number input{
    padding-left:40px
}
.form-static .expand{
    display:none
}
.tippy-box[data-theme~=tomato]{
    background-color:#fff;
    color:#585858;
    border:1px solid #585858
}
.empty input[type=text],.empty input[type=number],.empty textarea{
    background:#FEF3F4;
    border:1px solid #E4172C
}
.empty .checkbox-label:before{
    background:#FEF3F4;
    border:1px solid #E4172C!important
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}
.text-section {
  display: none;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  max-width: 770px;
  min-width: 60%;
}
.text-section .icon {
  width: 44px;
  height: 44px;
  margin-bottom: 10px;
  background: url(../img/assets/download-svgrepo-com.svg) no-repeat center center;
  background-size: contain;
}
.text-section h2 {
  font-size: 26px;
  font-weight: 700;
  text-align: center;
}
.text-section .step-second-text-box {
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f0f0f0;
  box-shadow: 0 4px 8px #0000001a;
  padding: 20px;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}
.text-section .step-second-text-box div > p {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.05px;
  color: #585858;
}
.text-section .step-second-text-box a {
  min-width: 214px;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  margin-top: 15px;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.05px;
  color: #fff;
  border-radius: 8px 0;
  background: #004c9a;
  text-decoration: none;
}
.text-section .step-second-text-box a:hover {
  background: #ff0000;
  transition: all 0.5s ease;
}
.text-section a {
    color: #004c9a;
    text-decoration: underline;
}
}
.text-section .submit-wrapper {
  margin-top: 20px;
}
.text-section .submit-wrapper button {
  width: 190px;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.05px;
  color: #fff;
  background: #004c9a;
  padding: 6px 9px;
  border-radius: 8px 0;
  border: none;
  cursor: pointer;
}
.text-section .submit-wrapper button:hover {
  background: #004c9a;
  transition: all 1s ease;
}
.radio-section {
  flex-direction: column;
  //margin-top: 80px;
  max-width: 830px;
}
.radio-section .new-tooltip {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid #5175d4;
  border-radius: 5px;
  background-color: #004c9a;
  box-shadow: 0 4px 8px #0000001a;
  margin-bottom: 20px;
  color: #fff;
}
.radio-section .new-tooltip .icon {
  width: 34px;
  height: 34px;
  margin-right: 20px;
  background: url(../img/assets/info-svgrepo-com.svg);
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.radio-section .new-tooltip p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
.radio-section h2 {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}
.radio-section h2:after {
  content: "";
  display: block;
  height: 1px;
  background-color: #bababa;
  margin: 10px auto 0;
  box-shadow: 0 4px 8px #0000001a;
}
.radio-section .step-second-text-box {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f2f2f2;
  box-shadow: 0 4px 8px #0000001a;
  margin-bottom: 20px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.radio-section .step-second-text-box p {
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.05px;
}
@media (max-width: 599px) {
  .radio-section .step-second-text-box p {
    font-size: 17px;
  }
}
.radio-section .step-second-text-box a {
  min-width: 214px;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  margin-top: 15px;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.05px;
  color: #fff;
  border-radius: 8px 0;
  background: #004c9a;
  text-decoration: none;
}
.radio-section .step-second-text-box a:hover {
  background: #e4172c;
  transition: all 0.5s ease;
}
.radio-section .step-second-text-box .text-wrapper {
  text-align: left;
}
.radio-section .step-second-text-box .submit-wrapper {
  margin-top: 20px;
}
.radio-section .step-second-text-box .submit-wrapper button {
  width: 90px;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.05px;
  color: #fff;
  background: #004c9a;
  padding: 6px 9px;
  border-radius: 8px 0;
  border: none;
  cursor: pointer;
}
.radio-section .step-second-text-box .submit-wrapper button:hover {
  background: #004c9a;
  transition: all 1s ease;
}
.radio-section .step-second-text-box .radio-wrapper {
  margin-top: 16px;
  flex-direction: column;
}
.radio-section .step-second-text-box .radio-wrapper input[type="radio"] {
  opacity: 0;
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: 1;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
}
.radio-section
  .step-second-text-box
  .radio-wrapper
  input[type="radio"]:checked
  + label:after {
  content: "";
  color: #fff;
  cursor: pointer;
}
.radio-section
  .step-second-text-box
  .radio-wrapper
  input[type="radio"]:checked
  + label:before {
  background: #004c9a;
  cursor: pointer;
}
.radio-section
  .step-second-text-box
  .radio-wrapper
  input[type="radio"]:checked
  + label:before:hover {
  background: red;
}
.radio-section
  .step-second-text-box
  .radio-wrapper
  input[type="radio"]:not(:disabled)
  + label:before {
  background-color: #fff;
}
.radio-section
  .step-second-text-box
  .radio-wrapper
  input[type="radio"]:checked:not(:disabled)
  + label:before {
  background: #004c9a;
}
.radio-section .step-second-text-box .radio-wrapper label {
  position: relative;
  display: inline-block;
  padding-left: 35px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.05px;
  color: #585858;
  cursor: pointer;
}
.radio-section .step-second-text-box .radio-wrapper label span {
  font-size: 13px;
}
.radio-section .step-second-text-box .radio-wrapper label p {
  font-size: 15px;
}
.radio-section .step-second-text-box .radio-wrapper label .full-info {
  color: #004c9a;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
}
.radio-section .step-second-text-box .radio-wrapper label .full-info.normal {
  color: #585858;
  text-decoration: initial;
}
.radio-section .step-second-text-box .radio-wrapper label a {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.05px;
  color: #004c9a;
}
.radio-section .step-second-text-box .radio-wrapper label:before,
.radio-section .step-second-text-box .radio-wrapper label:after {
  position: absolute;
  left: 0;
  top: 0;
}
.radio-section .step-second-text-box .radio-wrapper label:before {
  content: "";
  display: inline-block;
  height: 18px;
  width: 18px;
  border: 1px solid #bababa;
  border-radius: 50%;
}
.radio-section .step-second-text-box .radio-wrapper label:after {
  content: none;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: white;
  left: 5px;
  top: 5px;
}
.calendar-range {
  position: relative;
  display: inline-block;
}
.calendar-range input[type="text"] {
  height: 35px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.05px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  padding: 0 35px 0 10px;
  box-sizing: border-box;
}
.calendar-icon {
  position: absolute;
  right: 10px;
  top: 17px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  //background: url(../img/assets/ico_kalendarz.svg) no-repeat center center;
  background-size: contain;
  //pointer-events: none;
  z-index: 1000;
}
.calendar-range.empty input[type="text"] {
  border-color: #e4172c;
  margin: 0;
  padding-right: 35px;
}
.error-section {
  display: none;
  //display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  max-width: 770px;
}
.error-section .icon {
  width: 44px;
  height: 44px;
  margin-bottom: 10px;
  background: url(../img/assets/error-svgrepo-com.svg) no-repeat center
    center;
  background-size: contain;
}
.error-section h2 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.error-section .step-second-text-box {
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f0f0f0;
  box-shadow: 0 4px 8px #0000001a;
  padding: 20px;
  margin-bottom: 10px;
  text-align: center;
  color: #585858;
}
.notify-section{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-top:80px;
    max-width:770px
}
.notify-section .icon-success{
    width:64px;
    height:64px;
    margin-bottom:10px;
    background:url(../img/assets/success-svgrepo-com.svg) no-repeat center center;
    background-size:contain
}
.notify-section .icon-error{
    width:64px;
    height:64px;
    margin-bottom:10px;
    background:url(../img/assets/error-svgrepo-com.svg) no-repeat center center;
    background-size:contain
}
.notify-section h2{
    font-size:20px;
    font-weight:700;
    text-align:center
}
.notify-section .step-second-text-box{
    border:1px solid #ccc;
    border-radius:5px;
    background-color:#f0f0f0;
    box-shadow:0 4px 8px #0000001a;
    padding:20px;
    margin-bottom:10px;
    text-align:center;
    color:#585858
}
.notify-section .step-second-text-box p{
    font-weight:400;
    font-size:20px;
    line-height:23px;
    text-align:center;
    letter-spacing:.05px
}
.notify-section .step-second-text-box a{
    min-width:214px;
    display:inline-block;
    line-height:40px;
    height:40px;
    margin-top:15px;
    font-weight:400;
    font-size:18px;
    text-align:center;
    letter-spacing:.05px;
    color:#fff;
    border-radius:8px 0;
    background:#004c9a;
    text-decoration:none
}
.notify-section .step-second-text-box a:hover{
    background:#ff0000;
    transition:all .5s ease
}
.notify-section .submit-wrapper{
    margin-top:20px
}
.notify-section .submit-wrapper button{
    width:190px;
    font-weight:400;
    font-size:14px;
    line-height:23px;
    text-align:center;
    letter-spacing:.05px;
    color:#fff;
    background:#004c9a;
    padding:6px 9px;
    border-radius:8px 0;
    border:none;
    cursor:pointer
}
.notify-section .submit-wrapper button:hover{
    background:#004c9a;
    transition:all 1s ease
}
.documents-section {
  flex-direction: column;
  //margin-top: 80px;
  max-width: 830px;
}
.documents-section h2 {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}
.documents-section h2:after {
  content: "";
  display: block;
  height: 0.5px;
  background-color: #bababa;
  margin: 10px auto 0;
  box-shadow: 0 4px 8px #0000001a;
}
.documents-section .step-second-text-box {
  padding: 0 10px 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 4px 8px #0000001a;
  margin-bottom: 20px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.documents-section .step-second-text-box .text-wrapper {
  text-align: left;
}
.documents-section .step-second-text-box .new-tooltip {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid #5175d4;
  border-radius: 5px;
  background-color: #004c9a;
  box-shadow: 0 4px 8px #0000001a;
  margin-bottom: 20px;
  color: #fff;
}
.documents-section .step-second-text-box .new-tooltip .icon {
  width: 34px;
  height: 34px;
  margin-right: 20px;
  background: url(../img/assets/info-svgrepo-com.svg);
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.documents-section .step-second-text-box .new-tooltip p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
}
.documents-section .step-second-text-box .hint {
  font-size: 13px;
  color: #585858;
}
.documents-section .upload-section {
  border: 1px dashed #ccc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  padding: 5px;
}
.documents-section .upload-section .upload-error-msg {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.05px;
  color: #e4172c;
  padding: 4px 0 0 16px;
}
.documents-section .upload-button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #004c9a;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
  margin-bottom: 10px;
  margin-top: 20px;
}
.documents-section .upload-button:hover {
  background-color: #013f7d;
}
.documents-section .upload-label {
  font-size: 13px;
  color: #585858;
  cursor: pointer;
}
.documents-section .uploads-list {
  width: 100%;
  text-align: left;
}
.documents-section .uploads-list div {
  margin: 0 10px 5px;
  font-size: 14px;
  font-weight: 700;
}
.documents-section .uploads-list .delete-button {
  background: none;
  border: none;
  cursor: pointer;
  color: #ff4d4d;
  font-size: 16px;
  margin-right: 10px;
}
.documents-section .uploads-list .delete-button:hover {
  color: #ff1a1a;
}
@media (max-width: 599px) {
  .documents-section .step-second-text-box p {
    font-size: 17px;
  }
}
.error-section .step-second-text-box p {
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.05px;
}
.error-section .step-second-text-box a {
  min-width: 214px;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  margin-top: 15px;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.05px;
  color: #fff;
  border-radius: 8px 0;
  background: #004c9a;
  text-decoration: none;
}
.error-section .step-second-text-box a:hover {
  background: #ff0000;
  transition: all 0.5s ease;
}
.error-section .submit-wrapper {
  margin-top: 20px;
}
.error-section .submit-wrapper button {
  width: 190px;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.05px;
  color: #fff;
  background: #004c9a;
  padding: 6px 9px;
  border-radius: 8px 0;
  border: none;
  cursor: pointer;
}
.error-section .submit-wrapper button:hover {
  background: #004c9a;
  transition: all 1s ease;
}
.termination-section {
  display: none;
  flex-direction: column;
  margin-top: 80px;
  padding-top: 80px;
  max-width: 770px;
}
.termination-section h2 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.termination-section h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}
.termination-section h3:after {
  content: "";
  display: block;
  height: 0.5px;
  background-color: #bababa;
  margin: 10px auto 0;
  box-shadow: 0 4px 8px #0000001a;
}
.termination-section .hidden .step-second-text-box {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f2f2f2;
  box-shadow: 0 4px 8px #0000001a;
  margin-bottom: 10px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.termination-section .step-second-text-box p {
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.05px;
  color: $color-grey-label;
}
@media (max-width: 599px) {
  .termination-section .step-second-text-box p {
    font-size: 17px;
  }
}
.termination-section .step-second-text-box a {
  min-width: 214px;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  margin-top: 15px;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.05px;
  color: #fff;
  border-radius: 8px 0;
  background: #004c9a;
  text-decoration: none;
}
.termination-section .step-second-text-box a:hover {
  background: #e4172c;
  transition: all 0.5s ease;
}
.termination-section .step-second-text-box .text-wrapper {
  text-align: left;
}
.termination-section .step-second-text-box .submit-wrapper {
  margin-top: 20px;
}
.termination-section .submit-wrapper button {
  width: 190px;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.05px;
  color: #fff;
  background: #004c9a;
  padding: 6px 9px;
  border-radius: 8px 0;
  border: none;
  cursor: pointer;
}
.termination-section .submit-wrapper button:hover {
  background: #004c9a;
  transition: all 1s ease;
}
.confirmation-section {
  flex-direction: column;
  margin-top: 180px;
  max-width: 650px;
}
.confirmation-section .new-tooltip {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid #5175d4;
  border-radius: 5px;
  background-color: #004c9a;
  box-shadow: 0 4px 8px #0000001a;
  margin-bottom: 20px;
  color: #fff;
}
.confirmation-section .new-tooltip .icon {
  width: 34px;
  height: 34px;
  margin-right: 20px;
  background: url(../img/assets/info-svgrepo-com.svg);
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.confirmation-section .new-tooltip p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
.confirmation-section .new-tooltip a {
  color: white;
}
.confirmation-section h2 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.confirmation-section h3 {
  font-size: 14px;
  font-weight: 700;
  color: #585858;
  margin-bottom: 10px;
  text-align: left;
}
.confirmation-section .step-second-text-box {
  background: #f2f2f2;
  padding: 10px 20px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  justify-content: left;
}
.confirmation-section .step-second-text-box p {
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.05px;
}
@media (max-width: 599px) {
  .confirmation-section .step-second-text-box p {
    font-size: 17px;
  }
}
.confirmation-section .tip-msg {
  font-weight: 400;
  font-size: 30px;
  letter-spacing: 0.05px;
  color: #e4172c;
  padding: 4px 0 0 16px;
}
.confirmation-section .reset-link {
  all: unset;
  color: #004c9a;
  cursor: pointer;
}
.confirmation-section .text-wrapper {
  text-align: left;
}
.confirmation-section .submit-wrapper button {
  width: 110px;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.05px;
  color: #fff;
  background: #004c9a;
  padding: 6px 9px;
  border-radius: 8px 0;
  border: none;
  cursor: pointer;
}
.confirmation-section .submit-wrapper button:hover {
  background: #004c9a;
  transition: all 1s ease;
}
.confirmation-section .form-container {
  margin: 0 auto;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.confirmation-section .form-container div {
  margin-right: 15px;
  font-size: 14px;
  font-weight: 700;
  color: #585858;
}
.confirmation-section .submit-wrapper {
  text-align: center;
}
.confirmation-section .reset-sms-link {
  display: block;
  margin-top: 5px;
  color: #00f;
  cursor: pointer;
}
.modal-ident {
   display: none; /* Use flexbox for centering */
   position: fixed;
   z-index: 1;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #fefefe;
   //background-color: rgba(0, 0, 0, 0.6); /* Dark and transparent */
   justify-content: center; /* Center horizontally */
   align-items: center; /* Center vertically */
   //backdrop-filter: blur(5px); /* Apply blur effect */
}
.modal-ident.show{
    display:flex
}
.modal-content {
    background-color: #fefefe;
    padding: 20px;
    width: 25%;
    min-width: 350px;
    text-align: center;
    border-radius: 5px;
    overflow: auto;
    max-height: 80vh;
    margin: 200px auto;
    position: relative;
}
.form-radio .error-msg{
    font-weight:400;
    font-size:15px;
    line-height:18px;
    letter-spacing:.05px;
    color:#e4172c;
    padding:4px 0 0 16px
}
.form-ident{
    margin-top: 70px;
}
.form-ident h2 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.form-ident__inputWrapper{
    display:flex;
    flex-direction:column;
    margin-bottom:5px;
}
.form-ident__inputWrapper input{
    height:37px;
    font-weight:400;
    font-size:16px;
    line-height:18px;
    letter-spacing:.05px;
    border:1px solid #BABABA;
    border-radius:3px;
    outline:none;
    padding-top:0;
    padding-bottom:0;
    box-sizing:border-box;
}
.form-ident__inputWrapper input.tekst{
    padding-left:15px;
}
}
.form-ident__inputWrapper .error-msg{
    font-weight:400;
    font-size:15px;
    line-height:18px;
    letter-spacing:.05px;
    color:#e4172c;
    padding:4px 0 0 16px
}
.form-ident__inputWrapper .form-tooltip{
    width:16px;
    height:16px;
    display:inline-block;
    margin-left:6px;
    background:url(../img/assets/tooltip-b2a4b9a6.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.form-ident__inputWrapper .inputInfo{
    font-weight:400;
    font-size:13px;
    line-height:18px;
    letter-spacing:.05px;
    color:#585858;
    margin-top:5px
}
.form-ident__inputWrapper p{
    margin:0;
    font-weight:400;
    font-size:13px;
    line-height:18px;
    letter-spacing:.05px;
    color:#585858
}
.form-ident__inputWrapper .inputLabel{
    font-weight:400;
    font-size:15px;
    line-height:18px;
    letter-spacing:.05px;
    margin-bottom:5px;
    color:#585858
}
.form-ident__registration-number{
    position:relative
}
.form-ident__registration-number.empty:before{
    bottom:22px
}
/*
.form-ident__registration-number:before{
    height:30px;
    width:30px;
    bottom:40px;
    left:0;
    content:"";
    position:absolute;
    background:url(../img/assets/registration-88e410ab.svg);
    background-size:contain;
    background-repeat:no-repeat
}
*/
/*
.form-ident__registration-number input{
    padding-left:40px
}
*/
.form-ident .expand{
    display:none
}
.submit-wrapper{
    display:flex;
    justify-content:center;
    gap:10px;
    margin:15px 10px
}
.submit-wrapper button{
    width:90px;
    font-weight:400;
    font-size:14px;
    line-height:23px;
    text-align:center;
    letter-spacing:.05px;
    padding:4px 7px;
    border-radius:8px 0;
    border:none;
    cursor:pointer
}
.submit-wrapper button:hover{
    background:#004C9A;
    transition:all 1s ease
}
.submit-wrapper button.cancel-ident{
    color:#fff;
    background:#E4172C
}
.submit-wrapper button.submit-button{
    color:#fff;
    background:#004C9A
}
.tippy-box[data-theme~=tomato]{
    background-color:#fff;
    color:#585858;
    border:1px solid #585858
}
.empty input[type=text],.empty input[type=number],.empty textarea{
    background:#FEF3F4;
    border:1px solid #E4172C
}
.empty .checkbox-label:before{
    background:#FEF3F4;
    border:1px solid #E4172C!important
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}

html{
    scroll-behavior:smooth
}
body{
    font-family:pkobp,Tahoma,sans-serif;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.body-wrapper{
    max-width:1200px;
    margin:0 auto;
    padding-top:10px;
    padding-bottom:50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.body-wrapper>h2{
    font-size:32px;
    font-weight:400;
    margin-bottom: 30px;
}
@media (max-width: 599px){
    .body-wrapper>h2{
        font-size:24px
    }
}
body.active{
    overflow-y:hidden
}
.body-wrapper.success,.body-wrapper.failure{
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0
}
.body-wrapper.success .status-wrapper,.body-wrapper.failure .status-wrapper{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center
}
.body-wrapper.success .status-wrapper__icon,.body-wrapper.failure .status-wrapper__icon{
    width:96px;
    height:auto;
    margin-bottom:30px
}
.body-wrapper.success .status-wrapper__headline h3,.body-wrapper.failure .status-wrapper__headline h3{
    font-weight:400;
    font-size:24px;
    line-height:30px;
    text-align:center;
    letter-spacing:.05px
}
@media (max-width: 599px){
    .body-wrapper.success .status-wrapper__headline h3,.body-wrapper.failure .status-wrapper__headline h3{
        font-size:19px
    }
}
.body-wrapper.success .status-wrapper__subheadline p,.body-wrapper.failure .status-wrapper__subheadline p{
    font-size:15px;
    color:#585858
}
.body-wrapper.success .status-wrapper__button,.body-wrapper.failure .status-wrapper__button{
    margin-top:30px
}
.body-wrapper.success .status-wrapper__button a,.body-wrapper.failure .status-wrapper__button a{
    padding:8px 16px;
    color:#004c9a;
    border:1px solid #BABABA;
    font-size:15px;
    line-height:18px;
    font-weight:400;
    text-decoration:none;
    border-radius:4px;
    box-sizing:border-box
}
.body-wrapper.success .status-wrapper__button a:hover,.body-wrapper.failure .status-wrapper__button a:hover{
    border:none;
    background:#E4172C;
    color:#fff
}
.tippy-box[data-animation=fade][data-state=hidden]{
    opacity:0
}
[data-tippy-root]{
    max-width:calc(100vw - 10px)
}
.tippy-box{
    position:relative;
    background-color:#333;
    color:#fff;
    border-radius:4px;
    font-size:14px;
    line-height:1.4;
    white-space:normal;
    outline:0;
    transition-property:transform,visibility,opacity
}
.tippy-box[data-placement^=top]>.tippy-arrow{
    bottom:0
}
.tippy-box[data-placement^=top]>.tippy-arrow:before{
    bottom:-7px;
    left:0;
    border-width:8px 8px 0;
    border-top-color:initial;
    transform-origin:center top
}
.tippy-box[data-placement^=bottom]>.tippy-arrow{
    top:0
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before{
    top:-7px;
    left:0;
    border-width:0 8px 8px;
    border-bottom-color:initial;
    transform-origin:center bottom
}
.tippy-box[data-placement^=left]>.tippy-arrow{
    right:0
}
.tippy-box[data-placement^=left]>.tippy-arrow:before{
    border-width:8px 0 8px 8px;
    border-left-color:initial;
    right:-7px;
    transform-origin:center left
}
.tippy-box[data-placement^=right]>.tippy-arrow{
    left:0
}
.tippy-box[data-placement^=right]>.tippy-arrow:before{
    left:-7px;
    border-width:8px 8px 8px 0;
    border-right-color:initial;
    transform-origin:center right
}
.tippy-box[data-inertia][data-state=visible]{
    transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)
}
.tippy-arrow{
    width:16px;
    height:16px;
    color:#333
}
.tippy-arrow:before{
    content:"";
    position:absolute;
    border-color:transparent;
    border-style:solid
}
.tippy-content{
    position:relative;
    padding:5px 9px;
    z-index:1
}


.notification-wrapper{
    max-width:1200px;
    max-height: 100vh;
    overflow: auto;
    margin:0 auto;
    padding-top:50px;
    padding-bottom:70px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.notification-wrapper>h2{
    font-size:32px;
    font-weight:400
}
@media (max-width: 599px){
    .notification-wrapper>h2{
        font-size:24px
    }
}

/* Hide the browser's default placeholder */
#date-input::-webkit-datetime-edit,
#date-input::-webkit-inner-spin-button,
#date-input::-webkit-clear-button {
    display: none;
}

#date-input::-webkit-datetime-edit-fields-wrapper {
    background: transparent;
    color: #000; /* Set your desired text color */
}

#date-input {
    font-size: 18px;
    border: none;
    background: transparent;
}

/* Add a custom placeholder */
#date-input::before {
    display: none;
}

#date-input:focus::before {
    display: none;
}

.identyfication-step, .confirmation-step {
    min-height: 90vh;
}