@import url('variables.css');

body {
    background-color: #f9f9f9 !important;
}

/* Podstawowe style formularza */
.form-content {
    margin-top: 40px;
}

.form-content .content {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 12px #f2f2f3;
}

.form-content .content .content-header {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    border-bottom: 1px solid #f5f7fa;
    border-radius: 5px;
    font-size: 18px;
}

.form-content .content .content-header.additional-risks {
    border-top: 1px solid #f5f7fa;
}

.form-content .content .content-container {
    padding: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.form-content .content .content-container p{
    color: #3a3a3a;
    opacity: .59;
    text-align: justify;
}

.form-content .content .content-container p:last-child {
    margin-bottom: 0;
}

.form-content .content .content-container ul{
    color: #3a3a3a;
    /* opacity: .59; */
    text-align: justify;
}

.form-content .content .content-header .content-header-heading {
    color: var(--button-backround);
    font-weight: bold;
}

.content-header-heading small {
    font-size: 10px;
}

.content-footer {
    height: 68px;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 12px #f2f2f3;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
}

.form-content .content-header .content-container .row.no-gutters {
    max-width: 100%;
    margin: 0;
    justify-content: center;
}

/* Paginacja */
.content-footer .btn-next {
    position: relative;
    background: var(--button-backround);
    color: #fff;
    font-weight: 700;
    padding: 12px 19px 12px 19px;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    border: none;
}

.content-footer .btn-next:disabled,
.content-footer .btn-next[disabled]{
  opacity: 0.8;
}

.content-footer .btn-next.arrow-right {
    padding: 12px 46px 12px 19px;
}

.content-footer .btn-next.arrow-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px; /* dodałem 10 pikseli marginesu z prawej strony */
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='none'%3E%3Cdefs%3E%3Cstyle%3E.fa-secondary%7Bopacity:.4; fill:%23FFF%7D%3C/style%3E%3C/defs%3E%3Cpath d='M24 215h286.4l41.6 41-41.59 41H24c-13.3 0-24-11-24-24.63v-32.82A24.22 24.22 0 0 1 24 215z' class='fa-secondary' fill='%23FFF'/%3E%3Cpath d='M246.31 38.52c.24.23.48.47.71.71L441 238.56a25 25 0 0 1 0 34.78L247 472.77a23.38 23.38 0 0 1-33.11.7c-.24-.22-.47-.46-.7-.7L191.06 450a25.13 25.13 0 0 1 .4-35.18L352.19 256 191.46 97.2a24.94 24.94 0 0 1-.4-35.18l22.15-22.78a23.38 23.38 0 0 1 33.1-.72z' class='fa-primary' fill='%23FFF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 100% center;
    transition: transform 0.2s ease-in-out;
}

.content-footer .btn-next.arrow-right:hover::after {
    transform: translate(3px, -50%);
}

.content-footer .btn-next:hover {
    opacity: 0.8;
}

.content-footer .btn-previous {
    position: relative;
    cursor: pointer;
    outline: none;
    border: none;
    background: none;
    color: #3d3d3d;
    text-decoration: none;
    padding-left: 24px;
}

.content-footer .btn-previous span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.content-footer .btn-previous::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 512'%3E%3Cdefs%3E%3Cstyle%3E.fa-secondary%7Bopacity:.4; fill: %23fecd08;%7D.fa-primary%7Bfill: %23fecd08;%7D%3C/style%3E%3C/defs%3E%3Cpath d='M207.84 352.48a24 24 0 0 1 0 33.86L185.33 409l-.18.18a23.77 23.77 0 0 1-33.61-.18l-96.15-96.47L111.86 256z' class='fa-secondary'/%3E%3Cpath d='M151.81 102.87l-.17.18L16.11 239a24 24 0 0 0-.11 34l39.39 39.51L208 159.67a23.94 23.94 0 0 0 0-33.85l-22.54-22.74a23.78 23.78 0 0 0-33.65-.21z' class='fa-primary'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0% center;
    transition: transform 0.2s ease-in-out;
}

.content-footer .btn-previous:hover {
    opacity: 0.8;
    color: var(--button-backround);
}

/* Siatka bootstrap */
.form-content .content-header .content-container .select__item.col-6 {
    padding: 0;
    padding-bottom: 10px !important;
}

.form-content .content-header {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 12px #f2f2f3;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

@media (max-width: 576px) { /* col- */

    .form-content .content-header .content-container .select__item .select__label .d-flex {
        flex-direction: row !important;
        margin-left: 26px !important;
    }

    .form-content .content-header .content-container .select__item .select__label img {
        height: 50px !important;
    }

    .form-content .content-header .content-container .select__item input[type=radio]+label:before {
        top: 17px !important;
    }

    .form-content .content-header .content-container .select__item input[type=radio]:checked+label:after {
        top: 21px !important;
    }

    .form-content .content-header .content-container .select__item.col-6:nth-child(1) {
        padding-left: 0;
        padding-right: 5px;
    }

    .form-content .content-header .content-container .select__item.col-6:nth-child(2) {
        padding-left: 5px;
        padding-right: 0;
    }

    .form-content .content-header .content-container .select__item.col-6:nth-child(3) {
        padding-left: 0;
        padding-right: 5px;
    }

    .form-content .content-header .content-container .select__item.col-6:nth-child(4) {
        padding-left: 5px;
        padding-right: 0;
    }

    .form-content .content-header .content-container .select__item .select__label .d-flex div {
        margin-bottom: 0 !important;
    }

    .form-content .content-header .content-container .select__item .select__label p {
        font-size: 14px;
    }

}

@media (min-width: 576px) { /* col-sm */

    .form-content .content-header .content-container .select__item.col-sm-3:nth-child(1) {
        padding-left: 0;
        padding-right: 10px;
    }

    .form-content .content-header .content-container .select__item.col-sm-3:nth-child(2) {
        padding-left: 10px;
        padding-right: 10px;
    }

    .form-content .content-header .content-container .select__item.col-sm-3:nth-child(3) {
        padding-left: 10px;
        padding-right: 10px;
    }

    .form-content .content-header .content-container .select__item.col-sm-3:nth-child(4) {
        padding-left: 10px;
        padding-right: 0;
    }

}

@media (min-width: 768px) { /* col-md */

    .form-content .content-header .content-container .select__item.col-md-2:nth-child(1) {
        padding-left: 0;
        padding-right: 10px;
    }

    .form-content .content-header .content-container .select__item.col-md-2:nth-child(2) {
        padding-left: 10px;
        padding-right: 10px;
    }

    .form-content .content-header .content-container .select__item.col-md-2:nth-child(3) {
        padding-left: 10px;
        padding-right: 10px;
    }

    .form-content .content-header .content-container .select__item.col-md-2:nth-child(4) {
        padding-left: 10px;
        padding-right: 0;
    }

}


/* Ikony */
.form-content .content-header .content-header .content-header-icon:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-repeat: no-repeat;
    margin-right: 8px;
}

