/* .gform_page{
    display: block !important;
} */

.flex-layout.claim{
    padding-top: max(2rem, calc(3 * var(--su)));
    padding-bottom: max(5rem, calc(7.5 * var(--su)));
}
.flex-layout.claim .pk-grid-container{
    align-items: start;
}

.flex-layout.claim .content-col{
    padding: max(1.5rem, calc(2.5 * var(--su)));
    border: 1px solid var(--cbw-deep-pine-10);
    border-radius: max(1rem, calc(2 * var(--su)));
}

.flex-layout.claim .content-col h1{
    font-size: var(--scaling-h2) !important;
    margin-bottom: max(1rem, calc(1.5 * var(--su)));
}

.flex-layout.claim .content-col > div:last-child{
    margin-top: max(1.5rem, calc(6.75 * var(--su)));
}

.flex-layout.claim .content-col .button_label{
    display: block;
    font-size: max(.75rem, calc(.875 * var(--su)));
    text-transform: uppercase;
    margin-bottom: max(1rem, calc(var(--su)));
    color: var(--cbw-deep-pine-100);
}

.flex-layout.claim .content-col .link-box {
    position: relative;
    display: flex;
    gap: max(.5rem, calc(.5 * var(--su)));
    align-items: center;
    font-size: max(.875rem, var(--su));
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    padding-bottom: max(1rem, var(--su));
    border-bottom: 1px solid var(--cbw-deep-pine-10);
}
.flex-layout.claim .content-col .link-box .icon{
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .25s ease-in-out;
    width: max(1.5rem, calc(1.75 * var(--su)));
    height: max(1.5rem, calc(1.75 * var(--su)));
    border-radius: 50%;
    background-color: var(--cbw-pumpkin-100);
    padding: max(.25rem, calc(.375 * var(--su)));
    margin-left: auto;
}
.flex-layout.claim .content-col .link-box .icon .material-symbols-outlined{
    font-size: max(1rem, var(--su));
    color: var(--cbw-white-100);
    line-height: 1;
}

.flex-layout.claim .content-col .link-box:hover .icon,
.flex-layout.claim .content-col .link-box:focus .icon{
    background-color: var(--cbw-deep-pine-100);
}



.flex-layout.claim .content-col .link-box:hover::after, .flex-layout.claim .content-col .link-box:active::after {
    background-color: var(--cbw-deep-pine-100);
    transform: translate(.2rem, calc( -1 * max(1rem, var(--su))));
}

.flex-layout.claim .content-col .link-box:not(:first-child) {
    padding-top: max(1rem, var(--su));
}

.flex-layout.claim .content-col .link-box .material-symbols-outlined{
    font-size: max(1.25rem, calc(1.25 * var(--su)));
    flex-shrink: 0;
}

.flex-layout.claim .form-col{
    padding-block: max(1.5rem, calc(2.5 * var(--su)));
    padding-inline: max(1.5rem, calc(3 * var(--su)));
    background-color: var(--cbw-white-100);
    border: 1px solid var(--cbw-deep-pine-10);
    border-radius: max(1rem, calc(2 * var(--su)));
    box-shadow: 
        max(.25rem, calc(.25 * var(--su)))
        max(.25rem, calc(.25 * var(--su)))
        max(1.25rem, calc(1.25 * var(--su)))
        0
        var(--cbw-black-5);
}

.flex-layout.claim .form-col h3:not(:only-child){
    margin-bottom: max(.5rem, calc(.75 * var(--su)));
}

.flex-layout.claim .form-col .small_label{
    display: block;
    color: var(--cbw-deep-pine-100);
    font-size: max(.75rem, calc(.75 * var(--su)));
    text-transform: uppercase;
    margin-bottom: max(.5rem, var(--su));
}

.flex-layout.claim .form-col .text-wrap:not(:last-child){
    margin-bottom: max(1rem, calc(1.5 * var(--su)));
}

.flex-layout.claim .form-col .dropdowns:not(:last-child){
    margin-bottom: max(.5rem, var(--su));
}
.flex-layout.claim .form-col .dropdown{
    display: block;
    cursor: pointer;
    width: 100%;
    transition: all .25s ease-in-out;
    background-color: var(--cbw-deep-pine-25);
    border: 1px solid var(--cbw-deep-pine-10);
    border-radius: max(.25rem, calc(.25 * var(--su)));
    outline: none;
    padding: 0;
    text-align: left;
}
.flex-layout.claim .form-col .dropdown:not(:last-child){
    margin-bottom: max(.5rem, var(--su));
}

.flex-layout.claim .form-col .dropdown .dropdown-header,
.flex-layout.claim .form-col .dropdown .dropdown-content-inner{
    padding-inline: max(1rem, calc(1.5 * var(--su))) max(1rem, var(--su));
    padding-block: max(1rem, var(--su));
}

.flex-layout.claim .form-col .dropdown .dropdown-header{
    transition: padding-bottom .25s ease-in-out;
    display: flex;
    align-items: center;
    gap: max(.25rem, calc(.5 * var(--su)));
}
.flex-layout.claim .form-col .dropdown .dropdown-header .material-symbols-outlined{
    font-size: max(1rem, calc(1.25 * var(--su)));
}
.flex-layout.claim .form-col .dropdown .dropdown-header .label{
    font-size: max(.875rem, var(--su));
    font-weight: 500;
    line-height: 1.5;
    color: var(--cbw-deep-pine-100);
}

.flex-layout.claim .form-col .dropdown .dropdown-content{
    transition: grid-template-rows .25s ease-in-out, translate .25s ease-in-out, opacity .25s ease-in-out;
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    translate: 0 min(-.5rem, calc(-.5 * var(--su)));
    opacity: 0;
}
.flex-layout.claim .form-col .dropdown .dropdown-content-inner{
    transition: padding .25s ease-in-out;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}
.flex-layout.claim .form-col .dropdown .dropdown-content-inner p{
    color: var(--cbw-deep-pine-100);
    font-size: max(.875rem, calc(.875 * var(--su)));
    line-height: 1.5;
}


.flex-layout.claim .form-col .dropdown.open{
    background-color: var(--cbw-emerald-5);
}
.flex-layout.claim .form-col .dropdown.open .dropdown-header{
    padding-bottom: max(.5rem, calc(.5 * var(--su)));
}
.flex-layout.claim .form-col .dropdown.open .dropdown-content{
    grid-template-rows: 1fr;
    translate: 0 0;
    opacity: 1;
}
.flex-layout.claim .form-col .dropdown.open .dropdown-content-inner{
    padding-bottom: max(1rem, var(--su));
}

.flex-layout.claim .form-col .open-close-icons{
    background-color: var(--cbw-black);
    display: grid;
    grid-template-areas: "stack";
    width: max(1.5rem, calc(1.5 * var(--su)));
    height: max(1.5rem, calc(1.5 * var(--su)));
    border-radius: 50%;
    transition: rotate .25s ease-out;
    margin-left: auto;
    flex-shrink: 0;
}

.flex-layout.claim .form-col .dropdown.open .open-close-icons{
    rotate: 180deg;
}

.flex-layout.claim .form-col .open-close-icons .closed,
.flex-layout.claim .form-col .open-close-icons .opened{
    grid-area: stack;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .25s ease-out;
}

.flex-layout.claim .form-col .dropdown.open .closed{
    opacity: 0;
}

.flex-layout.claim .form-col .dropdown:not(.open) .opened{
    opacity: 0;
}

.flex-layout.claim .form-col .open-close-icons span{
    font-size: max(1.5rem, calc(1.5 * var(--su)));
    line-height: 1;
    color: var(--cbw-white-100);
}