.icon--building:before {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-3%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bstroke:%23fecd08;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Crect class='cls-1' width='16' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-2'%3E%3Cpolygon class='cls-3' points='0.81 3.01 0.81 13.36 3.83 13.36 3.83 9.53 6.77 9.53 6.77 13.36 15.19 13.36 15.19 3.01 9.63 3.01 9.6 3.01 0.81 3.01'/%3E%3Cline class='cls-3' x1='12.36' y1='9.53' x2='12.36' y2='10.42'/%3E%3Cline class='cls-3' x1='9.61' y1='9.53' x2='9.61' y2='10.42'/%3E%3Cline class='cls-3' x1='12.36' y1='5.81' x2='12.36' y2='6.7'/%3E%3Cline class='cls-3' x1='9.57' y1='5.82' x2='9.57' y2='6.71'/%3E%3Cline class='cls-3' x1='6.77' y1='5.82' x2='6.77' y2='6.71'/%3E%3Cline class='cls-3' x1='3.97' y1='5.83' x2='3.97' y2='6.72'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 24px 24px;
}

.icon--user:before {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-3%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bstroke:%23fecd08;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Crect class='cls-1' width='16' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M4.72,8.78l-1.1.36a2.57,2.57,0,0,0-2,2.49V14.1H14.34V11.63a2.57,2.57,0,0,0-2-2.49l-1-.38'/%3E%3Cpath class='cls-3' d='M5.46,3.94a2.54,2.54,0,1,1,5.08,0'/%3E%3Cpath class='cls-3' d='M10.54,3.94C10.54,6.07,9.4,7.79,8,7.79S5.46,6.07,5.46,3.94'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 24px 24px;
}

.icon--kindergarten_or_nursery:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-3%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bstroke:%23fecd08;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1px;%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Crect class='cls-1' width='40' height='40'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M12.62,13.5a2.19,2.19,0,0,1-2,1.3l-1.05,0a5.87,5.87,0,0,0-2.3.89l-.63.48L6.1,15.6l-.6-.75a1.71,1.71,0,0,1,0-2.19L8.87,8.73V5.42h.25A1.89,1.89,0,0,1,11,7.31V8h.39a5.48,5.48,0,0,1,5.48,5.48v3.09a4.35,4.35,0,0,0,4.35,4.35h0a4.35,4.35,0,0,0,4.35-4.35H19.22'/%3E%3Cpath class='cls-3' d='M10.57,14.8a12.9,12.9,0,0,0,0,5.13c.6,2.45-1.26,7.87-1.26,7.87'/%3E%3Cpath class='cls-3' d='M13.81,23.36s4.86,4.4,11.61.37'/%3E%3Cpath class='cls-3' d='M24.65,30.91a18.47,18.47,0,0,1-4.81.62,16.69,16.69,0,0,1-8.48-2.14'/%3E%3Cpath class='cls-3' d='M9.31,27.8A6.5,6.5,0,0,1,7.64,25H4c1.06,5.09,7.69,9.53,15.71,9.53s14.66-4.44,15.72-9.53L32,25.17c-.64,2-2.51,3.8-5.09,4.95'/%3E%3Cpath class='cls-3' d='M26.88,30.14s.34-2.21-.73-3.2a13.61,13.61,0,0,1-2.08-2.39'/%3E%3Cpath class='cls-3' d='M29.47,25.72a10.75,10.75,0,0,1,0-3.09c.46-3.11,0-4.77-1.69-5.53a4.05,4.05,0,0,1,5.26-2c3.59,1.33,2.81,7,2.81,7L32.22,22a5.79,5.79,0,0,0-.29-4.12'/%3E%3Cline class='cls-3' x1='14.83' y1='26.13' x2='13' y2='29.98'/%3E%3Cline class='cls-3' x1='9.81' y1='11.28' x2='9.81' y2='11.28'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 24px 24px;
}

.icon--primary_school:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-3%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bstroke:%23fecd08;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1px;%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Crect class='cls-1' width='40' height='40'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M17.41,10.63A8.87,8.87,0,0,1,20,10.25h0a17,17,0,0,1,2.22.28c1.51-3.76,3-5.64,4.48-5.84A4.1,4.1,0,0,1,30.17,6'/%3E%3Cpath class='cls-3' d='M11,26.56V19.22A9,9,0,0,1,14.68,12'/%3E%3Cpath class='cls-3' d='M29,30.25v-11a9,9,0,0,0-4-7.48'/%3E%3Cpath class='cls-3' d='M11,30v4.49a1.72,1.72,0,0,0,1.72,1.72h14.5A1.72,1.72,0,0,0,29,34.45V32.66'/%3E%3Cpath class='cls-3' d='M26.19,12.43A25.43,25.43,0,0,1,28.84,7.2'/%3E%3Cpath class='cls-3' d='M30.31,6.11c1.08,1.37,1.39,6.08.45,11.38'/%3E%3Cpath class='cls-3' d='M22.22,10.53c1.51-3.76,3-5.64,4.48-5.84A4.1,4.1,0,0,1,30.17,6'/%3E%3Cpath class='cls-3' d='M30.31,6.11c1.08,1.37,1.39,6.08.45,11.38'/%3E%3Cpath class='cls-3' d='M13.68,12.43A24.94,24.94,0,0,0,11,7.2'/%3E%3Cpath class='cls-3' d='M9.6,6.11c-1.08,1.37-1.39,6.08-.46,11.38'/%3E%3Cpath class='cls-3' d='M16.77,8.46c-1.19-2.39-2.35-3.61-3.57-3.77A4.08,4.08,0,0,0,9.74,6'/%3E%3Cpath class='cls-3' d='M22.71,14.62A5.93,5.93,0,0,0,20.15,14h-.23a5.86,5.86,0,0,0-5.87,5.87v5.22'/%3E%3Cpath class='cls-3' d='M17,25.13h9V19.91a5.9,5.9,0,0,0-1.32-3.72'/%3E%3Cpath class='cls-3' d='M14.05,27.79v4.55a1.33,1.33,0,0,0,1.33,1.34h9.3A1.34,1.34,0,0,0,26,32.34V27.79'/%3E%3Cpath class='cls-3' d='M29,24.89h.4A2.67,2.67,0,0,1,32,27.56v4.66a1.45,1.45,0,0,1-1.45,1.46H29'/%3E%3Cpath class='cls-3' d='M11,24.89h-.4A2.67,2.67,0,0,0,8,27.56v4.66a1.45,1.45,0,0,0,1.45,1.46H11'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 24px 24px;
}