.flex-layout.claim .form-col .info{
    display: flex;
    gap: max(.5rem, calc(.5 * var(--su)));
    padding: max(1rem, var(--su));
    border: 1px solid var(--cbw-deep-pine-10);
    border-radius: max(.5rem, calc(.5 * var(--su)));
}
.flex-layout.claim .form-col .info .material-symbols-outlined{
    font-size: max(1.25rem, calc(1.25 * var(--su)));
}
.flex-layout.claim .form-col .info .text-wrap{
    font-size: max(.875rem, calc(.875 * var(--su)));
}
.flex-layout.claim .form-col .info .text-wrap > :not(:last-child){
    margin-bottom: max(1.5rem, calc(1.5 * var(--su)));
}


.flex-layout.claim .form-col .form-progress{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: max(1.5rem, calc(1.5 * var(--su)));
}
.flex-layout.claim .form-col .form-progress .bar{
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    background-color: var(--cbw-deep-pine-10);
    height: 1px;
    width: 100%;
}
.flex-layout.claim .form-col .form-progress .bar::before{
    transition: width .25s ease-in-out;
    content: "";
    position: absolute;
    background-color: var(--cbw-emerald-40);
    width: var(--progress-width, 0%);
    height: 1px;
}

.flex-layout.claim .form-col .form-progress .count{
    position: relative;
    z-index: 1;
    transition: border-color .25s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: max(.875rem, calc(.875 * var(--su)));
    padding: max(.375rem, calc(.375 * var(--su)));
    width: max(2.25rem, calc(2.25 * var(--su)));
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid var(--cbw-deep-pine-10);
    background-color: var(--cbw-white-100);
    color: var(--cbw-deep-pine-40);
}
.flex-layout.claim .form-col .form-progress .count.active{
    color: #fff;
    background-color: var(--cbw-deep-pine-100);
    border-color: var(--cbw-deep-pine-100);
}
.flex-layout.claim .form-col .form-progress .count:has(~ .active){
    background-color: var(--cbw-emerald-10);
    border-color: var(--cbw-emerald-40);
}

.flex-layout.claim .form-col .form-progress.finished .count{
    background-color: var(--cbw-emerald-10);
    border-color: var(--cbw-emerald-40);
}
.flex-layout.claim .form-col .form-progress.finished .bar::before{
    width: 100%;
}

.flex-layout.claim .form-col .gform_page.claim-einde-flow > .gform_page_footer{
    display: none;
}

.flex-layout.claim .form-col .gform_wrapper .claim-einde-flow button.back{
    background-color: var(--cbw-emerald-100);
    color: var(--cbw-deep-pine-100);
}
.flex-layout.claim .form-col .gform_wrapper .claim-einde-flow button.back:hover,
.flex-layout.claim .form-col .gform_wrapper .claim-einde-flow button.back:focus{
    background-color: var(--cbw-emerald-100-hover);
}

.flex-layout.claim .form-col .gform_wrapper .claim-einde-flow button.back .icon{
    background-color: var(--cbw-deep-pine-100);
    color: var(--cbw-white-100);
}

.flex-layout.claim .form-col .gform_wrapper .claim-einde-flow button.abort{
    color: var(--cbw-white-100);
    background-color: var(--cbw-deep-pine-100);
}
.flex-layout.claim .form-col .gform_wrapper .claim-einde-flow button.abort:hover,
.flex-layout.claim .form-col .gform_wrapper .claim-einde-flow button.abort:focus{
    background-color: var(--cbw-deep-pine-90);
}
.flex-layout.claim .form-col .gform_wrapper .claim-einde-flow button.abort .icon{
    background-color: var(--cbw-emerald-100);
    color: var(--cbw-deep-pine-100);
}
.flex-layout.claim .form-col .gform_wrapper .claim-einde-flow button.abort .icon span{
    transform: rotate(0) !important;
}

.flex-layout.claim .form-col .gform_wrapper form .gform_page.gegevens .gform_fields{
    grid-row-gap: max(.75rem, calc(.75 * var(--su)));
}

.flex-layout.claim .form-col .gform_wrapper form .gfield.gfield--type-fileupload input[type="file"],
.flex-layout.claim .form-col .gform_wrapper form .gfield.gfield--type-fileupload .gform_fileupload_rules{
    display: none;
}

.flex-layout.claim .form-col .gform_wrapper form .gfield.gfield--type-fileupload .upload-box{
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: max(.625rem, calc(.625 * var(--su)));
    font-size: max(.875rem, calc(.875 * var(--su)));
    font-weight: 400;
    line-height: 1.5;
    padding-block: max(.75rem, calc(.75 * var(--su)));
    padding-inline: max(1rem, var(--su));
    border-radius: max(.25rem, calc(.25 * var(--su)));
    border: 1px dashed var(--cbw-deep-pine-20);
    color: var(--cbw-deep-pine-100);
    min-height: max(3rem, calc(3.5 * var(--su)));
}
.flex-layout.claim .form-col .gform_wrapper form .gfield.gfield--type-fileupload .upload-box span span{
    text-decoration: underline;
}
.flex-layout.claim .form-col .gform_wrapper form .gfield.gfield--type-fileupload .upload-box .icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: max(1.25rem, calc(1.25 * var(--su)));
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--cbw-pumpkin-100);
    padding: max(.125rem, calc(.125 * var(--su)));
}
.flex-layout.claim .form-col .gform_wrapper form .gfield.gfield--type-fileupload .upload-box .icon span{
    font-size: max(1rem, var(--su));
}

.flex-layout.claim .form-col .gform_wrapper form .gfield.gfield--type-fileupload .uploaded-file{
    display: flex;
    align-items: center;
    gap: max(.25rem, calc(.25 * var(--su)));
    font-size: max(.875rem, calc(.875 * var(--su)));
    margin-top: max(.5rem, calc(.5 * var(--su)));
}
.flex-layout.claim .form-col .gform_wrapper form .gfield.gfield--type-fileupload .uploaded-file .material-symbols-outlined{
    font-size: max(.75rem, calc(.75 * var(--su)));
}
.flex-layout.claim .form-col .gform_wrapper form .gfield.gfield--type-fileupload .uploaded-file button{
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0;
}

.flex-layout.claim .form-col .gform_wrapper form span.required_fields{
    display: block;
    font-size: max(.875rem, calc(.875 * var(--su)));
    margin-bottom: max(.75rem, var(--su));
}

.flex-layout.claim .form-col .claim_bevestiging .claim_page_heading:not(:last-child),
.flex-layout.claim .form-col .claim_bevestiging .claim_page_heading + .info:not(:last-child){
    margin-bottom: max(1rem, calc(1.5 * var(--su)));
}

@media screen and (min-width: 768px){
    .flex-layout.claim .form-col .gform_wrapper .gform_page.gegevens .gfield.gfield--type-html:has(.claim-page-heading){
        margin-bottom: max(.75rem, calc(.75 * var(--su)));
    }
    .flex-layout.claim .form-col .gform_wrapper .gform_page.gegevens .gfield.company{
        margin-bottom: max(.25rem, calc(.25 * var(--su)));
    }

    .flex-layout.claim .form-col .gform_wrapper form .gfield.gfield--type-fileupload .upload-box .icon{
        display: none;
    }
}

@media screen and (max-width: 767px){
    .flex-layout.claim .form-col .gform_wrapper form .gfield.gfield--type-fileupload .upload-box{
        padding-inline: max(1rem, var(--su)) max(.75rem, calc(.75 * var(--su)));
    }


    .flex-layout.claim .form-col .gform_wrapper form .gfield.gfield--type-fileupload .upload-box{
        border: 1px solid var(--cbw-deep-pine-10);
        background-color: var(--cbw-deep-pine-25);
        padding-right: max(.75rem, calc(.75 * var(--su)));
        font-weight: 500;
    }

    .flex-layout.claim .form-col .gform_wrapper form .gfield.gfield--type-fileupload .upload-box .material-symbols-outlined{
        color: var(--cbw-white-100);
    }

    .flex-layout.claim .form-col .dropdown .dropdown-header .material-symbols-outlined{
        margin-top: .25em;
        align-self: flex-start;
    }
}