.icon--high_school_or_technical_school:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-3%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bstroke:%23fecd08;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1px;%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Crect class='cls-1' width='40' height='40'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M23.58,36.06H8.13a1.47,1.47,0,0,1-1.47-1.47V5.41A1.47,1.47,0,0,1,8.13,3.94H31.87a1.47,1.47,0,0,1,1.47,1.47V34.59a1.47,1.47,0,0,1-1.47,1.47H26.21'/%3E%3Cpolyline class='cls-3' points='23.38 13.19 9.79 13.19 9.79 6.78 30.38 6.78 30.38 13.19 25.74 13.19'/%3E%3Cpolyline class='cls-3' points='20.47 20 17.72 20 17.72 16.18 22.54 16.18 22.54 17.75'/%3E%3Cpolyline class='cls-3' points='27.2 20 25.45 20 25.45 16.18 30.38 16.18 30.38 17.75'/%3E%3Cpolyline class='cls-3' points='11.66 20 9.91 20 9.91 16.18 14.73 16.18 14.73 17.75'/%3E%3Cpolyline class='cls-3' points='20.47 26.22 17.72 26.22 17.72 22.4 22.54 22.4 22.54 23.97'/%3E%3Cpolyline class='cls-3' points='27.2 32.45 25.45 32.45 25.45 22.4 30.38 22.4 30.38 26.22'/%3E%3Cpolyline class='cls-3' points='11.66 26.22 9.91 26.22 9.91 22.4 14.73 22.4 14.73 23.97'/%3E%3Cpolyline class='cls-3' points='20.47 32.45 17.72 32.45 17.72 28.62 22.54 28.62 22.54 30.2'/%3E%3Cpolyline class='cls-3' points='11.66 32.45 9.91 32.45 9.91 28.62 14.73 28.62 14.73 30.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 24px 24px;
}

.icon--college:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-3%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bstroke:%23fecd08;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1px;%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Crect class='cls-1' width='40' height='40'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M30.2,14.54a14.56,14.56,0,0,1,3.52,3.92c-7.89.55-14,4.62-14,9.57a6.27,6.27,0,0,0-.65-2.74,8.1,8.1,0,0,0-1.17-1.75C15.49,20.79,11,18.83,5.69,18.46a15,15,0,0,1,6.12-5.55l.29-.14'/%3E%3Cpolyline class='cls-3' points='28.86 12.26 19.54 14.83 1.18 9.75 19.54 4.67 37.99 9.51'/%3E%3Cpath class='cls-3' d='M19.29,8.85,35,10.7a.94.94,0,0,1,.83.94v11'/%3E%3Cpath class='cls-3' d='M37.88,34.4l-1-8.11a1.8,1.8,0,1,0-2.23,0l-1,8.39'/%3E%3Cline class='cls-3' x1='35.79' y1='31.23' x2='35.79' y2='34.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 24px 24px;
}

.icon--terms:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cdefs fill='%23fecd08'%3E%3Cstyle%3E.fa-secondary%7Bopacity:.4%7D%3C/style%3E%3C/defs%3E%3Cpath d='M544 96v288H304a16 16 0 0 0-16 16v32a80 80 0 0 1-160 0V65A65 65 0 0 0 63 0h385a96.1 96.1 0 0 1 96 96z' class='fa-secondary' fill='%23fecd08'/%3E%3Cpath d='M64 0A64 64 0 0 0 0 64v48a16 16 0 0 0 16 16h112V65A65 65 0 0 0 64 0zm128 512h16c-2.59 0-5.14-.13-7.66-.37-2.75.24-5.53.37-8.34.37zm432-128H304a16 16 0 0 0-16 16v32a80 80 0 0 1-80 80h320a112 112 0 0 0 112-112.06A16 16 0 0 0 624 384z' class='fa-primary' fill='%23fecd08'/%3E%3C/svg%3E");
    background-size: 24px 24px;
}

.icon--receipt:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='none'%3E%3Cpath d='M358.4 3.23L320 48 265.6 3.23a15.9 15.9 0 0 0-19.2 0L192 48 137.6 3.23a15.9 15.9 0 0 0-19.2 0L64 48 25.6 3.23A16 16 0 0 0 0 16v480a16 16 0 0 0 25.6 12.8L64 464l54.4 44.8a15.9 15.9 0 0 0 19.2 0L192 464l54.4 44.8a15.9 15.9 0 0 0 19.2 0L320 464l38.4 44.8A16 16 0 0 0 384 496V16a16 16 0 0 0-25.6-12.77zM320 360a8 8 0 0 1-8 8H72a8 8 0 0 1-8-8v-16a8 8 0 0 1 8-8h240a8 8 0 0 1 8 8zm0-96a8 8 0 0 1-8 8H72a8 8 0 0 1-8-8v-16a8 8 0 0 1 8-8h240a8 8 0 0 1 8 8zm0-96a8 8 0 0 1-8 8H72a8 8 0 0 1-8-8v-16a8 8 0 0 1 8-8h240a8 8 0 0 1 8 8z' fill='%23fecd08' opacity='0.4'/%3E%3Cpath d='M312 144H72a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h240a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8zm0 96H72a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h240a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8zm0 96H72a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h240a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8z' fill='%23fecd08'/%3E%3C/svg%3E");
    background-size: 24px 24px;
}

.icon--documents:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='none'%3E%3Cpath d='M384 128H272a16 16 0 0 1-16-16V0H24A23.94 23.94 0 0 0 0 23.88V488a23.94 23.94 0 0 0 23.88 24H360a23.94 23.94 0 0 0 24-23.88V128zM64 72a8 8 0 0 1 8-8h80a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8H72a8 8 0 0 1-8-8zm0 64a8 8 0 0 1 8-8h80a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8H72a8 8 0 0 1-8-8zm240 280h-47.19a43 43 0 0 1-38.64-23.86 11.08 11.08 0 0 0-10.17-6.52 10.91 10.91 0 0 0-10 6.19l-7.67 15.34A16 16 0 0 1 176 416a8.77 8.77 0 0 1-1.14-.05 16 16 0 0 1-14-10.89L144 354.59l-10.61 31.88a43.17 43.17 0 0 1-41 29.53H80a16 16 0 0 1 0-32h12.39a11.21 11.21 0 0 0 10.61-7.66l18.19-54.64a24 24 0 0 1 45.55 0l13.88 41.64c19.8-16.19 54.08-9.7 66 14.16a11.39 11.39 0 0 0 10.16 6.5H304a16 16 0 0 1 0 32z' opacity='0.4' fill='%23fecd08'/%3E%3Cpath d='M377 105L279.1 7a24 24 0 0 0-17-7H256v112a16 16 0 0 0 16 16h112v-6.1a23.9 23.9 0 0 0-7-16.9zm-73 279h-47.19a11.39 11.39 0 0 1-10.16-6.5c-12-23.86-46.23-30.35-66-14.16l-13.91-41.64a24 24 0 0 0-45.55 0L103 376.34A11.21 11.21 0 0 1 92.39 384H80a16 16 0 0 0 0 32h12.39a43.17 43.17 0 0 0 41-29.53L144 354.59l16.86 50.47a16 16 0 0 0 14 10.89 8.77 8.77 0 0 0 1.14.05 16 16 0 0 0 14.33-8.85l7.67-15.34a10.91 10.91 0 0 1 10-6.19 11.08 11.08 0 0 1 10.17 6.52A43 43 0 0 0 256.81 416H304a16 16 0 0 0 0-32z' fill='%23fecd08'/%3E%3C/svg%3E");
    background-size: 24px 24px;
}

/* Kontrolki formularza */
.form-content .content-header .content-container .select__item {
    padding: 0;
}

.form-content .content-header .content-container .select__item input[type=radio],
.form-content .content-header .content-container .select__item input[type=checkbox] {
    display: none;
    position: relative;
    margin-left: 0;
}

.form-content .content-header .content-container .select__item input[type=radio]+label,
.form-content .content-header .content-container .select__item input[type=checkbox]+label {
    display: block;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid var(--button-backround);
    border-radius: 4px;
    font-weight: 600;
}

.form-content .content-header .content-container .select__item input[type=radio]+label:before,
.form-content .content-header .content-container .select__item input[type=checkbox]+label:before {
    width: 16px;
    height: 16px;
    border: 1px solid #a6bfd3;
    border-radius: 50%;
}

.form-content .content-header .content-container .select__item input[type=checkbox]+label:before {
    border-radius: 5px;
}

.form-content .content-header .content-container .select__item input[type=radio]+label:before,
.form-content .content-header .content-container .select__item input[type=checkbox]+label:before,
.form-content .content-header .content-container .select__item input[type=radio]+label:after,
.form-content .content-header .content-container .select__item input[type=checkbox]+label:after {
    content: "";
    position: absolute;
    display: block;
    left: 12px;
    top: 12px;
    background: #ffffff;
}

.form-content .content-header .content-container .select__item input[type=radio]+label:before,
.form-content .content-header .content-container .select__item input[type=checkbox]+label:before,
.form-content .content-header .content-container .select__item input[type=radio]+label:after,
.form-content .content-header .content-container .select__item input[type=checkbox]+label:after {
    content: "";
    position: absolute;
    display: block;
    left: 12px;
    top: 12px;
    background: #ffffff;
}

.form-content .content-header .content-container .select__item input[type=radio]:checked+label:before,
.form-content .content-header .content-container .select__item input[type=checkbox]:checked+label:before {
    border-color: var(--button-backround);
    border-width: 2px;
}

.form-content .content-header .content-container .select__item input[type=radio]:checked+label,
.form-content .content-header .content-container .select__item input[type=checkbox]:checked+label {
    background-color: #f0f6eb;
}

.form-content .content-header .content-container .select__item input[type=radio]:checked+label:after,
.form-content .content-header .content-container .select__item input[type=checkbox]:checked+label:after {
    top: 16px;
    left: 16px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--button-backround);
}

.form-content .content-header .content-container .select__item input[type=checkbox]:checked+label:after {
    top: 16px;
    left: 16px;
    width: 8px;
    height: 8px;
    border-radius: 2px !important;
    background: var(--button-backround);
}

.form-content .content-header .content-container .select__item .select__label .d-flex {
    flex-direction: column;
}

.form-content .content-header .content-container .select__item .select__label img {
    padding: 12px;
    height: 75px;
    width: auto;
}

.form-content .content-header .content-container .select__item .select__label .d-flex div {
    margin-bottom: 12px;
}

.form-content .content-header .content-container .select__item .select__label .d-flex div span {
    color: #3d3d3d;
}

.form-content .content-header .content-container .select__item .select__label.select__label--error {
    color: #b02a37;
    background-color: #f8d7da;
    border-color: #f1aeb5;
}

.form-content .content-header .content-container .select__item .select__label .age {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #3a3a3a;
    opacity: .59;
    font-size: 12px;
}

/* Alert */
.form-content .content-header .content-container .alert {
    padding: 10px !important;
}

.form-content .content-header .content-container .alert span.svg-icon {
    margin-right: 12px !important;
}

.form-content .content-header .content-container .alert h4 {
    font-size: 16px;
    padding: 0 !important;
    margin: 0 !important;
}

/* Tabele */
.form-content .content .content-container table {
    border-collapse: separate;
    border-spacing: 20px 0;
}

.form-content .content .content-container table tbody, 
.form-content .content .content-container table td, 
.form-content .content .content-container table tfoot, 
.form-content .content .content-container table th, 
.form-content .content .content-container table thead, 
.form-content .content .content-container table tr {
    border-color: #dee2e6;
}

/*.form-content .content .content-container table tbody tr:nth-child(odd) {*/
/*    background-color: #f5f5f5;*/
/*}*/

.form-content .content .content-container table thead tr:first-child {
    height: 30px;
    background-color: #fff;
    top: 96px;
}

.form-content .content .content-container table thead tr:last-child {
    top: 126px;
}

.form-content .content .content-container table thead tr:first-child th {
    border: none;
}

.form-content .content .content-container table thead tr:not(:first-child) th {
    border-color: #dee2e6;
    border-width: 1px;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-width: 1px;
}

.form-content .content .content-container table tfoot tr td:not(:first-child) {
    border-color: #dee2e6;
    border-width: 1px;
    background-color: #f5f5f5;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.form-content .content .content-container table tr th:first-child,
.form-content .content .content-container table tr td:first-child {
    border: none;
}

.form-content .content .content-container table {
    vertical-align: middle;
}

.form-content .content .content-container table tr td:not(:first-child) {
    text-align: center;
}

.form-content .content .content-container table h1 {
    font-weight: bold;
    color: #505050;
    margin: 0;
}

.form-content .content .content-container table span:last-child {
    font-weight: normal;
    padding-top: 3px;
    display: block;
    font-size: 12px;
    padding: 0;
}

.form-content .content .content-container table span:first-child {
    font-weight: bolder;
    font-size: 16px;
    color: #505050;
}

.form-content .content .content-container table thead tr th.recommend h1,
.form-content .content .content-container table thead tr th.recommend span {
    color: var(--button-backround);
}

.form-content .content .content-container table thead tr th.recommend {
    position: relative;
}

.form-content .content .content-container table thead tr th.recommend img {
    position: absolute;
}

.form-content .content .content-container table thead tr th.recommend img.ribbon {
    width: 75px;
    height: 75px;
    overflow: hidden;
    position: absolute;
    left: -17px;
    top: -15px;
}

.form-content .content .content-container table thead tr th.recommend {
    border-color: var(--button-backround) !important;
}

.form-content .content .content-container table tbody tr td.recommend {
    border-left-color: var(--button-backround) !important;
    border-right-color: var(--button-backround) !important;
}

.form-content .content .content-container table tbody tr:last-child td.recommend {
    border-bottom-color: var(--button-backround) !important;
}

.form-content .content .content-container table thead tr:first-child th:not(:first-child) {
    width: 110px;
}

.form-content .content .content-container table tbody tr td svg {
    color: var(--button-backround);
    width: 24px;
}

.form-content .content .content-container table tbody tr td {
    color: #3d3d3d;
    font-size: 14px;
}

.form-content .content .content-container table tfoot tr td button {
    background: #fff;
    padding: 6px;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    border: none;
    color: var(--button-backround) !important;
    font-weight: bold !important;
    font-size: 12px !important;
    border-color: var(--button-backround) !important;
    border-style: solid;
    border-width: 1px;
}

.form-content .content .content-container table tfoot tr td button:hover {
    background: var(--button-backround) !important;
    color: var(--button-color) !important;
}

.form-content .content .content-container table tfoot tr td.recommend button {
    color: var(--button-color) !important;
    background: var(--button-backround);
    font-weight: bold !important;
    font-size: 12px !important;
}

.form-content .content .content-container table tfoot tr td.recommend button:hover {
    background: var(--button-color) !important;
    color: var(--button-backround) !important;
}

.form-content .content .content-container table tfoot form {
    padding: 0 !important;
}

.form-content .content .content-container table tfoot tr td.recommend {
    border-color: var(--button-backround);
}

.form-content .content .content-container table thead tr th .variant-name {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: .5rem;
    font-weight: normal;
}

.form-content .content .content-container table thead tr th .price-box h1 {
    font-size: 2rem;
    flex-flow: nowrap;
    display: flex;
    align-items: baseline;
    font-weight: normal;
    margin: 0 !important;
    padding: 0 !important;
}

.form-content .content .content-container table thead tr th .price-box h1:not(:last-child) {
    padding-bottom: 5px !important;
}

.form-content .content .content-container table thead tr th.recommend .price-box h1 {
    font-weight: bold;
}

.form-content .content .content-container table thead tr th .price-box h1:not(:last-child) {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: .5rem;
}

.form-content .content .content-container table thead tr th .price-box span {
    font-size: 0.75rem;
    padding-left: 3px;
    font-weight: normal;
}

.form-content .content .content-container table thead .variant-container {
    width: 150px;
    padding: .5rem;
    float: right;
    border-color: #dee2e6;
    border-width: 1px;
    border-style: solid;
    background-color: #f5f5f5;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.form-content .content .content-container table thead .variant-container .row {
    width: 100%;
    margin: 0;
}

.form-content .content .content-container table thead tr:nth-child(2) th:nth-child(2) {
    width: 135px;
}

.form-content .content .content-container table thead tr:nth-child(2) th:nth-child(2) .price-box h1 {
    display: flex;
    justify-content: space-between;
    padding-top: .4rem;
}

.form-content .content .content-container table thead tr:nth-child(2) th:nth-child(2) .price-box {
    max-width: 85px;
    margin: 0 auto;
}

.form-content .content .content-container table thead tr:nth-child(2) th:nth-child(2) .price-box img {
    height: 30px;
    width: auto;
}

.form-content .content .content-container table tbody tr td:first-child {
    border-color: #dee2e6;
    border-width: 1px;
    border-style: solid;
}

.form-content .content .content-container table tbody tr:not(:last-child) td:first-child {
    border-bottom: none;
}

.form-content .content .content-container table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

.form-content .content .content-container table tbody tr:first-child td:first-child {
    border-top-left-radius: 5px;
}

.form-content .content .content-container table thead tr:last-child th.type_of_facility {
    border-bottom: none;
}

.form-content .content .content-container table tbody tr td:not(:first-child) {
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}

.form-content .content .content-container table tbody tr:last-child td:not(:first-child) {
    border-bottom: none;
}

.form-content .content .content-container table thead tr th:nth-child(2) .price-box h1 {
    align-items: baseline;
}

.form-content .content .content-container table thead tr:not(:first-child) th:first-child {
    background: none;
}

th.sticky-top {
    top: 125px;
    position: -webkit-sticky !important;
    position: sticky !important;
}

th.sticky-top {
    min-width: 150px !important;
    width: 150px !important;
    max-width: 150px !important;
}

/* Style dla tabeli na urządzeniu mobilnym */
@media only screen and (min-width: 992px) {
    .form-content .content .content-container table thead tr th:nth-child(2) .price-box h1 span.age {
        bottom: 4px;
        position: relative;
    }
}

/* Style dla tabeli na urządzeniu mobilnym */
@media only screen and (max-width: 992px) {

    .form-content .content .content-container table tbody tr td svg {
        color: var(--button-backround);
        width: 18px !important;
    }

    /* .form-content .content .content-container table thead tr:first-child {
        display: none;
    } */

    .form-content .content .content-container table thead tr:first-child {
        height: 40px;
        background-color: #fff;
        top: 70px;
    }

    .form-content .content .content-container table thead tr:last-child {
        top: 105px;
    }

    .form-content .content .content-container {
        padding: 10px;
    }

    .form-content .content .content-container table {
        border-spacing: 0;
    }

    .form-content .content .content-container table tbody tr td {
        font-size: 12px !important;
    }

    .form-content .content .content-container table thead tr th .price-box h1 {
        font-size: 1rem;
        flex-flow: wrap;
    }

    .form-content .content .content-container table span:first-child {
        font-size: 10px;
    }

    .form-content .content .content-container table thead tr th.recommend img.ribbon {
        width: 45px;
        height: 45px;
        overflow: hidden;
        position: absolute;
        left: -11px;
        top: -9px;
    }

    .form-content .content .content-container table thead tr th.recommend {
        border-bottom-color: #dee2e6 !important;
    }

    .form-content .content .content-container table thead tr:nth-child(2) th .price-box h1 {
        padding-top: 0.4rem;
    }

    .form-content .content .content-container table thead tr:first-child th {
        width: 25% !important;
    }

    .form-content .content .content-container table thead tr:nth-child(2) th {
        width: 25% !important;
    }

    .form-content .content .content-container table thead tr:not(:first-child) th {
        border-color: #dee2e6;
        border-width: 1px;
        background-color: #fff !important;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-width: 1px;
    }

    .form-content .content .content-container table thead tr:not(:first-child) th:first-child {
        background: inherit;
    }

    .form-content .content .content-container table tr th:first-child {
        border: inherit;
    }

    .form-content .content .content-container table thead tr:not(:first-child) th {
        border-bottom: none;
    }

    .form-content .content .content-container table tbody tr:first-child td:first-child {
        border-top-left-radius: 0;
    }

    .form-content .content .content-container table tbody tr:nth-child(2n+1) td {
        border-top: 1px solid #dee2e6 !important;
    }

    .form-content .content .content-container table tbody tr:nth-child(1n+1) td {
        border-top: none;
        border-bottom: none;
    }

    .form-content .content .content-container table thead tr th .price-box span {
        font-size: 0.5rem;
    }

    .form-content .content .content-container table tfoot tr td {
        border-color: #dee2e6;
        border-width: 1px;
        background-color: #f5f5f5;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .form-content .content .content-container table tr td {
        text-align: center;
    }

    .form-content .content .content-container table tr td:first-child {
        border: inherit;
        border-bottom-right-radius: 5px;
        border-left: 1px solid #dee2e6;
    }

    .form-content .content .content-container table tbody tr:last-child td:first-child {
        border-radius: 0;
    }

}

.form-content .content .content-container .your-insurance {
    font-size: 14px;
}

.form-content .content .content-container .your-insurance .your-insurance-row {
    display: flex;
    justify-content: space-between;
}

.form-content .content .content-container .your-insurance .your-insurance-row div:first-child {
    color: #3a3a3a;
    opacity: .59;
    width: 160px;
}

.form-content .content .content-container .your-insurance .your-insurance-row div:last-child {
    font-weight: bold;
    color: var(--button-backround);
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.form-content .content .content-container .your-insurance .your-insurance-row:not(:first-child) {
    margin-top: 5px;
}

.form-content .content .content-footer-summary {
    padding: 10px 30px;
    border-top: 1px solid #f5f7fa;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 18px;
    background: var(--button-backround);
}

.form-content .content .content-footer-summary .your-insurance {
    font-size: 14px;
}

.form-content .content .content-footer-summary .your-insurance .your-insurance-row {
    display: flex;
    justify-content: space-between;
}

.form-content .content .content-footer-summary .your-insurance .your-insurance-row div:first-child {
    color: #fff;
    font-weight: bold;
    width: 160px;
}

.form-content .content .content-footer-summary .your-insurance .your-insurance-row div:last-child {
    font-weight: bold;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    font-size: 21px;
}

.content-sticky.sticky-top {
    top: 120px;
}

.form-floating>.form-control-plaintext~label, 
.form-floating>.form-control:focus~label, 
.form-floating>.form-control:not(:placeholder-shown)~label, 
.form-floating>.form-select~label {
    opacity: 1 !important;
    transform: scale(.75) translateY(-0.45rem) translateX(0.75rem) !important;
    background-color: #fff !important;
    width: auto !important;
    line-height: 1.2 !important;
    padding: 0.2rem !important;
    height: auto !important;
    z-index: 1 !important;
}

.form-floating>.form-control-plaintext:focus, 
.form-floating>.form-control-plaintext:not(:placeholder-shown), 
.form-floating>.form-control:focus, 
.form-floating>.form-control:not(:placeholder-shown),
.form-floating>.form-select {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
}

.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    height: calc(3rem + calc(var(--bs-border-width) * 2)) !important;
    line-height: 1.25;
}

.form-floating>label {
    top: -4px !important;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.select2-container--bootstrap-5.select2-container--focus .select2-selection, 
.select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: var(--button-backround) !important;
    box-shadow: 0 0 0 0.25rem rgba(254,205,8,.25) !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected {
    background-color: var(--button-backround) !important;
}

.form-check-input:checked {
    background-color: var(--button-backround) !important;
    border-color: var(--button-backround) !important;
}

.form-select:disabled {
    background-color: unset !important;
    font-size: 1rem;
}

.section-label {
    position: relative;
}

.section-label:before {
    content: "";
    display: block;
    height: 1px;
    width: calc(100% - calc(var(--bs-gutter-x) * .5) - 16px);
    background-color: var(--button-backround);
    position: absolute;
    top: 50%;
    z-index: 1;
}

.section-label__text {
    display: inline-block;
    padding: 4px 16px;
    background-color: #fff2c1;
    border: 1px solid var(--button-backround);
    border-radius: 4px;
    font-size: 13px;
    color: var(--button-backround);
    z-index: 10;
    position: relative;
}

.form-content .content .content-container .help-block {
    color: #3a3a3a;
    opacity: .59;
    font-size: 10px;
}

input,
select,
select option,
.select2-selection__rendered,
.select2-results__option { 
    /* text-transform: uppercase !important; */
}
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}



.box--reminder {
    justify-content: flex-start;
    background-color: #fff8c4;
    border: 1px solid #f2c779;
    font-size: 12px;
}

.box {
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-radius: 4px;
    line-height: 1.5;
    color: #212121;
    font-weight: 600;
    margin-top: 8px;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-3%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bstroke:%23f2c779;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Crect class='cls-1' width='16' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-2'%3E%3Cpolyline class='cls-3' points='8.31 10.71 8.31 6.71 7.47 6.71'/%3E%3Cline class='cls-3' x1='8.07' y1='4.38' x2='8.22' y2='4.38'/%3E%3Cline class='cls-3' x1='9.48' y1='10.84' x2='6.96' y2='10.84'/%3E%3Ccircle class='cls-3' cx='8' cy='8' r='6.74'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: left 16px top 16px;
}

.box p {
    margin-left: 24px;
}

label.required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: var(--bs-danger);
    padding-left: 0.25rem;
    font-weight: 600;
}

.form-group.middle {
    margin-left: 8px;
    margin-right: 9px;
}

.form-control.small,
.form-control.big,
.form-control.small::placeholder,
.form-control.big::placeholder {
    text-align: center;
    font-weight: bold;
    color: var(--button-backround) !important;
    padding: 12px 6px;
}

.form-control.small {
    width: 66px;
}

.form-control.big {
    width: 104px;
}





/* accordian */
.content-container .accordion-item {
    margin-bottom: 0;
    border-radius: 3px;
    position: relative;
    border: none;
}

.content-container .accordion-item:before {
    display: block;
    content: "";
    width: 3px;
    height: calc(100% - 20px);
    background: var(--button-backround);
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 2px;
    transform: translate(-50%, -50%);
}

.content-container .accordion-button {
    border-radius: 3px !important;
    color: #212529;
    opacity: .59;
}

.content-container .accordion-button:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.content-container .accordion-button:not(.collapsed) {
    color: var(--button-backround);
    background: unset;
    box-shadow: none;
}

.content-container .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fecd08'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.content-container .accordion-body {
    color: #3a3a3a;
    opacity: .59;
    font-size: 14px;
}

.accordion-button::after {
    display: none;
}

.form-content .content .content-container .accordion-header p {
    opacity: 1;
    margin-bottom: 0;
    font-size: 14px;
}

.form-content .content .content-container .accordion-button {
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-content .content .content-container .accordion-body h1 {
    font-size: 14px;
}

.select2-container--bootstrap-5 .select2-selection--single {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
    height: calc(3rem + calc(var(--bs-border-width) * 2)) !important;
    border-color: #dee2e6 !important;
    border-radius: 0.375rem !important;
}

.city_spinner,
.city_waiting_for_data,
.city_empty_data,
.city_error,
.orders_spinner,
.orders_waiting_for_data,
.orders_empty_data,
.orders_error,
.street_spinner,
.street_waiting_for_data,
.street_empty_data,
.street_error {
    display: block;
    position: absolute;
    font-size: 12px;
    top: 50%;
    left: 0.75rem;
    transform: translateY(-50%);
    opacity: .59;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    line-height: 1.7 !important;
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection {
    background-color: unset !important;
    cursor: auto !important;
}

.content-container h3 {
    font-size: 18px;
    font-weight: bold;
    color: var(--button-backround);
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 261 59'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fecd08;fill-opacity:0.1;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eArtboard 1%3c/title%3e%3cpath class='cls-1' d='M.5,9l260-9V50L.5,59Z'/%3e%3c/svg%3e");
    padding: 10px 15px;
    background-size: cover;
    width: fit-content;
}

.content-container .form-check.insured {
    padding-left: calc(1.5em + calc(var(--bs-gutter-x) * .5));
}

.form-content .content .content-footer-insured {
    padding: 16px 30px;
    border-top: 1px solid #f5f7fa;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 12px;
    background: #fff2c1;
}

.form-content .content .content-footer-insured a {
    position: relative;
    cursor: pointer;
    outline: none;
    border: none;
    background: none;
    color: #3d3d3d;
    text-decoration: none;
    padding: 8px 12px 8px 19px;
    border-radius: 5px;
    padding-left: 34px;
    background: var(--button-backround);
    color: #fff;
    font-weight: 700;
}

.form-content .content .content-footer-insured a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2%7Bfill:%23fff;%7D.cls-1%7Bopacity:0.4;isolation:isolate;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EArtboard 1%3C/title%3E%3Cpath class='cls-1' d='M176,448a32,32,0,0,0,32,32h32a32,32,0,0,0,32-32V304H176ZM240,32H208a32,32,0,0,0-32,32V208h96V64A32,32,0,0,0,240,32Z'/%3E%3Cpath class='cls-2' d='M448,240v32a32,32,0,0,1-32,32H32A32,32,0,0,1,0,272V240a32,32,0,0,1,32-32H416A32,32,0,0,1,448,240Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0% center;
    transition: transform 0.2s ease-in-out;
}

.form-content .content .content-footer-insured a:hover {
    opacity: 0.8;
    color: #3d3d3d;
}

.container-insured:not(:first-child) {
    border-top: 1px dashed var(--button-backround);
    margin-top: 15px;
    padding-top: 15px !important;
}

.modal-open #navigation-container {
    z-index: 999;
}

/* #kt_modal_login_form h1 {
    font-size: 1.675rem;
    text-align: center;
    font-weight: bold;
    color: #fecd08;
    max-width: 100%;
    margin-bottom: 0;
}

#kt_modal_login_form .text-muted {
    color: #A1A5B7 !important;
    font-size: 16px !important;
} */

.indicator-progress {
    display: none;
}

[data-kt-indicator=on] > .indicator-label {
    display: none !important;
}

[data-kt-indicator=on] > .indicator-progress {
    display: inline-block !important;
}

/* #kt_modal_login_form .btn.btn-light {
    color: #7E8299 !important;
} */

/* #kt_modal_login_form .btn {
    border: 0;
    padding: calc(0.475rem + 1px) calc(1rem + 1px);
    font-weight: 500;
}

#kt_modal_login_form .btn.btn-primary {
    color: #FFF;
    border-color: #fecd08;
    background-color: #fecd08;
}

#kt_modal_login_form .btn.btn-primary:hover {
    opacity: 0.8;
}

#kt_modal_login_form  .password-reminder {
    font-size: 12px;
    color: #fecd08;
} */

/* Style dla popupów na urządzeniu mobilnym */
/* @media only screen and (max-width: 425px) {

    #kt_modal_login_form h1 {
        font-size: 1.2rem;
    }

    #kt_modal_login_form .text-muted {
        font-size: 12px !important;
    }

    #kt_modal_login_form .btn:not(.close) {
        width: fit-content;
        margin: 0 auto !important;
        margin-bottom: 10px !important;
    }

    #kt_modal_login_form .actions {
        flex-direction: column-reverse;
        margin: 0 auto;
    }

} */

.login-btn:not(#menu-item-55453) {
    background: var(--button-backround);
    color: #fff;
    font-weight: 700;
    padding: 12px 18px 12px 19px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

.login-btn:not(#menu-item-55453):hover {
    opacity: 0.8;
}


/* Notice */
.notice.border {
    border: 1px solid #F4F4F4 !important;
}

.notice.border-danger {
    border-color: rgba(241, 65, 108, 1) !important;
}

.notice.mb-9 {
    margin-bottom: 2.25rem !important;
}

.notice.mt-9 {
    margin-top: 2.25rem !important;
}

.notice.p-6 {
    padding: 1.5rem !important;
}

.notice.rounded {
    border-radius: 0.475rem !important;
}

.notice.bg-light-danger {
    background-color: #fff5f8 !important;
}

.notice.border-dashed {
    border-style: dashed !important;
    border-color: #E1E3EA;
}

.notice .fw-semibold {
    font-weight: 500 !important;
}

.notice .fs-6 {
    font-size: 0.95rem !important;
}

.notice .text-gray-700 {
    color: #5E6278 !important;
}

/* METODY PŁATNOŚCI */
.payment-method {
    display: flex;
    margin-bottom: 15px;
    justify-content: center;
    width: fit-content;
}

.payment-method .method {
    display: flex;
    flex-direction: column;
    width: 200px;
    max-width: 200px;
    height: 130px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: rgb(249, 249, 249);
    justify-content: center;
    align-items: center;
    margin: 10px;
    color: #000 !important;
    box-shadow: 0 2px 3px 0px rgb(0 0 0 / 25%);
    border-radius: 3px;
    transition: .2s all;
}

.payment-method .method:first-child {
    margin-left: 0;
}

.payment-method .method:last-child {
    margin-right: 0;
}

.method:hover {
    /* background-color: #f5f5f5; */
    filter: brightness(90%);
    box-shadow: 0px 0px 30px rgba(0,0,0, 0.6);
    cursor: pointer;
 }
 
 .payment-method:hover .method{
   filter:blur(3px);
   opacity:.5;
   transform: scale(.98);
   box-shadow:none;
 }
 .payment-method:hover .method:hover{
   transform:scale(1);
   filter:blur(0px);
   opacity:1;
   box-shadow:0 8px 20px 0px rgba(0,0,0,0.125);
 }

 @media (max-width: 576px) {

    .payment-method {
        flex-direction: column;
        width: 90%;
        margin-bottom: 20px;
    }

    .payment-method .method:first-child {
        margin-top: 20px !important;
    }

    .payment-method .method {
        margin: 0;
        margin-bottom: 20px !important;
        width: 100%;
        max-width: 100%;
    }

    .payment-method {
        margin: 0 auto;
    }

 }


/* Modal */
#kt_modal_transfer h1 {
    font-size: 1.675rem;
    text-align: center;
    font-weight: bold;
    color: var(--button-backround);
    max-width: 100%;
    margin-bottom: 0;
}

#kt_modal_transfer .text-muted {
    color: #A1A5B7 !important;
    font-size: 16px !important;
}


/* DOKUMENTY */
.block-docs {
    padding: 30px 60px 30px 30px;
}
.block-docs img {
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
    max-width: 143px;
    position: relative;
}

.block-docs .title {
    font-size: 16px;
    color: #676767;
}

.block-files {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    grid-column-gap: 30px;
}

.block-files .single-doc {
    border-top: 1px solid hsla(0,0%,59.2%,.3);
    display: -ms-grid;
    display: grid;
    padding: 16px 16px 16px 25px;
    grid-row-gap: 7px;
    font-size: 11px;
    color: #9e9e9e;
    position: relative;
}

.block-files .single-doc a, .block-files .single-doc .highlight {
    font-size: 14px;
}

.block-files a,
.block-docs a {
    color: #3d3d3d;
    text-decoration: none;
}

.block-files .single-doc .doc-file:before {
    content: url('/assets/media/icons/svg/pdf.svg');
}

.block-files .single-doc .open-in-new:before, .block-files .single-doc .doc-file:before {
    position: absolute;
    left: 0;
    top: 19px;
}

@media screen and (max-width: 650px) {
    .block-docs {
        padding-left: 20px;
        padding-right: 20px;
    }
    .block-files {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        grid-column-gap: 0;
        grid-row-gap: 0;
    }
}
.error {
    display: none;
}

.is-invalid~.error {
    width: 100%;
    display: block !important;
    margin-top: 0.25rem;
    font-size: .75em;
    color: #dc3545;
}

.content.content-error {
    border: 3px solid rgba(231, 76, 60, 0.75);
}

/* Podsumowanie */
.content-footer.go-to-order {
    background: #fff2c1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.content-footer.go-to-order a {
    position: relative;
    cursor: pointer;
    outline: none;
    border: none;
    background: none;
    color: #3d3d3d;
    text-decoration: none;
    padding: 8px 18px 8px 18px;
    border-radius: 5px;
    background: var(--button-backround);
    color: #fff;
    font-weight: 700;
}

.content-footer.go-to-order a:hover {
    opacity: 0.75;
}

/* Opłać polisę */
.content-container.pay-the-policy h1 {
    color: var(--button-backround);
    font-weight: bold;
    font-size: 18px;
}

.content-container.pay-the-policy a.pay-online {
    position: relative;
    display: block;
    cursor: pointer;
    outline: none;
    border: none;
    background: none;
    color: #3d3d3d;
    text-decoration: none;
    padding: 8px 18px 8px 18px;
    border-radius: 5px;
    background: var(--button-backround);
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
    max-width: 250px;
    width: fit-content;
    font-size: 14px;
}

.content-container.pay-the-policy a.pay-online:hover {
    opacity: 0.75;
}

.content-container.pay-the-policy a.go-to-order {
    position: relative;
    display: block;
    cursor: pointer;
    outline: none;
    border: none;
    background: none;
    color: #676767;
    background-color: #f2f2f2;
    text-decoration: none;
    padding: 8px 18px 8px 18px;
    border-radius: 5px;
    font-weight: 700;
    margin: 0 auto;
    max-width: 250px;
    width: fit-content;
    font-size: 14px;
}

.content-container.pay-the-policy a.go-to-order:hover {
    opacity: 0.75;
}

.content-container.pay-the-policy span.pay-online {
    color: #3a3a3a;
    opacity: .59;
    font-size: 12px;
}

.content-container.pay-the-policy p {
    text-align: inherit !important;
}

.form-content .content .content-container.pay-the-policy {
    padding-bottom: 30px !important;
}

.row-insured-separator:not(:first-child) {
    border-top: 1px dashed var(--button-backround);
    margin-top: 15px;
    padding-top: 15px !important;
}

.content-info {
    color: var(--button-backround);
    display: flex;
    padding: 10px 0;
}

.content-info .content-info_icon {
    margin-right: 8px;
}

.content-info .content-info_description {
    color: #3a3a3a;
    opacity: .59;
    font-size: 14px;
}

ul li em {
    font-weight: bold;
    color: var(--button-backround);
    font-style: normal; /* Zapewnia, że nie będzie italic */
}

ul li em a {
    font-weight: bold;
    color: var(--button-backround);
    font-style: normal; /* Zapewnia, że nie będzie italic */
}